Создаём неоновый текст со звёздами в Фотошоп. Фотошоп неоновый текст


Создаём в Фотошоп неоновый 3D текст

В этом уроке я покажу вам как создать красивый 3D текст используя инструменты Photoshop. Целью урока будет создание 3D букв с люминесцентным свечением, а так же мы дополним их темным фоном с эффектом боке. Надеюсь вы изучите новые интересные приемы благодаря данному уроку. Для работы мы будем использовать версию программы Photoshop CS5 Extended.

Перед выполнением задания скачайте и установите необходимые шрифты в Photoshop. А так же хочу акцентировать внимание что для урока необходимо что бы у вас была установлена именно версия программы Photoshop CS5 Extended.

Исходники:

  1. Шрифт "TR2N Font"
  2. Шрифт " Raleway Thin "
  3. PSD файл

Архив

Вы можете, так же, заменить шрифт " Raleway Thin " на шрифт "Helvetica Neue" если он вам больше нравится.

Начнем!

Шаг 1

Для начала работы создадим документ размером 1920 × 1080 пикс..Чтобы создать новый документ, перейдите в меню Файл> Создать (File > New).

Шаг 2

Сделайте фон черным. Вы можете сделать это очень быстро, нажав комбинацию клавиш Ctrl + I или перейдя к Изображение> Коррекция> Инверсия (Image > Adjustments > Invert).

Шаг 3

Активируйте инструмент Горизонтальный текст (Horizontal Type Tool). Выберете из списка шрифтов "TR2N Font", размер шрифта - 480pt. Введите текст, который вы хотели бы использовать. Лучше всего использовать короткую надпись (около 4-х символов). Я напишу слово TR2N.

Хочу сказать большое спасибо автору Джефф Белл (Jeff Bell) за предоставление этого красивого шрифта.

Шаг 4

Дублируйте слой с текстом. Переименуйте его в "TR2N 3D". Убедитесь, что этот слой расположен в качестве верхнего слоя.

Шаг 5

Встаньте на слой "TR2N 3D" и перейдите к 3D > Чеканка > Текстовый слой (3D > Repousse > Text Layer). Вы увидите всплывающее окно, которое спрашивает, хотите ли вы растрировать текстовый слой - просто нажмите кнопку "Да" (Ок).

Если вы не видите меню 3D, вы используете не версию Photoshop CS5 Extended, инструменты 3D доступны только в Photoshop CS5 Extended.

Далее у вас появится окно с настройками 3D. Установите значение Глубина (Depth) так, что бы получить результат похожий на мой. Не нажимайте кнопку ОК.

Шаг 6

Перейдите к вкладке "Материалы" (Materials) и установите сферу без текстуры. Это позволит удалить все текстуры из текста. Не нажимайте кнопку ОК.

Вот как текст выглядит на данном этапе:

Шаг 7

Теперь мы изменим значения для вкладки "Скос" (Bevel).Сторона (Sides) - "Спереди" (Front)Высота (Height) - 5Ширина (Width) - 0,5Контур (Contour) - "Глубокая выемка" (Deep cove).Нажмите OK, чтобы применить изменения.

Мы получили объемный текст с небольшим скосом на гранях букв:

Шаг 8

Мы завершили создание 3D текста!Теперь, когда мы закончим, мы можем перейти к улучшению качества 3D текста.Одна из самых распространенных проблем, которую испытывают люди при использования инструментов 3D является то, что объекты получаются с "зубчатыми" краями и низкого качества. Photoshop делает это, чтобы улучшить производительность во время редактирования и работы с 3D.

Но когда вы закончите работу по созданию основной формы, вы можете изменить качество объекта. Настройки качества скрыты в 3D панели. Перейти к Окно> 3D   (Window> 3D), для того что бы увидеть необходимое меню. В этом меню перейдите к пункту Качество (Quality) и в списке выберете "Окончательная трассировка лучей" (Ray Traced Final).

Теперь Photoshop начал выполнять рендеринг объекта, о чем свидетельствует бегущая синяя сетка на экране. Этот процесс займет некоторое время в зависимости от скорости и мощности вашего компьютера. Когда качество текста выглядит достаточно хорошо, просто щелкните в любом месте, чтобы остановить визуализацию (либо дождитесь автоматического завершения трассировки).

После изменения качества текст выглядит гораздо лучше:

Шаг 9

Теперь мы применим некоторые стили слоя, чтобы придать буквам блеск. Прежде чем мы начнем, нужно преобразовать слой с текстом в смарт-объект. Преобразование в смарт-объект не является обязательным. Я просто люблю работать со смарт-объектами, так-как это позволяет избежать случайных ошибок и легко подкорректировать настройки.

Если вы хотите преобразовать слой в смарт-объект, щелкните правой кнопкой мыши на слое и выберите "Преобразовать в смарт-объект" (Convert to Smart Object).

Если вы хотите вернуться к настройкам 3D, вы можете дважды щелкнуть по иконке слоя. Photoshop откроет слой как новый документ и покажет вам инструкции о том, как сохранить изменения.

Измените параметры как вам нравится (если это необходимо), а затем сохраните нововведения и закройте документ. Изменения будут отображаться в основном рабочем документе Photoshop.

Шаг 10

Теперь мы прейдем к Стилю слоя (Layer style), чтобы добавить к 3D тексту голубое свечение. Щелкните правой кнопкой мыши на слое TR2N 3D выберите в подменю "Параметры наложения" (Blending Options).

Выберите опцию Наложение цвета (Color Overlay), а затем установите цвет # 00B4FF. Вы также можете изменить режим смешивания на Перекрытие (Overlay), если хотите. Не нажимайте кнопку ОК.

Шаг 11

Затем перейдите к стилю Внешнее Свечение (Outer Glow) и установите тот же цвет что и для предыдущего параметра  # 00B4FF. Размер (Size) для свечения установите около 30 пикс.. Учтите, что данный размер будет варьироваться, если вы использовали другой размер шрифта, нежели я. Нажмите OK, чтобы применить изменения.

Вот как голубое свечение выглядит на данном этапе:

Шаг 12

Теперь мы будем работать над передней поверхностью 3D текста, чтобы придать ему люминесцентный эффект. В палитре слоев переместите слой "TR2N" выше слоя "TR2N 3D". Вы можете переместить слой, просто перетащив его.

Теперь у нас получилась красивая белая передняя поверхность текста.

Шаг 13

Если вы увеличите изображение и присмотритесь, то вероятно, увидите что ваш белый контур не идеально совпадает с 3D текстом.

Чтобы исправить это, активируйте инструмент Свободная трансформация (Free Transform), перейдя к Редактирование> Свободное трансформирование (Edit> Free Transform). Перетащите маркеры на углах так, что бы белый текст совпал по контуру с 3D текстом. Если ваш трансформировочный прямоугольник имеет привязку и вы хотите ее отключить, то зажмите клавишу Ctrl при выполнении масштабирования.

Шаг 14

Теперь мы добавим к белому тексту очень тонкий ободок. Для этого снова переходим к Стилю слоя (Layer style), сделав щелчок правой клавишей мыши по слою и выбрав в подменю "Параметры наложения" (Blending Options).

Перейдите к параметру Обводка (Stroke) и установите размер на 3 пикс., положение - "внутри" (inside), цвет - белый.

Шаг 15

После применения Обводки (Stroke) вы не увидите изменений, потому что цвет обводки и текста совпадают. Чтобы это исправить, установите Непрозрачность (Opacity) и Заливку (Fill) слоя "TR2N" на 75%.

Вот что получилось теперь:

Шаг 16

Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и введите любую надпись ниже текста TR2N. Я использовал шрифт "Raleway Thin" ( так же можно использовать шрифт Neue Helvetica ).

Если вы хотите увеличить расстояние между буквами, перейдите к Окно> Символ (Window> Character), затем настройте значение интервалов.

Используйте инструмент Перемещение (Move tool) и разместите тонкий текст как вам нравится.

Шаг 17

Теперь мы добавим голубое свечение к субтитрам. Чтобы сделать это, щелкните правой кнопкой мыши на слое "TR2N 3D" и нажмите на Копировать стиль слоя (Copy Layer Style). Затем перейдите к слою с тонким текстом и сделайте щелчок правой кнопкой мыши по нему, в подменю выберите пункт Вклеить стиль слоя (Paste Layer Style).

Теперь субтитры так же засияли.

Шаг 18

Прежде чем мы перейдем к работе с фоном, нужно немного уменьшить Внешнее свечение (Outer Glow) на субтитрах. Дважды щелкните на стиль слоя Внешнее свечение (Outer Glow).

Уменьшите размер Внешнего свечения (Outer Glow) приблизительно вдвое, затем нажмите кнопку ОК.

Мы закончили работу над текстом! Вот как он выглядит.

Шаг 19

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

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

Прежде всего создадим фон для будущей сетки. Создайте новый слой над фоновым черным слоем. Назовите этот слой "Сетка фона" (“Grid Background”).

Щелкните правой кнопкой мыши на новом слое и выберите Преобразовать в смарт-объект (Convert to Smart Object). Путем преобразования слоя в смарт-объект, мы можем применить к нему смарт-фильтры, которые в дальнейшем, позволят нам изменить настройки в любое время, когда мы этого захотим.

Шаг 20

Теперь мы собираемся применять интересную комбинацию фильтров для создания сетки фона.

Во-первых, убедитесь, что ваш основной и фоновый цвета установлены по умолчанию (черный и белый). Что бы установить цвета по умолчанию, просто нажмите на клавиатуре клавишу D.

Перейти к Фильтр> Рендеринг> Облака (Filter> Render> Clouds).

Шаг 21

Сейчас мы будем превращать облака в крупную мозаику с закругленными краями. Для этого переходим к Фильтр>  Оформление> Мозаика (Filter> Pixelate> Mosaic).

Для того что бы закруглить края мозаики мы используем фильтр Медиана (Median). Что бы воспользоваться фильтром перейдите к Фильтр > Шум > Медиана (Filter > Noise > Median). Установите радиус 8 пикс., нажмите кнопку ОК.

Шаг 22

В этом шаге мы добавим светящиеся края к граням мозаики. Перейдите к Фильтр > Стилизация > Свечение краев (Filter > Stylize > Glowing Edges). Установите параметры как на изображении ниже:

Сделайте двойной щелчок по Свечение краев (Glowing Edges) в палитре слоев.

На экране откроется окно настроек. Установите режим наложения на Экран (Screen) и непрозрачность (opacity) - 50%, затем нажмите кнопку ОК.

Шаг 23

Фон слишком светлый, в этом шаге я покажу вам как сделать его более темным. Перейдите к Изображение> Коррекция> Тени /Света (Image > Adjustments > Shadows/Highlights).  Установите значение тени (shadows) на 1%.

Установите флажок возле "Показать дополнительные параметры" (Show More Options). Теперь вы можете видеть больше настроек. Данные параметры позволят вам увеличить значения как светлых так и темных тонов. Я буду увеличивать значения для теней. Настройки указаны ниже.

У вас должен получится похожий результат:

Шаг 24

Понизьте непрозрачность (opacity) слоя с сеткой по вашему усмотрению. Я изменил данный параметр до 12%.

Теперь изображение выглядит так.

Мы почти завершили работу с сеткой. Остался еще один шаг перед работой с боке.

Шаг 25

Теперь маленькая хитрость. Если вы дважды щелкните по смарт-фильтру Облака (Clouds) то Photoshop в произвольном порядке изменит вид сетки. Это будет происходить при каждом подобном действии.

При двойном щелчке Photoshop будет показывать информационное окно об изменениях. Если вы не хотите что бы возникала данная подсказка вы можете установить флажок "Больше не показывать" (“Don’t show again”).

Вы можете выбрать любой из вариантов который вам понравится. Я остановился на этом.

Шаг 26

Над слоем с сеткой создайте новый слой и назовите его "Боке".

Шаг 27

Выберите инструмент Кисть (Brush tool), затем щелкните правой кнопкой мыши в любом месте документа, чтобы открыть настройки кисти. Выберите круглую кисть с жесткостью (hardness) 100%. Установите размер в 200 пикселей.

Если вы не увидели в списке данную кисть, то необходимо нажать на значок треугольника и в подменю выберите пункт "Восстановить кисти" (Reset Brushes).

Шаг 28

Перейдите к панели кистей (Окно > Кисти (Window > Brushes)) и откорректируйте параметр Динамика формы (Shape Dynamics).  Установите параметр "Колебание размера" (Size Jitter) на 100%. Убедитесь что в параметре "Управление" (Control) выбрано "Выкл" (Off).

Перейдите к параметру Рассеивание (Scattering). Установите значения, показанные на изображении ниже.

Включите опцию Динамика цвета (Color Dynamics), затем установите Колебание цветового фона (Hue Jitter) на 3%.

Так же, измените настройки для параметра Передача (Transfer).

Вернитесь на вкладку Форма отпечатка кисти (Brush Tip Shape). Установите значение Интервала (Spacing) на 100%.

Шаг 29

Мы закончили создание кисти! Теперь начнем рисовать. Во-первых, установить цвет переднего плана на белый. Вы можете это быстро сделать, нажав D на клавиатуре, а затем X.

Теперь прокрасьте новой кистью по холсту на слое "Боке". У вас получится поле с произвольными разными кружочками. Возможно, вам придется отменить действие кисти (Ctrl + Z), и повторить действие с рисование заново, прежде чем вы получите результат, который вам понравится.

Шаг 30

Перейдите к Изображение > Коррекция > Цветовой тон\ Насыщенность (Image > Adjustments > Hue/Saturation). В этом окне вы сможете изменить цвет боке на тот, который вам больше нравится. Например так:

Шаг 31

Щелкните правой кнопкой мыши на слое "Боке", выберите в меню Преобразовать в смарт-объект (Convert to Smart Object).

Перейти к Фильтр> Размытие> Размытие по Гауссу (Filter> Blur> Gaussian Blur). Установите радиус 16 пикселей нажмите кнопку ОК.

Шаг 32

Дважды щелкните на смарт-фильтр Размытие по Гауссу (Gaussian Blur) для перехода к Параметрам наложения (Blending Options).

Установите непрозрачность (оpacity) на 80%.

Вот наш результат:

Шаг 33

Осталось удалить некоторые круги, для того что бы усилить внимание на основном логотипе. Нажмите на соответствующий значок, в нижней части панели слоев, и добавьте к слою "Боке" Векторную маску (Layer Mask).

Активируйте инструмент Кисть (Brush tool). Нажмите кнопку D на клавиатуре, чтобы сбросить цвета и установить их по умолчанию. Щелкните правой кнопкой мыши в окне документа, чтобы открыть настройки кисти. Выберите мягкую круглую кисть, затем установить размер 800 пикселей.

Стоя на маске слоя, обработайте область вокруг логотипа.

Мы закончили урок!

Вы, также, можете заполнить фоновый слой любым цветом и получить различные интересные результаты:

Вот крупный план логотипа при увеличении на 100%.

Автор: Denny Tang

photoshop-master.ru

Создаём неоновый текст со звёздами в Фотошоп

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

Скачать архив с материалами к уроку

Финальное изображение

Шаг 1. Создаём фон

Откройте Фотошоп и создайте новый документ (Ctrl+N) c размерами 2560 х 1440 рх с прозрачным фоном. Залейте этот слой темным цветом  #1е1е1е.  Для этого пройдите в меню Edit > Fill > Color (Редактирование – Выполнить заливку – Цвет). Переименуйте слой в Background. Поместите слой в  группу (Ctrl+G) и группу также переименуйте в Background.

Для этого слоя добавьте стиль слоя Gradient Overlay (Наложение градиента) с параметрами, показанными ниже. Цвета градиента от #161626 к #010101.

Создайте новый слой (Shift+Ctrl+N) и залейте белым, пройдя в  Edit > Fill > White (Редактирование – Выполнить заливку – Белый). Добавьте стиль слоя Gradient Overlay (Наложение градиента) с параметрами, показанными ниже. Цвета градиента от #E93080 к #902985.

Поместите этот слой в  новую группу (Ctrl+G). Измените режим наложения группы на Overlay (Перекрытие) и переименуйте слой и группу в Background 2.

Шаг 2. Звёздный фон

В этом шаге мы создадим звёздный фон, используя Звёздные узоры, которые вы найдёте в материалах к уроку. Загрузите файл с узорами в Фотошоп. Затем создайте новый слой – заливку, пройдя в Layers > New Fill Layer > Pattern (Слои – Новый слой – заливка – Узор) и выберите один из узоров из данного набора. Установите режим наложения этого слоя на Color Dodge (Осветление основы).

Поместите этот слой в  группу (Ctrl+G)  и переименуйте её в  Star Patterns. Внутри этой группы создайте ещё 3 – 4 слоя – заливки, используя другие узоры набора. Изменяйте Scale (Масштаб) узоров, а так же для всех слоёв установите режим наложения на Color Dodge (Осветление основы).

