Стильная анимация желтого степплера -> Demiart - Photoshop Форум

Все проекты Демиарта ¬ · Правила Форума · Путеводитель Новичка · Есть Вопрос? | Поиск ¬ · Участники · Дневники ¬ · Гильдии ¬ · Чат · Игры · Подарки · Галерея

Как же я рад тебя видеть, ( Выход ) | Настройки · Закладки · Дневник · Дискуссии · Помощник

• Demiart - Photoshop Форум » Flash » Уроки Flash

Новости

- 07.02 Требуются модераторы
- 07.02 warm wind - победитель конкурса «Вы на Пандоре!»
- 05.02 Голосование «Города»
- 22.01 Добавлено 100 новых flash-игр
- 20.01 Фото-конкурс «Эмоции»
- 19.01 Новый тег «MEDIA»
- 10.01 Открыт набор на курс «Photoshop для начинающих»
- 28.12 Дискуссии: Онлайн-оповещения о новых сообщениях

Горячие темы

- 58 «Портреты девушек. Для всех. 7» →
- 44 «Сайт компании Muscle Drive» →
- 33 «Пейзажи и природа 4» →
- 28 «Сицилия... Италия... Разное...» →
- 28 «Прости... Абрамс...» →
- 24 «лиса и колобок ))» →
- 22 «Выбор фотоаппарата» →
- 19 «Муми-Сумерки» →
- 19 «Визитка - прошу Вашего мнения» →
- 18 «"Обломи соседа" 2» →

Лучшие темы

- 84 «Муми-Сумерки» →
- 71 «лиса и колобок ))» →
- 67 «Узоры на пластике» →
- 66 «Прости... Абрамс...» →
- 66 «Дым осеннего костра» →
- 62 «Где-то на Пандоре» →
- 59 «Ночной охотник. Оцелот.» →
- 33 «Белые цветы» →
- 26 «Рисуем «Сладкая как леденец» …» →
- 24 «Чудовище на охоте» →

Кармовые записи

- 131 «Простенько» © Mewmew
- 105 «Плакаты кистью и красками» © SDofB
- 65 «Ррабо-ота...» © Kettana
- 62 «Все я кодируюсь, начинаю нову…» © женеч
- 62 «Снова про ГМО» © Sandra Clark
- 55 «Вязанная запись № 2» © ямі ямі ямі ямі
- 54 «Сказки детства» © Iced Wings
- 54 «Деревья Селебры» © Magus Verus
- 52 «Перлы начальства» © User 8909
- 50 «Твиттер» © Мания Величия

Правила раздела "Уроки Flash"
1. В данной ветке форума запрещено создавать темы. Если вы хотите выложить свой собственный урок или перевод - это можно сделать здесь.
2. Запрещен флуд (чрезмерное увлечение публикацией собственных картинок полученных в результатате урока) и разговоры не по теме.
3. + остальные правила форума

2 страницы 1 2 |

» Стильная анимация желтого степплера | Просмотров: 2803 | начинающим, простые
Подписаться на дискуссию · Уведомлять по e-mail · Версия для печати Ищем в теме:
Рейтинг темы: 0.

kedicik | Пост №1 * 11 Января 2010, 23:36

online
Рычащий!
Группа: Мастера
Сообщений: 3 252
Пользователь № 60 948
Возраст: 31
Регистрация: 29.11.2007
Проживает: Москва
Дневник: 335 записей
Награды:
Репутация: 405° [ + | — ]
Подарков: 104
Дэмани: 4301 D

