-Рубрики

 -Фотоальбом

Фотоальбом закрыт всем, кроме списка избранных и списка друзей. Зарегистрироваться!

 -Поиск по дневнику

Поиск сообщений в Marina-Rozina

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 25.09.2012
Записей:
Комментариев:
Написано: 33681


Флеш приветствие для дневника, изменяющееся в зависимости от времени суток

Среда, 10 Июня 2015 г. 11:25 + в цитатник
Цитата сообщения novprospekt

Флеш приветствие для дневника, изменяющееся в зависимости от времени суток.
 






Будем делать вот такой компактный информер для вашего дневника - часики, календарик и приветствие, текст которого будет меняться в зависимости от времени суток.
Я знаю, что многие уже умеют делать и часики и календарики и такие приветствия. Но приходят новые читатели, которые интересуются созданием флешек. Так, что вопрос - "Как сделать такое приветствие?" задаётся мне постоянно. Так что пусть, как говорится, будет.
Процесс создания такого информера не сложен и доступен даже новичку.
Для создания этой флешки используется скрипт Script Action 2. Так что данный информер можно делать как в программе Sothink SWF Quicker, так и в программе Adobe Flash.
Начнем.
Откройте программу Sothink SWF Quicker и задайте в панели "Свойства" размеры и цвет Рабочего поля (Сцена1)
24-09-2014 18-55-05 (600x391, 82Kb)

Импортируйте на Рабочее поле (Сцена1) фоновую картинку
Файл - Импорт
24-09-2014 19-03-14 (534x565, 186Kb)






Если вы решили сделать информер на прозрачном слое, то фоновую картинку импортировать не нужно.

Перейдем на Временную шкалу программы.На Временной шкале у нас имеется один слой - "Слой 1". Переименуем его в "Фон". Напоминаю, что для переименования слоя по нему надо дважды щелкнуть мышкой и в появившемся диалоговом окне вписать нужное названия для слоя.
После этого выше слоя "Фон" создать три новых слоя - "Часики", "Календарь" и "Приветствие". Для создания нового слоя необходимо нажать на плюсик, который находится под Временной шкалой.
24-09-2014 19-14-04 (700x511, 256Kb)

После создания новых слоёв, выделяем слой "Часики" и идем в меню. Выбираем вкладку "Вставка" В выпадающем контекстном меню этой вкладки выбираем пункт "Новый символ"
Вставка - Новый символ
или нажать сочетание клавиш Ctrl+F8
24-09-2014 19-25-51 (668x477, 298Kb)

В открывшемся диалоговом окне выставляем следующие параметры
24-09-2014 19-36-11 (375x191, 53Kb)
Нажимаем кнопку "ОК" и идем в Библиотеку, где теперь у нас появился видеоролик "Часики". Также после нажатия кнопки "ОК" обычно открывается окно редактирования вновь созданного символа. Если это не произошло, то надо в Библиотеке выделить вновь созданный символ и дважды щелкнуть по нему.
После этого мы попадаем в Рабочее окно видиоролика "Часики", где, собственно, и будем создавать простые цифровые часики, которые после их создания поместим (перетащим из Библиотеки) на основной Рабочий стол (Сцена1). Переключиться на основной Рабочий стол из вкладки редактирования видиоролика "Часики" можно нажав на вкладку "Сцена1" над Временной шкалой.
24-09-2014 19-42-43 (700x527, 222Kb)

Приступим к созданию простых цифровых часиков в поле редактирования этого видеоролика. На Временной шкале в поле редактирования видеоролика "Часики" имеется один слой. Переименоем его в "Часики текст". Выше слоя "Часики текст" создайте новый слой - "Скрипт".
24-09-2014 20-21-07 (700x449, 178Kb)

Возвращаемся на слой "Часики текст", щелкаем по нему мышкой, чтобы выделить. Теперь берем инструмент текст ( щелчок левой клавишей мыши):
25-09-2014 10-24-27 (443x442, 148Kb)

На Рабочем поле инструментом "Текст" выделяем область для текста. Для этого удерживая левую кнопку мыши тянем образовавшуюся рамочку в стороны. Получится поле для ввода текста.
25-09-2014 10-29-16 (700x504, 177Kb)