Загрузите в Фотошоп Узор Грязь, который вы найдёте в материалах к уроку. Создайте новый слой (Shift+Ctrl+N) и залейте чёрным цветом, пройдя в Edit > Fill > Black (Редактирование – Выполнить заливку – Чёрный). Добавьте стиль слоя Pattern Overlay (Наложение узора) и выберите установленный узор. Установите Fill (Заливка) слоя на 0%.

Шаг 3. Создаём узор

Сейчас мы создадим свой узор и затем добавим его в наш фон. Создайте новый документ (Ctrl+N) с размерами 500 х 500 рх с прозрачным фоном. Выберите инструмент  Rectangle Tool (U) (Прямоугольник) и создайте 4 прямоугольника белого цвета по периметру документа размером 500 х 10 рх. Для удобства просмотра в моём примере прямоугольники чёрные.

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

Создайте ещё 2 прямоугольника через центр документа – вертикальный и горизонтальный.

Примечание переводчика: для удобства поиска центра воспользуйтесь направляющими (Ctrl+R).

Создайте ещё две диагональные линии, как показано ниже.

Выберите инструмент Ellipse Tool (U) (Овал) и создайте круг размером 40 х 40 рх в центре документа.

Выделите весь документ, пройдя в меню Select >  All (Выделение –  Все) или  Ctrl+A, затем перейдите в Edit >  Define Pattern (Редактирование – Определить узор), чтобы сохранить созданный узор.

Примечание переводчика: не забудьте, что ваш узор должен быть белого цвета.

Вернитесь в рабочий документ. Создайте новый слой (Shift+Ctrl+N) и залейте его белым цветом – Edit > Fill > White (Редактирование – Выполнить заливку – Белый). К этому слою примените стиль слоя Pattern Overlay (Наложение узора) с параметрами, показанными ниже.  Выберите тот узор, который только что создали. Убедитесь, что параметр Fill (Заливка) слоя установлен на 0%, а режим наложения стиля на Overlay  (Перекрытие).

Шаг 4. Добавляем цвет

На этом этапе мы добавим несколько цветовых пятен для нашего фона. Выберите инструмент Brush Tool (B) (Кисть). Создайте новый слой (Shift+Ctrl+N) и большой мягкой кистью нарисуйте пятно ярким цветом.

Продолжайте добавлять другие цвета, создавая для каждого цвета новый слой.

Объедините все слои с цветовыми пятнами в один слой. Для этого в панели слоёв выделите все цветные слои, щёлкните правой кнопкой мыши и выберите Merge Layers (Объединить слои) или Ctrl+E. К этому объединённому слою примените фильтр  Filter > Blur > Motion Blur (Фильтр – Размытие – Размытие в движении) со следующими параметрами: Angle(угол) 0°, Distance (Смещение) 2000 px.

Измените режим наложения этого слоя на Overlay (Перекрытие),  установите Fill (Заливка) на 50% и переименуйте в Color Blur. Поместите все слои, которые вы создали с самого начала, в группу Background.

Шаг 5. Неоновый текст

Итак, наш фон готов.  Теперь займёмся созданием текста с множеством цветов и бликов. Выберите шрифт и напишите слово или фразу белым цветом. В данном уроке я использовал шрифт Bello и написал в центре “Supercolor”, а ниже Tuts”.

Дублируйте текстовый слой (Ctrl+J). Отключите видимость оригинального слоя, кликнув по глазику слева от иконки слоя. К копии примените стили слоя с параметрами, показанными ниже. Установите Fill (заливка) на 0%.

Примечание переводчика: в окне Blending Options (Параметры наложения) во вкладке Advanced Blending (Дополнительные параметры) обращайте  внимание на расстановку галочек. Иначе вы не получите желаемый эффект.

Дублируйте оригинальный текстовый слой ещё раз (Ctrl+J) и поместите его выше всех слоёв. Примените к копии стили слоя со следующими параметрами. Установите Fill (заливка) на 0%.

Дублируйте верхний текстовый слой со стилями (Ctrl+J), он должен быть выше всех слоёв. Растрируйте слой. Для этого в панели слоёв щёлкните по слою правой кнопкой мыши и выберите Rasterize Text (Растрировать текст). Затем к этому слою примените фильтр, пройдя в  Filter > Blur > Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Измените режим наложения на Screen (Экран) и установите  Opacity (Непрозрачность) на 50%.

Снова дублируйте оригинальный текстовый слой (Ctrl+J). Поместите его выше всех слоёв и примените следующие стили слоя с параметрами, показанными ниже. Установите Fill (заливка) на 0%.

Примечание переводчика: в стиле Тиснение данного контура в наборе Фотошопа нет. Создайте его самостоятельно.  Для этого нажмите на окно контура, откроется окно редактора. Установите для левой точки  - (вход) 0, output (выход) 100, для средней – 50, 50 и для правой – 100, 100.

Дублируйте оригинальный текстовый слой в последний раз (Ctrl+J). Поместите его выше всех слоёв и примените следующие стили слоя с параметрами, показанными ниже. УстановитеFill (заливка) на 0%.

Теперь, когда мы добавили много стилей,  давайте применим к тексту несколько фильтров, чтобы добавить больше эффектов на наш текст. Выделите все текстовые слои, кроме оригинального, и объедините их в один слой. Для этого нажмите сочетание клавиш Ctrl + Alt + E. Дублируйте полученный слой два раза (Ctrl+J).

На первой копии примените фильтр, пройдя в  Filter > Other > High Pass (Фильтр – Другое – Цветовой контраст), Radius (радиус) 5 px. Измените режим наложения слоя на Overlay (Перекрытие).

Для второй копии примените фильтр, пройдя в  Filter > Filter Gallery > Artistic > Plastic Wrap (Фильтр – Галерея фильтров – Имитация – Целлофановая упаковка).