Cool yellow stapler animation
Прочитайте все объяснения, подробно описанные в данном уроке, и вы увидите, как создать стильную анимацию степплера, используя специальные трюки flash. Чтобы выполнить этот урок, вы не должны использовать код action script. Используя этот урок, вы также научитесь, как импортировать любую картинку на сцену flash, как анимировать ее, применять flash фильтры к ней и много всего еще. Вы можете использовать эту анимацию для некоторой flash презентации или для банера.
Шаг 1
Вначале, сохраните картинку ниже, которую мы будем использовать в этом уроке
Шаг 2
Создайте новый flash. Нажмите Ctrl+J (свойства документа) и установите размер вашего документа как размер фото (350x426px). Выберите любой цвет фона. Установите для мувика Flash frame rate=35 и кликните ok.
Шаг 3
Назовите текущий слой stapler. Двады кликните по его default имени (Layer 1) для его переименования. Нажмите Enter, как только введете новое имя!
Шаг 4
Теперь выберите File > Import > Import to stage (Ctrl+R) и импортируйте картинку , которую вы только что сохранили, на сцену. Не снимая выделения с картинки, перейдите в панель Align (Ctrl+K) и сделайте следующее:
1. Убедитесь, что кнопка Align/Distribute to Stage нажата,
2. Кликните по кнопке Align horizontal center и
3. Кликните кнопку Align vertical center.
Шаг 5
Не снимая выделения с картинки, нажмите F8 (Convert to Symbol), чтобы конвертировать ее в символ мувиклипа.
Шаг 6
Теперь кликните по кадру 100 и нажмите F6.
Шаг 7
Вернитесь в первый кадр, выберите Selection Tool (V) и кликните по картинке, чтобы выделить ее. Затем перейдите в панель Properties (Ctrl+F3) внизу сцены. Затем, выберите таб Filters с левой стороны. Затем кликните по иконке плюсом и выберите фильтр Blur. Сделайте следующие настройки:
Шаг 8
Кликните по кнопке properties. После этого, справа, вы увидите меню Color. Выберите в нем Alpha и установите его в 0%.
Шаг 9
Правой кнопкой мыши кликните где-нибудь по серой площадке между кадром 1 и 100 на временной шкале и выберите Create Motion Tween из появившегося меню.
Шаг 10
Не уходя с 1-го кадра, используя selection tool (V) или клавиши со стрелками, подвиньте картинку немного левее. Смотри картинку ниже!
Шаг 11
Создайте новый слой выше слоя stapler и назовите его stapler 1.
Шаг 12
Теперь выделите кадр 100 слоя stapler и нажмите Ctrl+C (Copy).
Шаг 13
Вернитесь в первый кадр слоя stapler 1 и нажмите Ctrl+Shift+V (Paste in Place).
Шаг 14
теперь кликните по кадру 100 и намите F6.
Шаг 15
Теперь вернитесь в 1 кадр слоя stapler 1, выберите Selection Tool (V) и кликните по картинке, чтобы выделить ее. После этого, прейите в панель Properties (Ctrl+F3) ниже сцены. Затем, выберите снова таб Filters слева. Кликните по иконке с плюсом выберите фильтр Blur . Сделайте настройки, как ниже:
Шаг 16
Теперь повторите шаги 8 и 9.
Шаг 17
Не уходя с 1 -го кадра слоя stapler 1, подвиньте картинку немного правее. Смотри картинку ниже!
Шаг 18
Создайте новый слой выше слоя stapler 1 и назовите его stapler 2. После этого, повторите шаги 12,13,14,15 и 16.
Шаг 19
Не уходя с 1 -го кадра слоя stapler 2, подвиньте картинку немного выше. Смотри картинку ниже!
Шаг 20
Создайте новый слой выше слоя stapler 2 и назовите его stapler 3. После этого, повторите шаги 12,13,14,15 и 16.
Шаг 21
Не уходя с 1 -го кадра слоя stapler 3, подвиньте картинку немного вниз. Смотри картинку ниже!
Это все!
Протестируйте ваш мувик!
Перевод kedicik
Источник
Это сообщение отредактировал kedicik - 12 Января 2010, 18:43
Присоединённые файлы
stepler.rar ( 78.57к ) Кол-во скачиваний: 140
--------------------
Уроки
Уроки AS3

ключевые слова: как сделать кнопку html нажатой, анимация, КНОПКА ALIGN HORIZONTAL В ФОТОШОПЕ, переименование мувика с помощью actionscript, стильные анимации, foto effekti, flash презентация, as3 работа с css, использование CSS в флэш, URLLoader, Event.COMPLETE, извне

| · ·

Google | Чтобы отключить показ этого рекламного блока зарегистрируйтесь на форуме и переведитесь в группу Хранители
| · ·

MOHCTEP | Пост №2 * 11 Января 2010, 23:53 (спустя 16 мин.)

online
Статский советник
Группа: Мастера
Сообщений: 4 965
Пользователь № 9 953
Возраст: 47
Регистрация: 29.05.2006
Проживает: Эстония
Дневник: 32 записи
Награды:
Репутация: 343° [ + | — ]
Подарков: 77
Дэмани: 2081 D

В уроки.
--------------------
Мои уроки

| · ·

nkslim | Пост №3 * 12 Января 2010, 16:59 (спустя 17 часов 6 мин.)

offline
шептун
Группа: Дебютанты
Сообщений: 14
Пользователь № 49 846
Возраст: 12
Регистрация: 11.10.2007
Проживает: Москва
Репутация: 1° [ + | — ]
Дэмани: 114 D

Цитирую (kedicik)
Шаг 16
Теперь повторите шаг 8.
Тут же надо повторить шаг 9(создать классическую анимацию) насколько я понял...
а так спасибо за урок
Вот результат:
Это сообщение отредактировал nkslim - 12 Января 2010, 17:26

| · · Авторитетность комментария: 0

Duhazzz | Пост №4 * 18 Января 2010, 14:41 (спустя 5 дней)

offline
шептун
Группа: Размышляющие
Сообщений: 41
Пользователь № 609 141
Возраст: 16
Регистрация: 17.05.2009
Проживает: Челябинск
Репутация: нет [ + | — ]
Дэмани: 42 D

Цитирую (kedicik)
Шаг 7
Вернитесь в первый кадр, выберите Selection Tool (V) и кликните по картинке, чтобы выделить ее. Затем перейдите в панель Properties (Ctrl+F3) внизу сцены. Затем, выберите таб Filters с левой стороны. Затем кликните по иконке плюсом и выберите фильтр Blur. Сделайте следующие настройки
ужэ второй урок читаю и не могу найти этого
можэт это из-за того, что у меня стоит macromedia flash 7??? я пробывал поставить 8ой но у меня вылетает ошибка=(
Это сообщение отредактировал Duhazzz - 18 Января 2010, 14:42
--------------------
http://demiart.ru/forum/index.php?showtopic=1346

| · · Авторитетность комментария: 0

Tory1991 | Пост №5 * 18 Января 2010, 15:33 (спустя 52 мин.)

offline
молчун
Группа: Дебютанты
Сообщений: 2
Пользователь № 748 969
Возраст: скрывает
Регистрация: 8.08.2009
Проживает: скрывает
Репутация: нет [ + | — ]
Дэмани: 2 D

как сделать чтобы анимация не проигрывалась безперестанно?

| · · Авторитетность комментария: 0

Spacetraveller | Пост №6 * 18 Января 2010, 16:45 (спустя 1 час 11 мин.)

offline
шептун
Группа: Размышляющие
Сообщений: 17
Пользователь № 123 747
Возраст: скрывает
Регистрация: 1.11.2008
Проживает: Даугавпилс
Репутация: нет [ + | — ]
Дэмани: 17 D

Tory1991, выдели на Timeline последний кадр любого слоя, нажми F9 и впиши в открывшееся окошко stop ();
Флеш будет проигрываться один раз.
Это сообщение отредактировал Spacetraveller - 18 Января 2010, 16:46

| · · Авторитетность комментария: 0

kedicik | Пост №7 * 18 Января 2010, 18:34 (спустя 1 час 48 мин.)

online
Рычащий!
Группа: Мастера
Сообщений: 3 252
Пользователь № 60 948
Возраст: 31
Регистрация: 29.11.2007
Проживает: Москва
Дневник: 335 записей
Награды:
Репутация: 405° [ + | — ]
Подарков: 104
Дэмани: 4301 D

Цитирую (Duhazzz)
я пробывал поставить 8ой
в 8-ом фильтры должны быть
А лучше поставьте Adobe CS3 или CS4
nkslim молодец
--------------------
Уроки
Уроки AS3

| · ·

Duhazzz | Пост №8 * 18 Января 2010, 18:37 (спустя 3 мин. 37 сек.)

offline
шептун
Группа: Размышляющие
Сообщений: 41
Пользователь № 609 141
Возраст: 16
Регистрация: 17.05.2009
Проживает: Челябинск
Репутация: нет [ + | — ]
Дэмани: 42 D

фотошоп у меня стоит)
но это же флеш) мне надо научится во флеше делать
Это сообщение отредактировал Duhazzz - 18 Января 2010, 18:38
--------------------
http://demiart.ru/forum/index.php?showtopic=1346

