Создаём

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


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

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

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

{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-анимация становится простой картинкой... Можно как-то загрузить такую красоту там?
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 16.04.2013 23:19
Если у Вас после сохранения глиттер работает в программе для просмотра изображений нормально, то и на этих сайтах он будет работать нормально, если только там допускается загружать такие форматы изображений.
Ответить | Ответить с цитатой | Цитировать
Ludmila
0 # Ludmila 22.03.2013 03:44
:woohoo: ОГРОМНОЕ СПАСИБО ЗА ИНТЕРЕСНЫЙ УРОК!!! :cheer:
Ответить | Ответить с цитатой | Цитировать
Надежда
0 # Надежда 03.01.2013 22:23
надпись получилась, но заливка текста не пошла - заливалось все поле, тон надписи меняла "заменой цвета"
вопрос можно ли применять анимацию формата gif в программе Pinnacl
Ответить | Ответить с цитатой | Цитировать
73PH_admin
0 # 73PH_admin 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:
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Кто на сайте

Сейчас 283 гостей и ни одного зарегистрированного пользователя на сайте

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Пользователи, внесшие вклад

Вход на сайт

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

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

 

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

Соглашение

 

 

 

 

Поиск по сайту

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

Что в сундучке?

  • Текстовых уроков - 1152
  • Видеоуроков - 765
  • Вебинаров и тренингов - 66
  • Практических советов - 167
  • Программ - 7
  • Шаблонов, обоев и клипартов - 368
  • Наборов кистей, фигур - 320
  • Календарей - 117
  • Наборов рамок - 560
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 44
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 51
  • Шрифтов - 78
  • Разное - 70