В текстовом поле щелкаем один раз левой кнопкой мыши и набираем текст "00 00 00" То есть два нуля пробел, два нуля пробел, два нуля
25-09-2014 10-36-31 (610x610, 193Kb)

Теперь необходимо выделить текстовое поле инструментом "Выбор". Для этого в панели инструментов щелкаем по инструменту "Выбор" (черная стрелочка), а затем этим инструментом щелкаем по заполненному текстом текстовому полю. Рамочка текстового поля должна поменять вид на синенькую рамочку.
25-09-2014 11-04-31 (700x590, 216Kb)

После того как текстовое поле выделено инструментом выбор смотрим в нижней части программы вкладку "Свойства" и заполняем её очень внимательно, как на скрине.
25-09-2014 11-11-13 (700x629, 280Kb)

Шрифт, его размер и цвет вы подбираете сами, тот, который вам подходит. Особое внимание обратите на строку var (переменная). В неё обязательно должно быть вписано слово - time, иначе часики работать не будут. Также необходимо Встроить шрифт, нажав на соответствующую кнопку и в появившемся диалоговом окне проставить галочки во всех чекбоксах, после чего нажать "ОК".

Далее опять возвращаемся на слой "Часики текст" и щелкаем мышкой во втором кадре этого слоя и жмём на клавиатуре кнопку F5 или щелкаем вкладку меню "Вставка" и выбираем пункт - Кадр
Вставка - Кадр
25-09-2014 11-35-29 (549x480, 217Kb)

На Временной шкале на слое "Часики текст" у нас теперь два кадра. Это необходимо для того, чтобы наши цифровые часики постоянно обновлялись и показывали нам правильное время.
25-09-2014 11-36-57 (587x586, 294Kb)

Снова встаньте на первый кадр слоя "Часики текст" и перейдите на слой "Скрипт", щелкнув по нему. Затем в нижней части окна программы откройте вкладку "Действие" и вставьте в блокнот этой вкладки следующий скрипт

code:

mydate = new Date();
sec = mydate.getSeconds();
min = mydate.getMinutes();
hour = mydate.getHours();
if (sec < 10)
{
sec = "0" + sec;
} // end if
if (min < 10)
{
min = "0" + min;
} // end if
if (hour < 10)
{
hour = "0" + hour;
} // end if
time = hour + " : " + min + " : " + sec;


25-09-2014 11-42-15 (590x683, 245Kb)

Всё, наши цифровые часики готовы и теперь необходимо поместить их на основное Рабочее поле (Сцена 1) и протестировать их работу. А для этого нам надо переключиться с вкладки Часики на вкладку Сцена 1. Эти вкладки, как уже говорилось, находятся над Временной шкалой.
25-09-2014 11-53-32 (573x301, 181Kb)

После того как вы переключитесь на Сцену 1, то в панели инструментов необходимо выбрать инструмент "Выбор" и им из Библиотеки, на предварительно выделенный слой "Часики", перетащить видеоролик "Часики".
Установите видеоролик "Часики" в нужное место Рабочего поля или фонового слоя. При этом фоновый слой лучше закрыть на замочек, для того чтобы он не сдвигался. Закрыть на замочек слой можно щелкнув мышкой в клеточку, которая находится рядом справа от глазка видимости слоя.
25-09-2014 12-03-48 (700x438, 300Kb)
25-09-2014 12-13-46 (407x408, 159Kb)

Если всё сделали правильно, то часики должны "тикать" и показывать время, установленное на вашем компьютере.

Я специально подробно расписала процесс создания простых цифровых часиков, так как и цифровые календарики и текстовые приветствия создаются по аналогичному принципу.

Теперь можно приступить к созданию Календарика. Как я уже говорила принцип его создания такой же как и у цифровых часиков.
Создаём Новый символ
Вставка - Новый символ
или с клавиатуры нажать сочетание клавиш Ctrl+F8
25-09-2014 12-21-54 (375x191, 55Kb)

После того как нажмете "ОК", откроется окно редактирования видеоролика "Календарь" или если этого не произойдёт необходимо дважды в Библиотеке щелкнуть по этому видеоролику.
В окне редактирования этого видеоролика на Временной шкале вы увидите один слой "Слой 1". Переименуйте его в "Календарь текст" и выше слоя "Календарь текст" создайте слой "Скрипт календарь".
25-09-2014 12-31-18 (700x410, 167Kb)

