//

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

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

 

 

 

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

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

 


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

 

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

Вход на сайт

Профиль

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

Кто на сайте

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

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

Анимация распыления краски в фотошопе

 

Анимация

распыления краски

в фотошопе

 

Всем привет!

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

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

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

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

В завершение урока мы перейдем в панель анимации (шкалу времени) и анимируем нашу картинку.

 

Анимация распыления краски в фотошопе

 

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

1

Помещаем в документ (Файл-Поместить встроенные) изображение «Краска» из папки с исходниками.

2

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

3

4

5

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

6

7

8

9

Активируем инструмент Кисть. Кликаем ПКМ по холсту, чтобы вызвать меню выбора кистей. Затем щелкаем по «шестеренке» справа и из выпадающего списка выбираем «Восстановить кисти». Выбираем из загруженного набора кисть, отмеченную стрелочкой. В панели цвета в качестве цвета основного плана устанавливаем оттенок # f4ac00. В панели слоев активируем группу «Кадры» и создаем новый пустой слой, нажав на соответствующую иконку. Переименовываем слой в «1». Увеличиваем размер кисти и делаем отпечатки кистью на слое «1» в верхней части изображения с краской. Чтобы изменить размер кисти, воспользуйтесь клавишами квадратных скобок – клавиши «Х» и «Ъ» в русской раскладке или используйте соответствующий ползунок в меню выбора кистей.

10

11

12

13

14

15

16

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

17

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

Слой 3.

18

Слой 4.

19

Слой 5.

20

Слой 6.

21

Слой 7.

22

Слой 8.

23

Для подтека краски, который остался, будем использовать жесткую круглую кисть. Для этого активируем инструмент Кисть, кликаем ПКМ по холсту, затем – по «шестеренке» справа и из выпадающего списка выбираем «Основные кисти». Выбираем кисть, отмеченную ниже стрелочкой, и тем же оттенком, что и в предыдущих шагах рисуем на новых слоях «9» и «10».

24

25

26

В панели слоев выключаем видимость слоя «Краска», нажав на «глазик» около слоя.

27

28

Теперь нам необходимо анимировать нашу картинку.

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

29

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

30

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

31

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

32

При активном первом кадре анимации в панели слоев оставляем видимость слоям «Фон» и «1».

33

34

35

В панели анимации (шкале времени) создаем новый кадр и в панели слоев делаем видимыми слои «Фон», «1» и «2».

36

37

38

39

Вышеописанным способом создаем еще 8 кадров. Для каждого нового кадра делаем видимыми те слои, что были видимы в предыдущем кадре+ещё один последующий слой. Например, для 3-го кадра оставляем видимость слоев «Фон», «1», «2» и «3». Для 4-го – слои «Фон», «1», «2», «3» и «4» и так далее. В итоге у нас должно получиться 10 кадров.

40

В панели анимации (Шкале времени) при помощи клавиши Ctrl выделяем все кадры, щелкаем по времени и в открывшемся меню выбираем время проигрывания кадра, например, 0,2 секунды.

41

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

42

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

43

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

44

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

45

Анимация распыления краски готова!

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

Отличного настроения и творческих успехов!

 

 

 

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

 

          

 

 

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


 

Печать

Комментарии  

галина
+2 # галина 11.04.2022 18:36
Большое спасибо,не делала анимацию.
Ответить | Ответить с цитатой | Цитировать
Накрошаев Олег
0 # Накрошаев Олег 12.04.2022 10:27
Попробуйте - увлекательное дело! :-)
Ответить | Ответить с цитатой | Цитировать
lev-mir
+2 # lev-mir 11.04.2022 08:53
Cпасибо, замечательный урок. УДАЧИ!
Ответить | Ответить с цитатой | Цитировать

Понравилось? Поделитесь:

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

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


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