Эффект "Матрица", известный по культовому фильму, - увлекательный стилистический прием для создания цифрового и футуристического образа. С помощью Photoshop вы можете не только воссоздать культовый зеленый код, но и анимировать его, чтобы придать вашим проектам динамичность и живость. В этом уроке я покажу вам шаг за шагом, как создать и анимировать эффект матрицы - идеальное решение для видео, веб-сайтов и творческих проектов. Давайте окунемся в мир цифровой эстетики!
Шаг 1:
Сначала я создаю новый документ, размер которого не имеет значения. Я выбираю очень маленький размер - 800x600 пикселей. Если вы хотите распечатать этот эффект, то измените единицы измерения с пикселей на см, а разрешение - с 72 на 300 пикселей/дюйм.
Шаг 2:
Теперь я открываю в редакторе файл изображения (желательно очень маленького размера, потому что иначе он будет открываться слишком долго) и копирую в него около 2 страниц салата с персонажами.
Шаг 3-й:
Далее я вставляю скопированный текст в текстовый слой, используя, например, шрифт Courier размером 10 пт с зеленым цветом. Фоновый слой должен быть черным.
Шаг 4:
Теперь я меняю направление текста, нажав на соответствующий символ в левом верхнем углу.
Шаг 5:
Чтобы не все буквы были видны, или некоторые были видны очень слабо, я создаю маску и запускаю фильтр Difference Clouds (Menu>Filter>Render Filter) с цветами по умолчанию черный/белый. Я повторяю это с помощью Ctrl+F, пока не буду удовлетворен. Я быстро продублировал и обесцветил текстовый слой, прежде чем запустить фильтр "Облака разности".
Шаг 6:
Используя коррекцию тона (Ctrl+L), я могу сделать буквы еще более выделяющимися, перемещая центральный ползунок.
Шаг 7:
Теперь я придаю текстовому слою внешнее свечение. Для этого я щелкаю правой кнопкой мыши по текстовому слою на панели управления слоями и выбираю пункт "Параметры заливки".
Шаг 8:
Теперь я могу снова показать верхний текстовый слой и пока что скрыть второй. Затем я инвертирую маску слоя с помощью Ctrl+I (активируйте маску один раз, кликнув по ней), чтобы она стала полностью черной. Теперь я беру кисть размером, например, 6 пикселей, которая также является довольно мягкой. Теперь я могу рисовать прямые штрихи, удерживая клавишу Shift. Для этого, однако, нужно отпустить клавишу Shift после перетаскивания, щелкнуть еще раз в другой точке, а затем перетащить штрих, удерживая клавишу Shift.
Шаг 9:
Теперь я проделаю это несколько раз по всему изображению, а затем увеличу непрозрачность стиля слоя "Свечение наружу".
Шаг 10:
Затем я снова смешиваю все слои. Результат уже выглядит очень хорошо.
Шаг 11:
Теперь я хочу показать, как я использую этот эффект, чтобы еще больше его анимировать. Для этого я открываю панель управления анимацией в меню Меню>Окно и увеличиваю нижний текстовый слой.
Шаг 12:
Теперь я разворачиваю слой в панели анимации и нажимаю на секундомер рядом с надписью Position. Это создаст ключевой кадр, который запомнит текущее положение моего текстового слоя.
Шаг 13:
Если теперь я перетащу ползунок на временной шкале, например, на 05:00f, автоматически будет создан новый ключевой кадр. Теперь я перемещаю свой текстовый слой довольно далеко вниз с помощью инструмента "Перемещение". И моя маленькая анимация готова. Если я хочу, чтобы все текстовые слои двигались вместе с ним, я могу выбрать все слои на панели "Слои" и объединить их в один смарт-объект. Затем я просто позволю смарт-объекту двигаться.
Шаг 14:
Поскольку воспроизведение в Photoshop для меня довольно рывковое, я вывел его как QuickTime Movie в меню File>Export>Render Video. Готовую анимацию можно посмотреть здесь.
Шаг 15-й:
В конце мастер-класса я хочу показать вам, как обернуть фотографию за матричным эффектом. Я вставлю фотографию по своему выбору.
Шаг 16:
Теперь мне нужно изменить режим наложения на Dodge Coloured, и буквы станут яркими там, где на фотографии есть яркие пиксели изображения.
Шаг 17:
Я могу перемещать фотографию в любое время, и текстовые символы будут подстраиваться автоматически.
Шаг 18:
Если я перемещу слой с фотографией на самый верх иерархии слоев, результат будет выглядеть так:
Шаг 19:
При использовании режима наложения Darken результат выглядит так:
Шаг 20:
Гениально: я даже могу скопировать фотографию в буфер обмена, а затем, удерживая клавишу Alt, кликнуть по маске слоя текстового слоя и использовать фотографию в качестве маски слоя с помощью Ctrl+V.
Шаг 21:
Или я преобразую текстовый слой в смарт-объект и могу применить к нему размытие, которое, в свою очередь, снова скрою в некоторых местах с помощью маски смарт-объекта.
Шаг 22:
Совет: Я также могу просто продублировать нижний текстовый слой, переместить его на верхний и изменить размер текста, например, с 10 до 8. Затем установите непрозрачность примерно на 17%, и эффект будет выглядеть еще круче.
Шаг 23:
В моем случае результат выглядит так: я просто отменил маску верхнего слоя, удерживая клавишу Shift:
