Как анимировать картинку. Блеск в фотошопе. Этот урок фотошопа — 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
, только тогда нажмите кнопку «Сохранить»
.
Желаю удачи в выполнении урока.