//

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

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

 

 

 

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

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

 


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

 

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

Вход на сайт

Профиль

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

Кто на сайте

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

  • vikiriger

 

 

 

 

 

 

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

Как сделать анимацию матрицы в фотошопе

 

Как сделать

анимацию матрицы

в фотошопе

 

Всем привет!

Сегодня мы будем создавать анимацию в стиле фильма «Матрица».

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

Киноэксперты утверждают, что культовый фильм «Матрица» навсегда изменил мир кино.

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

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

Затем откроем анимацию из папки с исходниками, добавим в нее фотографию с мужчиной и подкорректируем картинку.

В завершение урока "Как сделать анимацию матрицы в фотошопе" мы сохраним анимацию.

 

Как сделать анимацию матрицы в фотошопе

 

Открываем в фотошоп (Ctrl+O) изображение «Фото» из папки с исходниками.

1

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

Создаем градиент с такими параметрами:

Первая Контрольная точка (позиция 16%) – оттенок # 000000;

Вторая Контрольная точка (позиция 40%) – оттенок # 3a7815;

Третья Контрольная точка (позиция 100%) – оттенок # fbffd9.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

2

3

4

5

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

6

7

8

Открываем в фотошоп (Ctrl+O) изображение «Анимация» из папки с исходниками.

9

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

10

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

11

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

12

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

13

Теперь наша главная задача – не нарушить порядок кадров.

В панели анимации (Шкале времени) делаем активным первый кадр, а в панели слоев – нижний слой. В панели слоев меняем режим наложения нижнего слоя на Экран. В панели слоев кликаем ПКМ по самому нижнему слою и выбираем «Скопировать стиль слоя». В панели анимации выделите все кадры. Для это кликните по первому кадру, зажмите клавишу Shift и кликните по последнему кадру. Вышеописанным способом выделяем в панели слоев все слои. В панели слоев нажимаем ПКМ по слоям и выбираем «Вклеить стиль слоя». После этого режим наложения всех слоев в панели слоев изменится на Экран.

14

15

16

17

18

19

20

21

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

22

23

24

25

26

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

27

Снова в панели анимации выделяем все кадры. В панели слоев создаем дубликат слоя «Фото» (Ctrl+J) и перетаскиваем копию слоя «Фото» выше всех слоев в панели слоев.

28

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

29

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

30

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

31

Анимация в стиле фильма «Матрица» готова! Урок "Как сделать анимацию матрицы в фотошопе" завершен.

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

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

 

 

 

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

 

          

 

 

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


 

Печать

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

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

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


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