-Рубрики

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

Поиск сообщений в Jorjorych

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

 

 -Сообщества

Читатель сообществ (Всего в списке: 2) Мир_клипарта О_Самом_Интересном

 -Статистика

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


Часы цифровые. Урок 1.

Четверг, 17 Сентября 2015 г. 16:55 + в цитатник


Некое обобщение часовой тематики во флеш. И не только.



Часики цифровые AS3.gif



Сохраните гифку на компьютер (правой кнопкой - сохр...) и просматривайте в плеере, останавливая, по необходимости, в нужных местах.



Пояснения к уроку:



1. Создать документ AS3, размеры не важны, можно по умолчанию.



2. Создать два слоя, именовать для порядка. (можно и на одном слое, но неудобно будет в дальнейшем редактировать необходимое).



3. На нижнем слое инструментом Текст - "Т" создать текстовое поле. Цифры печатаем для визуальной проверки размеров текстового поля, семейства шрифта, цвета, размера, В конце работы цифры с поля можно (нужно) удалить.



4. Открыть панель "Свойства" (текстовое поле выделено!). Главное: Выбрать текст динамический, задать имя time, внедрить! Внедряем цифры и пунктуацию, а можно =Все=. Для "Только секунд, минут, часов" внедрить нужно только цифры. Остальные свойства по пункту 3 на Ваше усмотрение.



5. Активировать верхний слой (AS), открыть панель действия и писать (вставить) код соответствующий.     Для часов без миллисекунд текстовое поле =00 00 00=, а для только секунд, или минут, или часов - =00=. Подогнать размеры текстового поля соответственно. 



addEventListener(Event.ENTER_FRAME, clock);

function clock(e:Event):void {

 var date:Date = new Date();

   var ms = date.getMilliseconds();

   var sec = date.getSeconds();

   var min = date.getMinutes();

   var hour = date.getHours();

     if (ms<100) {

      ms = "0"+ms;

      }

    if (sec<10) {

      sec = "0"+sec;

     }

    if (min<10) {

      min = "0"+min;

     }

     if (hour<10) {

      hour = "0"+hour;

      }

 time.text = hour+":"+min+":"+sec+":"+ms;

}



Все коды и гифка есть во вложении к посту.



Пока всё. В следующем уроке будем анимировать часики. Пишите в комментариях о своих успехах, продемонстрируйте. И о проблемах также.



 

Вложение: 4921595_chasuy_cifrovuye_as3.rar

Серия сообщений "МАСТЕРСКАЯ ФЛЕШ .":
Часть 1 - Уроки флеш от Demiart forum.
Часть 2 - Мастерская флеш открыта! Добро пожаловать!
Часть 3 - Часы цифровые. Урок 1.
Часть 4 - Часы цифровые. Анимация секундного таймера. Урок 2.
Часть 5 - Вращение во флеш. Урок 3.
...
Часть 7 - Секундная стрелка "выстреливает" секунды. AS3. Урок 5.
Часть 8 - Листопад отсчитывает мгновения. Урок 6.
Часть 9 - Эффект отражения на шкале времени. Урок 7.



Процитировано 40 раз
Понравилось: 34 пользователям

Cafe__de__Paris   обратиться по имени Четверг, 17 Сентября 2015 г. 17:05 (ссылка)
Хороший урок! Спасибо вам!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 17:15ссылка
Это только начало курса.
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 17:16ссылка
Отлично, жду продолжения!
Нина36   обратиться по имени Четверг, 17 Сентября 2015 г. 17:25 (ссылка)
Спасибо за урок Георгий,всего доброго!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 19:42ссылка
Всего доброго, успеха!
Татьяна_Волкова_Литвинова   обратиться по имени Четверг, 17 Сентября 2015 г. 17:38 (ссылка)
Георгий, спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 19:42ссылка
По моему, начало не удивило. Продолжим.
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 19:45ссылка
Начало напомнило и кое что уточнило. Спасибо! Продолжим! Вопрос не по теме: Ты убрал радио со страницы? Реклама.
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 19:54ссылка
Радио было внизу - нормально! Теперь вылез на страничку, не занимался, но нужно будет избавиться. Пока некогда.
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 19:59ссылка
Я в посте не нашла вложения. Где оно? А радио немного сворачивается и у Любаши есть пост как его убрать. По его блокированию целая полемика развернулась. Убирается просто установкой расширения Adguard Антибанер. Я поставила расширение, но потом убрала, т.к. внизу страницы я читала новости. А справа оно мне не мешает, т.к. частично скрывается.
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 20:18ссылка
Вот голова, забыл вложение то вложить. Спасибо за подсказку сейчас сделаю.
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 20:31ссылка
Георгий, желательно бы дополнить: как ты сделал розу минутной стрелкой? Как цифровые часы поставить ясно, а вот эффект вращения стрелки это вопрос. Да, еще. ты без маски здесь не обошёлся? А как ее сделать?
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 23:17ссылка
Все ответы будут. Не успеваю всё сразу. Пройдём всё по порядку.
Alisia1   обратиться по имени Четверг, 17 Сентября 2015 г. 18:10 (ссылка)
Ну это урок как сами часы делать,а на картинке совсем другое сделано.На картинке роза это минутная стрелка,которая движется по кругу,а часы сами стоят на месте.
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 19:43ссылка
Вот и доберёмся до финиша, если терпения хватит и Вам, и мне!
LiSu   обратиться по имени Четверг, 17 Сентября 2015 г. 18:33 (ссылка)
Классный урок. Большое спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 19:44ссылка
Поэтапно дойдём до красивых композиций.
Нина_Гуревич   обратиться по имени Четверг, 17 Сентября 2015 г. 19:13 (ссылка)
СПАСИБО, Георгий!! Доброго вечера!!
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 19:45ссылка
Доброго вечера Нина. Вперёд, во флеш!
jzayka   обратиться по имени Четверг, 17 Сентября 2015 г. 20:46 (ссылка)
Все же текстовые уроки со скринами ,на мой взгляд,лучше)))
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 23:20ссылка
Пожалуй, соглашусь. Гифку добавил для большей наглядности.
здесь_нет_никого   обратиться по имени Четверг, 17 Сентября 2015 г. 21:56 (ссылка)
Хороший урок,вот и на лиру открылась школа флеша
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 23:40ссылка
Добрый вечер, Светлана. Очень рад Вашему визиту. Я не против сообщества флешеров на ЛиРу!
koreckolga   обратиться по имени Четверг, 17 Сентября 2015 г. 22:30 (ссылка)
Интересный урок! Спасибо, Георгий!
Будут ли замечания?

Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 23:26ссылка
Ольга, добрый вечер! Очень рад, не знал, что занялась АФ. Отлично! Можно без миллисекунд, Добавить фон и часики готовы. А про анимацию расскажу в дальнейшем. Спасибо!
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 23:30ссылка
Спасибо, Георгий, я давно хотела научиться но всё как-то со временем нехватка. Единственно, что я заметила, у меня очень большой прозрачный фон с этими часиками.
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 23:38ссылка
Уменьшить размеры монтажного кадра в "Свойствах", к примеру, 400*150 или в зависимости от размеров текстового поля.
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 23:40ссылка
ага, я уже поняла, это примерно как в фотошопе..))
Перейти к дневнику

Четверг, 17 Сентября 2015 г. 23:48ссылка
Да, рабочий документ везде.
alexander2012   обратиться по имени Пятница, 18 Сентября 2015 г. 06:59 (ссылка)
Спасибо за урок, Георгий!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 18 Сентября 2015 г. 10:39ссылка
Саша, Adobe Flash установил?
Перейти к дневнику

Пятница, 18 Сентября 2015 г. 14:05ссылка
Георгий, пока нет. Надо глянуть есть ли у меня архив.
galhona   обратиться по имени Пятница, 18 Сентября 2015 г. 09:12 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 18 Сентября 2015 г. 10:39ссылка
С радостью!
Волжанка-52   обратиться по имени Пятница, 18 Сентября 2015 г. 20:23 (ссылка)
Красота какая, на все 100 !!!!!!!!!!!!!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику
KaterinaAverian   обратиться по имени Суббота, 19 Сентября 2015 г. 01:43 (ссылка)
Благодарю!!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 19 Сентября 2015 г. 16:14ссылка
Спасибо, поделитесь успехами!
nadmirchik   обратиться по имени Суббота, 19 Сентября 2015 г. 15:48 (ссылка)
Замечательно!!!! Очень нужный урок! Спасибо большое!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 19 Сентября 2015 г. 16:14ссылка
Спасибо за проявленный интерес. Жду результатов.
Walentina-7   обратиться по имени Суббота, 19 Сентября 2015 г. 20:10 (ссылка)
Благодарю..!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 20 Сентября 2015 г. 15:38ссылка
Спасибо.
эжейни   обратиться по имени Суббота, 19 Сентября 2015 г. 21:48 (ссылка)
Георгий, благодарю за хороший урок ! Часы получились очень красивые!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 20 Сентября 2015 г. 15:38ссылка
Евгения, Вы создали свои часы?!
Перейти к дневнику

