Радуга Цвет глаз Эффект с Photoshop — описываем во всех подробностях

Я думал об этой идее, работая над нашим предыдущим учебным пособием по фотоэффектам « Добавить радугу к фотографии» . Я видел, как другие люди создавали эффект радужных глаз, вручную рисуя различные цвета в глазах с помощью инструмента «Кисти» в Photoshop, а затем размывая цвета вместе. Но есть лучший способ сделать это, тот, который требует меньше работы, намного более гибок и просто веселее!

Почему это веселее? Как мы увидим, метод, который мы будем использовать для создания радужных глаз, дает нам много возможностей для игры. Наряду с базовым эффектом радуги мы узнаем, как легко создавать различные его вариации, такие как изменение порядка цветов, вращение цветов вокруг глаз и даже выбор разных стилей и дизайнов. И мы можем сделать это для каждого глаза независимо, и все без единого постоянного изменения исходного изображения.

Это может показаться сложным, но вы будете удивлены, насколько быстро и легко это. Я буду использовать Photoshop CC здесь, но каждый шаг также совместим с Photoshop CS6 . Вот фотография, которую я буду использовать для этого урока (изображение из Adobe Stock) :

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

Давайте начнем!

Как создать глаза цвета радуги

Шаг 1: выберите инструмент Ellipse

Я начинаю здесь с моего изображения, недавно открытого в Photoshop. Если мы посмотрим на мою панель «Слои» , то увидим исходное изображение в фоновом слое , в настоящее время единственный слой в документе:

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

По умолчанию инструмент Ellipse скрывается за инструментом Rectangle . Чтобы перейти к Ellipse Tool, щелкните правой кнопкой мыши (Win) / Control-click (Mac) на инструменте Rectangle Tool, затем выберите Ellipse Tool из всплывающего меню:

Посмотрите видеоурок «Радужные глаза» на нашем канале YouTube!

Шаг 2: Установите режим инструмента на «Shape»

Выбрав инструмент «Эллипс», установите параметр « Режим инструмента» на панели параметров в верхней части экрана на « Форма» . Это позволит нам рисовать векторные фигуры (в отличие от контуров или фигур на основе пикселей , другие доступные нам опции):

Узнать больше: векторные и пиксельные фигуры в фотошопе

Шаг 3: измени тип заливки на «Градиент»

Далее нам нужно сообщить Photoshop, как мы хотим заполнить форму. Нажмите на миниатюру Fill Type (образец цвета) на панели параметров:

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

Для эффекта «Радужные глаза» мы хотим заполнить фигуру градиентом, поэтому щелкните миниатюру « Градиент» (третий слева), чтобы выбрать ее:

Шаг 4: Выберите градиент «Спектр»

Выбрав градиент в качестве типа заливки, прокрутите градиенты вниз, пока не найдете градиент спектра . Если в настройках Photoshop включены подсказки (они включены по умолчанию), имя градиента появится, когда вы наведете курсор мыши на его миниатюру. Нажмите на эскиз градиента спектра, чтобы выбрать его:

Шаг 5: измени стиль градиента на «Угол»

Как только вы выбрали градиент спектра, спуститесь в нижнюю часть диалогового окна и измените параметр « Стиль градиента» с «Линейный» (по умолчанию) на « Угол» . Когда вы закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы закрыть диалоговое окно:

Шаг 6: нарисуй эллиптическую форму над первым глазом

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

Затем, удерживая нажатой кнопку мыши, начните перетаскивать из этой точки в любом направлении. Как только вы начали перетаскивать, нажмите и удерживайте клавишу Shift на клавиатуре и клавишу Alt (Win) / Option (Mac). Клавиша Shift заблокирует фигуру в идеальный круг, а клавиша Alt (Победа) / Option (Mac) говорит Photoshop перетащить фигуру из центра (места, где вы впервые щелкнули).

Продолжайте перетаскивать, пока контур фигуры не охватит всю радужную оболочку (цветную область). Не волнуйтесь, если часть формы распространяется на белую область глаза или на веки. Мы очистим эти районы через несколько минут. Пока просто убедитесь, что весь ирис вписывается в контур фигуры:

Отпустите кнопку мыши, затем отпустите клавиши Shift и Alt (Win) / Option (Mac). Удостоверьтесь, что вы отпускаете клавиши только после того, как отпустите кнопку мыши, иначе вы потеряете эффект, который имели эти клавиши.

Как только вы отпустите кнопку мыши, Photoshop нарисует фигуру и заполнит ее градиентом спектра:

Шаг 7: измени режим смешивания слоя формы на «Color»

