Создаем анимационный блеск в Adobe Photoshop

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

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

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

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


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

И вырезаем.


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

Желаю удачи в выполнении урока.
Подпишитесь на , чтобы быть в курсе последних обновлений.
Станьте читателем моего электронного журнала -
Добавь пост в Закладки:



Галина, спасибо Вам! как всегда, все наглядно и пошагово )
как красиво получилось!
Удивительно подробно все изложено. Попробую применить на досуге))) Давно хотела научиться делать нечто подобное.
А я думал, с помощью какой программы это делают.. Теперь ясно)
Какие сверкающие розочки получились у вас, Галина! Очень весело. Подойдут для праздничной открытки.
Создание таких блестяшек можноприменить к любой фотографии.
Все ясно и понятно. Спасибо!
может я что не понимаю — а нельзя было вообще не выделяя нанести блестки на лепестки и поставить другим кадром?
Можно. Есть много способов, но это в следующих уроках.
как я бы хотела такое научиться делать
Спасибо огромное за такое подробное описание процесса! Теперь попробуем повторить)))
Попробовала повторить, но запуталась. Надеюсь, получится, ведь Вы так все замечательно преподнесли
Важно не упустить ничего, любая мелочь может стать роковой для выполнения любого урока на графических редакторах.
мои подписчики по фотошопу спрашивали эту тему,про блестки, можно я напишу им и скажу что Вы мой друг и вас такое есть? вообще могу рассказать так как вы скажите
Танюша, я польщена. Конечно я рада нашей дружбе и благодарна за рекламу.
Очень красиво получилось и ненавязчиво.
Так еще и не так все замудренно)))
Симпатичненько!
Круто! Надо запомнить и сделать открытку на 8 марта)
Сейчас много таких открыток в социальных сетях. Красиво.
Красотень! Я на фотке рыбе хвост и верхний плавник сделала блестящими — загляденье!
Не сайт а просто клад. Столько полезного Спасибо
Давно хотела научиться такую анимашку делать. Спасибо за урок!
Спасибо! Класс! В понедельник моим ученикам понравиться! Очень благодарна!