Измените режим наложения слоя на Soft Light (Мягкий свет).

Выберите третью копию и примените фильтр, пройдя в  Filter > Stylize > Emboss  (Фильтр – Стилизация – Тиснение) Angle (Угол) 90°, Height (Высота) 1 рх, Amount (Эффект) 235%. Измените режим наложения слоя на Overlay (Перекрытие).

Шаг 6. Световые эффекты для текста

В этом шаге мы добавим несколько бликов на текст и вокруг него. Создайте новый слой (Shift+Ctrl+N). Выберите инструмент Brush Tool (B) (Кисть) и мягкой белой кистью прокрасьте вокруг текста, как показано на примере ниже.

Загрузите выделение оригинального слоя. Для этого щёлкните по миниатюре слоя правой кнопкой мыши и выберите Select Pixels  (Выделить пиксели). Вернитесь на слой, который только что создали, и при активном выделении текста добавьте маску слоя, пройдя в Layer > Layer Mask > Reveal Selection (Слой – Слой – маска – Показать выделенную область). Измените режим наложения слоя на Overlay (Перекрытие).

Поместите этот слой и все слои, созданные в шаге 5, в новую группу (Ctrl+G) и переименуйте её в Text.

Перед тем, как продолжить,  нажмите клавишу D на клавиатуре, чтобы сбросить основной и фоновый цвета на чёрный и белый. Создайте новый слой (Shift+Ctrl+N). Выберите инструмент Lasso Tool (L) (Лассо) с Feather (Растушовка) 50 рх и создайте овальное выделение, как показано ниже.

Примените фильтр, пройдя в Filter > Render > Clouds (Фильтр – Рендеринг – Облака). Поместите этот слой в новую группу Cloud (Ctrl+G). Расположите эту группу в группе Text ниже всех текстовых слоёв.

Загрузите выделение оригинального текстового слоя, как вы делали выше, и для группы Cloud добавьте маску слоя – Layer > Layer Mask > Reveal Selection (Слой – Слой – маска – Показать выделенную область). Измените режим наложения группы на Color Dodge (Осветление основы).

Добавим ещё немного бликов на текст. Создайте новый слой (Shift+Ctrl+N). Выберите инструмент Brush Tool (B) (Кисть) и мягкой белой кистью прокрасьте текст, как показано ниже.

Загрузите выделение текста уже известным вам способом и добавьте маску слоя – Layer > Layer Mask > Reveal Selection (Слой – Слой – маска – Показать выделенную область). Измените режим наложения слоя на Color Dodge (Осветление основы) и установите Fill (Заливка) на 35%. Поместите этот слой в группу Background выше всех слоёв.

Выберите группу Background и нажмите сочетание клавиш Ctrl + Alt + E. Это действие объединит все слои в группе в один новый слой. Примените к этому слою фильтр, пройдя в Filter > Distort > Spherize (Фильтр – Искажение – Сферизация) с Amount (Количество) 25%.

Загрузите выделение оригинального текстового слоя, как вы делали ранее, и добавьте маску слоя – Layer > Layer Mask > Reveal Selection (Слой – Слой – маска – Показать выделенную область).

Шаг 7. Световые эффекты для фона

Дублируйте оригинальный слой с текстом (Ctrl+J). Поместите этот слой в группу Highlights (Ctrl+G). Эта группа должна располагаться под группой Text. Добавьте к этому тексту стиль слоя с параметрами, показанными ниже. Установите  Fill (Заливка) на 0%.

Щёлкните правой кнопкой мыши на этом слое и выберите Rasterize Layer Styles (Растрировать стиль слоя). Переименуйте слой в Highlights 1. Затем примените к этому слою фильтр Filter > Blur > Motion Blur  (Фильтр – Размытие – Размытие в движении) с  Angle (Угол) 90° и Distance (Смещение) 200 рх.

Дублируйте слой (Ctrl+J) и переименуйте в Highlights 2. Примените к слою фильтр Filter > Blur > Motion Blur  (Фильтр – Размытие – Размытие в движении) с  Angle (Угол) 90 и Distance (Смещение) 750 рх. Измените режим наложения группы на Color Dodge (Осветление основы).

Выше группы Highlights создайте новый слой (Shift+Ctrl+N) . Выберите инструмент Brush Tool (B) (Кисть) и большой мягкой кистью розового цвета нарисуйте пятно в левой нижней части холста, как показано ниже. Измените режим наложения слоя на Screen (Экран) и установите Fill (Заливка) на 75%.

Создайте новый слой (Shift+Ctrl+N) и нарисуйте ещё пятна другим цветом. Я немного размыл слои с цветными пятнами, вы так же можете их размыть. Измените режим наложения слоя на Screen (Экран). Поместите оба слоя в группу Colors (Ctrl+G) и поместите её под группу Text. Измените режим наложения группы на Lighten (Замена светлым) и установите Fill (Заливка) на 20%.

Шаг 8. Шум и цветокоррекция

Давайте добавим немного шума  для нашего эффекта. Выше всех слоёв создайте новый слой (Shift+Ctrl+N) и залейте чёрным цветом. К этому слою примените фильтр, пройдя в Filter > Noise > Add Noise (Фильтр – Шум – Добавить шум) со следующими настройками: Amount (Эффект) 30% и Gaussian for the Distribution (Распределение по Гауссу).

Затем примените фильтр Filter > Blur > Gaussian Blur  (Фильтр – Размытие – Размытие по Гауссу) с Radius  (Радиус) 2 рх. Измените режим наложения слоя на Screen (Экран).

Выше слоя с шумом добавьте корректирующий слой Levels (Уровни), пройдя в Layer > New Adjustment Layer > Levels (Слой – Новый Корректирующий слой – Уровни). Примените настройки, показанные ниже.

