[Bleach RPG.]

Объявление

Ролевая переехала сюда.

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

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


Вы здесь » [Bleach RPG.] » Gallery. » Туториал "Как создать эффект размывающегося текста"


Туториал "Как создать эффект размывающегося текста"

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

1

Этот тутор для тех, кто уже умеет делать ЮБ, но хотел-бы приукрасить их при помощи анимации. В конце работы мы получим такой результат
http://s46.radikal.ru/i113/0807/13/f4984febb444.gif
Итак начнем.
1. Создаем ЮБ (Сдесь я не буду обяснять,что и как)
http://s48.radikal.ru/i119/0807/36/5c23edea8240.png
В этом примере у нас 5 слоёв :
Фон
Полоски
Текст
Стекло
Рамка
http://s41.radikal.ru/i093/0807/fd/e54491f1f9ae.png
2. Берем наш слой "Текст", нажимаем правой кнопкой мыши и выбираем "Dublicate Layer..." ("Cоздать дубликат слоя" третья сверху строка) В появившемся окне кликаем "ОК"
Эту операцию проводим 3 раза. В итоге мы получаем 4 одинаковых слоя с нашим текстом.
http://s43.radikal.ru/i100/0807/09/9b9d0e9f8a9a.png
3. Далее убираем все эффекты со слоев "Текст copy", "Текст copy 2" и т. д. Для этого нажимаем на нужный нам слой правой клавишей мыши и выбираем "Clear Layer Style" ("Очистить Стиль Слоя" в меню эта строка последняя)
Меню "Layers" ("Слои") должно выглядеть так
http://s58.radikal.ru/i162/0807/6e/8972d199736c.png
4. А теперь самое интересное
Выключаем видимость слоя "Текст", что-бы не мешал.
http://s46.radikal.ru/i111/0807/8b/729c780cefdd.png
Выделяем слой "Текст copy" и идем в Filter->Blur->Motion Blur (Фильтр->Размытие->Размытие в движении)
http://s53.radikal.ru/i139/0807/3a/303b37d67e11.png
В открывшемся меню выбираем Angle (угол размытия) и Distance (дистанцию). Я взял угол 0 градусов, Дистанцию 10
(кстати для удобства выключите видимость всех слоев "Текст" кроме того с которым сейчас работаите)
http://s49.radikal.ru/i124/0807/22/0e29a3fada0e.png
Вы должны получить такой результат:
http://s60.radikal.ru/i168/0807/9f/eb266341a6ae.png
5. Далее делаем все тоже самое со слоями "Текст copy 2", "3" и т.д. Только увеличивая дистнцию. К примеру я увеличивал на 10 пикселей
6. Потом переносимся в Adobe Image Ready (если у нас нет такого, значит у вас более старшая версия Photoshop и анимацию можно делатьпрямо в нем)
http://s61.radikal.ru/i174/0807/9b/454f2f37a72b.png
7. Итак создаем четыре кадра с нашим ЮБ. Для этого нажимаем эту кнопку
http://s52.radikal.ru/i137/0807/e7/d124d210c482.png
на панели "Animation" ("Анимация" если этого окна нет тогда идем в Window->Animation (Окно->Анимация))
8. В первом кадре делаем видимым только слой "Текст" (который с эффектами)
Во втором "Текст copy" соответственно и т. д.
Итак нажав кнопочку "Play" ("Пуск") вы должны получить такой результат:
http://s61.radikal.ru/i173/0807/62/9f6c52d4672e.gif
Вот в принципе и все! Далее анимацию можно зациклить, выставить время и т.д.
Пример - мой конечный ЮБ
http://s46.radikal.ru/i113/0807/13/f4984febb444.gif
Спсибо за внимание!
Ваш слуга Hoitoku No Honoo ака 4ECHOK
---
При распространении данного урока указывать ник автора (4ECOK или HoitokuNoHonoo)
---
Свои результаты выкладывайте в эту темку

0

2

ОГРОМНОЕ СПАСИБО! **

0

3

Только просьба злого админа: в сети огромное количество уроков, и давайте, например, давать их в этой одной теме, посвященной теперь всем урокам ФШ. А вообще можно и ссылками на будущее, не перепечатывая текст. Ибо иначе скоро на форуме будут десятки висячих тем, которые и убирать жалко, и не нужны уже никому.

Если же у нас такое количество любителей ФШ, что вы будете обсуждать каждый урок и есть необходимость прям в раздельных темах, тогда говорите мне, сделаю раздел специальный, куда уже будете все скидывать.
А то в Галерее это не пойми к чему.

0

4

Rangiku
Хорошо Рангику-сама. Если вы не против все уроки по ФШ я буду выкладывать в этой темке, а так-же свои работы.

0


Вы здесь » [Bleach RPG.] » Gallery. » Туториал "Как создать эффект размывающегося текста"