Как сделать светящуюся вывеску в фотошопе
Сегодня я хочу рассказать о простом методе получения эффекта неонового света — логотип, состоящий из светящихся неоновых трубок.
Методика получения эффекта довольно-таки простая и заключается в добавлении стилей слоя к изображению, всего слоёв у нас будет два — фон и слой с объектом, к которому будет применён эффект, в моём случае объект — это простой абстрактных логотип. Методика хорошо поможет начинающим пользователям Photoshop для понимания принципов работы со стилями слоя.
Да, обращаю ваше внимание, что объект должен состоять из линий, чтобы относительно габаритов объекта толщина линий была схожа с толщиной неоновых трубок. При применении стилей слоя габариты целевого объекта (в нашем случае, толщина линий — «неоновых трубок») важна! Тональность фона также очень важна, т.к. при слишком светлом или тёмном фоне не будут отображаться эффекты, создаваемые некоторыми стилями слоя.
Для лучшего понимания метода, по ссылке внизу страницы вы сможете скачать готовый файл PSD, выполненный по материалам статьи.
Вот что получилось у меня в результате:
Готовый результат создания эффекта неонового свечения в Photoshop.
Давайте начнём. Создаём новый файл в Photoshop размером 3000 на 3000 пикселей, фон — белый. Преобразуем фоновый слой в обычный (я назвал переименованный слой «background», как это сделать, рассказано в данной статье. Создаём новый слой, на котором рисуем (или копируем готовый) логотип или что либо другое, главное, как я упомянул выше, чтобы полученный объект состоял из относительно тонких линий. Я нарисовал вот такой «логотип», также показана панель слоёв документа:
Документ, состоящий из двух слоёв: логотип на прозрачном фоне и расположенный под ним слой для создания фона.
Параметры стиля слоя «Наложение градиента»
В результате слой с фоном должен принять следующий вид:
Слой, содержащий фон для неонового эффекта.
Теперь займёмся слоем с логотипом. Собственно, всё, что нам нужно сделать — это придать слою несколько стилей слоя с определёнными параметрами. Это:
Параметры стилей слоя я приведу на картинках-скриншотах ниже, или же их можно посмотреть в документе PSD, скачать который вы можете по ссылке внизу страницы. Перевод режимов наложения (они используются в стилях слоя) на этой страничке.
После применения всех стилей слоя, если вы всё сделали правильно, то ваш документ должен выглядеть похожим на мой итоговый результат:
Готовый результат после применения всех стилей слоя.
Изменение цвета фона с сине-серого градиента до сплошного тёмно серого.
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
Я посмотрел некоторые из последних работ Майкла Рейхманна. И был поражен одной из фотографий с выставки в Севилье. Майкл добавил группе женщин рассеянное свечение, и это действительно создало совершенно особенное впечатление.
Это придало фотографии мечтательное выражение, как будто изображение действительно создано из света. Майкл взял отличное изображение и сделал его изысканным:
Рисунок 1. "Парики" Майкл Рейхманн. © 2004, Michael Reichmann
Обычно, чтобы создать свечение для фотографий с помощью пленки, использовали длинную выдержку. Таким же образом на инфракрасных фотографиях получается это жуткое сияние. С помощью Photoshop мы можем добавить рассеянное свечение очень быстро и просто.
Добавление рассеянного свечения
Добавление рассеянного свечения в Photoshop достигается с помощью сочетания техник размытия, режимов смешивания слоя и наложения. Вместо того чтобы размывать все изображения, мы добавляем свечение объекту в желаемом диапазоне тонов. Мы можем добавить насыщенности и резкости тонам, таким образом, не жертвуя детализацией изображения:
Рисунок 2. Макро вид цветка Рудбекия , Маклай Гарден, Таллахасси, Флорида
Это фото цветка - прекрасный пример диффузного размытия. Смягченные лепестки добавляют интересные штрихи изображению, однако при этом важно сохранить мелкие детали « глаза » цветка.
Добавление рассеянного свечения начинается с дублирования слоя. Затем объединяем слои Alt-Ctrl-Shift-N-E на PC ( Option-Command-Shift- N-E на Mac ). Это позволит объединить все видимые слои в один слой без сглаживания.
Далее мы дублируем новый слой. Ctrl-J на PC (Command-J на Mac) .
( Если у вас недостаточно памяти или вы предпочитаете работать с меньшим количеством слоев, тогда можно сгладить изображение. Все, что вам необходимо будет сделать в этом случае - создать копию фонового слоя с помощью Ctrl-J ):
Рисунок 3. Создание рассеянного свечения начинается с добавления объединенного слоя для добавления эффекта фильтра размытия. Затем объединенный слой дублируется
Мы должны смягчить изображение верхнего слоя. Фильтр - Размытие - Размытие по Гауссу отлично для этого подойдет. Оно применяется для плавного размытия мелких деталей изображения.
Отрегулируйте радиус с помощью параметров размытия. Для диффузного свечения нам нужно установить достаточно большое значение, чтобы смягчить образ, но не настолько, чтобы размыть все детали изображения. Для этого изображения я выбрал 25 пикселей:
Рисунок 4. Размытие по Гауссу с радиусом 25 пикселей значительно увеличивает мягкость деталей изображения
Когда вы применяете « Размытие по Гауссу », детали рассредоточиваются. Из-за этого появляется светящийся ореол. Когда слой « Размытия по Гауссу» смешивают с основным слоем, детали размягчаются, вследствие чего свечение становится более выраженным.
Следующий шаг - это творческий выбор. Вы должны выбрать режим смешивания для слоя « Размытия по Гауссу »:
- « Затемнение » или « Умножение » сделают детали изображения более темными, а также смягчат и добавят ему свечение. Идеально подходят для мягких, выразительных теней;
- « Замена светлым » или « Освещение » наоборот осветят изображение. Идеально подходят для добавления светлых тонов или подчеркнутого свечения;
- « Мягкий свет » и « Наложение » добавляют контрастности и насыщенности. Это мои любимые режимы смешивания для пейзажей и натюрмортов;
- Я решил, что для изображения цветка на рисунке 2 нужно добавить контрастность и насыщенность, поэтому применил режим смешивания « Наложение »:
Рисунок 5. Палитра слоев после применения «Размытия по Гауссу>» (25 пикселей) и установки режима смешивания Наложение
Режим смешивания слоя « Наложение » сделал лепестки цветка более выразительными. Они стали на вид почти маслянистыми, как по цвету, так и по фактуре. Непрозрачность 100% - это слишком много. Поэтому я уменьшил ее до 80%:
Рисунок 6. Лепестки приобрели кремовые, мягкие оттенки. К сожалению, тени деталей тоже пропали
Если бы все, что мы хотели сделать, это смягчить изображение, мы в принципе могли бы на этом и остановиться. Секрет добавления рассеянного свечения также состоит в ограничении ореола в некоторых тональных областях. Черно-белое изображение ребенка, например, могло бы стать более интересным, если бы свечение « высоких тонов » применялось только для отдельных областей, возможно, в яркости в одну четверть тона.
Мне нравился вид, который приобрели лепестки на рисунке 6. В то же время в середине цветка заметно уменьшилась резкость. Я приложил много усилий, чтобы захватить как можно больше таких деталей. Я использовал макро-объектив Canon 180mm “ L ” с малой выдержкой ( 2 сек. на f/18 ), чтобы получить детали с достаточной степенью резкости.
Некоторые, возможно, предпочтут оставить " глаз " размытым. Я же хотел добиться большей резкости деталей оригинального изображения. Мое решение заключалось в том, чтобы отрегулировать параметр наложения « Наложить, если :» для слоя « Размытия по Гауссу ».
Использование параметра «Наложить, если:», чтобы ослабить свечение
В диалоговом окне « Стиль слоя » есть четыре слайдера, которым в большинстве книг по Photoshop уделяется очень мало внимания. Это параметры настройки « Наложить, если :». В некоторых книгах о них не упоминается вообще.
Чтобы получить к ним доступ, вам необходимо открыть диалоговое окно « Стиль слоя ». Вы можете сделать это одним из трех способов:
- Дважды кликнув миниатюру слоя. ( Для корректирующего слоя, дважды щелкните на слое справа от названия слоя );
- Перейдя в Слой - Стиль слоя - Параметры смешивания через главное меню;
- Перейдя в Добавить стиль слоя - Параметры смешивания через меню палитры слоев:
Рисунок 7. Слайдеры «Наложить, если:»
Параметры « Наложить, если :» позволяют задать, какие пиксели активного слоя и основных видимых слоев появятся в финальном изображении. Вы также можете задать диапазон частично накладываемых пикселей для сглаживания переходов между смешанными и несмешанными областями изображения.
Вы можете использовать черные и белые значения « Наложить, если :», чтобы указать диапазон пикселей активного слоя, который будет смешиваться с видимыми слоями, расположенных ниже. Когда вы перемещаете белый ползунок по направлению к центру, пиксельные значения активного слоя справа от него остаются без примесей. Они игнорируются.
Если вы перемещаете к центру черный ползунок, пиксельные значения активного слоя слева от ползунка игнорируются. Это позволяет ограничить влияние активного слоя на тени, полутона ( переместив оба ползунка к центру ) или подсветку.
Если вы кликните, удерживая Alt , на слайдере, он будет разделен на две части. С помощью разделенных половинок вы можете определить частичные диапазоны накладываемых пикселей.
Чтобы объяснить, как работают слайдеры « Наложить, если :», я создал линейчатую диаграмму. После этого я продублировал ее и повернул на 180 градусов, добавив эту копию к изображению в качестве нового слоя:
Рисунок 8. Черно-белая диаграмма для тестирования того как работают слайдеры «Наложить, если:»
Рисунок 9. Полный набор установок теста для сравнения различных настроек «Наложить, если:»
Согласно настройкам параметра « Наложить, если :» по умолчанию, каждый пиксель в активном слое подлежит смешиванию с пикселями из видимых слоев, расположенных ниже.
Название шкалы " Нижний слой " не совсем корректно. Ее черные и белые ползунки определяют диапазон пикселей всех основных видимых слоев, которые будут смешиваться с активным слоем. Ее действие не ограничиваются только слоем, расположенным непосредственно под активным слоем.
Теперь, одна важная вещь, которую нужно знать о шкале " Нижний слой "! При перемещении черного ползунка к центру пиксельные значения слева от него исключаются из смешивания. Можно было бы предположить, что это означает, что они игнорируются, и для вывода изображения используются пиксели активного слоя. Но на самом деле происходит как раз обратное!
Вместо того чтобы исключаться, пиксели с этими значениями " пробиваются " на активный слой и заменяют собой его пиксели. Поэтому будьте осторожны с настройкой ползунков слайдера " Нижний слой ".
Давайте рассмотрим несколько примеров. Мы начнем с рассмотрения черно-белых диаграмм, где верхняя диаграмма представляет собой активный слой, а нижняя - видимые слои для изображения, расположенные под ним:
Рисунки 10а - 10б. Черно-белая диаграмма сверху представляет собой активный слой. Черно-белая диаграмма под ней представляет видимые нижележащие слои
Если вы потяните черный ползунок слайдера " Данный слой " в сторону центра, от 0 до 50, пиксели активного слоя темнее, чем 50 будут игнорироваться. Это пиксели в правой стороне верхней черно-белой диаграммы.
Так как эти черные пиксели не смешиваются и игнорируются, то значит, будут проявляться белые пиксели из нижележащего изображения в правой стороне рисунка 11. Белые пиксели будут заменять темные. В результате черно-белая диаграмма будет содержать белые пиксели на обоих концах:
Рисунок 11. Когда черный ползунок "Данный слой" установлен на 50, тени активного слоя игнорируются, и мы получаем белые пиксели на обоих концах
Это еще один момент, который требует пояснения. Когда вы тянете ползунок и исключаете пиксели из смешивания или задаете, чтобы они перекрывали изображение активного слоя, эти пиксели могут полностью отличаться от активного слоя. Поэтому, как видно из приведенного примера, подсветка не обязательно будет заменяться подсветкой или тени тенями.
Если вместо этого вы установите черный ползунок слайдера " Данный слой " на 0 и перетянете черный ползунок слайдера " Нижележащий уровень " на 50, то тени нижележащих слоев будут "пробиваться" на активный слой и заменять пиксели активного слоя. Мы получим темные пиксели на обоих концах, как на рисунке 12:
Рисунок 12. Черный ползунок слайдера "Нижележащий слой" установлен на 50, что позволяет теням нижележащих слоев "пробиваться" на активный слой
С помощью различных комбинаций ползунков слайдеров «Наложить, если:» и их разбивки с помощью ALT-клик, вы можете применить рассеянное свечение с хирургической точностью и смешать эффекты очень плавно.
Возвращаемся к цветку
Я хотел убрать рассеянное свечение из областей темных тонов, где изображение потеряло бы важные детали. Быстрая настройка черного ползунка слайдера " Данный слой " параметра « Наложить, если :» вернуло обратно глубину темным участкам.
Когда вы настраиваете слайдеры « Наложить, если :», результат можно наблюдать интерактивно. Вы можете видеть изменения в изображении после каждого своего действия. Я увеличил масштаб до 100% и следил за деталями " глаза " цветка по ходу внесения изменений через черный ползунок слайдера " Данный слой " параметра смешивания « Наложить, если :».
Я обнаружил, что установив его на отметку 55, я в достаточной степени восстановил информацию о темных тонах из нижележащих видимых слоев, чтобы добавить изображению большую детализацию, при этом не делая " глаз " слишком броским как на рисунке 2:
Рисунок 13. Настройки параметра «Наложить, если:», которые позволяют восстановить темные детали "глаза" цветка
Рисунок 14. Сбалансированная настройка через черный ползунок слайдера " Данный слой " параметра смешивания «Наложить, если:» позволяет восстановить некоторые темные детали, которые могли бы быть потеряны при размытии лепестков
Заключение
Сочетание размытия, режимов и методов смешивания может быть использовано для добавления к изображению рассеянного свечения. Эта техника может быть использована на свадебных фото, чтобы добавить изображениям невесты в белом свадебном платье романтические нотки.
Портретные фотографы могут использовать ее, чтобы смягчить черты лица объекта и добавить им блеск свечения или наоборот сочные, плавные тени. Ландшафтные фотографы могут использовать данную технику, чтобы увеличить контрастность и плавность тонов:
Рисунок 15. Восход солнца на Ст.Маркс, Ст.Маркс, Флорида. Размытие по Гауссу 10 пикселей
Режим смешивания - Мягкий свет, непрозрачность - 80%. Черный ползунок слайдера " Данный слой " параметра « Наложить, если :» установлен на 10.
Для применения этой техники мы сначала используем « Размытие по Гауссу ». Задача состоит в том, чтобы добавить насыщенность, через создание светящегося ореола и при этом сохранить важные детали.
Следующие шаги заключаются в том, чтобы выбрать подходящий режим смешивания, а затем отрегулировать параметр «Наложить, если:», с тем чтобы сохранить важные детали. Различные эффекты могут быть достигнуты с помощью режимов смешивания и настройки параметра « Наложить, если :».
Запустите Adobe Illustrator и создайте новый документ (Ctrl + N) с такими параметрами:
Шаг 2
Активируйте инструмент Type Tool и напишите «NEON SIGN».
Шаг 3
Нужно преобразовать текст в фигуру. Кликните правой кнопкой мыши на холсте и выберите пункт Create Outlines.
Вызовите то же контекстное меню ещё раз и выберите пункт Ungroup.
Шаг 4
Выделите нижнее слово и немного поднимите его, чтобы оно было ближе к верхнему слову.
Шаг 5
Выделите оба слова и сделайте надпись шире.
Шаг 6
Создайте новый слой.
Шаг 7
Активируйте инструмент Pen Tool и нарисуйте линию, проходящую по краю буквы.
Шаг 8
Продолжайте рисовать линии, чтобы повторить форму буквы.
Шаг 9
Выделите обводку, которую мы нарисовали. Увеличьте толщину линий через параметр Stroke Weight.
Шаг 10
Выделите все линии и перейдите в меню Object ? Expand, чтобы преобразовать их в фигуру.
Шаг 11
Все фигуры нужно объединить в одну. Но для начала изменим цвет обводки и уберём заливку.
Шаг 12
Выделите все фигуры и кликните на иконке объединения Unite на панели Pathfinder. Эта панель доступна в главном меню Windows.
Шаг 13
Повторите предыдущие действия для остальных букв. Чтобы форма букв была интересной, советую посмотреть на реальные образцы неоновых вывесок.
Шаг 14. Экспорт в Photoshop
Выделите все фигуры текста и скопируйте их (Ctrl + C). Откройте Photoshop и создайте новый документ (Ctrl + N).
Шаг 15
Вставьте изображение кирпичной стены в Фотошоп через меню File ? Place.
Шаг 16
Вставьте скопированные слова как фигуры (Ctrl + V).
Шаг 17
Кликните дважды на миниатюре слоя, чтобы изменить цвет букв.
Шаг 18. Эффекты
Кликните дважды на слое, чтобы открыть стили. Примените стиль свечения Outer Glow.
Шаг 19
Создайте копию текста (Ctrl + J). Перенесите иконку fx в корзину, чтобы удалить стили.
Шаг 20
Примените к верхнему слою другие стили:
Шаг 21
Создайте новую группу «improvement». Создайте копию текстового слоя (Ctrl + J) и поместите её в эту группу. Откройте стили и измените настройки.
Шаг 22
Выделите текстовый слой (удерживая Ctrl, кликните на миниатюре слоя). Сожмите выделение на 1 пиксель (Select ? Modify ? Contract).
Шаг 23
Активируйте любой инструмент выделения и клавишами стрелок на клавиатуре сдвиньте выделение на несколько пикселей вниз.
Шаг 24
Создайте новый слой и залейте выделение белым цветом.
Шаг 25
Создайте ещё одну копию текстового слоя и поместите её в группу «improvement». Добавьте такие стили:
Шаг 26
Снова выделите текст и расширьте выделение на 4 пикселя (Select ? Modify ? Expand).
Шаг 27
Создайте новый слой и залейте выделение любым цветом.
Шаг 28
Уменьшите заливку (Fill) слоя до 0% и примените следующие стили:
Шаг 29
Чтобы создать иллюзию объёмности и глубины букв, мы добавим темноту внутрь букв. Выделите текст и сожмите выделение на 1 пиксель.
Шаг 30
Залейте выделение тёмно-жёлтым цветом на новом слое.
Шаг 31
Добавьте маску и чёрной кистью уберите некоторые тёмные участки внутри букв.
Шаг 32
Создайте новый слой и нарисуйте тень внутри текста, чтобы некоторые элементы находились на другими.
Шаг 33
Добавьте скругленный прямоугольник инструментом Rounded Rectangle Tool (U) и немного наклоните его в режиме Free Transform (Ctrl + T).
Шаг 34
Сделайте наклонный элемент чёрным и расположите под всеми слоями текста.
Шаг 35
Добавьте подобные элементы в другие места, чтобы связать буквы.
Шаг 36
Преобразуйте все соединительные элементы в выделение (Ctrl + Enter). Создайте новый слой и закрасьте их всех чёрным цветом.
Шаг 37
На каждую букву мы отдельно добавим световые пятна. Они должны быть позади ламп, на стене.
Шаг 38
Выделите текст и соединительные элементы. Немного сдвиньте выделение вниз.
Шаг 39
Создайте новый слой под лампами и залейте выделение чёрным цветом. Примените фильтр Gaussian Blur (Filter ? Blur ? Gaussian Blur).
Шаг 40. Кабели
Инструментом Pen Tool (P) нарисуйте конец кабеля на букве. Сделайте его чёрным и расположите позади лампы.
Шаг 41
Примените стиль Bevel & Emboss.
Шаг 42
Снова возвращаемся в Illustrator. Нарисуйте кабель инструментом Pen Tool.
Шаг 43
Перейдите в меню Object ? Expand.
Шаг 44
Скопируйте линию в Фотошоп.
Шаг 45
Поверните кабель и расположите его так:
Шаг 46
Сделайте кабель тёмно-серым.
Шаг 47
Примените стиль тиснения, чтобы сделать кабель объёмным.
Шаг 48
Выделите кабель и расширьте выделение (Select ? Modify ? Expand).
Шаг 49
Перейдите в меню Edit ? Stroke и настройте обводку так:
Шаг 50
Сотрите часть обводки кабеля при помощи ластика. Таким способом мы добавим свет от ламп на кабель.
Шаг 51
Добавьте ещё одну обводку на кабель. Используйте более светлый цвет и примените фильтр Gaussian Blur (Filter ? Blur ? Gaussian Blur).
Шаг 52
При помощи кисти добавьте больше света на часть кабель рядом с лампой
Шаг 53
Нарисуйте ещё один кабель для первой буквы.
Шаг 54
Нарисуйте кабель, соединяющий буквы верхнего и нижнего слова.
Шаг 55. Крепления
Нам осталось нарисовать крепления, на которых будут висеть лампы. Нарисуйте два прямоугольника, как показано ниже.
Шаг 56
Создайте несколько копий и расположите их на других буквах.
Шаг 57
Примените следующие стили к креплениям:
Шаг 58
На отдельном слое небольшой кистью нарисуйте тени от крепления на лампах. Они должны быть очень слабыми.
Конечный результат:
В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».
Создайте новый документ в Фотошопе (Ctrl + N) размером 750х1000 пикселей. Выберите инструмент Ellipse Tool (U) и создайте круг диаметром 435 пикселей. Затем создайте копию слоя (Ctrl + J) и назовите её «Frame».
Шаг 2
На верхней панели выключите заливку у слоя «Frame» на верхней панели и сделайте обводку светло-серой толщиной 30 пикселей.
Шаг 3
Создайте круг диаметром 50 пикселей и назовите слой «Hand». Выберите инструмент Rounded Rectangle Tool (U), на верхней панели задайте радиус 35 пикселей и создайте фигуру размером 250х250 пикселей. Назовите слой «Plate».
Шаг 4
Выберите инструмент Rectangle Tool (U) и создайте фигуру размером 737х15 пикселей. Назовите слой «Wall» и создайте две копии. Первую назовите «Ceiling», а вторую — «Edge».
Шаг 5
Инструментом Horizontal Type Tool (T) напишите «Cafe» шрифтом «Nexa Rust». Цвет и размер шрифта не имеет значения, так как изменим его в виде 3D-сетки.
2. Создание 3D-слоёв
Шаг 1
Выберите каждый слой с фигурой и перейдите в меню 3D ? New 3D Extrusion from Selected Path. Для текстового слоя перейдите в меню 3D ? New 3D Extrusion from Selected Layer.
Шаг 2
Выберите все 3D-слои и перейдите в меню 3D ? Merge 3D Layers. Полученный слой назовите «3D Screne».
3. Настройка 3D-слоёв
Для работы с 3D-сетками нам понадобятся две панели: 3D и Properties. Они обе доступны в меню Window. На панели 3D находятся все элементы сцены. Когда Вы выбираете один из них, то на панели Properties появляются их свойства.
Шаг 1
Выберите каждую сетку и измените Extrusion Depth (глубину экструзии):
- Ellipse 1: 50
- Frame: 55
- Text: 25
- Hand: 500
- Plate: 50
- Wall: 1000
- Ceiling: 1000
- Edge: 50
Шаг 2
Для сеток Wall, Ceiling и Edge измените Texture Mapping на Tile.
4. Настройка свойства Cap
Выберите сетку Frame и настройте свойства во вкладке Cap: Bevel Width — 7%, Contour — Half Round. Затем сделайте то же самое для сетки Text, только Bevel With должен быть равен 10%.
5. Расположение 3D-слоёв
Шаг 1
Чтобы изменить расположение объектов на сцене, можно задать точные координаты, либо воспользоваться инструментом Move Tool (V). Выберите сетку Wall и перейдите во вкладку Coordinates, настройте углы вращения, как показано ниже.
Шаг 2
Теперь мы попробуем переместить объекты при помощи инструмента Move Tool (V). Как только Вы его активируете, увидите на верхней панели несколько режимов. Попробуйте каждый из них, чтобы понять, как они работают.
Шаг 3
Расположите объекты сцены и камеру, чтобы получить такой ракурс:
6. Материал дерева
Шаг 1
Выберите Ellipse 1 Front Inflation Material и на панели свойств кликните на иконке Diffuse, выберите пункт Edit Texture.
Шаг 2
У Вас откроется новый документ для текстуры. Создайте новый слой и перейдите в меню Filter ? Filter Forge ? Filter Forge 4. Выберите фильтр Grainy Wood и 9-ю установку. Нажмите на кнопку Apply.
Шаг 3
После появления текстуры, настройте её при помощи коррекции Levels (Ctrl + L). Сохраните документ (Ctrl + S) и закройте его.
Шаг 4
Измените остальные настройки материала, как показано на скриншоте:
7. Материал металла
Шаг 1
Выберите Front Inflation Material сетки Frame и измените текстуру через параметр Diffuse. При помощи фильтра Filter Forge 4 создайте текстурированный металл. Такую же текстуру нужно применить и для материалов Back Inflation Material и Extrusion Material.
Шаг 2
Выберите все материалы сетки Frame и настройте их:
8. Материал текста
На текст мы не будем накладывать текстуру. Вместо этого мы добавим на него цветовую заливку. Выберите все материалы сетки Text, кликните на иконке параметра Diffuse и выберите пункт Remove Texture. Установите для него цвет RGB (130, 101, 12). Для параметра Specular — RGB (89, 89, 89). Остальные настройки показаны на скриншоте.
9. Материалы крепления
Шаг 1
Выберите материалы сеток Plate и Hand и настройте их так:
Шаг 2
Исключите из выделения Plate Inflation Material, кликните на иконке Diffuse и выберите Frame Extrusion Material. Материал Plate Front Inflation Material нужно настроить отдельно. Примените к нему ту же металлическую текстуру, что и в последний раз.
10. Кирпичная стена
Шаг 1
Выберите материал Extrusion Material у сетки Wall. Примените для него текстуру кирпичной стены: 11-я установка.
Шаг 2
Шаг 3
Кликните на иконке Diffuse ещё раз и выберите пункт Edit UV Properties.
Поэкспериментируйте с параметрами Tile и Extrusion, чтобы получить наиболее удачный результат.
Шаг 5
Примените Wall Extrusion Material для параметра Bump, остальное настройте, как показано на скриншоте. При необходимости измените UV-свойства, чтобы они были такими же, как и у параметра Diffuse.
11. Материал потолка
Шаг 1
К материалу Ceiling Extrusion Material примените текстуру Wall1 — AngelBlame.
Шаг 2
Создайте корректирующий слой Hue/Saturation и сохраните документ.
Шаг 3
Настройте UV Properties текстуры.
Шаг 4
Выберите материалы сеток Ceiling и Edge. Примените к ним текстуру материала Ceiling и измените параметр Shine.
12. Настройка освещения
Шаг 1
Выберите Infinite Light 1 и настройте его, как показано ниже. Инструментом Move Tool (V) переместите свет на холсте.
Шаг 2
Выберите Environment и включите параметр IBL. Замените текстуру на Art Gallery Background и уменьшите Intensity.
Шаг 3
Добавьте новый точечный свет на сцену.
Шаг 4
Расположите новый источник света в правой верхней части вывески и измените цвет на RGB (248, 245, 237), остальные параметры на скриншоте.
Шаг 5
Поэкспериментируйте со светом и настройками.
13. Глубина резкости
Шаг 1
Измените расположение камеры до нужного Вам ракурса. Выберите элемент Scene и задайте установку Hidden Wireframe.
Шаг 2
Выберите ракурс Current View и измените параметр Depth. Distance подберите сами. Как закончите, выберите элемент Scene и выберите для него значение Default в списке Presets.
14. Размер рамки
Шаг 1
Сейчас мы сделаем рамку толще. Выберите сетку Frame и нажмите на кнопку Edit Source на панели свойств.
Шаг 2
Измените толщину обводки до 5pt. Сохраните документ.
Теперь видно, что обод стал толще.
15. Рендеринг сцены
Шаг 1
Перейдите в меню 3D ? Render, чтобы запустить процесс рендеринга. Вы можете остановить его в любой момент с помощью клавиши Esc.
Шаг 2
Чтобы немного улучшить освещение, создайте корректирующий слой Gradient Map.
Конечный результат:
В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».
В этом уроке мы покажем, как за несколько шагов создать красивый светящийся флористический узор. Результат получится довольно эффектным, а вот процесс его создания — довольно прост, что еще нужно новичку?
Для работы вам понадобятся следующие файлы:
1 Шаг
Создайте еще один слой с названием “background light”, переключитесь на большую мягкую кисть белого цвета и создайте световые пятна, как показано на рисунке ниже.
Как видите, таким образом можно в считанные секунды создать неплохой фон для дальнейшей работы.
2 Шаг
Создайте новый слой под названием “floral pattern”. Используя флористическую кисть, которую вы скачали вначале урока, нанесите один узор на этот слой.
Теперь к этому слою примените следующие стили (пункт Blending Options из контекстного меню, выпадающего при клике правой клавишей мыши на слое):
Bevel and Emboss
Как видите, здесь мы создали немного бликов и немного тени для нашего узора:
3 Шаг
Теперь можно добавлять эффект свечения к узору. Для этого просто дублируйте оригинальный слой с цветком и примените к нему размывку, выполнив Filter > Blur > Gaussian Blur:
И вот, что вы получите, когда за узором образуются светящиеся края:
4 Шаг
Внесем в изображение немного цвета. В этом нам поможет корректирующий слой Color Balance Adjustment Layer. Лично я считаю, что это самый легкий способ добавить картинке цвета без использования инструментов Brush и Color Picker.
Я выбрал смешение золотых оттенков (задавайте все, как указано ниже):
Ну и вот наш результат:
Заметьте, что нужды в использовании тех же цветов, что и у меня, на самом деле нет, и вы можете экспериментировать с оттенками, руководствуясь своими вкусами и предпочтениями.
5 Шаг
Сейчас сольем все слои (Image > Flatten Image), не забыв перед этим сохранить копию исходного документа со слоями в отдельном файле. Дублируйте фоновый слой и примените следующий фильтр к нему: Filter > Sharpen > Smart Sharpen.
Как видите, мы получили более утемненную кромку узора, а также все изображение в целом стало более четким и детальным.
Теперь займемся созданием эффекта боке. Это можно сделать, используя настройки Brush Dynamics (F5).
Создайте новый слой с названием “bokeh” поверх других слоев. Переключитесь на круглую кисть с примерно 90% значением Hardness и примените такие параметры для этой кисти:
Transfer (Other Dynamics)
Также отметьте опции Airbrush и Smoothing
Ну и вот, что получим на выходе:
6 Шаг
Дублируйте слой боке и примените к дублю фильтр Filter > Sharpen > Smart Sharpen:
Снизьте Opacity дубля в район 80% и увидите, как вокруг боке возникнет подсвеченный край:
На заметку: лично я предпочитаю использовать фильтр Smart Sharpen для добавления обвода, нежели работу со стилем Stroke, как это делают многие. В результате получается более качественный и прорисованный эффект — по моему мнению.
Создайте новый слой поверх предыдущего с названием “highlight”. Задайте ему режим наложения равный “Soft Light” и переключитесь на мягкую белую кисть, чтобы нанести несколько светящихся пятнышек, как показано ниже.
Ну и наконец, добавьте корректирующий слой Levels Adjustment Layer со следующими настройками (это усилит контрастность и придаст изображению большей глубины):
К этому слою теперь примените маску (кнопка Add Layer Mask внизу палитры Layers) и в режиме маски выполните примерно такую градиентную заливку:
Вот какой у нас вышел результат:
Это все на сегодня. Мини-урок по созданию эффектов свечения в Photoshop подошел к концу. Надеюсь, вы остались довольны. До новых встреч!
В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».
Читайте также: