РулеZzZZZ сайт
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Прикольная анимация
broneloko7Date: Суббота, 05.05.2007, 13:31 | Message # 1
Болельщик ФК Локомотив
Группа: Модератор
Сообщений: 266
Статус: ▬[Нету меня]▬
Личное дело!
Здравствуйте, друзья. Сегодня постараюсь научить Вас одному несложному эффекту "прыгающих букв", который в то же время является достаточно красивым и зрелищным. Учиться будем, как всегда на примере аватара.Итак.. Посмотрите на него и приступим:

В качестве основы для аватара послужила эта картинка:

1. Будем делать нашу надпись. Обратите внимание, что для получения такого эффекта необходимо, чтобы каждая буква представляла собой отдельный слой. Да, придется писать только по одной букве, а потом вручную расставлять и выравнивать их. Но ничего, как говорится, красота требует жертв. После того, как вы сделаете надпись, палитра слоёв будет иметь приблизительно такой вид:

2. Переносим изображение в ImageReady. Та картинка, которая есть на данный момент и будет первым кадром. Устанавливаем задержку в 0.1 с. Такая же задержка будет и у ВСЕХ последующих кадров.

3. Начинаем делать анимацию с буквы "Я". Создаем новый кадр. На панели инструментов включаем инструмент Move Tool (v). Делаем активным слой с буквой "Я" и с помощью стрелок на клавиатуре перемещаем ее до поры, когда она "коснется" буквы "А":

4. На палитре Animation нажимаем кнопку Tween () ), которая, как Вы уже, наверное, знаете, автоматически "дозаполнит" нашу анимацию - создаст нужное количество кадров, которые будут переходными от предыдущего кадра, до того, с каким мы работаем в данное время. В нашем случае, мы сгладим анимацию перемещения буквы. Я устанавливал параметр Frames to add равным 2, т.е. между крайними кад рами создавались еще 2 кадра, но Вы можете поекспериментировать с этим параметром.

5. Создаем следующий кадр. В нем нам нужно "вернуть на место" (с помощью стрелок на клавитатуре) букву "Я" и переместить букву "А". Получится что-то вроде:

6. Опять кнопка Tween. Опять устанавливаем Frames to add равным 2. Переходим к следующим буквам…. Переместили одну, вернули на нужное место предыдущую, Tween, Frames to add 2 и опять то же…

7. Когда дойдём до буквы "С" - повторяем весь процесс, только уже в другую сторону, для того, чтобы зациклить нашу анимацию и сделать ее интереснее. В моем случае получился 41 кадр, но создавать их было совсем не обременительно.

вот мой вариант-

Урок взят с сайта-http://www.apside.ru/

Attachment: 55725595.gif (135.8 Kb)


Только-Локо....

Post edited by broneloko7 - Суббота, 05.05.2007, 13:45
 
seryogaDate: Суббота, 05.05.2007, 13:39 | Message # 2
ДиЗаЙнЕр
Группа: Пользователи
Сообщений: 472
Статус: ▬[Нету меня]▬
Личное дело!
я твоего варианта не вижу

 
DasIchDate: Понедельник, 21.05.2007, 14:29 | Message # 3
-=Злой Aдмин=-
Группа: Пользователи
Сообщений: 271
Статус: ▬[Нету меня]▬
Личное дело!
seryoga,
Quote
я твоего варианта не вижу

Значит это толко у тебя токая проблемка потаму что я его вижу!!!


 
seryogaDate: Понедельник, 21.05.2007, 15:21 | Message # 4
ДиЗаЙнЕр
Группа: Пользователи
Сообщений: 472
Статус: ▬[Нету меня]▬
Личное дело!
DasIch, ты посматри дату поста! smile

 
plitockiDate: Суббота, 06.06.2009, 13:36 | Message # 5
Инопланетянин
Группа: Гости
Сообщений: 1
Статус: ▬[Нету меня]▬
Личное дело!
Я чет запутался sad
 
Stepan_MenDate: Понедельник, 10.08.2009, 15:58 | Message # 6
Группа: Инкогнито





Личное дело!
Преподношу для каждого на глобальное просматривание Шосткинскую профорганизацию, г.Шостка. Топ-клуб "Жокей". http://in4rm.org/articles/gshostka_top_klub_zhokei на виду довольно с незапамятных времен, зарекомендовала себя с совершенной стороны, интересуют Ваши ответы, всем большое спасибо.
 
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2006