Инструментом "Текст" на Рабочем поле редактирования видеоролика "Календарь" развернуть текстовое поле для создания текста цифрового календаря и ввести следующий текст
25-09-2014 12-48-52 (700x462, 220Kb)

Далее в панели инструментов выбрать инструмент "Выбор" и щелкнуть им по текстовому полю цифрового календарика. Текст цифрового календарика выделится синей рамочкой.
25-09-2014 12-54-36 (700x531, 229Kb)

После этого открываем вкладку "Свойства" и заполняем её согласно скрину. Размеры шрифта, сам шрифт и его цвет выбираете такой как вам нужно. Необходимо также обязатель встроить шрифт нажав на соответствующую кнопку.
Только необходимо, чтобы размер шрифта давал возможность отобразить все параметры календаря, то есть чтобы после того как календарик был создан весь текст был виден и не обрезался. Если же при предварительном просмотре выяснится, что вы не рассчитали и выбрали большой размер шрифта и ваш тест для календарика не поместился в текстовое поле, то необходимо будет снова зайти в Рабочее поле редактирования видеоролика "Календарь" и, выделив его инструментом "Выбор" (черная стрелочка), в панели "Свойства" поменять размер шрифта на меньший либо инструментом "Текст" увеличить текстовое поле.
25-09-2014 12-55-36 (700x662, 295Kb)

Теперь, как и при создании цифровых часиков, на слое "Календарь" необходимо создать второй кадр для того, чтобы календарик мог периодически обновляться.
Выделяем слой "Календарь", щелкаем второй кадр этого слоя и нажимаем на клавиатуре F5 или из меню
Вставка - Кадр
Возвращаемся на первый кадр слоя и щелкаем по слою "Скрипт". Далее в нижней части окна программы открываем вкладку "Действие" и в блокнот этой вкладки вставляем следующий скрипт

code:

var date = new Date();
var dayweek = date.getDay();
var dayweek_str;
var year = date.getFullYear();
var month = date.getMonth();
var month_str;
var days = date.getDate();
var days_str;
if (days < 10)
{
days_str = "0" + days;
}
else
{
days_str = days;
} // end else if
switch (month)
{
case 0:
{
month_str = "01";
break;
}
case 1:
{
month_str = "02";
break;
}
case 2:
{
month_str = "03";
break;
}
case 3:
{
month_str = "04";
break;
}
case 4:
{
month_str = "05";
break;
}
case 5:
{
month_str = "06";
break;
}
case 6:
{
month_str = "07";
break;
}
case 7:
{
month_str = "08";
break;
}
case 8:
{
month_str = "09";
break;
}
case 9:
{
month_str = "10";
break;
}
case 10:
{
month_str = "11";
break;
}
case 11:
{
month_str = "12";
break;
}
} // End of switch
switch (dayweek)
{
case 0:
{
dayweek_str = "Вс";
break;
}
case 1:
{
dayweek_str = "Пн";
break;
}
case 2:
{
dayweek_str = "Вт";
break;
}
case 3:
{
dayweek_str = "Ср ";
break;
}
case 4:
{
dayweek_str = "Чт";
break;
}
case 5:
{
dayweek_str = "Пят ";
break;
}
case 6:
{
dayweek_str = "Суб";
break;
}
} // End of switch
date_txt.text = dayweek_str + ", " + days_str + ". " + month_str + ". " + year;


 

25-09-2014 13-55-34 (700x622, 267Kb)

Наш цифровой календарик готов и осталось поместить его на основное Рабочее поле (Сцена 1). Для этого переключаемся с вкладки "Календарь" на вкладку "Сцена 1 " и на Временной шкале основного Рабочего поля (Сцена 1) выделяем слой "Календарь". На этот слой инструментом "Выбор" (черная стрелка) перетаскиваем из Библиотеки видеоролик "Календарь" и размещаем его в нужном месте.
25-09-2014 14-10-24 (700x416, 253Kb)
25-09-2014 14-13-54 (381x473, 195Kb)

Тестируем получившийся флеш и если календарик и часики работают, то приступаем к созданию приветствия, текст, которого будет меняться в зависимости от времени суток.
Также создаем Новый символ
Вставка - Новый символ
или с клавиатуры нажать сочетание клавиш Ctrl+F8
25-09-2014 14-18-34 (375x191, 55Kb)

После того как нажмёте "ОК", попадёте в поле редактирования видеоролика "Приветствие". или если этого не произойдёт необходимо дважды в Библиотеке щелкнуть по этому видеоролику.
В окне редактирования этого видеоролика на Временной шкале вы увидите один слой "Слой 1". Переименуйте его в "Приветствие текст" и выше слоя "Приветствие текст" создайте слой "Скрипт приветствие". Инструментом "Текст" разверните на Рабочем поле текстовое поле и впишите туда текст "Доброго вечерочка". Текст должен помещаться в одну линию.
25-09-2014 14-24-14 (700x512, 223Kb)

Инструментом "Выбор" (черная стрелка) щелкаем по созданному тексту и в панели "Свойства" выставляем необходимые параметры согласно скрину
25-09-2014 14-57-15 (700x587, 252Kb)

Подбираете шрифт и обязательно его встройте, нажав на соответствующую кнопку.
Возвращаемся на Временную шкалу, на слой "Приветствие текст" и создаем для этого слоя второй кадр. Выделяем второй кадр слоя и с клавиатуры нажимаем F5 или из меню
Вставка - Кадр
Затем переходим на слой "Скрипт приветствие" и открываем вкладку "Действие". В блокнот вкладки "Действие" вставляем следующий скрипт

code:

mydate = new Date();
sec = mydate.getSeconds();
min = mydate.getMinutes();
hour = mydate.getHours();
if (sec < 10)
{
sec = "0" + sec;
} // end if
if (min < 10)
{
min = "0" + min;
} // end if
if (hour < 10)
{
hour = "0" + hour;
} // end if
if (hour > 5)
{
text = "Доброе утро!";
} // end if
if (hour > 11)
{
text = "Добрый день!";
} // end if
if (hour > 16)
{
text = "Добрый вечер!";
} // end if
if (hour < 6)
{
text = "Доброй ночи!";
} // end if


 

По вкладкам над временной шкалой переключаемся на основное Рабочее поле (Сцену 1).
25-09-2014 15-18-21 (638x322, 206Kb)

Инструментом "Выбор" (черная стрелка) перетаскиваем на слой "Приветствие" (этот слой предварительно должен быть выделен) из Библиотеки видеоролик "Приветствие". Размещаем его в нужном месте и тестируем.
25-09-2014 15-09-00 (700x577, 311Kb)
25-09-2014 15-12-54 (380x560, 227Kb)

Если и цифровые часики, и календарь, и приветствие работают нормально, то сохраняем нашу флешку сначала как проект
Файл - Сохранить как (необходимо указать имя для флеш ролика)
25-09-2014 15-10-36 (320x387, 130Kb)

Затем сохраняем нашу работу как флеш
Файл - Экспорт - Экспорт фильма
25-09-2014 15-11-07 (590x440, 224Kb)





 

Серия сообщений "* уроки Sothink SWF Quicker":
Часть 1 - Делаем музыкальную флеш открытку в программе Sothink SWF Quicker
Часть 2 - Делаем элементарный плеер сами в программе Sothink SWF Quicker
...
Часть 13 - Эффект колышущейся картинки с помощью маски. Урок для Sothink SWF Quicker
Часть 14 - Делаем элементарные цифровые часики в программе Sothink SWF Quicker
Часть 15 - Флеш приветствие для дневника, изменяющееся в зависимости от времени суток
Часть 16 - Создание плеера с кнопками на картинке-фоне в программе Sothink SWF Quicker
Часть 17 - Делаем flash открытку с музыкой своими руками
...
Часть 22 - Создание плеера "Биение сердца" из статичной картинки. Часть I
Часть 23 - Создание плеера "Биение сердца". Часть II
Часть 24 - Урок Sothink SWF Quicker " Анимация роз"

Серия сообщений "* уроки Adobe Flash CS6":
Часть 1 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 3.
Часть 2 - Маска динамическим текстом. Урок для флеш. Action Script 2. Часть 2.
...
Часть 8 - Снегопад с блёстками. Урок для Adobe Flash CS6.
Часть 9 - Делаем флеш открытку с эффектом курсора «Mouse trailer». Урок для Adobe Flash CS6.
Часть 10 - Флеш приветствие для дневника, изменяющееся в зависимости от времени суток
Часть 11 - Что можно сделать, когда не будет Adobe Flash Player

Рубрики:  Флешки, flash/* часики
Флешки, flash/* эпиграфы
Уроки по флеш
Метки:  
Понравилось: 5 пользователям

Алина_Лилия   обратиться по имени Среда, 10 Июня 2015 г. 15:12 (ссылка)
ОЧЕНЬ ПОЛЕНЗНЫЙ УРОК. СПАСИБО БОЛЬШОЕ!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 10 Июня 2015 г. 15:15ссылка
Рада, дорогая, что пригодится. И всё это делается совсем не сложно. Я думала, что гораздо труднее.
Цветок_грез_Танюша   обратиться по имени Среда, 10 Июня 2015 г. 19:18 (ссылка)
Ой, Марина, я как увидела всю эту премудрость, испугалась. Может и не сложно, но мне даже прочитать и разобраться не успеть. Я лучше у тебя готовые буду утаскивать, мастерица ты наша.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 10 Июня 2015 г. 19:57ссылка
Спасибо, дорогая! Ты не представляешь, как я сначала боялась начинать делать флешки, а сейчас мне это очень нравится. Хочется научиться всему. Хорошо, что есть умные люди, которые пишут такие замечательные уроки. Но у меня совсем другая ситуация. Я все дни, кроме выходных, пока муж на работе, сижу одна и могу спокойно во всём разобраться. И наоборот стремлюсь занять голову, чтобы не переживать о сыне.
Перейти к дневнику

Среда, 10 Июня 2015 г. 20:00ссылка
Сын вырос, Марина и живет своей жизнью. Доля наша такая: вырастить и выпустить. Дальше от нас не зависит. Нам только беспокойство и боль и капельки радости.
Я тоже с формулами долго разбиралась, а теперь по ним рамки за несколько минут делаю и даже переделываю. Всему при желании научиться можно.
Перейти к дневнику

Среда, 10 Июня 2015 г. 20:08ссылка
Это точно. Я тоже рамки по формулам делаю. А многие в рамочнике, я даже не знаю, как им пользоваться.
Перейти к дневнику

Среда, 10 Июня 2015 г. 20:10ссылка
Я раньше в Рамочнике делала. А потом его прикрыли. Пришлось формулам обучаться.
Перейти к дневнику

Среда, 10 Июня 2015 г. 20:14ссылка
Понятно. А я сразу по формулам. Но другие до сих пор пользуются какими-то рамочниками. Если хочешь, я у Ларисы спрошу, она там делает очень красивые рамочки. Я такие делать не умею, нет художественного таланта.
Перейти к дневнику

Среда, 10 Июня 2015 г. 20:22ссылка
Талант есть, не лукавь. Твои работы всегда со вкусом и красиво сделаны. Просто рамочки меньше делаешь и нужно много материала в запасе иметь. На Рамочник и формулы меня уже н хватит, Марина. Я тебя от работы не отвлекаю?
Перейти к дневнику

Среда, 10 Июня 2015 г. 20:31ссылка
Нет, дорогая, общаюсь с тобой с удовольствием. Вроде потихоньку раны зализала, могу теперь общаться. А то была в таком состоянии, ни с кем общаться не могла, такая была расстроенная. Мало только твоих работ посмотрела, завтра ещё посмотрю. А сейчас пойду спать, а то у нас уже полвторого ночи. Опять сильный ветер поднялся, наверное, будет дождь. Спокойной ночи, Танюша! Успехов тебе в творчестве и общении! И, конечно, здоровья тебе и твоим близким!
Перейти к дневнику

Среда, 10 Июня 2015 г. 20:33ссылка
Спокойной ночи, Мариночка. Тебе удачи во всем задуманном. Я всегда рада тебе и поговорить с тобой для меня радость. Вот только новости невеселые. В следующий раз напиши: выиграла миллион
Перейти к дневнику

Среда, 10 Июня 2015 г. 20:36ссылка
Хорошо! Как только выиграю, ты первая об этом узнаешь!
tane4ka777   обратиться по имени Суббота, 23 Июля 2016 г. 19:17 (ссылка)
Замечательный урок!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 03 Августа 2016 г. 08:01ссылка
Да, у Марины novprospekt уроки очень хорошие и понятные.
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку