Как анимировать картинку. Уроки фотошопа. Блеск в фотошопе

Как анимировать картинку. Блеск в фотошопе. Этот урок фотошопа — 2 часть урока В этой части урока мы будем делать анимацию блеска в фотошопе с помощью фильтра Alien Skin Xenofex 2, скачать который вы можете бесплатно по ссылкам в первой частиили по ссылке, в конце этого урока.

Будем украшать наш коллаж блеском.

1. Итак открываем сохраненный коллаж, как новый документ в фотошопе и снимаем замочек двойным кликом по слою левой кнопкой мыши. Берем пипетку в панели инструментов и выбираем с коллажа красивый темный цвет (см. скрин).

2. Берем инструмент прямоугольная область и делаем выделение рамки от левого верхнего угла к правому нижнему. Появилась пунктирная рамочка. Идем в панель слоев и создаем новый слой.

4. Делаем еще две копии слоя с рамкой, зажимаем клавишу Сtrl и кликаем по букве J. Выделение — Отменить выделение. Теперь у нас основной слой с коллажем и 3 слоя с рамочкой. На слое с коллажем глазок всегда включен. Встаем на 1 слой с рамочкой-делаем его активным, на остальных 2 слоях глазки отключаем и идем в панель анимации — Окно — Анимация.

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

6. Встаем на 1 кадр и на 1 слой, идем в Фильтр — Alien Skin Xenofex 2.0-Constellation со следующими настройками:

7. Переходим в панели кадров на 2 кадр, а в панели слоев на 2 слой рамки, напоминаю, что на слое с коллаже глазок всегда включен и выставляем настройки, уменьшая на 20 настройки только одной кнопки — Random Seed, остальные оставляем без изменений:

8. Переходим на последний 3 кадр и на верхний 3 слой рамки, не забывайте отключать глазки на предыдущих слоях. Еща раз уменьшаем значение кнопки Random Seed на 20.

9. Проверим соответствием кадров слоям. Встаем на первый кадр — в слоях глазик включен на 1 слое с рамкой и всегда на слое с коллажем. Затем поочередно встаем на 2 кадр-2 слой, 3 кадр-3 слой. Если все соответствует, возвращаемся на 1 кадр, зажимаем кнопку Shift и кликаем по 3 кадру. Все кадры выделились синим цветом. Теперь выставляем время на 1 кадре 0.2 сек. На всех других кадрах также будет это время задержки. Включаем анимацию и смотрим. Если все устраивает, перейдем к анимации самой картинки.

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

11. Не снимая выделения делаем еще 2 копии слоя, как в п.2. Итак, в панели слоев у нас 3 кадра с рамочкой и 3 кадра с коллажем. Глазки включены на нижнем слое с коллажем-он у нас активный-выделен синим цветом и на 1 слое с рамочкой. На других слоях глазки отключены. В панели анимации стоим на 1 кадре.

12. Идем снова в Фильтр — Alien Skin Xenofex 2.0-Constellation со следующими настройками, фильтр запомнил последние настройки, которые мы выставляли и теперь вам нужно только снова уменьшить еще на 20 значение кнопки Random Seed:

14. И последний кадр, последние слои коллажа и рамки и снова уменьшение на 20 значения кнопки Random Seed. Переходя в слоях на следующий, не забывайте отключать глазок на предыдущем. После того, как проверите соответствие всех кадров слоям идете в Выделение-Отменить выделение.

15. Включаем анимацию и смотрим. Если все устраивает, сохраняем. Идем в Файл — Сохранить для Web и устройств со следующими настройками:

Желаю приятной, творческой работы! Надеюсь, что этот несложный урок вам понравился.

Скачать фильтр Alien Skin Xenofex 2.

Скачать урок Как анимировать картинку. Уроки фотошопа. Блеск в фотошопе.

Способ I
Здесь мы рассмотрим, как можно придать блеск драгоценностям с помощью фильтра Alien Skin Xenofex 2 , кто не знает где взять и как с ним работать, то Вам Сюда

Открываем картинку в ФШ и в окне слои снимаем замочек , кликнув на него левой кнопкой мыши 2 раза.
В окне Слои создаём Новый слой .
Берём Кисть - круглую, жёсткость 100 % , Цвет - любой, размер в зависимости от объекта.
И ставим точки, там где будет блеск.


Дублируем слой Блеск 2 раза Ctrl+J и получаем три слоя с блеском

Теперь к каждому слою с блеском мы применим фильтр Alien Skin Xenofex 2 функцию Constellation
На слое Фото - глазик всегда включен !
Становимся на слой Блеск .
(настройки звёздочек подберите сами)

Становимся на слой Блеск 1 .
Идём Фильтр-Alien Skin Xenofex 2-Constellation

Становимся на слой Блеск 2 .
Идём Фильтр-Alien Skin Xenofex 2-Constellation

Переходим в окно Анимации:
Первому кадру задаём время передвижения от 0 сек.
до 0,2 сек.
И собираем анимацию.


Способ II
В этом способе мы воспользуемся наложением Шума .


Дублируем слой Фото 2 раза Ctrl+J

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

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

Теперь выходим из режима Быстрой маски и переходим в Стандартный режим.

Получаем вот такое выделение:

Что бы получить выделение только вокруг драгоценностей Идём Выделение - Инверсия или жмём сочетание трёх клавиш Shift+Ctrl+I
И получаем вот такое выделение.

Теперь на каждый слой с фото наложим Шум .
Для этого стоя на нижнем слое идём Фильтр - Шум - Добавить шум и выбираем количество Шума.

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

С последним слоем проделайте тоже самое.
Ctrl + D - снять выделение.
Переходим в окно Анимации:
Время кадров я оставила - без задержки.

Сохраняем: Файл - Сохранить для Web в формате GIF .
Способ III
В этом способе мы воспользуемся Кистью звёзда

Такую кисть можно взять
Открываем картинку в ФШ и в окне слои снимаем замочек, кликнув на него левой кнопкой мыши 2 раза.
В окне Слои создаём Новый слой , нажатие на листик.

Выбираем Кисть-звезда , задаём ей нужный размер и кликаем там, где вам надо.

Дублируем слой Звезда 2 раза Ctrl + J

Теперь на слое Звезда 1 и Звезда 2 изменим Непрозрачность слоя , т.е. уменьшим.


Переходим в окно Анимации:
Время передвижения кадров я поставила 0,1 сек.
Собираем анимацию:
Слой Фото - глазик включен на всех кадрах !
1 кадр - слой Звезда и слой Фото
2 кадр - слой Звезда 1 и слой Фото
3 кадр - слой Звезда 2 и слой Фото
4 кадр - слой Звезда 1 и слой Фото
Сохраняем: Файл - Сохранить для Web в формате GIF .
Автор урока
Как сделать анимацию или эффект блесток (глиттеры) в графическом редакторе Adobe Photoshop?
Загружаем нужное нам изображение на рабочий стол редактора.
Я выбрала вот эту симпатичную картинку. Добавим блеска розам.

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

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


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


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



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


И вырезаем.



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


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


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


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


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



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


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




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


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


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


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


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


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


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


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


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


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