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

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

 

 

 

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

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

 


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

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

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

Кто на сайте

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

 

 

 

 

 

 

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

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

 

Как сделать

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

в фотошопе

 

Всем привет!

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

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

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

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

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

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

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

 

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

 

Открываем в фотошоп (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, это бесплатно.


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

Популярные уроки сайта:

Prev Next

Как удалить ореолы на …

Практические советы

  Как удалить ореолы на фото В уроке показан прием удаления ореолов с объектов на фото, которые могут появляться в результате некоторых действий при обработке фотографии в фотошопе.    [youtube url="https://youtu.be/SgtWW5vzWgQ"]     [button url="https://drive.google.com/file/d/114UETAigvjvrIGl_gI-kG2bcumjg6EPh/view?usp=sharing" target="blank" background_hover="#0650a3...

Читать далее

Как аккуратно поднять…

Практические советы

  Как аккуратно поднять резкость При использовании фильтра «Контурная резкость» на фото появляются раздражающие белые ореолы.В этом уроке я покажу, как можно от них быстро избавиться.    [youtube url="https://youtu.be/FYMmaAvVrZ8"]     [button url="https://drive.google.com/file/d/1TkgrZuslPZDiU4Xf_yv5G8gPNWiwyUIm/view?usp=sharing" target="blank" background_hover="#0650a3" size="8"] Скачать...

Читать далее

Мини-курс: «Обработка…

Обработка фотографий в фотошопе

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

Читать далее

Как быстро улучшить ф…

Видеоуроки

  Как быстро улучшить фотографию с людьми   У любого человека есть много фотографий на которых изображены его близкие, знакомые и друзья. В рабочем потоке фотошоп мастера для работы с людьми отводится особая роль. Мы...

Читать далее

Яркий эффект для фото

Фотошоп уроки эффекты

  Яркий эффект для фото Всем привет! Сегодня мы будем добавлять запредельной яркости на фотографию. Такой яркий эффект украсит ваши серые фотографии и хорошо будет смотреться на постерах, афишах и т.п. Сначала мы откроем изображение с...

Читать далее

Как найти перенасыщен…

Практические советы

  Как найти перенасыщенные цвета на фото В уроке показан прием, позволяющий найти слишком насыщенные цвета на фото и уменьшить их сочность.    [youtube url="https://youtu.be/_YVQJSyhDAg"]     [button url="https://drive.google.com/file/d/1s2_sFcR9KDeu21YKp7wq8OWjH3tqFiXj/view?usp=sharing" target="blank" background_hover="#0650a3" size="8"] Скачать урок [/button]  

Читать далее

Как быстро раскрасить…

Практические советы

  Как быстро раскрасить черно-белую фотографию В уроке для придания цвета черно-белой фотографии применяется нейронный фильтр.    [youtube url="https://youtu.be/3xpX2uXIlEk"]     [button url="https://drive.google.com/file/d/199ovTwZyYxgIUOSe0NDZazyakQzSVfpU/view?usp=sharing" target="blank" background_hover="#0650a3" size="8"] Скачать урок [/button]  

Читать далее

Как добавить красивый…

Практические советы

  Как добавить красивый эффект на фото В этом уроке я расскажу, как совсем несложно сделать красивый эффект на закатных фотографиях. Этот эффект можно применять и на снимках другого жанра, не обязательно закатных...

Читать далее

Как удлинить ноги у мо…

Практические советы

  Как удлинить ноги у модели Продолжаю публиковать видео о приемах ретуши с портретными фотографиями. Какая девушка не мечтает о длинных ногах?! В фотошопе это делается меньше чем за 1 минуту.    [youtube url="https://youtu.be/TqtY8XKmvgA"]       [button url="https://drive.google.com/file/d/1QijOWzr1_Mky7Hjd4fF2OZRi1FP0l6Mq/view?usp=sharing...

Читать далее

Как сделать яркий фон …

Уроки рисования в фотошопе

  Как сделать яркий фон в фотошопе Всем привет! Сегодня мы будем создавать яркий фон. Такой фон вы сможете установить в качестве обоев рабочего стола компьютера/смартфона, а также использовать при создании визиток, плакатов, афиш...

Читать далее

Как погасить слишком …

Практические советы

  Как погасить слишком сильные света на фото Сегодня я покажу простой прием, который поможет быстро и аккуратно пригасить слишком сильные света на фотографии.    [youtube url="https://youtu.be/4CbILL3q80E"]       [button url="https://drive.google.com/file/d/1AHfKIR9kmiCusiCzPhg50Tm2tNcalpNo/view?usp=sharing" target="blank" background_hover="#0650a3" size="8"] Скачать урок [/button]

Читать далее

Как быстро вернуть фо…

Практические советы

  Как быстро вернуть фото в исходное состояние В ходе обработки иногда возникают моменты, когда надо вернуться к исходному состоянию фотографии.Можно, конечно, закрыть фото, а потом его открыть по новой.Или пытаться найти...

Читать далее

Как сделать абстрактн…

Уроки фотошопа коллажи

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

Читать далее

Как быстро увеличить …

Практические советы

  Как быстро увеличить разрешение фото в 2 раза В уроке показаны возможности нового модуля Adobe Camera Raw, который позволяет увеличить разрешение Вашего снимка в два раза.    [youtube url="https://youtu.be/nc0hQ6QUVrM"]       [button url="https://drive.google.com/file/d/12Sx5SgRp-3HR6WaIEkv2_JPsaO7SMjVd/view?usp=sharing" target="blank" background_hover="#0650a3" size="8"]...

Читать далее

Как получить романтич…

Практические советы

  Как получить романтическое фото В этом уроке мы создадим простой и быстрый эффект романтической фотографии.    [youtube url="https://youtu.be/I4AsJJRQ0Gc"]       [button url="https://drive.google.com/file/d/1fwY7DwxK2HznjSImFUtx0s826k6Quj8O/view?usp=sharing" target="blank" background_hover="#0650a3" size="8"] Скачать урок [/button]

Читать далее

Как исправить туманну…

Практические советы

  Как исправить туманную фотографию В уроке показан очень простой способ исправления туманной фотографии при помощи фильтра "Контурная резкость".    [youtube url="https://youtu.be/dPXXHd5qJm0"]     [button url="https://www.photoshopsunduchok.ru/uroki/fotograf/5911-obrabotka-tumannogo-foto" target="blank" background_hover="#0650a3" size="8"] Все способы удаления дымки здесь [/button]   [button url="https://drive.google.com/file/d/1a4dNjP2pBqBLJOFBnKO8bjPEZXfE8LQf/view?usp=sharing" target="blank...

Читать далее

Тонирование фото

Практические советы

  Тонирование фото В уроке показан очень простой способ тонирования фотографии.    [youtube url="https://youtu.be/kYkGe0N_80E"]       [button url="https://drive.google.com/file/d/1p9PQrFTNv6xXRHDJ299BrWrnRHE29ccO/view?usp=sharing" target="blank" background_hover="#0650a3" size="8"] Скачать урок [/button]

Читать далее

Как убрать дымку в фот…

Видеоуроки

  Как убрать дымку в фотошопе (два способа)   В этом уроке я покажу два способа удаления дымки с фотографии. Сразу отмечу, что полностью удалять дымку со снимка нельзя, иначе Вы потеряете тональную перспективу и...

Читать далее

Эффект портрета в фот…

Фотошоп уроки эффекты

  Эффект портрета в фотошопе Всем привет! Сегодня мы будем создавать эффект портрета, который помещен в геометрические фигуры. Такой эффект можно будет использовать при создании обложки диска или аватарки для социальных сетей. Сначала мы создадим...

Читать далее

Как быстро добавить в…

Практические советы

  Как быстро добавить виньетку на фото В фотошопе существует просто огромное количество приемов, позволяющих создать виньетку - затемнение или осветление по углам фото. В этом уроке я применю фильтр «Коррекция дисторсии».    [youtube url="https://youtu.be/BYRfBniHVZw"]       [button...

Читать далее

Как удалить покраснен…

Практические советы

  Как удалить покраснения на коже В уроке показан прием ослабления красных пятен на лице человека.    [youtube url="https://youtu.be/WfJcDTtWUng"]       [button url="https://drive.google.com/file/d/1qJKyPheE5FgyXmLZKKHYqfeuiXJjE7Vv/view?usp=sharing" target="blank" background_hover="#0650a3" size="8"] Скачать урок [/button]

Читать далее

Как быстро размыть за…

Практические советы

  Как быстро размыть задний фон на фотографии В уроке показан прием использования нейронного фильтра для размытия фона изображения.    [youtube url="https://youtu.be/CHlj-TBRwGY"]       [button url="https://drive.google.com/file/d/1x_m5QrHLg13LzAI9wfBb03iIhZq711H8/view?usp=sharing" target="blank" background_hover="#0650a3" size="8"] Скачать урок [/button]

Читать далее

Мини-курс: «Способы об…

Обработка фотографий в фотошопе

  Мини-курс:  «Способы обработки туманных фотографий»    Довольно часто при съемке на фото может появиться дымка. Особенно это характерно для пейзажей.   Что из себя представляет дымка? Это обычно синеватая пелена, которая накладывается на все объекты вдали и...

Читать далее

Как добавить эффект п…

Практические советы

  Как добавить эффект пара на фото В уроке показан прием совмещения 2-х картинок с помощью режима наложения и маски слоя.    [youtube url="https://youtu.be/ga934PVbexQ"]     [button url="https://54ps.ru/2450" target="blank" background_hover="#0650a3" size="8"] Скачать фото пара [/button]   [button url="https://drive.google.com/file/d/1IEY1eRAkzEvgfk9_9pIp9sx6Az0QNd-I/view?usp=sharing" target="blank...

Читать далее

Как добавить отражени…

Фотошоп уроки эффекты

  Как добавить отражение на стекле в фотошопе Всем привет! Сегодня в уроке "Как добавить отражение на стекле в фотошопе" мы будем создавать эффект отражения на стекле. Эффект отражения на стекле очень простой и выполняется...

Читать далее

Как быстро затемнить …

Практические советы

  Как быстро затемнить небо  В уроке показан прием использования другого цветового пространства для придания небу большей глубины.    [youtube url="https://youtu.be/WFEHI26MV4M"]     [button url="https://drive.google.com/file/d/1AGETU_u3PfaoKpdgmDTEx97T9v4sHrWo/view?usp=sharing" target="blank" background_hover="#0650a3" size="8"] Скачать урок [/button]

Читать далее

Как сделать осеннюю ф…

Практические советы

  Как сделать осеннюю фотографию  В уроке показан простой прием создания маски для зеленого цвета и изменения этого оттенка на осенние цвета.    [youtube url="https://youtu.be/jHm3S7sZn7g"]     [button url="https://drive.google.com/file/d/1sczKNXnGFtDeWZg2R4AmSOmhLB6spFoS/view?usp=sharing" target="blank" background_hover="#0650a3" size="8"] Скачать урок [/button]

Читать далее

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2020

.tm-logo{float:center}