Преобразуйте корректирующий слой в обтравочную маску.  Для этого щёлкните по слою правой кнопкой мыши и выберите Create Clipping Mask (Создать обтравочную маску). Поместите оба слоя в новую группу Noise (Ctrl+G).

В заключение урока добавим два корректирующих слоя. Первый корректирующий слой – Photo Filter (Фотофильтр). Пройдите в Layer > New Adjustment Layer > Photo Filter (Слой – Новый Корректирующий слой – Фотофильтр) и установите настройки, показанные ниже.

Измените Fill (Заливка) слоя на 50%.

Второй корректирующий слой  - Color Balance (Цветовой баланс). Пройдите в Layer > New Adjustment Layer > Color Balance (Слой – Новый Корректирующий слой – Цветовой баланс) и установите параметры, показанные ниже.

Окончательный результат

Вот мы и закончили! Надеюсь, Вам понравился урок. Как вы могли заместить, стили слоя – мощный инструмент в программе Photoshop.  Попробуйте поиграть с параметрами и цветами, чтобы получить интересные результаты.

Автор урока: ADRIEN

photoshop-master.ru

Создаём неоновый текст со звёздами в Фотошоп

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

Скачать архив с материалами к уроку

Финальное изображение

Шаг 1. Создаём фон

Откройте Фотошоп и создайте новый документ (Ctrl+N) c размерами 2560 х 1440 рх с прозрачным фоном. Залейте этот слой темным цветом  #1е1е1е.  Для этого пройдите в меню Edit > Fill > Color (Редактирование – Выполнить заливку – Цвет). Переименуйте слой в Background. Поместите слой в  группу (Ctrl+G) и группу также переименуйте в Background.

Для этого слоя добавьте стиль слоя Gradient Overlay (Наложение градиента) с параметрами, показанными ниже. Цвета градиента от #161626 к #010101.

Создайте новый слой (Shift+Ctrl+N) и залейте белым, пройдя в  Edit > Fill > White (Редактирование – Выполнить заливку – Белый). Добавьте стиль слоя Gradient Overlay (Наложение градиента) с параметрами, показанными ниже. Цвета градиента от #E93080 к #902985.

Поместите этот слой в  новую группу (Ctrl+G). Измените режим наложения группы на Overlay (Перекрытие) и переименуйте слой и группу в Background 2.

Шаг 2. Звёздный фон

В этом шаге мы создадим звёздный фон, используя Звёздные узоры, которые вы найдёте в материалах к уроку. Загрузите файл с узорами в Фотошоп. Затем создайте новый слой – заливку, пройдя в Layers > New Fill Layer > Pattern (Слои – Новый слой – заливка – Узор) и выберите один из узоров из данного набора. Установите режим наложения этого слоя на Color Dodge (Осветление основы).

Поместите этот слой в  группу (Ctrl+G)  и переименуйте её в  Star Patterns. Внутри этой группы создайте ещё 3 – 4 слоя – заливки, используя другие узоры набора. Изменяйте Scale (Масштаб) узоров, а так же для всех слоёв установите режим наложения на Color Dodge (Осветление основы).

Загрузите в Фотошоп Узор Грязь, который вы найдёте в материалах к уроку. Создайте новый слой (Shift+Ctrl+N) и залейте чёрным цветом, пройдя в Edit > Fill > Black (Редактирование – Выполнить заливку – Чёрный). Добавьте стиль слоя Pattern Overlay (Наложение узора) и выберите установленный узор. Установите Fill (Заливка) слоя на 0%.

Шаг 3. Создаём узор

Сейчас мы создадим свой узор и затем добавим его в наш фон. Создайте новый документ (Ctrl+N) с размерами 500 х 500 рх с прозрачным фоном. Выберите инструмент  Rectangle Tool (U) (Прямоугольник) и создайте 4 прямоугольника белого цвета по периметру документа размером 500 х 10 рх. Для удобства просмотра в моём примере прямоугольники чёрные.

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

Создайте ещё 2 прямоугольника через центр документа – вертикальный и горизонтальный.

Примечание переводчика: для удобства поиска центра воспользуйтесь направляющими (Ctrl+R).

Создайте ещё две диагональные линии, как показано ниже.

Выберите инструмент Ellipse Tool (U) (Овал) и создайте круг размером 40 х 40 рх в центре документа.

Выделите весь документ, пройдя в меню Select >  All (Выделение –  Все) или  Ctrl+A, затем перейдите в Edit >  Define Pattern (Редактирование – Определить узор), чтобы сохранить созданный узор.

Примечание переводчика: не забудьте, что ваш узор должен быть белого цвета.

Вернитесь в рабочий документ. Создайте новый слой (Shift+Ctrl+N) и залейте его белым цветом – Edit > Fill > White (Редактирование – Выполнить заливку – Белый). К этому слою примените стиль слоя Pattern Overlay (Наложение узора) с параметрами, показанными ниже.  Выберите тот узор, который только что создали. Убедитесь, что параметр Fill (Заливка) слоя установлен на 0%, а режим наложения стиля на Overlay  (Перекрытие).

Шаг 4. Добавляем цвет

На этом этапе мы добавим несколько цветовых пятен для нашего фона. Выберите инструмент Brush Tool (B) (Кисть). Создайте новый слой (Shift+Ctrl+N) и большой мягкой кистью нарисуйте пятно ярким цветом.

Продолжайте добавлять другие цвета, создавая для каждого цвета новый слой.

Объедините все слои с цветовыми пятнами в один слой. Для этого в панели слоёв выделите все цветные слои, щёлкните правой кнопкой мыши и выберите Merge Layers (Объединить слои) или Ctrl+E. К этому объединённому слою примените фильтр  Filter > Blur > Motion Blur (Фильтр – Размытие – Размытие в движении) со следующими параметрами: Angle(угол) 0°, Distance (Смещение) 2000 px.

