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

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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

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

  • lev-mir

 

 

 

 

 

 

Последние комментарии

Яндекс.Метрика

Анимация блика

Анимация блика

Всем привет!

Сегодня в уроке "Анимация блика" мы будем добавлять анимированный блик на фотографию.

Таким бликом можно «оживить» любое фото, на котором присутствует объект, имеющий свойство блестеть или бликовать. Эффект довольно прост в исполнении и будет прекрасно смотреться, например, на аватарке для социальных сетей.

Сначала мы откроем изображение из папки с исходниками, кадрируем (обрежем) его и изменим размер. Затем создадим 5 копий слоя, один слой оставим без изменений, к остальным применим фильтр Блик с разными настройками. Далее мы перейдем в панель анимации, «оживим» нашу картинку и сохраним анимацию.

 

Анимация блика

 

Открываем в фотошоп (Ctrl+O) фотографию из папки с исходниками.

1

Активируем инструмент Рамка. В верхней панели настроек инструмента Рамка вводим настройки, как на рисунке ниже, чтобы получить в итоге квадратное изображение. Потянув за уголки рамки, уменьшаем рамку кадрирования. Для применения кадрирования нажимаем клавишу Enter на клавиатуре или жмем на «галочку» в верхней панели настроек инструмента Рамка.

2

3

4

5

Картинка в большом разрешении, что довольно хорошо для создания коллажей, но для анимации нам нежелателен такой большой размер. Лучше ограничиться размером 600-800 пикселей по длинной стороне.

Чтобы уменьшить изображение переходим в меню Изображение-Размер изображения и в появившемся окне вводим примерно такие значения, как на скриншоте ниже. Значок замка, отмеченный стрелочкой, должен быть активен – это позволит изменить размер пропорционально.

6

7

В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.

8

Переименовываем фоновый слой в «1». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

9

Создаем 5 копий слоя «1». Чтобы создать копию слоя, нажмите сочетание клавиш Ctrl+J. Переименовываем слои снизу вверх в «2», «3», «4», «5» и «6». На скриншоте вы можете это увидеть более наглядно.

10

В панели слоев отключаем видимость верхних слоев, нажав на «глазики» около слоев и активируем слой «2».

11

Переходим в меню Фильтр-Рендеринг-Блик. В открывшемся окне перетаскиваем «крестик» в ту область, где должен располагаться блик. Меняем значение яркости на 45%.  

12

13

14

В панели слоев возвращаем видимость слою «3» и делаем его активным. Снова переходим в фильтр Блик (Фильтр-Рендеринг-Блик) и вводим настройки, как на рисунке ниже. Мы увеличили значение Яркости на 20%.

15

16

17

К слою «4» применяем фильтр Блик со следующими настройками.

18

19

Для слоя «5» используем настройки, как на картинке.

20

21

И к последнему слою «6» применяем фильтр Блик со следующими настройками. Значения для Яркости условные, вы можете как подобрать другие значения для этого параметра, так и поэкспериментировать, и выбрать другой тип блика. Главное, соблюдать одно правило – для каждого последующего слоя увеличивать значение Яркости, так блик будет постепенно «загораться». Если же нужно добиться затухания блика, то действуем с точностью до наоборот – уменьшаем значение Яркости.

22

23

Теперь нам предстоит самое интересное – придать блику динамики.

Переходим в меню Окно-Шкала времени.

24

Далее кликаем по кнопке «Создать шкалу времени для видео».

25

В завершение нажимаем на иконку, отмеченную ниже.

26

Появится окно анимации.

27

В окне анимации (шкале времени) кликаем по значку, отмеченному стрелочкой и выбираем «Образовать кадры из слоев». Появится 6 кадров, в той же последовательности, в которой они расположены в панели слоев (снизу вверх).

28

29

При помощи клавиши Shift выделяем все кадры в окне анимации, щелкаем по времени и в открывшемся меню выбираем время проигрывания кадра 0,1 секунды.

30

Затем кликаем по кнопке выбора параметров цикла проигрывания анимации и выбираем «Постоянно». Если оставить «Однократно», как указано по умолчанию, анимация проиграется один раз и остановится.

31

Нажимаем на кнопку проигрывания анимации, чтобы посмотреть, как будет выглядеть наша анимашка. На данном этапе можно подкорректировать анимацию, если видим в этом необходимость. Меня же все устраивает, можно переходить к сохранению.

32

Переходим в меню Файл-Сохранить для Web. В зависимости от версии фотошоп название этого пункта варьируется.

33

В строке формата обязательно выставляем gif, остальные настройки по вашему желанию – вы можете изменить размер, количество оттенков и т.п.

34

 

Анимация блика готова!

 

финальный результат

 

Яркого настроения и вдохновения!


 

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

 

          

 

 

Если Вы не хотите пропустить интересные уроки по анимации в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.


Печать

Комментарии  

Galina
0 # Galina 24.03.2020 20:31
Очень интересный урок! Спасибо!
Ответить | Ответить с цитатой | Цитировать
Анатолий
0 # Анатолий 16.03.2020 20:45
Спасибо большое! Супер!
Ответить | Ответить с цитатой | Цитировать
Инесса
0 # Инесса 11.03.2020 01:17
Спасибо за урок!
Ответить | Ответить с цитатой | Цитировать

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

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


Прикрепить фотографии