Анимированный эффект в стиле «Матрицы» в Adobe Photoshop
15 июля 2017 | Опубликовано в Уроки | 1 Комментарий »
В этом уроке мы будем создавать интересный эффект в стиле Матрицы. Для выполнения этого урока вам понадобится анимированный файл с кодом из Матрицы. Он есть в ресурсах для этого урока. Это несложный но интересный туториал, который познакомит вас с основными инструментами работы с анимацией в Adobe Photoshop.
Результат
Исходники
Для выполнения этого урока вам понадобятся следующие файлы:
Скачиваем анимацию в стиле Матрицы
Для начала скачайте аниммированный фон в стиле матрицы.
Перетащите GIF в Photoshop, чтобы открыть его. Вы увидите 19 слоев в файле PSD.
Как открыть временную шкалу
В меню выберите Window > Animation/Окно>Анимация. Кликните в правый угол Timeline Window/Окна временной шкалы и выберите Convert to Frame Animation/Преобразовать в покадровую анимацию.
Как редактировать GIF-анимацию в Photoshop
Кликните по первому кадру и укажите слою Layer 1 blend mode/режим наложения Screen/Осветление.
Кликните правой кнопкой по слою Layer 1 и выберите Copy Layer Style/Копировать стиль слоя.
Теперь выберите все 19 кадров. Для этого кликните по первому кадру, зажмите клавишу SHIFT и кликните по последнему кадру. Сделайте то же со слоями, чтобы выделить все слои.
Кликните правой кнопкой по выделенным слоям и выберите Paste Layer Style/Вставить стиль слоя. Теперь все слои должны приобрести режим наложения Screen/Осветление. Если вдруг этого не произошло, вам придется произвести эту процедуру последовательно для каждого слоя.
Эффект в стиле Матрицы для портрета
Убедитесь что выделены все кадры, и вставьте портрет мужчины (Man Portrait) под слой Layer 1.
Снова убедитесь что выбраны все кадры, и добавьте поверх слоя с портретом корректирующий слой Gradient Map/Карта градиента. Укажите градиент следующих цветов: #000000(расположение 16%), #3a7815(расположение 40%) and #fbffd9(расположение 100%).
И снова должны быть выделены все кадры. Дублируйте слой Man Portrait вместе с корректирующим слоев Gradient Map/Карта градиента. Поместите копии слоев над слоем Layer 19. Укажите режим наложения слою Man Portrait Screen/Осветление на opacity/непрозрачности в 73%. А теперь немного сместите слой влево, чтобы получить эффект глюка программы.
Все кадры по прежнему выделены. Кликните по верхнему слою Gradient Map/Карта градиента и выберите Create Clipping Mask/Создать обтравочную маску.
Все кадры выбраны. Добавьте корректирующий слой Curves/Кривые.
Если хотите усилить эффект глюка, выборочно выделите кадры, и укажите слою Man Portrait Copy (копии слоя с портретом) разные значения непрозрачности — от 73% до 100%. Вы также можете немного изменить позицию 0 на 1-2 px.
Просмотр анимации в Photoshop
Перед тем как сохранить анимацию, нам нужно на нее посмотреть. Убедитесь что в Select Looping Options/Параметрах повтора стоит значение Forever/Всегда и нажмите кнопку проигрывания.
Сохраняем GIF-анимацию в Photoshop
Чтобы сохранить GIF-анимацию, выберите в меню File > Save for Web/Файл>Сохранить для веба и выберите формат GIF. Настройте параметры как показано ниже.
Результат
Автор урока psddude
Перевод — Дежурка
Смотрите также:
549