Воскресенье, 20 Сентября 2015 г. 16:17ссылка
Прошу извинить меня, Георгий, не создала. Наверно, это обычная отговорка, но у меня сейчас совершенно нет времени из-за уборки и переработки урожая, откладываю всё на "потом". А во-вторых, я плохо ориентируюсь в предоставленной схеме. Зрение не очень и знаний не хватает.
эжейни   обратиться по имени Суббота, 19 Сентября 2015 г. 23:41 (ссылка)
Пока цитировала урок, пропало изображение часов, и у меня их нет. Наверно это из-за вложения, которое Вы вложили, Вместе с изображением и настроение пропало.
Ответить С цитатой В цитатник
ЕЛАНОЧКА   обратиться по имени Воскресенье, 20 Сентября 2015 г. 18:42 (ссылка)
Спасибо большое, Георгий за уроки
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 20 Сентября 2015 г. 23:19ссылка
Пользуйтесь на радостях!
Irina-snez   обратиться по имени Воскресенье, 20 Сентября 2015 г. 22:57 (ссылка)
Добрый вечер, Георгий! Цифровые часики давно уже делаю, сделать розочку на секундной аналоговой стрелке смогу, но не факт, что Вашим способом. А вот летящие секунды не приходила идея сделать. Но самая классная наработка - это гифка! Крайне удобная и компактная штука!!!
Время у меня сейчас очень ограничено, но постепенно прочитаю все!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 20 Сентября 2015 г. 23:22ссылка
Секундную стрелку можно сделать как с плавным ходом, так и с посекундным скачком.
Про гифку: что имеется в виду?
Перейти к дневнику

Воскресенье, 20 Сентября 2015 г. 23:43ссылка
Гифка удобна для чтения урока, не надо передвигать экран. Лучшее получается сосредоточиться на сути...
Перейти к дневнику

Воскресенье, 20 Сентября 2015 г. 23:46ссылка
Не сразу сориентировался о какой гифке ... Кто-то выразился, что лучше скринами. Хотя мне тоже проще гифками.
Sobirayu_vinograd   обратиться по имени Вторник, 22 Сентября 2015 г. 11:43 (ссылка)
Благодарю, Георгий.
Желаю добра и радости!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 22 Сентября 2015 г. 17:46ссылка
И Вам не унывать!
Mono-Liza   обратиться по имени Воскресенье, 27 Сентября 2015 г. 02:49 (ссылка)
Спасибо большое за урок, я немного припоздала с учением, вот хочу начинать в полной боевой готовности.
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 27 Сентября 2015 г. 12:50ссылка
Никогда не поздно! Успеха!
nadmirchik   обратиться по имени Воскресенье, 27 Сентября 2015 г. 15:29 (ссылка)
Спасибо преспасибо !!!! Жду только подходящего времени, для начала. Гости сейчас. Всего самого доброго!!!!
Ответить С цитатой В цитатник
Cadmii   обратиться по имени Четверг, 08 Октября 2015 г. 09:42 (ссылка)
Ммммм... Какая прелесть! И как я отстала от жизни))))
Спасибо, Георгий на интересность.
Цитирую для себя и буду учить.
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 08 Октября 2015 г. 12:31ссылка
Очень рад партнёрству по флеш делам!
Зоя_Крайсик   обратиться по имени Четверг, 15 Октября 2015 г. 15:42 (ссылка)
Георгий,добрый вечер! Вот наконец-то и я имею эту программу CS6...как к ней подойти, с чего начать- голова циркулем..начать с простого...У Вас есть такие уроки?! Спасибо!
Ответить С цитатой В цитатник
Зоя_Крайсик   обратиться по имени Четверг, 15 Октября 2015 г. 17:31 (ссылка)
Георгий...начала пробовать эти часики...в панели Инструментов справа не весь набор... как восстановить или вставить недостающие?
Ответить С цитатой В цитатник
Перейти к дневнику