Photoshop рисует фигуры на своих отдельных слоях Shape . Если мы посмотрим на панель «Слои», то увидим наш новый слой «Форма» с именем «Эллипс 1», расположенный над изображением:

На данный момент градиентная заливка фигуры полностью закрывает глаза. Чтобы смешать цвета градиента с глазом, измените режим наложения слоя «Форма» с «Обычный» (режим наложения по умолчанию) на « Цвет» :

Это окрашивает глаза цветами градиента. Не беспокойтесь о контуре, который мы видим вокруг формы. Он исчезнет, ​​как только мы выберем другой инструмент:

Шаг 8: добавь маску слоя

Чтобы очистить области вокруг радужной оболочки, где мы не хотим, чтобы цвета градиента появлялись, мы будем использовать маску слоя . С выделенным слоем Shape щелкните значок Layer Mask внизу панели Layers:

На слое Shape появится миниатюра маски с белым слоем. Обратите внимание на границу выделения вокруг миниатюры. Граница говорит о том, что теперь у нас выбрана маска слоя, а не сама фигура, что означает, что все, что мы делаем дальше, будет сделано с маской, а не с формой:

Шаг 9: выбери инструмент Brush Tool

Мы уберем ненужные области, закрасив черным цветом маску слоя. Для этого нам понадобится кисть в Photoshop . Выберите его на панели инструментов:

Шаг 10: установите цвет переднего плана на черный

Photoshop использует текущий цвет переднего плана в качестве цвета кисти, а это означает, что для рисования черным цветом нам нужно установить наш цвет переднего плана на черный . Мы можем видеть текущие цвета переднего плана и фона в двух цветовых образцах в нижней части панели инструментов. Цвет переднего плана — это цвет в левом верхнем углу.

Если ваш цвет переднего плана не установлен на черный, нажмите букву D на клавиатуре, чтобы быстро сбросить значения цветов переднего плана и фона на значения по умолчанию, при этом цвет переднего плана станет белым, а цвет фона — черным. Затем нажмите букву X на клавиатуре, чтобы поменять цвета, сделав цвет переднего плана черным:

Шаг 11: Нарисуй вокруг радужки

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

Вы захотите использовать маленькую кисть с мягким краем. Чтобы изменить размер кисти с клавиатуры, несколько раз нажмите левую клавишу скобки ( [ ), чтобы уменьшить размер кисти , или правую клавишу скобки ( ] ), чтобы увеличить ее . Чтобы отрегулировать твердость краев кисти, нажмите и удерживайте клавишу Shift, одновременно нажимая левую клавишу скобки, чтобы сделать кисть более мягкой, или правую клавишу скобки, чтобы сделать щетку жестче .

Здесь я рисую градиент, который распространяется на белые области глаза. Так как мы рисуем маску слоя, мы не видим цвет кисти при рисовании. Вместо этого цвета градиента исчезают в областях, которые мы закрашиваем:

Я также нарисую веко сверху, чтобы удалить градиентные цвета из этой области:

Если вы ошиблись и случайно закрасили некоторые цвета радужной оболочки, нажмите клавишу X на клавиатуре, чтобы поменять местами цвета переднего плана и фона. Это установит ваш цвет переднего плана на белый . Закрасьте область белым, чтобы восстановить цвета. Затем нажмите X, чтобы поменять цвета, снова установите цвет переднего плана на черный и продолжайте рисовать.

Наконец, я нарисую внутри зрачка в центре глаза, чтобы удалить любой нежелательный цвет из этой области:

Все идет нормально. Теперь наш первый глаз раскрашен нашими цветами радуги:

Шаг 12: снова выбери инструмент Эллипс

Давайте быстро сделаем то же самое с другим глазом. Сначала выберите Ellipse Tool с панели инструментов:

Шаг 13: нарисуй фигуру над вторым глазом

Все опции, которые мы выбрали в прошлый раз для Ellipse Tool, все еще активны, поэтому нет необходимости выбирать какие-либо из них снова. Все, что нам нужно сделать, это поместить курсор мыши в центр другого глаза:

Щелкните мышью, чтобы установить начальную точку для градиента, затем, удерживая нажатой кнопку мыши, начните перетаскивание из этого места в любом направлении. Как только вы начали перетаскивать, нажмите и удерживайте Shift + Alt (Победа) / Shift + Option (Mac) на клавиатуре, чтобы зафиксировать фигуру в идеальный круг и вытянуть ее из центра.

Продолжайте перетаскивать, пока вся радужная оболочка не будет окружена контуром фигуры:

Отпустите кнопку мыши, затем отпустите клавишу Shift и клавишу Alt (Win) / Option (Mac). Фотошоп рисует вторую фигуру и заполняет ее тем же градиентом спектра:

Шаг 14: измени режим смешивания формы на «цвет»

Если мы посмотрим на панель «Слои», то увидим, что Photoshop добавил нашу вторую фигуру в свой собственный слой Shape с именем «Ellipse 2». Чтобы смешать цвета градиента с глазом, измените режим наложения слоя «Эллипс 2» с Normal на Color :

Это окрашивает второй глаз:

Шаг 15: добавь маску слоя

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

На слое появится миниатюрная маска слоя, заполненная белым цветом . Еще раз, мы видим выделенную границу вокруг миниатюры, говорящую нам, что выбрана сама маска:

Шаг 16: выбери инструмент кисти

Выберите Brush Tool еще раз на панели инструментов:

Шаг 17: зарисуй нежелательный цвет

Наш цвет переднего плана по-прежнему должен быть черным , поэтому все, что нам нужно сделать, это закрасить белые части глаза, веко и зрачок в центре, чтобы скрыть градиентные цвета от этих областей:

И на этом основная часть нашего эффекта завершена! Мы раскрасили оба глаза нашими цветами радуги:

Шаг 18: понизь непрозрачность (необязательно)

Если вы обнаружите, что цвет слишком яркий, что приводит к потере некоторых деталей в глазах, вы можете уменьшить его интенсивность, уменьшив непрозрачность слоев Shape. Мы можем уменьшить непрозрачность для обоих слоев Shape одновременно.

В настоящее время на панели «Слои» выделен верхний слой «Форма» («Эллипс 2»). Чтобы выбрать другой слой Shape, я нажму и удерживаю клавишу Shift и нажимаю на слой «Ellipse 1». Теперь оба слоя Shape выделены:

Выбрав оба слоя, я уменьшу значение непрозрачности в правом верхнем углу панели «Слои» со 100% до 80% :

С уменьшенной непрозрачностью цвета кажутся немного менее интенсивными, и в глазах видно больше исходных деталей:

Настройка эффекта

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

Чтобы изменить параметры градиента для одного из глаз, дважды щелкните его миниатюру «Форма» на панели «Слои». Миниатюра Shape находится слева от миниатюры маски слоя. Я выберу правый глаз (справа, слева), дважды щелкнув по миниатюре фигуры для слоя «Эллипс 2»:

Откроется диалоговое окно « Градиентная заливка » с различными параметрами, которые мы можем изменить:

Задний ход

Одна вещь, которую мы можем сделать, это изменить порядок цветов в градиенте. Мы делаем это, выбирая опцию Reverse :

Photoshop показывает нам предварительный просмотр эффекта, чтобы мы могли держать диалоговое окно «Градиентная заливка» открытым, пока мы экспериментируем с настройками. Имейте в виду, что мы меняем эффект только для одного глаза за раз. Чтобы сделать то же самое изменение и для другого глаза, вам нужно будет дважды щелкнуть его миниатюру «Форма» на панели «Слои» и использовать те же настройки.

Вот как выглядит эффект после изменения цвета правого глаза. Теперь глаза, кажется, отражают друг друга своими цветами:

Угол

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

Угол по умолчанию составляет 90 °. Под этим углом красный цвет в настоящее время находится в верхней части глаза. Я изменю угол на -90 ° :

При повороте угла красный цвет теперь появляется внизу глаза справа:

Стиль

Другой вариант, который мы могли бы изменить, это Стиль . В настоящее время он установлен на Angle, потому что это то, что мы выбрали, когда рисовали фигуры:

Если вы нажмете на поле, вы увидите другие стили, которые мы можем выбрать. Я выберу один из более интересных, таких как Radial :

Вот как выглядит стиль Radial. Опять же, на данный момент я воздействую только на глаз справа:

Чтобы изменить другой глаз, я нажму OK, чтобы принять мои изменения и закрыть из текущего диалогового окна Градиентная заливка.

Затем, вернувшись на панель «Слои», я дважды щелкните миниатюру «Форма» для левого глаза (слой «Эллипс 1»):

Это снова открывает диалоговое окно Градиентная заливка, на этот раз для второго глаза. Просто для забавы, я установлю стиль градиента для левого глаза на что-то другое, например, Diamond . Я также выберу опцию Reverse :

Я нажму OK, чтобы принять мои изменения и закрыть диалоговое окно «Градиентная заливка», и теперь оба глаза настроены на что-то совершенно другое:

И там у нас это есть! Ищете похожие уроки? Узнайте, как создать эффект « Радиальные зум-глаза» , или просто измените цвет глаз на изображении . Посетите наш раздел фотоэффектов для получения дополнительных уроков!