Измените режим наложения этого слоя на Overlay (Перекрытие),  установите Fill (Заливка) на 50% и переименуйте в Color Blur. Поместите все слои, которые вы создали с самого начала, в группу Background.

Шаг 5. Неоновый текст

Итак, наш фон готов.  Теперь займёмся созданием текста с множеством цветов и бликов. Выберите шрифт и напишите слово или фразу белым цветом. В данном уроке я использовал шрифт Bello и написал в центре “Supercolor”, а ниже Tuts”.

Дублируйте текстовый слой (Ctrl+J). Отключите видимость оригинального слоя, кликнув по глазику слева от иконки слоя. К копии примените стили слоя с параметрами, показанными ниже. Установите Fill (заливка) на 0%.

Примечание переводчика: в окне Blending Options (Параметры наложения) во вкладке Advanced Blending (Дополнительные параметры) обращайте  внимание на расстановку галочек. Иначе вы не получите желаемый эффект.

Дублируйте оригинальный текстовый слой ещё раз (Ctrl+J) и поместите его выше всех слоёв. Примените к копии стили слоя со следующими параметрами. Установите Fill (заливка) на 0%.

Дублируйте верхний текстовый слой со стилями (Ctrl+J), он должен быть выше всех слоёв. Растрируйте слой. Для этого в панели слоёв щёлкните по слою правой кнопкой мыши и выберите Rasterize Text (Растрировать текст). Затем к этому слою примените фильтр, пройдя в  Filter > Blur > Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Измените режим наложения на Screen (Экран) и установите  Opacity (Непрозрачность) на 50%.

Снова дублируйте оригинальный текстовый слой (Ctrl+J). Поместите его выше всех слоёв и примените следующие стили слоя с параметрами, показанными ниже. Установите Fill (заливка) на 0%.

Примечание переводчика: в стиле Тиснение данного контура в наборе Фотошопа нет. Создайте его самостоятельно.  Для этого нажмите на окно контура, откроется окно редактора. Установите для левой точки  - (вход) 0, output (выход) 100, для средней – 50, 50 и для правой – 100, 100.

Дублируйте оригинальный текстовый слой в последний раз (Ctrl+J). Поместите его выше всех слоёв и примените следующие стили слоя с параметрами, показанными ниже. УстановитеFill (заливка) на 0%.

Теперь, когда мы добавили много стилей,  давайте применим к тексту несколько фильтров, чтобы добавить больше эффектов на наш текст. Выделите все текстовые слои, кроме оригинального, и объедините их в один слой. Для этого нажмите сочетание клавиш Ctrl + Alt + E. Дублируйте полученный слой два раза (Ctrl+J).

На первой копии примените фильтр, пройдя в  Filter > Other > High Pass (Фильтр – Другое – Цветовой контраст), Radius (радиус) 5 px. Измените режим наложения слоя на Overlay (Перекрытие).

Для второй копии примените фильтр, пройдя в  Filter > Filter Gallery > Artistic > Plastic Wrap (Фильтр – Галерея фильтров – Имитация – Целлофановая упаковка).

Измените режим наложения слоя на Soft Light (Мягкий свет).

Выберите третью копию и примените фильтр, пройдя в  Filter > Stylize > Emboss  (Фильтр – Стилизация – Тиснение) Angle (Угол) 90°, Height (Высота) 1 рх, Amount (Эффект) 235%. Измените режим наложения слоя на Overlay (Перекрытие).

Шаг 6. Световые эффекты для текста

В этом шаге мы добавим несколько бликов на текст и вокруг него. Создайте новый слой (Shift+Ctrl+N). Выберите инструмент Brush Tool (B) (Кисть) и мягкой белой кистью прокрасьте вокруг текста, как показано на примере ниже.

Загрузите выделение оригинального слоя. Для этого щёлкните по миниатюре слоя правой кнопкой мыши и выберите Select Pixels  (Выделить пиксели). Вернитесь на слой, который только что создали, и при активном выделении текста добавьте маску слоя, пройдя в Layer > Layer Mask > Reveal Selection (Слой – Слой – маска – Показать выделенную область). Измените режим наложения слоя на Overlay (Перекрытие).

Поместите этот слой и все слои, созданные в шаге 5, в новую группу (Ctrl+G) и переименуйте её в Text.

Перед тем, как продолжить,  нажмите клавишу D на клавиатуре, чтобы сбросить основной и фоновый цвета на чёрный и белый. Создайте новый слой (Shift+Ctrl+N). Выберите инструмент Lasso Tool (L) (Лассо) с Feather (Растушовка) 50 рх и создайте овальное выделение, как показано ниже.

Примените фильтр, пройдя в Filter > Render > Clouds (Фильтр – Рендеринг – Облака). Поместите этот слой в новую группу Cloud (Ctrl+G). Расположите эту группу в группе Text ниже всех текстовых слоёв.

Загрузите выделение оригинального текстового слоя, как вы делали выше, и для группы Cloud добавьте маску слоя – Layer > Layer Mask > Reveal Selection (Слой – Слой – маска – Показать выделенную область). Измените режим наложения группы на Color Dodge (Осветление основы).

Добавим ещё немного бликов на текст. Создайте новый слой (Shift+Ctrl+N). Выберите инструмент Brush Tool (B) (Кисть) и мягкой белой кистью прокрасьте текст, как показано ниже.

Загрузите выделение текста уже известным вам способом и добавьте маску слоя – Layer > Layer Mask > Reveal Selection (Слой – Слой – маска – Показать выделенную область). Измените режим наложения слоя на Color Dodge (Осветление основы) и установите Fill (Заливка) на 35%. Поместите этот слой в группу Background выше всех слоёв.

