Анимация текста - Форум
Пятница, 18.05.2012, 17:38
Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Школа мастерства » Уроки Анимации » Анимация текста (Простой и приятный эффект)
Анимация текста
UmichkaДата: Понедельник, 09.08.2010, 21:25 | Сообщение # 1
[Mango]
Группа: admin-creator
Пол:
Сообщений: 3818
Статус сообщение:
Награды: 35
Репутация: 217
Статус:
Медали:
За 3000 Сообщений Автор уроков Мастер сайта Своя творческая тема
Автор: kamakano
Перевод: Umichka

В результате будет получен следующий эффект:

Автор использовал PHOTOSHOP CS2.

1) Создайте новый документ размером 200x100 с белым фоном.

2) Напечатайте ваш текст (прим.переводчика: автор рекомендует использовать любой pixel/bitmap шрифт, в этом уроке используется pepminus10, скачать можно здесь. Обязательно уберите сглаживание!)
В примере используется фраза KAMAKANO ROCKS, набранная черным цветом. Напечатайте любой свой текст и отзумируйте ваше изображение так, чтобы его было хорошо видно.

3) Выберите цвет, которым будет мигать ваш текст, и перепечатайте вашу фразу, перекрашивая каждый раз на одну букву больше. Все эти слои должны располагаться выше вашего оригинального черного текста. (Прим.переводчика: то есть дублируете слой с текстом и закрашиваете первую букву, потом дублируете снова и закрашиваете первые две буквы и т.д.)

4) Далее создайте над всеми слоями с текстом новый пустой слой и нарисуйте простой кистью маленькое сердечко. Можно добавить одно чуть левее текста.
Затем дублируйте слой с сердечком и каждый раз смещайте его над той буквой, которая должна закрашиваться (сколько букв, столько и сердечек).

Можно уменьшить изображение.

5) Создание анимации:

6) Скройте все слои с перекрашенными буквами и сердечками, оставив только самый первй слой с черными буквами KAMAKANO ROCKS.

7) Откройте ImageReady.

8) Продублируйте свой первый кадр. И сделайте видимым самое первое сердечко.

9) Снова продублируйте кадр и сделайте видимым слой с первой закрашенной буквой и сердечком над ним.

10) Повторяйте эти шаги до тех пор, пока не достигнете конца фразы.

11) И наконец, добавьте мигания тексту - просто дублируйте слои с черным и полностью раскрашенным текстом (без сердечек).

12) Проставьте время, уберите белый фон, обрежьте и сохраните!

_____________________

Вот что получилось у меня:



Здесь идет набор актива сайта
Здесь можно сделать у меня заказ
 
beautiful_lieДата: Вторник, 10.08.2010, 15:06 | Сообщение # 2
Nineteen Hundred
Группа: Модераторы
Пол:
Сообщений: 1162
Статус сообщение:
Награды: 12
Репутация: 67
Статус:
Медали:
За 1000 Сообщений Автор уроков Мастер сайта Своя творческая тема
Umichka, супер!))
отличный урок)
спасибо))

***

***
При мне чемодан знаний и скотский характер.
 
Форум » Школа мастерства » Уроки Анимации » Анимация текста (Простой и приятный эффект)
Страница 1 из 11
Поиск:

На форуме сегодня были: maxynewsic