Как сделать анимацию с бликами и блестками в Фотошоп CS5

Программа Фотошоп (Adobe Photoshop) позволяет украсить картинку, сделать ее праздничной, блестящей и переливающейся. Таким образом можно создать поздравительную открытку. Прекрасно смотрятся украшенные подобным образом новогодние картинки или фотографии с детских утренников.

Инструкция

Установите программу Adobe Photoshop и запустите ее. Откройте фотографию, которую хотите украсить. Создайте второй слой изображения. Он должен быть дублем первого. Нажмите правой кнопкой мыши на первый (нижний) слой и выберите в меню «Дублировать слой».

Когда слои готовы, представьте, как выглядят ваши любимые блестящие картинки, которые можно взять за эталон. Блестящий слой должен играть, переливаться и сверкать. Для этого надо создать неровности или «шум», выражаясь языком дизайнера, работающего в Фотошопе. «Шум» создается таки образом. Находясь в одном из слоев, зайдите в верхнюю панель и найдите в фильтрах название «Шум» или Noise. Выберите «Добавить шум». Параметры «Шума» следует выбирать только методом проб и ошибок, следя за тем, как меняется изображение.

Проделайте такие манипуляции со всеми слоями. Отличие в том, что в каждом последующем слоем параметры «Шума» должны быть менее интенсивными.

Создайте 2 пустых новых слоя. Для этого нажмите на нижней панели в окошке слоев изображение чистого листа или горячую клавишу F7 с включенным английским в языковой панели. На панели инструментов найдите карандаш и задайте размер грифеля - 2-3 пиксела. В одном из пустых слоев нарисуйте белые точки - будущие блестки. Во втором пустом слое рисуйте точки поменьше.

Теперь создайте блики. В панели инструментов найдите кисточку в виде крестика, звездочки или чего-то подобного. Этой кистью нарисуйте блики рядом с точкам в пустых слоях. Блики размойте фильтром Gaussian Blur в разделе Filtres на верхней панели в основном окне. Теперь картинка приобрела праздничный, лучистый вид.

Выполните сведение слоев и сохраните изображение под новым именем.

Совет добавлен 15 ноября 2011 Совет 2: Как сделать фото блестящим Блестящие картинки довольно часто встречаются в качестве аватарок пользователей интернет-ресурсов или поздравительных открыток. При помощи программы Photoshop можно изготовить подобную анимацию и наложить ее на собственное фото.

Вам понадобится

• - программа Photoshop;
• - фотография.

Инструкция

Откройте фото, на которое будете добавлять анимированные блестки, в программе Photoshop комбинацией Ctrl+O или командой Open, которую можно найти в меню File.

Выделите те области фотографии, где будут расположены блестки. Это можно сделать при помощи любого из инструментов выделения, но самый простой способ выделить несколько областей на изображении заключается в использовании режима быстрой маски. Для включения этого режима нажмите клавишу Q.

Закрасьте на фотографии те фрагменты, где будут размещаться блестки при помощи инструмента Brush Tool. Вне зависимости от того, какой цвет у вас является основным, кисть в режиме быстрой маски будет закрашивать изображение красным цветом.

Выйдите из режима быстрой маски, используя ту же клавишу Q. Инвертируйте созданное выделение опцией Inverse из меню Select.

Выберите кисть для рисования блесток. Для этого перейдите в палитру Brushes и кликните по вкладке Brush Tip Shape. В открывшемся окне выберите, кликнув по изображению, одну из кистей Star.

Настройте кисть. Для этого кликните по вкладке Scattering и настройте в этой вкладке значение параметра Scatter в зависимости от того, насколько большой разброс блесток вам нужен. Чем больше значение этого параметра вы настроите, тем больше получится разброс. Поставьте галочку в чекбоксе Both axes.

