Graf-Art форум графики

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Graf-Art форум графики » Текстовые уроки » Рисуем баннер с плавным переходом (анимацией)


Рисуем баннер с плавным переходом (анимацией)

Сообщений 1 страница 5 из 5

1

Доброе всем время суток. Давно хотела сделать себе баннер (или подпись) для форума. Так что будем совмещать приятное с полезным.

1. Создаем новое изображение (Ctrl+N) и задаем размер. Я взяла размер 500х50
http://s6.uploads.ru/t/caqrb.png

2. Задаем фон. Я взяла цвета #cb9dee
http://s7.uploads.ru/t/6Msdi.png

3. Далее жму Фильтр - Шум - Добавить шум. Там на глаз выставляла настройки (я взяла 2,45). После этого сделал небольшое размытие (Размытие по Гаусу - 1) , таким образом получая неровный фон.
http://s6.uploads.ru/t/MY80n.png

4. Теперь добавляем надпись. Я возьму одну фразу и разделю ее на части. Моя фраза "Да мне насрать как будут выглядеть мои татуировки в старости!"
Делю на части "Да мне насрать" " как будут выглядеть" " мои татуировки" " в старости!" Располагаю как мне удобно, выбираю шрифт  и накладываю эффекты на шрифт. Каждый делает индивидуально. Я сделал градиент, внешнее свечение, тень, внутреннее свечение.
http://s7.uploads.ru/t/cn8vX.png
http://s3.uploads.ru/t/peC7Q.png
http://s2.uploads.ru/t/ebxm3.png
http://s3.uploads.ru/t/cogV4.png

5. Применяю ко всем слоям с текстом.
http://s7.uploads.ru/t/0lYJM.png

6. Теперь перехожу к окну с анимацией.Первый кадр пустой. На втором кадре оставляю первый слой с текстом, другие скрываю.
http://s6.uploads.ru/t/FbRO2.png

7. Потом выделяю второй кадр и первый и нажимаю на кнопку "Создание промежуточных кадров" (кто не знает, она выглядит вот так http://s3.uploads.ru/t/KmxBP.png
) и добавляю 5 кадров
http://s6.uploads.ru/t/wadoW.png

8. Далее добавляю еще один кадр, открываю второй слой с текстом (другие скрываю) и проделываю всю туже процедуру как в пункте 7.
Потом еще один кадр, 3-й слой с текстом и та же процедура. И т.д. смотря сколько у вас слоев с текстом. Вот что в сложности должно получится
http://s7.uploads.ru/t/0ihOB.png

9. Добавляем последний кадр, убираем с него все слои и создаем так же промежуточные кадры.

10. Далее мы выставляем время на кадрах. На первом кадре я поставила 2 сек, на седьмом кадре я поставила 1 сек,  на 13 - 1 сек, на 19 - 1 сек, на 25 - 1 сек и на последнем 1 сек. Остальные кадры я поставила 0,5 сек.
http://s7.uploads.ru/t/wlUTh.png

11. Не забудьте поставить постоянную прокрутку анимации.

Итог моего урока
http://s7.uploads.ru/t/OhHsg.gif

Спасибо за внимание))

+1

2

Интересный урок, очень.
Позже сама попытаюсь сделать, с результатом сразу отпишусь)

0

3

как-тот так...
http://s7.uploads.ru/t/QGj6r.gif

0

4

а у меня вот так вот получилось http://s2.uploads.ru/t/YS63t.gif

0

5

Умнички. девушки) у обеих хорошо получилось!

0


Вы здесь » Graf-Art форум графики » Текстовые уроки » Рисуем баннер с плавным переходом (анимацией)