Четверг, 15 Октября 2015 г. 18:40ссылка
Интерфейс программы меняется по вкусу пользователя. Не знаю какой у Вас порядок в программе, но справа, обычно, находятся вкладки, которых можно открыть, если там отсутствуют, из меню "Окно" вверху. А инструменты должны быть все, обычно слева. Хотя могут быть расположены по разному. то до уроков - Спросите у Яндекса или Гугла уроки флеш для начинающих. Или, может, ещё лучше, на Ютубе видеоуроки.
Перейти к дневнику

Четверг, 15 Октября 2015 г. 19:46ссылка
...в этом случае Инструменты (стандартный набор) как-то посередине слева направо и частичка справка, которыми вы пользовались при рисовании ноликов и т.д. - вот там не все... значит надо скачать др.вариант этой программы...Спасибо...поищу...
Перейти к дневнику

Четверг, 15 Октября 2015 г. 20:39ссылка
Не торопитесь менять, всё переставляется на необходимых Вам местах
kolobrzeg1   обратиться по имени Вторник, 26 Апреля 2016 г. 12:12 (ссылка)
Я сделал часы без сучков.. https://flash.zapodaj.net/swf/84de219b2dd8.swf
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 26 Апреля 2016 г. 12:43ссылка
Отлично получилось! Успехов!
kolobrzeg1   обратиться по имени Вторник, 26 Апреля 2016 г. 13:05 (ссылка)
Я делаю вращение цветок... https://img-fotki.yandex.ru/get/5605/146133857.44/0_12e9f3_50e8949c_orig ...отсутствие программы..этот вариант..Image Hosted by FotoZrzut.pl
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 26 Апреля 2016 г. 13:22ссылка
Да, это движение создано мной и сохранено в программе, смотрите как это делать: http://www.liveinternet.ru/users/jorjorych/post372621899/page1.html#BlCom681277036
kolobrzeg1   обратиться по имени Вторник, 26 Апреля 2016 г. 13:45 (ссылка)
Я сделал
...Я не могу выполнить варианты папки...в моей программе есть
...Image Hosted by FotoZrzut.pl...Это показано на скриншоте
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 26 Апреля 2016 г. 14:29ссылка
Если создали и сохранили настройку движения, выбирайте её и жмите "Применить", затем "Ок"!
Пишите в личку (личное сообщение).
kolobrzeg1   обратиться по имени Вторник, 26 Апреля 2016 г. 14:43 (ссылка)
Я не знаю, как сделать это просто обучение несколько дней в программе...Я не знаю русский, так что ученик из уроков
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 26 Апреля 2016 г. 15:01ссылка
Хороший ученик (ученица)!
kolobrzeg1   обратиться по имени Вторник, 26 Апреля 2016 г. 14:44 (ссылка)
для меня нет никакого выбора, который показал красную стрелку
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 26 Апреля 2016 г. 15:05ссылка
Да, у Вас нет этого выбора. Его нужно создать самой. Или просто делайте это вращение:

Вращение во флеш.gif

Метод 2. Использовать анимацию движения. Это встроенный в программе автоматизированный алгоритм для различной анимации. Рассмотрим тут только вращение. Получим то же, что и программно, только без использования скрипта.

1. Создать фрагмент ролика. Имя можно оставить предложенное. Загружаем изображение, выравниваем по центру.

2. Стали на первый кадр, кликаем правой кнопкой, выбираем "Создать анимацию движения". Соглашаемся на создание ролика. На шкале создаётся линейка, курсор на последнем кадре (24-м - количество кадров в секунду для флешки заданное в начале).

3. Открываем панельку "Преобразование" и задаём угол поворота = 359 (или минус 359 - вращение будет против часовой. Хотя это лишнее, узнаете ниже). Если панели "Преобразование" нету, откройте из меню "Окно".

4. Ролик "Символ1" перемещаем на монтажный кадр, тестируем.

5. Скорость вращения изменяется путём увеличения или уменьшения анимированного участка.

6. Для установки центра вращения заходим в редактирование символа 1 и инструментом "Преобразование" помещаем как нам необходимо.

Вращение во флеш2.gif

Очень важно: можно сохранить созданную анимацию как шаблон и использовать в последующих работах! Делается так:

1. Повторите первые три пункта, то есть создать ролик, используя любое изображение и задать ему анимацию вращения. Получаем вращение вокруг его геометрического центра. Не изменяя, пока, ничего больше открываем панельку "Наборы настроек движения" (если нету - находим в "Окно").

2. Нажимаем иконочку внизу "Сохранить заданные настройки выделенной области" (ролик выделен). Даём название и сохраняем. Этот набор и созданные впоследствии сохранятся в папке программы.
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

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

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

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

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