Цитата сообщения novprospekt
Будем делать вот такой компактный информер для вашего дневника - часики, календарик и приветствие, текст которого будет меняться в зависимости от времени суток.
Я знаю, что многие уже умеют делать и часики и календарики и такие приветствия. Но приходят новые читатели, которые интересуются созданием флешек. Так, что вопрос - "Как сделать такое приветствие?" задаётся мне постоянно. Так что пусть, как говорится, будет.
Процесс создания такого информера не сложен и доступен даже новичку.
Для создания этой флешки используется скрипт Script Action 2. Так что данный информер можно делать как в программе Sothink SWF Quicker, так и в программе Adobe Flash.
Начнем.
Откройте программу Sothink SWF Quicker и задайте в панели "Свойства" размеры и цвет Рабочего поля (Сцена1)
![24-09-2014 18-55-05 (600x391, 82Kb)](//img0.liveinternet.ru/images/attach/c/11/116/737/116737532_24092014_185505.jpg)
Импортируйте на Рабочее поле (Сцена1) фоновую картинку
Файл - Импорт
![24-09-2014 19-03-14 (534x565, 186Kb)](//img0.liveinternet.ru/images/attach/c/11/116/737/116737822_24092014_190314.jpg)
Если вы решили сделать информер на прозрачном слое, то фоновую картинку импортировать не нужно.
Перейдем на Временную шкалу программы.На Временной шкале у нас имеется один слой - "Слой 1". Переименуем его в "Фон". Напоминаю, что для переименования слоя по нему надо дважды щелкнуть мышкой и в появившемся диалоговом окне вписать нужное названия для слоя.
После этого выше слоя "Фон" создать три новых слоя - "Часики", "Календарь" и "Приветствие". Для создания нового слоя необходимо нажать на плюсик, который находится под Временной шкалой.
![24-09-2014 19-14-04 (700x511, 256Kb)](//img1.liveinternet.ru/images/attach/c/11/116/738/116738053_24092014_191404.jpg)
После создания новых слоёв, выделяем слой "Часики" и идем в меню. Выбираем вкладку "Вставка" В выпадающем контекстном меню этой вкладки выбираем пункт "Новый символ"
Вставка - Новый символ
или нажать сочетание клавиш Ctrl+F8
![24-09-2014 19-25-51 (668x477, 298Kb)](//img0.liveinternet.ru/images/attach/c/11/116/738/116738308_24092014_192551.jpg)
В открывшемся диалоговом окне выставляем следующие параметры
![24-09-2014 19-36-11 (375x191, 53Kb)](//img1.liveinternet.ru/images/attach/c/11/116/738/116738371_24092014_193611.jpg)
Нажимаем кнопку "ОК" и идем в Библиотеку, где теперь у нас появился видеоролик "Часики". Также после нажатия кнопки "ОК" обычно открывается окно редактирования вновь созданного символа. Если это не произошло, то надо в Библиотеке выделить вновь созданный символ и дважды щелкнуть по нему.
После этого мы попадаем в Рабочее окно видиоролика "Часики", где, собственно, и будем создавать простые цифровые часики, которые после их создания поместим (перетащим из Библиотеки) на основной Рабочий стол (Сцена1). Переключиться на основной Рабочий стол из вкладки редактирования видиоролика "Часики" можно нажав на вкладку "Сцена1" над Временной шкалой.
![24-09-2014 19-42-43 (700x527, 222Kb)](//img1.liveinternet.ru/images/attach/c/11/116/739/116739355_24092014_194243.jpg)
Приступим к созданию простых цифровых часиков в поле редактирования этого видеоролика. На Временной шкале в поле редактирования видеоролика "Часики" имеется один слой. Переименоем его в "Часики текст". Выше слоя "Часики текст" создайте новый слой - "Скрипт".
![24-09-2014 20-21-07 (700x449, 178Kb)](//img0.liveinternet.ru/images/attach/c/11/116/739/116739356_24092014_202107.jpg)
Возвращаемся на слой "Часики текст", щелкаем по нему мышкой, чтобы выделить. Теперь берем инструмент текст ( щелчок левой клавишей мыши):
![25-09-2014 10-24-27 (443x442, 148Kb)](//img0.liveinternet.ru/images/attach/c/11/116/752/116752690_25092014_102427.jpg)
На Рабочем поле инструментом "Текст" выделяем область для текста. Для этого удерживая левую кнопку мыши тянем образовавшуюся рамочку в стороны. Получится поле для ввода текста.
![25-09-2014 10-29-16 (700x504, 177Kb)](//img1.liveinternet.ru/images/attach/c/11/116/752/116752691_25092014_102916.jpg)
В текстовом поле щелкаем один раз левой кнопкой мыши и набираем текст "00 00 00" То есть два нуля пробел, два нуля пробел, два нуля
![25-09-2014 10-36-31 (610x610, 193Kb)](//img0.liveinternet.ru/images/attach/c/11/116/752/116752850_25092014_103631.jpg)
Теперь необходимо выделить текстовое поле инструментом "Выбор". Для этого в панели инструментов щелкаем по инструменту "Выбор" (черная стрелочка), а затем этим инструментом щелкаем по заполненному текстом текстовому полю. Рамочка текстового поля должна поменять вид на синенькую рамочку.
![25-09-2014 11-04-31 (700x590, 216Kb)](//img0.liveinternet.ru/images/attach/c/11/116/752/116752882_25092014_110431.jpg)
После того как текстовое поле выделено инструментом выбор смотрим в нижней части программы вкладку "Свойства" и заполняем её очень внимательно, как на скрине.
![25-09-2014 11-11-13 (700x629, 280Kb)](//img1.liveinternet.ru/images/attach/c/11/116/752/116752949_25092014_111113.jpg)
Шрифт, его размер и цвет вы подбираете сами, тот, который вам подходит. Особое внимание обратите на строку var (переменная). В неё обязательно должно быть вписано слово - time, иначе часики работать не будут. Также необходимо Встроить шрифт, нажав на соответствующую кнопку и в появившемся диалоговом окне проставить галочки во всех чекбоксах, после чего нажать "ОК".
Далее опять возвращаемся на слой "Часики текст" и щелкаем мышкой во втором кадре этого слоя и жмём на клавиатуре кнопку F5 или щелкаем вкладку меню "Вставка" и выбираем пункт - Кадр
Вставка - Кадр
![25-09-2014 11-35-29 (549x480, 217Kb)](//img1.liveinternet.ru/images/attach/c/11/116/753/116753149_25092014_113529.jpg)
На Временной шкале на слое "Часики текст" у нас теперь два кадра. Это необходимо для того, чтобы наши цифровые часики постоянно обновлялись и показывали нам правильное время.
![25-09-2014 11-36-57 (587x586, 294Kb)](//img0.liveinternet.ru/images/attach/c/11/116/753/116753150_25092014_113657.jpg)
Снова встаньте на первый кадр слоя "Часики текст" и перейдите на слой "Скрипт", щелкнув по нему. Затем в нижней части окна программы откройте вкладку "Действие" и вставьте в блокнот этой вкладки следующий скрипт
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)](//img1.liveinternet.ru/images/attach/c/11/116/753/116753213_25092014_114215.jpg)
Всё, наши цифровые часики готовы и теперь необходимо поместить их на основное Рабочее поле (Сцена 1) и протестировать их работу. А для этого нам надо переключиться с вкладки Часики на вкладку Сцена 1. Эти вкладки, как уже говорилось, находятся над Временной шкалой.
![25-09-2014 11-53-32 (573x301, 181Kb)](//img0.liveinternet.ru/images/attach/c/11/116/753/116753412_25092014_115332.jpg)
После того как вы переключитесь на Сцену 1, то в панели инструментов необходимо выбрать инструмент "Выбор" и им из Библиотеки, на предварительно выделенный слой "Часики", перетащить видеоролик "Часики".
Установите видеоролик "Часики" в нужное место Рабочего поля или фонового слоя. При этом фоновый слой лучше закрыть на замочек, для того чтобы он не сдвигался. Закрыть на замочек слой можно щелкнув мышкой в клеточку, которая находится рядом справа от глазка видимости слоя.
![25-09-2014 12-03-48 (700x438, 300Kb)](//img1.liveinternet.ru/images/attach/c/11/116/753/116753413_25092014_120348.jpg)
![25-09-2014 12-13-46 (407x408, 159Kb)](//img1.liveinternet.ru/images/attach/c/11/116/753/116753457_25092014_121346.jpg)
Если всё сделали правильно, то часики должны "тикать" и показывать время, установленное на вашем компьютере.
Я специально подробно расписала процесс создания простых цифровых часиков, так как и цифровые календарики и текстовые приветствия создаются по аналогичному принципу.
Теперь можно приступить к созданию Календарика. Как я уже говорила принцип его создания такой же как и у цифровых часиков.
Создаём Новый символ
Вставка - Новый символ
или с клавиатуры нажать сочетание клавиш Ctrl+F8
![25-09-2014 12-21-54 (375x191, 55Kb)](//img0.liveinternet.ru/images/attach/c/11/116/753/116753518_25092014_122154.jpg)
После того как нажмете "ОК", откроется окно редактирования видеоролика "Календарь" или если этого не произойдёт необходимо дважды в Библиотеке щелкнуть по этому видеоролику.
В окне редактирования этого видеоролика на Временной шкале вы увидите один слой "Слой 1". Переименуйте его в "Календарь текст" и выше слоя "Календарь текст" создайте слой "Скрипт календарь".
Инструментом "Текст" на Рабочем поле редактирования видеоролика "Календарь" развернуть текстовое поле для создания текста цифрового календаря и ввести следующий текст
![25-09-2014 12-48-52 (700x462, 220Kb)](//img0.liveinternet.ru/images/attach/c/11/116/753/116753844_25092014_124852.jpg)
Далее в панели инструментов выбрать инструмент "Выбор" и щелкнуть им по текстовому полю цифрового календарика. Текст цифрового календарика выделится синей рамочкой.
![25-09-2014 12-54-36 (700x531, 229Kb)](//img0.liveinternet.ru/images/attach/c/11/116/754/116754164_25092014_125436.jpg)
После этого открываем вкладку "Свойства" и заполняем её согласно скрину. Размеры шрифта, сам шрифт и его цвет выбираете такой как вам нужно. Необходимо также обязатель встроить шрифт нажав на соответствующую кнопку.
Только необходимо, чтобы размер шрифта давал возможность отобразить все параметры календаря, то есть чтобы после того как календарик был создан весь текст был виден и не обрезался. Если же при предварительном просмотре выяснится, что вы не рассчитали и выбрали большой размер шрифта и ваш тест для календарика не поместился в текстовое поле, то необходимо будет снова зайти в Рабочее поле редактирования видеоролика "Календарь" и, выделив его инструментом "Выбор" (черная стрелочка), в панели "Свойства" поменять размер шрифта на меньший либо инструментом "Текст" увеличить текстовое поле.
![25-09-2014 12-55-36 (700x662, 295Kb)](//img1.liveinternet.ru/images/attach/c/11/116/754/116754165_25092014_125536.jpg)
Теперь, как и при создании цифровых часиков, на слое "Календарь" необходимо создать второй кадр для того, чтобы календарик мог периодически обновляться.
Выделяем слой "Календарь", щелкаем второй кадр этого слоя и нажимаем на клавиатуре 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)](//img0.liveinternet.ru/images/attach/c/11/116/754/116754966_25092014_135534.jpg)
Наш цифровой календарик готов и осталось поместить его на основное Рабочее поле (Сцена 1). Для этого переключаемся с вкладки "Календарь" на вкладку "Сцена 1 " и на Временной шкале основного Рабочего поля (Сцена 1) выделяем слой "Календарь". На этот слой инструментом "Выбор" (черная стрелка) перетаскиваем из Библиотеки видеоролик "Календарь" и размещаем его в нужном месте.
![25-09-2014 14-10-24 (700x416, 253Kb)](//img0.liveinternet.ru/images/attach/c/11/116/755/116755208_25092014_141024.jpg)
![25-09-2014 14-13-54 (381x473, 195Kb)](//img0.liveinternet.ru/images/attach/c/11/116/755/116755296_25092014_141354.jpg)
Тестируем получившийся флеш и если календарик и часики работают, то приступаем к созданию приветствия, текст, которого будет меняться в зависимости от времени суток.
Также создаем Новый символ
Вставка - Новый символ
или с клавиатуры нажать сочетание клавиш Ctrl+F8
![25-09-2014 14-18-34 (375x191, 55Kb)](//img0.liveinternet.ru/images/attach/c/11/116/755/116755552_25092014_141834.jpg)
После того как нажмёте "ОК", попадёте в поле редактирования видеоролика "Приветствие". или если этого не произойдёт необходимо дважды в Библиотеке щелкнуть по этому видеоролику.
В окне редактирования этого видеоролика на Временной шкале вы увидите один слой "Слой 1". Переименуйте его в "Приветствие текст" и выше слоя "Приветствие текст" создайте слой "Скрипт приветствие". Инструментом "Текст" разверните на Рабочем поле текстовое поле и впишите туда текст "Доброго вечерочка". Текст должен помещаться в одну линию.
![25-09-2014 14-24-14 (700x512, 223Kb)](//img1.liveinternet.ru/images/attach/c/11/116/755/116755553_25092014_142414.jpg)
Инструментом "Выбор" (черная стрелка) щелкаем по созданному тексту и в панели "Свойства" выставляем необходимые параметры согласно скрину
![25-09-2014 14-57-15 (700x587, 252Kb)](//img0.liveinternet.ru/images/attach/c/11/116/756/116756260_25092014_145715.jpg)
Подбираете шрифт и обязательно его встройте, нажав на соответствующую кнопку.
Возвращаемся на Временную шкалу, на слой "Приветствие текст" и создаем для этого слоя второй кадр. Выделяем второй кадр слоя и с клавиатуры нажимаем 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)](//img1.liveinternet.ru/images/attach/c/11/116/756/116756697_25092014_151821.jpg)
Инструментом "Выбор" (черная стрелка) перетаскиваем на слой "Приветствие" (этот слой предварительно должен быть выделен) из Библиотеки видеоролик "Приветствие". Размещаем его в нужном месте и тестируем.
![25-09-2014 15-09-00 (700x577, 311Kb)](//img1.liveinternet.ru/images/attach/c/11/116/756/116756507_25092014_150900.jpg)
![25-09-2014 15-12-54 (380x560, 227Kb)](//img1.liveinternet.ru/images/attach/c/11/116/756/116756535_25092014_151254.jpg)
Если и цифровые часики, и календарь, и приветствие работают нормально, то сохраняем нашу флешку сначала как проект
Файл - Сохранить как (необходимо указать имя для флеш ролика)
![25-09-2014 15-10-36 (320x387, 130Kb)](//img0.liveinternet.ru/images/attach/c/11/116/756/116756508_25092014_151036.jpg)
Затем сохраняем нашу работу как флеш
Файл - Экспорт - Экспорт фильма
![25-09-2014 15-11-07 (590x440, 224Kb)](//img1.liveinternet.ru/images/attach/c/11/116/756/116756509_25092014_151107.jpg)
Серия сообщений "Часовая мастерская":Как сделать часики, рисование циферблатов и часовых стрелок, сборники клипарта на часовую тему
Часть 1 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 2 - Создаем таймер обратного отсчета в программе Sothink SWFQuicker
...
Часть 13 - Флеш заготовки «Цифровые часикидля ваших работ».
Часть 14 - Мои копилочки с Я - ру. Для часиков.
Часть 15 - Флеш приветствие для дневника, изменяющееся в зависимости от времени суток.