| · · Авторитетность комментария: 0

kedicik | Пост №9 * 18 Января 2010, 18:40 (спустя 2 мин. 31 сек.)

online
Рычащий!
Группа: Мастера
Сообщений: 3 252
Пользователь № 60 948
Возраст: 31
Регистрация: 29.11.2007
Проживает: Москва
Дневник: 335 записей
Награды:
Репутация: 405° [ + | — ]
Подарков: 104
Дэмани: 4301 D

Duhazzz, я Вам говорю про флеш.
Adobe Flash CS3
--------------------
Уроки
Уроки AS3

| · ·

Duhazzz | Пост №10 * 18 Января 2010, 19:10 (спустя 29 мин.)

offline
шептун
Группа: Размышляющие
Сообщений: 41
Пользователь № 609 141
Возраст: 16
Регистрация: 17.05.2009
Проживает: Челябинск
Репутация: нет [ + | — ]
Дэмани: 42 D

портативный восьмой работает буду на нём делать=)
Цитирую (kedicik)
Duhazzz, я Вам говорю про флеш.
Adobe Flash CS3
ааа ну посмотрим
спасибо за направление=)
Это сообщение отредактировал Duhazzz - 18 Января 2010, 19:11
--------------------
http://demiart.ru/forum/index.php?showtopic=1346

| · · Авторитетность комментария: 0

Spacetraveller | Пост №11 * 18 Января 2010, 19:26 (спустя 16 мин.)

offline
шептун
Группа: Размышляющие
Сообщений: 17
Пользователь № 123 747
Возраст: скрывает
Регистрация: 1.11.2008
Проживает: Даугавпилс
Репутация: нет [ + | — ]
Дэмани: 17 D

Можно немножко уменьшить количество шагов. Делаем полностью анимацию на одном слое, потом копируем его три раза и на первом кадре всех четырёх слоёв двигаем картинку в нужном направлении: вправо, влево, вверх, вниз. Ну и настройки блюра можно на первом кадре каждого слоя поизменять. Только мне результат на четырёх слоях не нравится, каша получается. На двух вполне симпатично.
Вот что у меня получилось.
PS. Что-то при просмотре на полном экране так жутко тормозит.
Это сообщение отредактировал Spacetraveller - 18 Января 2010, 19:35
Присоединённые файлы
pomidor.swf ( 24.26к ) Кол-во скачиваний: 67
pomidor2.swf ( 23.82к ) Кол-во скачиваний: 55

| · · Авторитетность комментария: 0

Duhazzz | Пост №12 * 18 Января 2010, 19:41 (спустя 14 мин.)

