Как сделать эффект туннеля в фотошопе
В этом уроке я покажу вам, что такое полутона и как добиться эффекта цветового полутона. Я также покажу вам, как сделать свои собственные полутоновые кисти.
Что такое полутона?
Возможно, вы знакомы с полутоновыми рисунками, которые используются при печати. Паттерны — это важнейшая часть каждой конкретной среды, также и полутоновые паттерны придают уникальный вид дизайнерским работам. Полутон — это техника, которая имитирует градацию тона с помощью точек. Эти точки различаются по размеру, расстоянию и иногда даже форме, чтобы создать эффект полутонового градиента. Чем ближе и больше точек на полутоне, тем темнее изображение. Чем меньше точки и, чем больше они разбросаны, тем светлее изображение. Когда это все вместе, эффект полутонов создает иллюзию постепенного перехода тонов, если смотреть издалека.
В настоящее время полутона обычно используются в диджитал среде для создания комиксов, что отражает ностальгию в эпоху цифровых технологий.
В этом уроке я покажу вам, как добиться эффекта полутонов в Photoshop. Вы можете применить эти шаги к любому изображению по своему вкусу, чтобы получить черно-белые полутона или цветные. Мы также рассмотрим, как создавать свои собственные полутоновые кисти в Photoshop, которые помогут вам добавить интересные детали к вашей иллюстрации. Наконец, мы рассмотрим, как создавать полутоновые кисти в Illustrator. Это идеально, если вы только начинаете работать в мире иллюстраций и хотите развивать свои навыки и стиль.
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.
1. Создаем полутоновой паттерн в Photoshop
Сначала давайте узнаем, как создать эффект полутонов в Photoshop.
Шаг 1
Перетаскиваем наушники на белом фоне в Photoshop. Мы будем преобразовывать фото в различные полутоновые изображения, чтобы попробовать разные настройки.
Чтобы получить цветное полутоновое изображение в Photoshop, идем в меню Filter – Pixelate – Color Halftone (Фильтр – Оформление – Цветные полутона).
В этом уроке вы узнаете, как создать двухтоновый эффект на фото. Для работы мы будем использовать корректирующие слои, маски и режимы наложения. Урок простой и не займет у вас много времени.
Шаг 1 – Подбираем подходящее фото
В этом уроке я буду использовать фото атлета. Можете скачать его же или подобрать свое. Лучше всего подойдет картинка с четкой схемой света и бликами.
Вы можете сделать фото в профессиональной студии, используя несколько источников света: основной, контурный, и сфотографировать спортсмена в разных ракурсах и с разным освещением.
Открываем картинку в программе. Переходим File – Open (Файл – Открыть).
Дополнительно можно воспользоваться инструментами Dodge/Burn Tool (O) (Осветлитель/Затемнитель), чтобы доработать светотени и увеличить их контрастность.
Шаг 2 – Добавляем первый цвет
Далее мы будем добавлять градиентные карты с нужными цветами и в этом шаге начнем с голубого. Для этого переходим Layer – New Adjustment Layer – Gradient Map (Слой – Новый корректирующий слой – Карта градиента).
Дважды кликаем по миниатюре градиентного слоя на панели слоев, чтобы открыть редактор градиента. Для начала нужно убедиться, что выбран градиент по умолчанию – черно-белый. Он находится выше в наборах и отмечен на скриншоте ниже. Кликаем по нему, чтобы выбрать. Затем ниже кликаем по ползунку с цветом и нажимаем на цветовой прямоугольник Color (Цвет), чтобы открыть окно выбора цвета. Выбираем ярко-голубой цвет (29F1FE) или любой другой, который подойдет для вашей работы.
Жмем ОК, чтобы закрыть редактор градиента и увидеть результат.
Шаг 3 – Добавляем второй цвет
Создаем еще одну карту градиента и в этот раз выбираем ярко-красный цвет для бликов. Позже мы будем редактировать маску этого слоя, чтобы проявить только отдельные участки.
Вот так выглядит фото после применения красной карты градиента:
Шаг 4 – Редактируем маску
Каждый корректирующий слой автоматически создается с белой маской. Белый цвет означает, что все содержимое слоя видно. Черный, наоборот, указывает на скрытые участки. Соответственно, если вам нужно сделать область полупрозрачной, то используем оттенки серого.
Нам нужно сделать эту маску черной. Для этого на панели слоев выбираем ее, кликнув левой кнопкой мышки, и жмем Ctrl+I, чтобы инвертировать цвет с белого на черный. Как видите, красный цвет полностью исчез и теперь мы видим голубой слой ниже.
Далее мы должны восстановить красный цвет там, где хотим получить двухтоновый эффект. Для этого берем мягкую круглую кисточку (В) белого цвета и проводим только по бликам на модели с правой стороны. Как видите, я восстановил красный цвет на лице, бицепсе, передней дельте, шее, предплечье и гантели.
Согласно идее, красный источник света находится справа и отражается от всех деталей модели, которые обращены в правую сторону. Во время работы держите эту мысль в голове, чтобы результат получился реалистичный. Также обратите внимание, как я аккуратно восстановил красный на груди и внутренней части гантели. Деталь может находиться дальше от источника света, но это не значит, что свет не отражается от нее в той или иной степени.
Шаг 5 – Скрываем лишний цвет
Возможно, вы заметили, что красный цвет немного заметен на фоне. Выглядит не очень красиво, поэтому мы это исправим с помощью параметра Blend If (Наложение, если). Он сообщит программе, что карта градиента 2 не должна быть видимой на темных участках и нужно оставить ее только на светлых.
Чтобы добраться до этой настройки, кликаем правой кнопкой по слою Gradient Map 2 (Карта градиента 2) и выбираем Blending Options (Параметры наложения).
Ниже есть настройка Underlying Layer (Подлежащий слой). Зажимаем клавишу Alt и левой кнопкой тянем за черный ползунок вправо, что разделить его пополам. Благодаря этому, красный градиент будет видно только на светлых участках.
Мы продолжаем серию уроков, посвященных воссозданию различных эффектов из клипа Zayn “Pillow Talk”. В этом уроке вы узнаете, как создать тоннельный эффект с головой, который можно увидеть на 1:40 минуте клипа .
Примечание: Автор использовал платные изображения. В архиве вы найдёте альтернативный вариант бесплатных материалов для выполнения урока.
1. Подготовка изображения
Этот эффект будет лучше всего смотреться на портретах в профиль. При выборе снимка обращайте внимание на то, чтобы прическа не закрывала шею, а черты лица были достаточно выразительными.
Шаг 1
Шаг 2
Переходим Layer – New – Layer via Copy (Слой – Новый – Скопировать на новый слой) или жмем комбинацию клавиш Ctrl+J, чтобы скопировать выделение на новый слой. Называем копию «Head and Shoulders» («Голова и плечи»).
Шаг 3
Дублируем слой «Head and Shoulders», используя способ из предыдущего шага, и размещаем копию под оригиналом на панели слоев.
Шаг 4
Пропорционально увеличиваем масштаб копии с помощью меню Edit – Transform – Scale (Редактирование – Трансформация – Масштаб) и уменьшаем Opacity (Непрозрачность) слоя до 30%.
Шаг 5
Шаг 6
Шаг 7
Копируем выделение на новый слой Layer – New – Layer via Copy (Слой – Новый – Скопировать на новый слой) и называем слой «Head» («Голова»). Затем преобразовываем его в смарт-объект Layer – Smart Object – Convert to Smart Object (Слой – Смарт-объект – Преобразовать в смарт-объект). Далее пропорционально уменьшаем копию, чтобы она была гораздо меньше оригинала.
Шаг 8
Добавляем корректирующий слой Layer – New Adjustment Layer – Hue/Saturation (Слой – Новый корректирующий слой – Цветовой тон/Насыщенность) и размещаем его сразу над слоем копией «Head and Shoulders copy». Затем трансформируем корректирующий слой в обтравочную маску Layer – Create Clipping Mask (Слой – Создать обтравочную маску) (Alt+Ctrl+G), чтобы он действовал только в пределах слоя, который находится сразу под ним. Устанавливаем Saturation (Насыщенность) на -100, а Lightness (Яркость) - -10.
Шаг 9
Шаг 10
Уменьшаем Opacity (Непрозрачность) слоя «Head and Shoulders» до 30%. Затем, удерживая клавишу Alt, хватаем левой кнопкой мыши слой с картой градиента и перемещаем его выше слоя «Head». Трансформируем корректирующий слой в обтравочную маску.
Шаг 11
Над картой градиента, которая находится выше слоя с головой, добавляем новый корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность), а затем трансформируем его в обтравочную маску Layer – Create Clipping Mask (Слой – Создать обтравочную маску). Устанавливаем Saturation (Насыщенность) на -35, Lightness (Яркость) – +5.
2. Создаем эффект тоннеля
Этот эффект создается с помощью обычной обводки контура головы с изменением масштаба. К счастью, Photoshop умеет автоматически выполнять подобные операции, так что нам не придется делать все вручную.
Шаг 1
Зажимаем клавишу Ctrl и кликаем по миниатюре слоя с головой, чтобы загрузить ее выделение. Затем переходим Select – Refine Edge (Выделение – Уточнить край) и увеличиваем Smooth (Сгладить) до 17, чтобы сгладить края выделения.
Шаг 2
Переходим на вкладку Path (Контур), которая находится рядом с вкладкой Layer (Слои), и в нижней части жмем на иконку Make work path from selection (Создать рабочий контур из выделения). В результате вокруг головы появится аккуратный контур с узловыми точками.
Создаем трендовый двухцветный эффект, который идеально подойдет для постеров и обложек альбомов.
Сложность урока: Легкий
В этом уроке я научу вас создавать трендовый двухцветный эффект, который идеально подойдет для постеров и обложек альбомов. С помощью Photoshop мы создадим этот простой, но интересный эффект.
Шаг 1
Запустите Photoshop и создайте новый документ. Лучше всего для создания этого эффекта подойдет квадратный холст, точный размер можете выбрать любой, я предлагаю использовать 2000 х 2000 пикселей. (Если возьмете другие размеры, то возможно позже понадобится делать корректировку).
Шаг 2
Выберите фото для создания эффекта и поместите его в рабочий документ. Для этого урока я использую эту портретную фотографию:
Шаг 3
Идем в меню Image – Adjustments – Levels… (Изображение – Коррекция – Уровни…) и настраиваем тени и света так, чтобы получился сильный контраст между черным и белым.
Шаг 4
Шаг 5
С помощью инструмента Direct Selection tool (Выделение узла) выделите ваш квадрат, скопируйте (CMD/CTRL+C) и вставьте его обратно (CMD/CTRL+V). Затем, используя инструмент Transform tool (Свободное трансформирование) (CMD/CTRL+T), уменьшите размер копии до 1400 x 1400 пикселей. После чего в свойствах этого прямоугольника нажмите на значок Subtract Front Shape (Вычесть переднюю фигуру). В результате должна остаться толстая белая квадратная рамка.
Шаг 6
Активируйте инструмент Type tool (Текст) и напечатайте 'DUO'. Шрифт Montserrat Bold 350 пикселей, Tracking (Трекинг) 400.
Шаг 7
Объедините в группу слои с текстом и квадратом.
Шаг 8
Скопируйте слой с фотографией и переместите его на самый верх в панели слоев. Правой кнопкой мышки кликните по нему и в появившемся меню выберите Create Clipping Mask (Создать обтравочную маску). Обтравочная маска будет действовать на вашу группу из слоев.
Шаг 9
При активном слое со скопированным изображением переходим в меню Image – Adjustments – Invert (Изображение – Коррекция – Инверсия) (CMD/CTRL+I). Вот уже начинает проявляться эффект, хотя не хватает текстуры и изображение все еще монохромное.
Шаг 10
Загрузите полутоновую текстуру и вставьте ее в свой документ.
Шаг 11
Идем в меню Image – Adjustments – Invert (Изображение – Коррекция – Инверсия) (CMD/CTRL+I), чтобы инвертировать цвета.
Шаг 12
Переключите режим наложения слоя с текстурой на Screen (Экран).
Шаг 13
Шаг 14
Результат и вывод
Вот окончательный результат. В целом этот эффект легко настраивать, используя различные градиенты или текстуры. А если вы добавите свой текст и используете другое изображение, то он по-настоящему станет вашим собственным! Спасибо за внимание, надеюсь, что вам понравился урок и вы узнали что-то новое.
В этом уроке вы узнаете, как создать интересный тоннельный фотоэффект в Фотошоп.
Сложность урока: Средний
Мы продолжаем серию уроков, посвященных воссозданию различных эффектов из клипа Zayn “Pillow Talk”. В этом уроке вы узнаете, как создать тоннельный эффект с головой, который можно увидеть на 1:40 минуте клипа.
Примечание: Автор использовал платные изображения. В архиве вы найдёте альтернативный вариант бесплатных материалов для выполнения урока.
1. Подготовка изображения
Этот эффект будет лучше всего смотреться на портретах в профиль. При выборе снимка обращайте внимание на то, чтобы прическа не закрывала шею, а черты лица были достаточно выразительными.
Шаг 1
Шаг 2
Переходим Layer – New – Layer via Copy (Слой – Новый – Скопировать на новый слой) или жмем комбинацию клавиш Ctrl+J, чтобы скопировать выделение на новый слой. Называем копию «Head and Shoulders» («Голова и плечи»).
Шаг 3
Дублируем слой «Head and Shoulders», используя способ из предыдущего шага, и размещаем копию под оригиналом на панели слоев.
Шаг 4
Пропорционально увеличиваем масштаб копии с помощью меню Edit – Transform – Scale (Редактирование – Трансформация – Масштаб) и уменьшаем Opacity (Непрозрачность) слоя до 30%.
Шаг 5
Шаг 6
Берем инструмент Quick Selection Tool (W) (Быстрое выделение) и на слое «Head and Shoulders» выделяем только голову и шею. Активируем Select – Refine Edge (Выделение – Уточнить край) и устанавливаем Radius (Радиус) на 1.5.
Шаг 7
Копируем выделение на новый слой Layer – New – Layer via Copy (Слой – Новый – Скопировать на новый слой) и называем слой «Head» («Голова»). Затем преобразовываем его в смарт-объект Layer – Smart Object – Convert to Smart Object (Слой – Смарт-объект – Преобразовать в смарт-объект). Далее пропорционально уменьшаем копию, чтобы она была гораздо меньше оригинала.
Шаг 8
Добавляем корректирующий слой Layer – New Adjustment Layer – Hue/Saturation (Слой – Новый корректирующий слой – Цветовой тон/Насыщенность) и размещаем его сразу над слоем копией «Head and Shoulders copy». Затем трансформируем корректирующий слой в обтравочную маску Layer – Create Clipping Mask (Слой – Создать обтравочную маску) (Alt+Ctrl+G), чтобы он действовал только в пределах слоя, который находится сразу под ним. Устанавливаем Saturation (Насыщенность) на -100, а Lightness (Яркость) - -10.
Шаг 9
Шаг 10
Уменьшаем Opacity (Непрозрачность) слоя «Head and Shoulders» до 30%. Затем, удерживая клавишу Alt, хватаем левой кнопкой мыши слой с картой градиента и перемещаем его выше слоя «Head». Трансформируем корректирующий слой в обтравочную маску.
Шаг 11
Над картой градиента, которая находится выше слоя с головой, добавляем новый корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность), а затем трансформируем его в обтравочную маску Layer – Create Clipping Mask (Слой – Создать обтравочную маску). Устанавливаем Saturation (Насыщенность) на -35, Lightness (Яркость) – +5.
2. Создаем эффект тоннеля
Этот эффект создается с помощью обычной обводки контура головы с изменением масштаба. К счастью, Photoshop умеет автоматически выполнять подобные операции, так что нам не придется делать все вручную.
Шаг 1
Зажимаем клавишу Ctrl и кликаем по миниатюре слоя с головой, чтобы загрузить ее выделение. Затем переходим Select – Refine Edge (Выделение – Уточнить край) и увеличиваем Smooth (Сгладить) до 17, чтобы сгладить края выделения.
Шаг 2
Переходим на вкладку Path (Контур), которая находится рядом с вкладкой Layer (Слои), и в нижней части жмем на иконку Make work path from selection (Создать рабочий контур из выделения). В результате вокруг головы появится аккуратный контур с узловыми точками.
Шаг 3
Убеждаемся, что созданный контур активен, затем переходим Layer – New Fill Layer – Solid Color (Слой – Новый слой-заливка – Цвет). Цвет заливки не важен, можете выбрать любой. Переименовываем слой на «Outline» («Контур»). Берем Path Selection Tool (A) (Выделение контура), чтобы выделить наш контур, и устанавливаем Fill (Заливка) на 0, для Stroke (Обводка) выбираем белый цвет и Stroke Width (Ширина обводки) устанавливаем на 1 пиксель.
Шаг 4
Дублируем слой «Outline», называем копию «Big Outline» («Большой контур») и увеличиваем ее масштаб с помощью меню Edit – Transform – Scale (Редактирование – Трансформация – Масштаб), чтобы обводка была чуть больше слоя «Head». Выделяем контур с помощью инструмента Path Selection Tool (A) (Выделение контура) и устанавливаем ширину обводки на 3 пикселя.
Шаг 5
Дублируем оригинальный слой «Outline». Затем переходим Edit – Transform – Scale (Редактирование – Трансформация – Масштаб). На верхней панели параметров устанавливаем Width (Ширина) и Height (Высота) на 107%.
Шаг 6
Активируем инструмент Move Tool (V) (Перемещение), зажимаем клавишу Alt и переходим Edit – Transform – Again (Редактирование – Трансформация – Применить снова), чтобы автоматически создать новую копию обводки и применить к ней масштабирование. Повторяем последние действия и увеличиваем масштаб обводки до 107%.
Шаг 7
Одновременно зажимаем клавиши Alt, Shift и Ctrl и многократно нажимаем клавишу Т, чтобы в автоматическом режиме дублировать обводку и применять к ней масштабирование. Продолжаем эти действия, пока не заполним весь документ.
Шаг 8
Зажимаем клавишу Shift и на панели слоев выделяем все копии обводки (кроме слоя «Big Outline»). Затем группируем выделенные слои вместе Layer – Group Layers (Слой – Сгруппировать слои) (Ctrl+G). Называем группу «Outlines» (Контуры).
Шаг 9
К группе «Outlines» добавляем слой-маску. Затем активируем Gradient Tool (G) (Градиент) и выбираем черно-белый градиент. Активируем Reverse (Инверсия) и заливаем маску радиальным градиентом, чтобы у границы документа обводка плавно исчезала.
3. Финальная цветокоррекция
Мы закончили создание тоннеля из линий и теперь можем перейти к дополнительной цветокоррекции, чтобы получить такой же результат, как на видео.
Шаг 1
Под слоем «Head» добавляем новый и называем его «White Streak» («Белая полоса»). С помощью Polygonal Lasso Tool (L) (Прямоугольное лассо) создаем выделение треугольной формы по ширине изгиба контура (на картинке ниже мы выделили область лба). Затем заливаем выделение линейным градиентом от белого к прозрачному.
Шаг 2
Переходим Select – Deselect (Ctrl+D), чтобы снять выделение, затем добавляем новые выделения с градиентной заливкой, как в предыдущем шаге.
Шаг 3
Шаг 4
С помощью Polygonal Lasso Tool (L) (Прямоугольное лассо) создаем еще несколько дополнительных треугольных выделений от центра к краям документа. Затем, не снимая выделения, создаем на слое с красным градиентом маску Layer – Layer Mask – Reveal Selection (Слой – Слой-маска – Показать выделенные области).
Шаг 5
Добавляем новый слой и называем его «White Glow» («Белое свечение»). Устанавливаем цвет переднего плана на белый. Затем добавляем радиальный градиент от центра к краям рабочего полотна. Уменьшаем его Opacity (Непрозрачность) до 65%.
Шаг 6
Зажимаем клавишу Ctrl и кликаем по миниатюре слоя «Big Outline», чтобы загрузить его выделение. Затем, не снимая выделения, создаем на слое «White Glow» маску Layer – Layer Mask – Reveal Selection (Слой – Слой-маска – Показать выделенные области).
Читайте также: