//

ФотошопСундучок photoshopsunduchok

Начните свой путь в мир ФОТОШОПА сейчас!

 

 

 

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 


Канал в Дзене:

 

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас на сайте 311 гостей и нет пользователей

Яндекс.Метрика

Создаём глиттеры для фотошопа

Создаём

глиттеры для фотошопа


Глиттеры - это блестящие анимационные картинки. В этом уроке по работе с фотошопом мы научимся делать такие глиттеры для фотошопа.

Мигающая надпись

Смотреть другие уроки по созданию анимации в фотошопе.

{smooth-scroll-top}

Создадим новый документ с параметрами, которые Вы видите на скриншоте ниже.

Окно "Новый"


На передний план установим цвет будущего глиттера и зальём им созданный документ - Alt+Delete.

Выбираем цвет


В палитре "Слои" создадим ещё две копии слоя - два раза нажмём сочетание клавиш Ctrl+J.

Палитра "Слои"


Отключим видимость двух верхних слоёв и перейдём в "Фильтр - Шум - Добавить шум".

Фильтр - Шум - Добавить шум


В появившемся окне установим монохромное "Распределение по Гауссу" и 5% шума.

Окно "Добавить шум"


Включим видимость среднего слоя, остальных выключим. Опять точно так же вызовем фильтр "Добавить шум", но установим 10% шума.

Окно "Добавить шум"


Включим видимость верхнего слоя, остальных выключим. Вызовем фильтр "Добавить шум", и установим 15% шума.

Окно "Добавить шум"


Переходим в "Редактирование - Определить узор".

Редактирование - Определить узор


В диалоговом окне можем дать имя новому узору, я оставил так, как предложила программа - "Узор 1".

Окно "Имя узора"


Оставляем видимость только среднего слоя, точно так же вызываем окно "Имя узора" и даём имя, я оставил имя по умолчанию.

Окно "Имя узора"


Оставляем видимость нижнего слоя, вызываем окно "Имя узора" и даём имя третьему узору, я оставил по умолчанию.

Окно "Имя узора"


Теперь я создал другой документ, залил его подходящим цветом и сделал надпись.

Создаём новый документ


В палитре "Слои" правой кнопкой мыши щёлкаем по верхнему слою и в раскрывшемся списке выбираем пункт "Растрировать текст".

Палитра "Слои"


В палитре слои создаём ещё две копии слоя - Ctrl+J. Удерживая клавишу Ctrl, щёлкаем по миниатюре верхнего слоя - загружаем выделение букв.

Палитра "Слои"


Переходим в "Редактирование - Выполнить заливку".

Редактирование - Выполнить заливку


В появившемся окне "Заливка" в поле "Использовать" выбираем "Узор" (щёлкаем по чёрной стрелке, направленной вниз и выбираем пункт "Узор"). Щёлкаем по чёрной стрелке правее поля "Заказной узор", раскроется список узоров, в котором выбираем ранее созданный нами "Узор 1".

Окно "Заливка"


Выключаем видимость верхнего слоя, делаем активным слой "Глиттер (копия)". Точно так же как и ранее вызываем окно "Заливка", но теперь выбираем "Узор 2".

Окно "Заливка"


Выключаем видимость двух верхних слоёв, делаем активным слой "Глиттер", вызываем окно "Заливка" и выбираем "Узор 3".

Окно "Заливка"


Снимаем выделение - Ctrl+D.

Текст


Открываем палитру "Анимация" - "Окно - Анимация".

Окно - Анимация


По умолчанию в палитре создастся первый кадр. Для этого кадра включаем видимость двух нижних слоёв, остальных - отключаем.

Палитра "Анимация"


В палитре "Анимация" создаём новый кадр - щёлкаем по второй иконке справа. Для этого кадра включаем видимость нижнего слоя и слоя "Глиттер (копия)".

Палитра "Анимация"


Создаём ещё один кадр в палитре "Анимация", включаем видимость верхнего и нижнего слоёв, остальных выключаем. Глиттер создан. Как он работает можно посмотреть, нажав на клавишу "Play" в палитре "Анимация".

Палитра "Анимация"


Сохраняем анимацию, нажимаем сочетание клавиш Shift+Ctrl+Alt+S. Открывается окно "Сохранить для Web и устройств", в котором выбираем формат файла "Gif". Если Вы не очень хорошо разбираетесь в настройках этого окна, остальные параметры оставьте по умолчанию.

Окно "Сохранить для Web и устройств"


Мы создали глиттер для фотошопа.

Мигающая надпись


Если Вам понравился урок, поделитесь ссылкой на него со своими друзьями в своих любимых социальных сетях, кнопки которых Вы видите перед комментариями. Спасибо!


Если Вы не хотите пропустить интересные уроки, информацию о бесплатных видеокурсах и другие новости сайта - подпишитесь на рассылку сайта. Форма для подписки находится ниже.

Ваше имя: *
Ваш e-mail: *
Кнопка для получения подарка

Скачать урок (498 Кб) в формате PDF можно здесь.

Если у Вас есть желание опубликовать на страницах сайта Ваш результат выполнения урока, то вышлите мне на адрес Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в вашем браузере должен быть включен Javascript. Вашу работу и название урока, который Вы использовали при создании своей работы и он обязательно будет опубликован на странице сайта с описанием урока.

{smooth-scroll-top}   

Печать

Комментарии  

Guest
0 # Guest 16.04.2013 22:31
Спасибо огромное за урок, всё получилось!!!
Только в Одноклассниках и в ВКонтакте у меня GIF-анимация становится простой картинкой... Можно как-то загрузить такую красоту там?
Олег
0 # Олег 16.04.2013 23:19
Если у Вас после сохранения глиттер работает в программе для просмотра изображений нормально, то и на этих сайтах он будет работать нормально, если только там допускается загружать такие форматы изображений.
Ludmila
0 # Ludmila 22.03.2013 03:44
:woohoo: ОГРОМНОЕ СПАСИБО ЗА ИНТЕРЕСНЫЙ УРОК!!! :cheer:
Надежда
0 # Надежда 03.01.2013 22:23
надпись получилась, но заливка текста не пошла - заливалось все поле, тон надписи меняла "заменой цвета"
вопрос можно ли применять анимацию формата gif в программе Pinnacl
Олег
0 # Олег 16.04.2013 23:17
Надежда! Программа Pinnacle Studio предназначена для работы с видео, так что вряд ли откроет формат Gif. Хотя стоит попробовать, возможно там реализована такая функция.
nika1809
0 # nika1809 23.12.2012 04:35
СПАСИБО за урок
Татьяна
0 # Татьяна 06.11.2012 01:26
:whistle: а у меня не получился
Guest
0 # Guest 28.09.2012 23:32
Класс :cheer:

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