• Авторизация


Уроки фотошопа №3. Учимся делать анимированые надписи ! 01-03-2013 18:53 к комментариям - к полной версии - понравилось!

Это цитата сообщения Rukodelkino Оригинальное сообщение

Уроки фотошопа №3. Учимся делать анимированые надписи !

[500x150]

Это очень просто , у меня получилось с 1 раза !
Сразу предупреждаю не пугайтесь объёмности материала
Здесь в основном скриншоты занимают место !

Шаг - 1
Открываем фотошоп
[600x495]



Давайте попробуем создать в ФШ анимированный блестящий текст,

а заодно познакомимся с работой некоторых инструментов.
Сначала создадим глиттерный узор, которым заполним надпись.
Откроем новый документ размером 50х50 пикс.

 

И с разрешением 72 пикс/дюйм.
Выберем цвет надписи.


[600x480]

Дальше откроется табличка
[600x283]
Ставим размеры и жмём " ДА "
Вот что имеем :
[600x480]
Шаг - 2
На панели инструментов найдем инструмент ЗАЛИВКА, и зальем картинку цветом.
[401x533]
Выберайте любой цвет 
[600x480]
Шаг - 3
В меню ФИЛЬТР выбираем ШУМ ДОБАВИТЬ ШУМ, и добавляем 70-80%, не забывая поставить галочку в графе МОНОХРОМНЫЙ.
[600x480]

[378x437]
Шаг - 4
В меню РЕДАКТИРОВАНИЕ выбираем ОПРЕДЕЛИТЬ УЗОР, и сохраняем полученный узор (паттерн). Закрываем документ.
[600x480]


[540x124]


Шаг - 5
Открываем новый документ для надписи (примерно 480х100 пикс)
 
Можете выбрать любой ))

 
На панели инструментов

 
(Т) выбираем инструмент ГОРИЗОНТАЛЬНЫЙ ТЕКСТ, и создаем им рамочку для текста, чуть отступая от краев документа. На верхней панели выбираете шрифт и размер шрифта (48), BOLD, насыщенное. (потом можете выбирать другие параметры-эксперементировать )

Пишем текст. Если текст не уместится в одной строке, границы рамочки можно слегка растянуть.

[305x600]

[600x280]
Жмите " ДА "
Вот что получилось :
[600x480]
 

 

[600x245]
Выбераем на верхней панели шрифт и размер шрифта
[516x600]

 

[600x57]
Теперь пишем !

 

[530x205]
Дальше я его просто растяну :
Для того, чтоб выровнять расположение текста, сжать или растянуть текст, можно использовать

 
РЕДАКТИРОВАНИЕ – СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ.

Выйти из состояния Свободного трансформирования можно, кликнув по любому инструменту в панели инструментов, и в открывшемся окошке нажать ПРИМЕНИТЬ ТРАНСФОРМИРОВАНИЕ

[372x600]
Вот что получилось :
[547x275]
Выходим из состояния
 
Свободного трансформирования,
как это сделать см. выше !
[547x374]
Шаг - 6
В меню СЛОЙ выбираем

СТИЛЬ СЛОЯПЕРЕКРЫТИЕ УЗОРА. В открывшемся окошке находим наш узор. Далее в этом же окошке выбираем пункт ОБВОДКА и создам обводку в 1 пикс. снаружи, тем же цветом, которым заливали узор. Далее, чтоб надпись не выглядела плоской, задаем ТИСНЕНИЕ - Обводящее тиснение, 1 пикс. Жмем на кнопку ДА.
[600x532]


[600x333]


[600x480]

 

[600x340]
Жмём теперь уже кнопку " ДА "

 
Шаг - 7

В меню СЛОЙ выбираем СОЗДАТЬ ДУБЛИКАТ СЛОЯ, и таким образом создаем еще 2 слоя. Активируем третий слой, первые два можно выключить (кликаем по изображению глазика в окошке со слоями)

[285x600]



 

[290x416]
Шаг - 8
Снова открываем СЛОЙ – СТИЛЬ СЛОЯ – ПЕРЕКРЫТИЕ УЗОРА, и в этом положении, при открытом окне, чуть сдвигаем узор на надписи. Затем проделываем то же самое со вторым слоем. Первый слой не трогаем.
[488x600]

 

[600x480]
Жмите " ДА "

 
Шаг- 9

 
Открываем ОКНО – АНИМАЦИЯ, и при помощи выделенной кнопочки создаем еще 2 кадра.

Время – без задержки, т.е. 0 секунд.
[600x480]

[477x136]
Шаг - 10
Далее активируем первый кадр анимации и одновременно включаем первый слой. Переходим на второй кадр, и включаем второй слой, все остальные выключены. И далее третий кадр, и третий слой, не забывая выключить остальные. Посмотреть, что получилось, можно включив анимацию, кликнув по выделенному значку.

Шаг - 11
Сохраняем следующим образом: ФАЙЛ – СОХРАНИТЬ ДЛЯ WEB, в формате GIF.
[302x600]

[600x480]

И вот что у нас получилось
[500x150]
Если я плохо объяснила даю ссылку которой пользовалась сама !

http://clubs.ya.ru/4611686018427416079/replies.xml?item_no=32

Спасибо Леночке Резвых за Мастер Класс!

 

вверх^ к полной версии понравилось! в evernote
Комментарии (1):


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Уроки фотошопа №3. Учимся делать анимированые надписи ! | ledi_Meledi - ...Много интересного...Много полезного... | Лента друзей ledi_Meledi / Полная версия Добавить в друзья Страницы: раньше»