Выберите группу Background и нажмите сочетание клавиш Ctrl + Alt + E. Это действие объединит все слои в группе в один новый слой. Примените к этому слою фильтр, пройдя в Filter > Distort > Spherize (Фильтр – Искажение – Сферизация) с Amount (Количество) 25%.

Загрузите выделение оригинального текстового слоя, как вы делали ранее, и добавьте маску слоя – Layer > Layer Mask > Reveal Selection (Слой – Слой – маска – Показать выделенную область).

Шаг 7. Световые эффекты для фона

Дублируйте оригинальный слой с текстом (Ctrl+J). Поместите этот слой в группу Highlights (Ctrl+G). Эта группа должна располагаться под группой Text. Добавьте к этому тексту стиль слоя с параметрами, показанными ниже. Установите  Fill (Заливка) на 0%.

Щёлкните правой кнопкой мыши на этом слое и выберите Rasterize Layer Styles (Растрировать стиль слоя). Переименуйте слой в Highlights 1. Затем примените к этому слою фильтр Filter > Blur > Motion Blur  (Фильтр – Размытие – Размытие в движении) с  Angle (Угол) 90° и Distance (Смещение) 200 рх.

Дублируйте слой (Ctrl+J) и переименуйте в Highlights 2. Примените к слою фильтр Filter > Blur > Motion Blur  (Фильтр – Размытие – Размытие в движении) с  Angle (Угол) 90 и Distance (Смещение) 750 рх. Измените режим наложения группы на Color Dodge (Осветление основы).

Выше группы Highlights создайте новый слой (Shift+Ctrl+N) . Выберите инструмент Brush Tool (B) (Кисть) и большой мягкой кистью розового цвета нарисуйте пятно в левой нижней части холста, как показано ниже. Измените режим наложения слоя на Screen (Экран) и установите Fill (Заливка) на 75%.

Создайте новый слой (Shift+Ctrl+N) и нарисуйте ещё пятна другим цветом. Я немного размыл слои с цветными пятнами, вы так же можете их размыть. Измените режим наложения слоя на Screen (Экран). Поместите оба слоя в группу Colors (Ctrl+G) и поместите её под группу Text. Измените режим наложения группы на Lighten (Замена светлым) и установите Fill (Заливка) на 20%.

Шаг 8. Шум и цветокоррекция

Давайте добавим немного шума  для нашего эффекта. Выше всех слоёв создайте новый слой (Shift+Ctrl+N) и залейте чёрным цветом. К этому слою примените фильтр, пройдя в Filter > Noise > Add Noise (Фильтр – Шум – Добавить шум) со следующими настройками: Amount (Эффект) 30% и Gaussian for the Distribution (Распределение по Гауссу).

Затем примените фильтр Filter > Blur > Gaussian Blur  (Фильтр – Размытие – Размытие по Гауссу) с Radius  (Радиус) 2 рх. Измените режим наложения слоя на Screen (Экран).

Выше слоя с шумом добавьте корректирующий слой Levels (Уровни), пройдя в Layer > New Adjustment Layer > Levels (Слой – Новый Корректирующий слой – Уровни). Примените настройки, показанные ниже.

Преобразуйте корректирующий слой в обтравочную маску.  Для этого щёлкните по слою правой кнопкой мыши и выберите Create Clipping Mask (Создать обтравочную маску). Поместите оба слоя в новую группу Noise (Ctrl+G).

В заключение урока добавим два корректирующих слоя. Первый корректирующий слой – Photo Filter (Фотофильтр). Пройдите в Layer > New Adjustment Layer > Photo Filter (Слой – Новый Корректирующий слой – Фотофильтр) и установите настройки, показанные ниже.

Измените Fill (Заливка) слоя на 50%.

Второй корректирующий слой  - Color Balance (Цветовой баланс). Пройдите в Layer > New Adjustment Layer > Color Balance (Слой – Новый Корректирующий слой – Цветовой баланс) и установите параметры, показанные ниже.

Окончательный результат

Вот мы и закончили! Надеюсь, Вам понравился урок. Как вы могли заместить, стили слоя – мощный инструмент в программе Photoshop.  Попробуйте поиграть с параметрами и цветами, чтобы получить интересные результаты.

Автор урока: ADRIEN

photoshop-master.ru

Работа с текстом в Photoshop: Неоновый текст

Работа с текстом в Photoshop: Неоновый текст

В этом уроке фотошоп Вы узнаете, как создать текст с неоновым свечением. Несколько шагов, и Вы сможете украсить свой рисунок или заголовок сайта таким интересным эффектом.

Для начала скачайте и установите шрифт NEOURPOL.

Создайте документ с любым фоном (лучше всего данный эффект смотрится на черном фоне).

Выберите инструмент Type Tool и напечатайте шрифтом NEOURPOL Ваше слово. Цвет текта неважен.

Теперь необходимо создать тонкое начертание Вашего слова. Для этого, удерживая клавишу Ctrl, щелкните левой клавишей мыши по изображению слоя в палитре слоев. Появится область выделения. Перейдите Select > Modify > Contract и уменьшите область выделения приблизительно на 50% (здесь придется поработать методом тыка.. )).

Теперь создайте новый слой и залейте область выделения белым цветом (Edit > Fill). Слой с текстом можно удалить. Также удалите область выделения, нажав Ctrl+D.

К слою с текстом добавьте свечение (Layer > Layer Style > Blending Options)

Затем создайте новый слой и залейте его белым цветом. Уменьшите заливку слоя (Fill) до 0% и примените следующий стиль слоя:

Вот что должно получиться:

Как и обещалось – урок очень простой, но получившийся эффект приятен!

Похожие записи

Опубликовать пост в социальных сетях

quicktuts.ru


Смотрите также