Сделать стартовой  |  Добавить в избранное  |  RSS 2.0
О нас  |  Статистика  |  Обратная связь
Поиск по сайту: Расширенный поиск по сайту
Регистрация на сайте
Забыли пароль?

Навигация

Календарь
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 



» Анимируем Текст - Создаем Танцующий текст
18-04-2013, 15:51 | Уроки Photoshop » Анимация | автор: Svetik-semitsvetik | Просмотров: 957
В данном уроке по Анимации в Фотошопе мы создадим Танцующий текст с использованием фильтра.

Результат:

Анимируем Текст - Создаем Танцующий текст

Приступаем к уроку по работе с Adobe Photoshop

Этап 1. Создаем новый документ 250 на 500 пикс. В принципе пропорции могут быть любыми, но текст может быть только вертикальным, это надо учесть.

Этап 2. Заливаем с помощь инструмента Paint Bucket Tool любой понравившийся Вам цвет.

Этап 3. Выбираем инструмент Vertical Tape Tool из палитры инструментов.
Цвет может быть любым, стоит, однако учесть, что текст должен контрастировать с тоном.
Текст необходимо разместить посередине фона и только вертикально.

Этап 4. Layer > Layer Stile > Blending Option;
Выставьте параметры, которые Вам понравиться (этот шаг можно и пропустить).

Этап 5. Растрируйте слой с текстом. Layer > Rasterize > Type. Теперь с ним можно будет работать как с картинкой.

Этап 6. Соединение слоя текста с слоем фона Ctrl+E.

Этап 7. Создайте дубль слоя Layer > Duplicate Layer Задайте название plus.

Этап 8. Открываем окно слои Window > Layers выбираем слой plus отключаем напротив этого слоя «глаз» так же как напротив слоя фона.

Этап 9. Создаем семь копий слоя plus нажимая Ctrl+J, седьмую копию называем middle.

Этап 10. Теперь аналогичным образом создаем семь копий с названием minus

Панель слоев должна выглядеть как на рисунке:

Анимируем Текст - Создаем Танцующий текст

Дальше работаем со слоями.

Этап 11. Выбираем слой plus в палитре Layers и ставим напротив него значок «глаз».

Этап 12. Выбираем фильтр Filter > Distort > Shear. И выставляем диаграмму в соответствии с рисунком:

Анимируем Текст - Создаем Танцующий текст

Этап 13. Выбираем следующий слой plus copy и нажимаем ctrl+f дважды.

Этап 14. Для plus copy 2 > ctrl+f три раза;

Этап 15. для plus copy 3 > ctrl+f четыре раза;

Этап 16. для plus copy 4 > ctrl+f три раза;

Этап 17. для plus copy 5 > ctrl+f два раза;

Этап 18. для plus copy 6 > ctrl+f один раз;

Этап 19. Переходим на слой minus выбрав его на панели слоев.

Этап 20. Filter > Distort > Shear. И выставляем диаграмму в соответствии с рисунком:

Анимируем Текст - Создаем Танцующий текст

Этап 21. Выбираем следующий слой minus copy и нажимаем ctrl+f дважды;

Этап 22. для minus copy 2 > ctrl+f три раза;

Этап 23. для minus copy 3 > ctrl+f четыре раза;

Этап 24. для minus copy 4 > ctrl+f три раза;

Этап 25. для minus copy 5 > ctrl+f два раза;

Этап 26. для minus copy 6 > ctrl+f один раз;

Теперь время работать с анимацией. В нашей версии фотошопа – CS2 можно использовать анимацию в самом фотошопе, если ее нет, то сначала стоит отравить файл в ImageReady. Делается это так File > Edit in ImageReady;

Дальнейшие действия и в там и там одинаковые.

Этап 27. Windows > Animation;

Этап 28. В открывшемся окне наводим стрелочку на листок в низу окошка Duplicates selected frame и щелкаем 15 раз.
В результате в окне должно получиться 16 frame как на рисунке.

Анимируем Текст - Создаем Танцующий текст

Этап 29. Теперь выбираем первое окошко в Animation и выставляем среди слоев «глаз» на против слоя фона - Background Если на этом этапе «глаз» есть еще на против какого-нибудь слоя, его следует убрать.

Этап 30. Выбираем в Animation окошко с номером 2 и выставляем «глаз» напротив слоя plus.

Этап 31. И так далее, следующее новое окно анимации по порядку и следующий новый слой получает «глаз» по порядку с низу вверх.

Этап 32. Сохранение. Я использую обычно File > Save for Web параметры могут меняться в зависимости от цветовой гаммы, но формат может быть только GIF иначе анимация не сохраниться.

Результат:

Анимируем Текст - Создаем Танцующий текст

Автор: Боль

При копировании данного урока, активная ссылка на наш форум http://forum.photo-manual.ru/ обязательна.
 
| Комментарии (0) | Распечатать
 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:

  • Создаем Анимацию Сердце, которое бъется в Фотошопе
  • Создаем Футурестичный текст в Фотошопе
  • Создаем Горящий, пылающий текст в Фотошопе
  • Делаем неоновую анимацию текста в Фотошопе
  • Эффект скрытой камеры - Анимация в Фотошопе
  • 472: Анимируем Текст - Создаем Танцующий текст18 апреля 2013: Анимируем Текст - Создаем Танцующий текст!
    Анимируем Текст - Создаем Танцующий текст.
    Анимируем Текст - Создаем Танцующий текст
     

    Популярные
    статьи


    Опрос

    Лучший из новостных
    Неплохой движок
    Устраивает ... но ...
    Встречал и получше
    Совсем не понравился




    Главная страница  |  Регистрация  |  Добавить новость  |  Новое на сайте  |  Статистика  |  Обратная связь
    Яндекс.Метрика