Подготовьте один из кадров будущей анимации. Для этого создайте новый слой при помощи опции Layer из группы New меню Layer. На этом слое неплотно закрасьте блестками выделенные области, проведя по ним мышкой. Если оказалось, что блестки слишком мелкие, отмените последнее действие комбинацией Ctrl+Z и увеличьте размер кисти во вкладке Brush Tip Shape палитры Brushes, изменив параметр Diameter.

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

Для создания анимации откройте палитру Animation. Это можно сделать опцией Animation из меню Window. В палитре слоев отключите все слои кроме фотографии и самого нижнего ряда блесток, кликнув по картинке в виде глаза слева от слоя. При открытии палитры анимации автоматически создается первый кадр, содержащий изображения со всех видимых слоев.

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

Добавьте еще один кадр таким же способом. При его создании включите самый верхний слой блесток в палитре слоев и отключите блестки, лежащие ближе всего к фотографии.

Настройте длительность кадров. Для этого выделите все кадры в палитре анимации, щелкнув по первому и последнему кадру при зажатой клавише Shift. Кликните по треугольнику в нижней части любого кадра и выберите значение из списка.

Проверьте результат, включив проигрывание кнопкой Play, которая расположена под палитрой анимации. Если нужно, уменьшите длительность кадров или подкорректируйте цвет блесток. Для изменения цвета кликните по слою, цвет блесток на котором вы хотите изменить. Опцией Hue/Saturation из группы Adjustment меню Image откройте окно фильтра и настройте нужный оттенок.

Сохраните блестящую картинку в файл формата gif опцией Save for Web или Save As меню File.

Как сделать фото блестящим - версия для печати

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

Давайте Приступим

Если вы хотите повторить урок и использовать те же самые изображения, то вы можете скачать их бесплатно по следующим ссылкам:

В этом уроке я продемонстрирую Экшен Photoshop Блеск от Sevenstyles, который вы можете найти, как часть Envato Elements .

• Убедитесь, чтобы исходное изображение было в 8-битном RGB цветовом режиме
• Создайте новый слой, назовите этот слой Кисть (brush), на этом слое мы будем прокрашивать кистью

Если вы впервые столкнулись с экшенами, то вам нужно вначале установить экшены в программу Photoshop. Идём в панель Операции (Actions) в Photoshop. Если вы не видите панель, тогда идём в меню, Окно- Операции (Window > Actions), чтобы показать панель. Чтобы установить экшен, скачайте файл .ATN , откройте панель Операции (Actions) в Photoshop, а затем Загрузите Операции (Load Actions) из выпадающего списка. В появившемся окне, выберите файл .ATN , чтобы загрузить его. Далее, экшен будет доступен к использованию.

Супер Простой Способ

Давайте начнём с простого примера. Ниже представлен первый пример изображения, с которого мы начнём:

Изображение птицы, я использую в качестве первого примера

Как только вы создали слой Кисть (brush), прокрасьте кистью те участки изображения, где бы вы хотели бы применить эффект блеска. Цвета, которые вы выберите- это будет цвет блеска (плюс белый цвет), поэтому, я выбрал цвета с оперения птицы для создания гармонии.

Прокрасьте своё исходное изображение в те цвета, в которых вы хотите увидеть свечение блеска Когда экшен завершит свою работу, то вы увидите свечение блеска там, где вы прокрасили кистью

Более Сложный Способ

Теперь давайте сделаем что-то более сложное. Ниже представлено исходное изображение:

На данном изображении представлены три танцора в чёрно-белом цвете – интересное изображение, чтобы попробовать применить эффект

На этот раз я собираюсь применить эффект на чёрно-белом изображении, поскольку, на мой взгляд, цвета ещё лучше будут выделяться. Если вы используете чёрно-белую фотографию, то вам необходимо будет убедиться, что исходное изображение настроено на RGB режим, а не на режим В градациях серого (Greyscale).

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

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

Запустите Экшен

Данный экшен будет состоять из множества слоёв

Вы можете увидеть, что экшен состоит из множества слоёв, которые сгруппированы соответствующим образом. Путём коррекции этих слоёв, мы можем лучше контролировать эффект экшена.

Давайте Проведём Коррекцию

Уменьшите непрозрачность слоя с группой Sparkles_Set 2 с небольшими белыми блёстками, чтобы сделать их немного мягче.

Уменьшите непрозрачность отдельных слоёв с блёстками Приглушите свечение

Вы также можете уменьшить непрозрачность слоя Blur Base , чтобы смягчить белое свечение блёсток.

Завершаем Эффект

В заключение, обратите внимание на слой . Непрозрачность данного слоя установлена на 0% , но вы можете увеличить значение непрозрачности, чтобы приглушить белое свечение на краях. Это будет зависеть от вашего исходного изображения, которое вы используете, относительно того, хотите ли вы это сделать.

Увеличите значение непрозрачности слоя Black Tint, чтобы затемнить края

Проведите общую коррекцию контрастности и яркости всего изображения, и мы завершили создание эффекта!

Завершённое Изображение

Попробуйте Создать Свои Собственные Блёстки

Если вам нравится идея создания своих собственных блёсток / эффекта свечения, тогда посетите потрясающих урок от Marko Kožokar : Как Создать Экшен Блёстки в Adobe Photoshop .

Возможно, вам также понравятся следующие уроки.

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

Сразу оговорюсь, что этот способ не подходит для всех фотографий без исключения, но годится для многих. Идеальный исходник - волосы, на которых уже есть хоть минимальный намек на блеск. Скорее всего ничего не получится на очень светлых локонах. Ну и естественно, если фото будет плохого качества, полезут артефакты, как и при любой другой обработке.

Шаг 1.

Открываем фотографию в Photoshop и выделяем волосы. Точное выделение на этом этапе не нужно, т.к. потом все равно еще придется редактировать.
Просто обводим волосы используя Lasso Tool (Инструмент «Лассо»)

Шаг 2.

Далее создаем поверх слоя Background (Фонового слоя) корректирующий слой Black & White(Черное и Бело) . Для этого нажимаем пиктограмму внизу палитры Layers (Слои / обведена красным кружком) и выбираем нужную строчку.

В появившемся окне ничего пока не настраиваем. Жмем Оk.

Шаг 3.

Видим, что в строчке корректирующего слояпоявилась маска слоя с нашим выделением волос.
(преимущество корректирующего слоя перед теми же идентичными командами из меню Image – Adjustments (Изображение - Коррекция) в том, что мы можем в любой момент зайти в него (двойным щелчком по его пиктограмме в палитре Layers (Слои) ) и поменять настройки, чем мы позже и займемся).

Шаг 4.

Снова нажимаем на ту же пиктограмму, только теперь при нажатой клавише Alt. И выбираем строчку Curves (Кривые) . (Alt мы удерживаем для того, чтобы маска слоя Black & White (Черное и Бело) также ограничивала зону действия и корректирующего слоя Curves (Кривые) ). Для этого же в выскочившем окошке New Layer (Новый слой) обязательно ставим галочку. Оk.

Шаг 5.

Теперь нам нужно нарисовать свою кривую. Выбираем в окошке Curves (Кривые) карандаш и рисуем таким образом: щелкаем в нижнем левом углу, зажимаем Shift и щелкаем в центральной верхней точке, и не отпуская Shift щелкаем в правой нижней точке. Оk.

Шаг 6.

Пока результат не очень: резкие границы, непонятные переливы и черно-белые волосы.

Шаг 7.

Исправляем последнее. Копируем слой Background (Фон) . Встаем на него в палитре Layers (Слоев / F7) и нажимаем Ctrl+J . Перетаскиваем скопированный слой на самый верх и устанавливаем для него режим наложения Color (Цветность) . Теперь волосы вновь стали цветные.

Шаг 8.

Наша палитра слоев должна выглядеть вот так:

Самое главное мы сделали, осталось лишь отредактировать наши шикарные волосы.

Шаг 9.

В первую очередь избавимся от лишних краев.

Встаем на слой Black & White (Черное и Белое) и выбираем черную кисть с мягкими краями. Основное условие здесь – это чтобы кисть была не прозрачной (следим, чтобы Opacity (Непрозрачность) нашей кисточки стояла 100% ).

Шаг 10.

И аккуратно закрашиваем края (мы видим, как они стираются, потому что рисуем по маске слоя и черный цвет скрывает все, что под него попадает). Если стерли лишнее, нажимаем X (черный цвет поменяется на белый) и возвращаем стертое на место.

Шаг 11.

Итак. Теперь у нас аккуратные края, но волосы еще далеки от идеала. Мы можем поменять режим наложения для слоя Black & White (Черное и Белое):

Если волосы темные – оставляем режим наложения Normal (Нормальный) , еще может подойти Lighten (Замена светлым) . Если светлые – определенно Screen (Экран) . Также режим наложения Screen (Экран) подойдет, если мы хотим получить интенсивный блеск на темных волосах.

Для данной картинки я выбрала Screen (Экран).

Шаг 12.

Теперь самое интересное. Настраиваем переливы и степень блеска. Для этого надо зайти в окно Black & White (Черное и Белое) (для этого делаем двойной щелчок по пиктограмме корректирующего слоя).

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

Я начинаю с того, что двигаю красный ползунок немного влево, а потом принимаюсь за желтый, и так дальше чередуя эти два ползунка добиваюсь неплохого внешнего вида)

Это последний этап работы, так что стараемся получить наилучший результат. Я остановилась на этой комбинации:

Если как мы не двигаем ползунки, все равно получается не то, что хотели – пробуем менять режим наложения слоя Black & White (Черное и Белое), а потом возвращаемся в окошко и снова передвигаем ползунки.

Шаг 13.

В конце можем стереть черной непрозрачной кисточкой слишком резкие блики. И при желании, чтобы переливы были менее насыщенные, можем немного снизить непрозрачность верхнего слоя Color.

Как сделать анимацию или эффект блесток (глиттеры) в графическом редакторе Adobe Photoshop?
Загружаем нужное нам изображение на рабочий стол редактора.
Я выбрала вот эту симпатичную картинку. Добавим блеска розам.

Продублируем наш слой, для этого перетащим слой с исходным изображением на значок создания дубликата слоя.

Слой с оригиналом можно удалить, а дубликат еще раз продублировать.


Работать будем с самым верхним слоем. Увеличиваем наше изображение с помощью инструмента«Лупа» .


Находим инструмент «Быстрое выделение» с плюсом, и выделяем каждую розочку поочередно. Если где-то выделилось лишнее, то берем этот же инструмент с минусом и аккуратно все подправляем.



Делаем инверсию.


И вырезаем.



Поработаем со слоем с вырезанными розочками. Дважды щелкнем левой кнопкой мыши (ЛКМ) на этом слое.


Открывается таблица «Стиль слоя» , где мы выделяем параметр «Тиснение» .


И настраиваем его так:


Не нажимая «ОК» , ставим галочку и выделяем «Контур» . Настраиваем его.


Подобным образом выделяем и настраиваем параметр «Текстура» . Выбираем подходящий узор.



И только после всех этих настроек нажимаем «ОК» . Должна получиться вот такая картинка.


Если у вас нет такого узора, то возьмите какой-то из этих, я использовала первый.




Как его вставить в Фотошоп? Очень просто. Сохраняете рисунок на своем компьютере и открываете его в Adobe Photoshop , как любой другой файл, с которым собрались работать. Дальше – меню«Редактирование» и «Определить узор» .


Узор сам загрузится в Photoshop , во вкладку «Узоры» . Таким образом, вы можете сами создавать любые узоры и текстуры, но об этом поговорим в следующем уроке.
Сделаем копию слоя с получившимися розочками и сместим немного блестки. Для этого, делаем активным верхний слой и дважды кликнем на эффект «Тиснение» . У нас опять откроется таблица«Стиль слоя» , но она нам не нужна, никакие настройки мы производить не будем, а на картинке, на рабочем столе, курсором сдвинем блестки немного в сторону, на несколько пикселей.


Можно сделать не один, а несколько таких слоев с копией и в каждом слое проделать подобную процедуру.


Теперь, когда количество изображений достаточно для коротенького фильма на картинке, мы приступаем к созданию анимации: «Окно» => «Анимация» .


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


Теперь оставляем видимым фоновый слой и один из слоев с блестками и нажимаем на кнопку создания нового слоя (кадра). Появился новый слой с текущими данными.
Следующим действием – опять оставляем видимым фоновый слой и уже следующий слой сблестками и опять добавляем этот новый слой.


Таким образом, делается любая анимация - сначала создаются слои, потом они поочередно добавляются как новый слой в окно создания анимации .
Настраиваем время задержки каждого кадра.


Проверяем, что у нас получилось. Для этого просто запускаем анимацию , которая оживает у нас на рабочем столе, а в окне анимации синяя рамочка перемещается с одного кадра на другой.
Если что-то у вас не получилось, то всегда можно вернуться назад и переделать. Я удалила один кадр, посчитала, что так будет лучше.
Анимация готова. Розочки ожили, мы создали эффект блесток .
Сохранять анимацию нужно в формате GIF , «Файл» => «Сохранить для Web и устройств…» (Alt + Shift +Ctrl +S) .


Проследите, чтобы в настройках открывшегося окна, в «Формате оптимизации файла» , стоял формат GIF , только тогда нажмите кнопку «Сохранить» .


Желаю удачи в выполнении урока.

Ну ладно, это всё лирика, приступим к рисованию. Возьмём фото:

И попробуем эти красные труселя разнообразить.
В труселедизайне я использовал этот глиттер:

Берём инструмент Перо (Pen , клавиша Р) и выделяем контур труселей.

Замыкаем (при подведении курсора к началу линии контура у курсора появляется кружочек). Рисуем второй конур в верхнем участке труселей, там, где они висят на верёвочке. Кликаем правой клавишей мыши по контуру. Особая точность выделения для днной радачи не нужна. В открывшемся контекстном меню выбираем "Образовать выделенную область". Открывается еще одно окно, выбираем радиус растушёвки 1 пкс.

Жмём Ctrl+J три раза. Получилось три клона выделенного участка фотки, а именно - труселей.

Открываем палитру слоёв и переименовываем фоновую фотку в "Фон" , а три новых слоя в "Т1", "Т2" и "Т3".

Теперь будем разбираться с глиттером. Загружаем глиттер в Фотошоп как описано выше. Скачать набор можно в материале , в наборе находится 118 различных глиттеров.

Открываем палитру слоёв , активируем первый слой.

Кликаем по вкладке Редактирование-->Определить узор.В открывшемся окне придумываем имя узору, напр. G1.
То же проделываем со слоями 2 и 3 ,дав им имена G2 и G3.

Возвращаемся к изображению с труселями.
Переходим на палитру слоёв, активируем первый слой с выделенными труселями "Т1" и кликаем на кнопку "Стиль слоя".

Выбираем строку "Наложение узора". Выбираем первый узор, режим наложение "Жёсткое смешение".

Слою Т2 и Т3 придаём узоры G2 и G3 соответственно с таким же режимом наложения.
Выключаем видимость слоёв Т2 и Т3,оставляем видимость слоёв Фон и Т1.
Открываем палитру анимации.
Первый кадр сгенерировался автоматически.
Создаём второй фрейм на палитре анимации, убираем видимость у слоя Т1 и включаем Т2.
Создаём третий фрейм анимации, убираем видимость у слоя Т2 и включаем Т3.
Ставим цикл анимации на "Непрерывно" (кнопка в левом нижнем углу палитры анимации).
Запускаем.