offline
шептун
Группа: Размышляющие
Сообщений: 41
Пользователь № 609 141
Возраст: 16
Регистрация: 17.05.2009
Проживает: Челябинск
Репутация: нет [ + | — ]
Дэмани: 42 D

наконецто получилось, суперский урок=)
жаль тока не знаю как разместить флешь анимацию на странице так же, как это сделал nkslim =)
Это сообщение отредактировал Duhazzz - 18 Января 2010, 19:41
--------------------
http://demiart.ru/forum/index.php?showtopic=1346

| · · Авторитетность комментария: 0

kedicik | Пост №13 * 18 Января 2010, 20:00 (спустя 19 мин.)

online
Рычащий!
Группа: Мастера
Сообщений: 3 252
Пользователь № 60 948
Возраст: 31
Регистрация: 29.11.2007
Проживает: Москва
Дневник: 335 записей
Награды:
Репутация: 405° [ + | — ]
Подарков: 104
Дэмани: 4301 D

Duhazzz, можете по кнопке Ответить , далее прикрепить файл
Spacetraveller, получилось неплохо
А можно посмотреть здесь, как вставлять файлы в страничку
тема «Как вставить флеш на форум?»
--------------------
Уроки
Уроки AS3

| · ·

Duhazzz | Пост №14 * 19 Января 2010, 17:10 (спустя 21 час 9 мин.)

offline
шептун
Группа: Размышляющие
Сообщений: 41
Пользователь № 609 141
Возраст: 16
Регистрация: 17.05.2009
Проживает: Челябинск
Репутация: нет [ + | — ]
Дэмани: 42 D

Это сообщение отредактировал Duhazzz - 19 Января 2010, 17:11
--------------------
http://demiart.ru/forum/index.php?showtopic=1346

| · · Авторитетность комментария: 0

kedicik | Пост №15 * 19 Января 2010, 18:34 (спустя 1 час 24 мин.)

online
Рычащий!
Группа: Мастера
Сообщений: 3 252
Пользователь № 60 948
Возраст: 31
Регистрация: 29.11.2007
Проживает: Москва
Дневник: 335 записей
Награды:
Репутация: 405° [ + | — ]
Подарков: 104
Дэмани: 4301 D

Duhazzz, отлично!
--------------------
Уроки
Уроки AS3

| · ·

» Быстрый Ответ

Закрыть все тэги |

Смайлики
Показать всё

Запрещен флуд и бессодержательные комментарии вида: «круто», «спасибо за урок», «обязательно попробую».
Такие сообщения будут удаляться, а их авторы наказываться.

Включить онлайн-уведомления о новых сообщениях в этой теме

1 человек читает эту тему ()
1 пользователь: Strelok
« Предыдущая тема | Уроки Flash | Следующая тема »

2 страницы 1 2 |

» Похожие темы

Стильная анимация подпрыгивания лого урок | kedicik | 24 | 9855 |  | 27 Апреля 2009 - 17:36 » к последнему сообщению
Делаем стильное вертикальное меню урок | -dmi3- | 25 | 26070 |  | 9 Ноября 2009 - 22:12 » к последнему сообщению
Эффект стильной маски с размытием Урок (AS3) | kedicik | 37 | 8610 |  | 21 Декабря 2009 - 03:15 » к последнему сообщению
Урок. Анимация дождя. Для начинающих. Без Action Script. | Gal4onok | 20 | 15590 |  | 10 Января 2010 - 00:57 » к последнему сообщению
урок. анимация пузыриков. не подробный. без скриптов | Gal4onok | 9 | 14050 |  | 11 Декабря 2009 - 06:22 » к последнему сообщению

Быстрый переход по разделам:
Текстовая версия темы

Demiart.ru © 2000-2010. Реклама на Демиарте | Условия использования материалов форума Privacy policy | Powered by Invision Power Board(U) © 2003 IPS, Inc. Настройка и оптимизация сервера — Garrotte VDS-Admin
| Join the Dark Side! We have cookies! |