//

ФотошопСундучок photoshopsunduchok

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

 

 

 

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

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

 


Канал в Дзене:

 

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

Вход на сайт

Профиль

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

Кто на сайте

Сейчас на сайте 116 гостей и нет пользователей

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

Анимация мигающие огоньки в фотошопе

Анимация мигающие огоньки

в фотошопе

 

Всем привет!

Сегодня мы будем создавать анимацию свечения огоньков на елочке.

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

Мы попробуем погрузиться в атмосферу праздника с помощью фотошопа.

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

Далее при помощи инструмента Кисть нарисуем огоньки на нескольких пустых слоях.

Затем мы перейдем в панель анимации (шкалу времени) и «оживим» нашу картинку.

В завершение урока "Анимация мигающие огоньки в фотошопе" мы сохраним получившуюся анимашку.

 

Анимация мигающие огоньки в фотошопе

 

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже. Вес будущей анимации напрямую зависит от размера изображения и количества кадров анимации, так что советую использовать небольшие значения для размера холста.

1

Помещаем в документ (Поместить встроенные) изображение «Елка» из папки с исходниками. Вызываем Свободное трансформирование (Ctrl+T), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки наружу, чтобы увеличить изображение. В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно. 

2

3

4

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

5

6

7

8

В панели слоев при помощи клавиши Ctrl выделяем слои с елкой и текстурой и нажимаем сочетание клавиш Ctrl+E, чтобы слить слои в один. Переименовываем образовавшийся слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

9

10

В панели слоев создаем 4 новых пустых слоя. Переименовываем их снизу вверх в «1», «2», «3» и «4».

11

12

Переходим в меню Изображение-Тримминг и вводим настройки, как на рисунке ниже. Это обрежет края слоя «Фон», выходящие за пределы холста.

13

14

Активируем инструмент Кисть и выбираем мягкую круглую кисть (чтобы вызвать меню выбора кисти, кликните ПКМ по холсту). Если на данный момент в программу не загружен набор с мягкими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти». Выбираем кисть, как на рисунке ниже. Приближаем холст (Ctrl и +). В панели слоев делаем активным слой «1» и берем образец цвета с одной из лампочек гирлянд. Для этого зажимаем клавишу Alt и кликаем по тому участку, с которого хотим взять образец цвета. Образец цвета установится в панели слоев в качестве цвета основного плана. Делаем два отпечатка кистью над тем участком, с которого брали образец.

15

16

17

18

19

20

В панели слоев меняем режим наложения слоя «1» на Экран. Также меняем режим наложения слоев «2», «3» и «4» на Экран.

21

22

23

На слое «1» «зажигаем» примерно ¼ часть гирлянд на елке.

24

Продолжаем подсвечивать гирлянды на слоях «2», «3» и «4». Вот этапы моей работы.

25

26

27

Теперь нам нужно анимировать наши огоньки.

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

28

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

29

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

30

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

31

При активном первом кадре анимации в панели анимации составляем видимым слой «Фон». Видимость остальных скрываем. Чтобы скрыть видимость слоя в панели слоев, нажмите на «глазик» около слоя.

32

33

Создаем новый кадр, нажав в панели анимации (шкале времени) на соответствующую иконку. В панели слоев оставляем видимыми слои «Фон» и «1».

34

35

36

Третий кадр. В панели слоев видимые слои «Фон», «1» и «2».

37

38

Создаем на шкале времени четвертый кадр и делаем в панели слоев видимыми слои «Фон», «1», «2» и «3».

39

40

Пятый кадр. В панели слоев видимые все слои – «Фон», «1», «2», «3» и «4».

41

42

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

43

44

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

45

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

46

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

47

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

48

Вот мы и создали анимацию сверкающих огоньков на елке!

Урок "Анимация мигающие огоньки в фотошопе" завершен.

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

Праздничного настроения и творческих успехов!

 

 

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

 

          

 

 

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


 

Печать

Комментарии  

Анатолий
0 # Анатолий 13.01.2021 17:48
Спасибо большое! Интересный урок!

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