Светящийся космический текст в Фотошоп. Фотошоп светящийся текст


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

В этом очень коротком уроке я покажу вам простой способ создания текста, навеянный сериалом «Очень Странные Дела», используя только стили слоя, включая простую коррекцию.

Данный эффект текста был вдохновлен другими текстовыми эффектами, которые доступны на сайте Envato Market.

ОК. Давайте приступим!

Итоговый результат:

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

Примечание переводчика: В архиве присутствует набор градиентов. Для выполнения урока вам понадобится загрузить файл CHROMES.grd.

1. Создаём задний фон и текст

Шаг 1

Создайте новый документ со следующими размерами 1280 x 720 px. Залейте задний фон цветовым оттенком #0c0101.

Шаг 2

Добавьте текст, цвет шрифта белый, шрифт Indira K.

Оригинальный шрифт, который использовался в сериале - Benguiat (https://www.myfonts.com/fonts/itc/benguiat/). Это альтернативный вариант, который вы тоже можете использовать.

Установите размер (Size) шрифта примерно 141 pt, а также выберите начертание Псевдополужирное (Faux Bold) и Все прописные (All Capsicons) в панели настроек Символ (Character). Чтобы попасть в панель настроек, идём Окно – Символ (Window > Character).

Шаг 3

Установите значение Трекинга (Tracking) на -100.

Шаг 4

Поменяйте Масштаб по вертикали (Vertical Scale) на 115. Это поможет растянуть текст по вертикали.

2. Меняем дизайн букв

Шаг 1

Выделите первую букву в тексте, а затем поменяйте её размер примерно на 212 pt.

Шаг 2

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

Чтобы сместить базовую линию, вы можете либо ввести цифровое значение, либо, зажав левой кнопкой мыши значок Смещение базовой линии (Baseline Shift), потянуть влево.

Примечание переводчика: при смещении буквы, не забудьте выделить смещаемую букву.

Шаг 3

Проделайте то же самое с последней буквой из первой строчки текста или любой другой буквой, которая вам нравится.

3. Корректируем Кернинг

Шаг 1

Расположите курсор между двумя первыми буквами, а затем поменяйте значение Кернинга (Kerning) на значение, при котором, на ваш взгляд эффект будет лучше смотреться.

Шаг 2

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

Шаг 3

Теперь уменьшите значение Заливки (Fill) для слоя с текстом до 0.

4. Применяем стилизацию к слою с текстом

Дважды щёлкните по слою с текстом, чтобы применить следующие стили слоя:

Шаг 1

Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

  • Стиль (Style): Обводящее тиснение (Stroke Emboss)
  • Глубина (Depth): 220
  • Размер (Size): 3
  • Уберите галочку в окошке Глобальное освещение (Global Light)
  • Угол (Angle): 156
  • Высота (Altitude): 37
  • Контур глянца (Gloss Contour): Перевёрнутый конус (Cone – Inverted)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode) – Непрозрачность (Opacity): 35%
  • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 50%

Шаг 2

Выберите следующий стиль слоя Контур (Contour). Установите следующие настройки для данного стиля слоя:

  • Контур (Contour): Глубокая выемка (Cove – Deep)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

Выберите следующий стиль слоя Обводка (Stroke). Установите следующие настройки для данного стиля слоя:

  • Размер (Size): 3
  • Положение (Position): Внутри (Inside)
  • Цвет: #ce1725

Шаг 4

Выберите следующий стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки для данного стиля слоя:

  • Непрозрачность (Opacity): 50%
  • Шум (Noise): 5%
  • Цвет: #ea0f0f
  • Размер (Size): 17

Шаг 5

Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:

  • Непрозрачность (Opacity): 50%
  • Шум (Noise): 5%
  • Цвет: #ea2314
  • Размер (Size): 12
  • Диапазон (Range): 60%

Шаг 6

Итак, мы применили стилизацию к тексту. Теперь щёлкните правой кнопкой мыши по стилям слоя текста и в появившемся меню выберите опцию Скопировать стиль слоя (Copy Layer Style).

5. Создаём прямоугольные фигуры

Шаг 1

Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) в панели управления данного инструмента, установите Радиус (Radius) на 2. Щёлкните / удерживайте кнопку мыши, а затем потяните, чтобы создать прямоугольник над текстом, расстояние между текстом и прямоугольной линией должно быть примерно 7 px.

Примечание переводчика: при создании прямоугольника, удерживайте клавишу (shift).

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

Примечание переводчика: не забудьте преобразовать слои с фигурами в смарт-объекты, для этого, щёлкните правой кнопкой мыши по слою с фигурой прямоугольника и в появившемся окне выберите опцию Преобразовать в смарт-объект (Convert to smart-object).

Шаг 2

Теперь уменьшите значение Заливки (Fill) для слоя с прямоугольниками до 0.

6. Применяем стилизацию к прямоугольным фигурам

Щёлкните правой кнопкой мыши по любому слою с прямоугольником и в появившемся окне выберите опцию Вклеить стиль слоя (Paste Layer Style). Таким образом, мы применим тот же самый стиль слоя, который мы скопировали у слоя с текстом.

После этого, дважды щёлкните по стилизованному слою с прямоугольником для изменения некоторых настроек:

Шаг 1

Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

Шаг 2

Выберите следующий стиль слоя Обводка (Stroke). Установите следующие настройки для данного стиля слоя:

  • Размер (Size): 2
  • Положение (Position): Снаружи (Outside)

Шаг 3

Выберите следующий стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки для данного стиля слоя:

Шаг 4

Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:

Шаг 5

Теперь щёлкните правой кнопкой мыши по стилизованному слою с прямоугольником и в появившемся меню выберите опцию Скопировать стиль слоя (Copy Layer Style).

Шаг 6

Выделите остальные слои с прямоугольниками, которые у вас есть, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся меню выберите опцию Вклеить стиль слоя (Paste Layer Style).

Шаг 7

Сгруппируйте слой с текстом, включая слои с прямоугольниками в одну группу. Назовите эту группу Текстовый эффект (Text Effect).

7. Применяем стилизацию к группе

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

Шаг 1

Выберите стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя:

  • Поставьте галочку в окошке Дизеринг (Dither)
  • Режим наложения (Blend Mode): Мягкий свет (Soft Light)
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle): 135
  • Установите цвета градиента #fbe7c2 слева и #e69f99 справа

Шаг 2

Добавьте ещё раз стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя:

  • Поставьте галочку в окошке Дизеринг (Dither)
  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle): 135
  • Используйте градиент faucet 10

Шаг 3

Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:

  • Непрозрачность (Opacity): 20%
  • Цвет: #de1b22
  • Размер (Size): 34
  • Диапазон (Range): 60%

Таким образом, мы усилили эффект.

8. Добавляем световые блики

Шаг 1

Установите цвет переднего плана на #451d08, а затем создайте новый слой поверх всех остальных слоёв, назовите этот слой Свет (Light), а также поменяйте режим наложения на Осветление основы (Color Dodge).

Шаг 2

Выберите инструмент Кисть (Brush Tool), установите большую мягкую круглую кисть. Далее, щёлкните несколько раз по различным буквам, чтобы добавить световые блики.

Вы можете поменять размер кисти и поиграть со значением непрозрачности кисти для варьирования интенсивности световых бликов, которые вы добавляете.

Шаг 3

Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню выберите опцию Цветовой тон / Насыщенность (Hue/Saturation).

Шаг 4

Установите значение Насыщенности (Saturation) на 35, а значение Яркости (Lightness) на 15, или установите другие настройки, которые вам нравятся.

9. Проводим цветовую коррекцию

Шаг 1

Добавьте корректирующий слой Градиент (Gradient) поверх слоя с группой Текстовый эффект (Text Effect).

Установите цвета градиента #5c456e справа, #b26b73 в центре, и #fda982 слева. Поменяйте Стиль (Style) на Зеркальный (Reflected), Угол (Angle) на 155, а Масштаб (Scale) на 55%.

Шаг 2

Поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Цветность (Color), а также уменьшите значение Непрозрачности (Opacity) слоя до 35%.

Поздравляю! Мы завершили урок!

В этом уроке мы создали текст, а затем изменили настройки текста в панели настроек Символ (Character). Далее, мы стилизовали текст, создали прямоугольники, а также стилизовали их.

После этого, мы сгруппировали все слои и добавили ещё один стиль слоя. В заключение, мы добавили световые блики, а также корректирующий слой Градиент (gradient) для коррекции цвета заключительного результата.

Не стесняйтесь оставлять свои комментарии и предложения, а также свои работы.

Итоговый результат:

Автор: Rose

photoshop-master.ru

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

В данном уроке мы создадим красивый текст из искорок света используя несколько реальных изображений. Данный урок не сложен в исполнении и не займет много времени, зато у вас получится оригинальная работа.

Материалы для урока:

Архив

Шаг 1

Откройте наш главный инструмент Adobe Photoshop и создайте новый документ с черным задним фоном.

Шаг 2

Сперва откроем изображение лампочки. Расположите изображение по середине холста, но так чтобы нить накаливания была большой.

Шаг 3

Создайте маску слоя Layer - Layer Mask - Reveal All (Слой - Слой-маска - Показать все). Используя инструмент Brush Tool (B) (Инструмент "Кисть"), кисть мягкая, цвет черный, удалите ненужные места. Что именно убрать, смотрите на изображении ниже.

Шаг 4

На данной стадии нам необходимо очистить место для нашего текста, убрав нить накаливания. Используем простой способ закрашивания: с помощью инструмента Eyedropper Tool (I) (Инструмент "Пипетка") выберите приблизительно необходимый цвет, создайте новый слой, с помощью Brush Tool (B) (Инструмент "Кисть") закрасьте нить. Помните, используя кисть, так же можно вызывать пипетку, зажав клавишу Alt!

Шаг 5

Для следующего шага нам понадобится шрифт Exmouth. Загрузив его из просторов интернета и установив в Windows, выберите инструмент Type Tool (T) (Инструмент "Горизонтальный текст"). Установите необходимый размер, например 82 пт, цвет белый, напишите слово, как показано на изображении ниже. Измените режим наложения текстового слоя на Color Dodge (Осветление основы). Создайте группу слоев, и переместите в нее текстовой слой.

Шаг 6

Применим размытие Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу), радиус 4 пикс.

Шаг 7

Благодаря режиму наложения Color Dodge (Осветление основы) и белому цвету текста вы можете видеть, как его части взаимодействуют с задним фоном, создавая таким образом красивый световой эффект.

Шаг 8

Дабы добавить больше реализма мы добавим блик из фотографии, загрузив его из интернета в Adobe Photoshop. Открыв изображение, первым делом сотрите ненужные области, оставив один блик. Далее уберите цвет с помощью команды Image - Adjustments - Desaturate (Изображение - Коррекция - Обесцветить).

Шаг 9Измените режим наложения на Screen (Осветление), данный режим очень популярен при создании световых эффектов, так как он делает черные и серые области полностью прозрачными, оставляя только необходимые нам элементы.

Шаг 10

Создайте новый слой поверх всех остальных. Проверьте соответствие цвета основного и заднего фона черному и белому, нажав на клавишу "D". Примените фильтр Filter - Render - Clouds (Фильтр - Рендеринг - Облака).

Шаг 11

Измените режим наложения слоя с облаками на Color Dodge (Осветление основы). Создайте новую группу слоев и перенесите данный слой в группу, измените режим наложения группы на Overlay (Перекрытие).

Шаг 12

В этой же группе создайте новый слой, но ниже слоя с облаками. Выберите инструмент Brush Tool (B) (Инструмент "Кисть"), кисть мягкая, цвет #f5d38b. Нарисуйте пятна по центру текста, измените режим наложения нового слоя на Overlay (Перекрытие).

Шаг 13

Добавим последний слой, создав его выше всех остальных. Чтобы сделать свет более сильнее, снова возьмите мягкую кисточку и создайте большое белое пятно по середине светового эффекта. Далее изменим цвет в настройках стиля Layer - Layer Style - Color Overlay (Слой - Стиль слоя - Наложение цвета) на #ffd648, режим наложения Linear Burn (Линейный затемнитель). Теперь вы знаете, что большинство световых эффектов создается благодаря смешиванию цветов и фотографий. Поэтому Adobe Photoshop является мощным инструментом для создания подобных работ.

Автор: Abduzeedo

 

photoshop-master.ru

Яркий светящийся текст в Фотошоп

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

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

Следующий шаг – создание хорошего фона для нашего текста. Чтобы подчеркнуть яркость текста наверняка, мы сыграем на контрасте, сделав фон темным. Заливаем фон чёрным цветом, после чего устанавливаем основной цвет в панели инструментов тёмно-желтым, как показано ниже:

Далее жмём Filter -> Render -> Clouds (Фильтр -> Стилизация -> Облака).Это позволит создать хорошую динамику фона для нашей работы.

Перед тем, как мы закончим работу над фоном, создайте ещё один слой, зажав CTRL+SHIFT+N. Используя большую мягкую кисть, нарисуйте большое пятно по центру на новом слое. Установите значение Opacity (Непрозрачность) на 55%, это создаст хороший эффект свечения для нашего фона.

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

Используем настройки нашего любимого Layer Style (Стиль слоя), чтобы сделать наш текст ярким. Просто дважды щелкните по текстовому слою, и нужное окно откроется само. Начнем с Drop Shadow (Тень). Выставляем настройки, как показано ниже:

Перейдем к настройкам Inner Shadow (Внутренняя тень). Выставляем всё так, как ниже (цвет #f0ebc5):

Далее настройки Bevel and emboss (Тиснение). Снова так, как ниже (цвет #d5b900): 

Satin (Глянец). Настройки (цвет #f5ca2d):

И последнее – градиент. Настройки следующие (градиент от #952e2f к белому):

Ну что, у нас получился красивый текст. Выглядит неплохо, да? Уже хотите вернуться к вашему проекту и применить этот текст там? Не торопитесь, наша работа ещё не закончена.

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

Жмём Select -> Modify -> Expand (Выделение -> Модификация -> Расширить), устанавливаем значение в 6 пикселей и жмём ОК. Теперь, щёлкнув по новому слою, который мы создали в предыдущем шаге, заливаем выделение цветом #f0ebc5.

Теперь переходив в Filter -> Blur -> Motion Blur (Фильтр -> Размытие -> Размытие в движении). Настройки, как показано ниже:

Повторяем предыдущий шаг, только выставляем значение Angle (Угол) не 90, а 0.

Меняем Blend Mode (Режим наложения) слоя на Vivid Light (Яркий свет).

Теперь жмём Filter -> Blur -> Gaussian Blur (Filter -> Blur -> Gaussian Blur) и выставляем значение в 20 пикселей.

Всё почти готово! Любуемся:

Ну и добавим ещё немного текста, чтобы наша работа выглядела, как настоящий постер:

Всё готово!

Автор: ilovegraphics

 

photoshop-master.ru

Эффект свечения текста в фотошопе

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

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

1. Открываем изображение, которое будем использовать в качестве фона, программой фотошоп и создаем под слоем с данным изображением новый слой. Данный слой мы зальем темным цветом с помощью инструмента "Заливка". Цвет можно взять пипеткой из темной области самого изображения.

После этого к верхнему слою с изображением применим наложение "Мягкий свет". Для этого в панели слоев выделяем слой с изображением, кликнув по нему левой кнопкой мыши и устанавливаем ему наложение "Мягкий свет", вместо "Обычное".

Таким образом мы подготовили фон, сделали изображение космоса и астронавта темным и менее видным, что и требовалось.

2. Теперь добавляем текст по центру изображения, настраиваем нужный размер и шрифт. Я подобрал шрифт необычный и с намеком на что-то космическое ;).

Далее необходимо наложить на текст градиент. Для этого кликаем правой кнопкой мыши по слою с текстом в панели слоев и в появившемся меню выбираем "Параметры наложения". В результате данного действия откроется окно с настройками параметров слоя.

В данном окне выбираем "Наложение градиента" и задаем настройки: линейный градиент, угол 90 градусов, ну и все остальное, как на скриншоте выше.

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

В данном случае это будут синие тона, верхнюю часть градиента сделаем светлой, нижнюю - темной.

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

В результате получаем вот такой текст с эффектом тиснения.

4. Далее полученный слой с текстом необходимо копировать 3 раза, для этого выделяем данный слой, кликнув по нему левой кнопкой мыши и нажимаем на клавиатуре комбинацию клавиш Ctrl + C (стандартная команда копирования), после чего 3 раза нажимаем комбинацию клавиш Ctrl + V (вставить). В результате в панели слоев мы получим 3 копии слоя с текстом.

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

после чего снова нажать на правую кнопку мыши и в появившемся меню выбрать "Объединить слои". Таким образом у нас получится один слой с изображением надписи.

5. Теперь к получившемуся слою с изображением текста применим фильтр "Радиальное размытие". Выделяем данный слой, кликнув по нему левой кнопкой мыши и в верхней панели меню выбираем "Фильтр" - "Размытие" - "Радиальное размытие".

Далее, в открывшемся окне настроек фильтра устанавливаем максимальное количество - 100, метод размытия - линейный и качество - наилучшее.

В результате применения фильтра получится эффект свечения.

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

В результате получим уже более насыщенный и яркий свет.

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

Последним шагом сделаем еще одну копию данного слоя с эффектом поместим ее под первый слой и установим ему наложение "Осветление основы" вместо "Линейный осветлитель". Так же данному слоу установим непрозрачность на 50%.

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

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

www.pscraft.ru

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

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

Ресурсы:

Архив

Шаг 1. Создадим новый документ (Ctrl + N) размером 1280 x 1024 пикселей или любого размера, который Вам нужно в зависимости от текста, который Вы будете создавать.

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

Шаг 2. Напишем текст белым цветом. Шрифт используемый в уроке “Junegull” и размер 400 пикселей. Это достаточно большой размер, но это поможет показать детали более ясно.

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

Дублируйте текстовый слой (Ctrl + J).

Шаг 3. Ctrl + Клик по текстовому слою (значок), чтобы создать выделение.

Создадим новый слой (Ctrl + Shift + N) между фоном и двумя слоями текста и назовите его "Back".

Перейдем Выделение-> Модификация-> Расширить (Select-> Modify-> Expand) и введем значение 5. Это позволит расширить выделение на 5 пикселей наружу.

Залейте выделение цветом # 9b7e4f, затем перейдите к Выделение-> Отменить (Select-> Deselect) или нажмите Ctrl + D, чтобы избавиться от выделения.

Загрузка контуровВозможно, Вам придется загрузить контуры, которые  используются в некоторых стилях слоя ниже. Чтобы это сделать, перейдите Редактирование-> Управление наборами (Edit-> Preset Manager) и выберите Контуры из выпадающего меню.

Нажмите на стрелку в правом верхнем углу, и выберите Контуры (Contours).

Нажмите кнопку Добавить (Append), чтобы добавить новые существующие контуры.

Шаг 4. Двойной щелчок по слою, чтобы добавить следующие Стили слоя (Layer Style).Внешнее свечение (Outer Glow): просто измените цвет на # 8f6f2c.

Внутреннее свечение (Inner Glow): измените Режим смешивания (Blend Mode) на Умножение (Multiply), цвет # e4d7b2, Источник (Source) - Из центра (Center), Размер (Size) до 125, а Диапазон (Range) до 35%.

Тиснение (Bevel and Emboss): изменим Метод (Technique) - Жесткая огранка (Chisel Hard), Глубина (Depth) до 300, Размер (Size) 20, и проверьте галочку Сглаживание (Anti-aliased). Кроме того, изменим цвет Режим подсветки (Highlight Mode) на # c6a96c и цвет Режим тени (Shadow Mode) на # ddd6c1.

Контур (Contour): выберите контур Конус (Cone), проверьте галочку Сглаживание (Anti-aliased) и измените Диапазон (Range) до 70%.

Текстура (Texture): Используйте Серую текстуру (которую Вы можете скачать в начале урока), и измените Глубина (Depth) до небольшого значения, что-то около 8 пикселей. Это позволит добавить тонкую текстуру так, чтобы задняя часть была не такая мягкая и имела некоторые детали.

Обводка (Stroke): изменим Размер (Size) на 1, Тип обводки (Fill Type) – Градиент (Gradient), а Угол (Angle) до 90. Используйте градиент, показанный на картинке ниже "Золотой Металлический Градиент" который Вы также можете скачать в начале урока.

Это то, что вы должны получить.

Уменьшите значение  Заливки (Fill) до 50%, чтобы сделать заднюю часть более прозрачной.

Шаг 5. Установите цвет переднего плана на # 555555,и выберите жесткую круглую Кисть (Brush) размером в 3px. Эта кисть будет использоваться для создания проводов в середине текста.

Создайте новый слой (Ctrl + Shift + N) поверх слоя "Back" и назовите его "Wire".

Активируйте инструмент Перо (Pen Tool) и нажмите на значок Контур (Paths) в панели опций.

Шаг 6.Перо (Pen Tool) будет использоваться, чтобы добавить прямые, простые кривые, и немного более сложные кривые, в зависимости от формы буквы. Каждый случай будет демонстрироваться в отдельном шаге, используя различные буквы. Давайте начнем с прямыми, поскольку они являются самыми легкими.

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

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

Если Вы хотите, переместить путь, который Вы создали, выберите инструмент Выделение контура (Direct Selection Tool), затем нажмите одну из точек или щелкните и перетащите, чтобы выделить более чем одну точку, и переместите с помощью клавиш со стрелками.

Шаг 7. Для обводки пути, щелкните правой кнопкой мыши на пути и выберите Выполнить обводку (Stroke Path).

Выберите Кисть (Brush) из инструментов выпадающего меню, и убедитесь, что в поле Имитировать нажим (Simulate Pressure) не стоит галочка.

Нажмите Enter, чтобы избавиться от пути.

Используйте Перо (Pen Tool) снова, чтобы добавить недостающую часть.

И обведите ее так же, как Вы делали это для другой стороны.

Шаг 8. Для простых кривых, как в букве D, нам нужно нажать и перетащить, где мы хотим создать кривую вместо нажатия и отпускания. Перетащите параллельно направлению кривой, в этом примере, по вертикали.

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

Не забывайте, что Вы все еще можете использовать инструмент Выделение контура (Direct Selection Tool) для перемещения опорных точек.

Как только Вы создадите путь, обведите его таким же образом.

Шаг 9. Для создания более сложных кривых, как в букве S, начните с создания основной формы кривой, как мы делали это раньше, щелкнув и перетащив. Не пытайтесь сделать ее совершенной, так как мы будем корректировать ее в дальнейшем.

Как только Вы создали кривую, выберите инструмент Выделение контура (Direct Selection Tool) и выберите точку привязки (щелкнув по ней). Когда Вы это сделаете, Вы сможете настроить две маленькие ручки (направление линий), которые контролируют ее.

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

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

После обводки внутри всех букв, измените значение  Заливка (Fill) слоя "Wire" до 50%.

Шаг 10. Дважды щелкните на слое "Wire", чтобы добавить следующие Стили слоя (Layer Style):Внешнее свечение (Outer Glow): измените Режим смешивания (Blend Mode) на Яркий свет (Vivid Light), цвет # ffffbe, а Размер (Size) до 13.

Внутреннее свечение (Inner Glow): измените Режим смешивания (Blend Mode) на Яркий свет (Vivid Light), цвет # d5d5cd, а Размер (Size) 1.

Это позволит добавить очень тонкий блеск.

Шаг 11. Дублируем слой "Wire" (Ctrl + J)

Дважды щелкните на слое копии, чтобы  добавить Стиль слоя (Layer Style).Внутреннее свечение (Inner Glow): изменим Размер (Size) до 10.

Это усилит эффект свечения.

Шаг 12. Далее, мы создадим очень простую Кисть (Brush). Для этого создадим новый документ (Ctrl + N) 16 х 16 пикселей, с прозрачным фоном.

Выберите инструмент Эллипс (Ellipse Tool) и установите его в режим Контур (Paths) в панели опций, затем создайте круг, который охватывает большую часть документа.

Активируйте 1 пиксельную  жесткую круглую Кисть (Brush) и установите цвет переднего плана черный. Затем выберите Эллипс (Ellipse Tool) снова и выполните обводку пути.

Нажмите Enter, чтобы избавиться от пути, затем перейдите Редактирование-> Определить кисть (Edit-> Define Brush Preset) и введите имя для кисти.

Шаг 13. Вернемся к исходному документу, создадим новый слой (Ctrl + Shift + N) поверх слоя "Wire копия" и назовем его "Filament".

Щелчок правой кнопкой мыши на слое "Wire" и выбираем Скопировать стиль слоя (Copy Layer Style), затем нажмем правой кнопкой мыши на слое "Filament" и выбираем Вклеить стиль слоя (Paste Layer Style).

Изменим значение Заливка (Fill) слоя "Filament" на 100%, и установите цвет переднего плана на # d0b174.

Шаг 14. Откройте панель кистей Окно-> Кисть (Window> Brush), и измените значения, как показано ниже, для кисти, которую мы создали в Шаге 12.

Шаг 15. Итак, что мы будем делать дальше, мы создадим небольшую обводку по проводам в буквах, чтобы обвести их измененной Кистью (Brush). Так что будем использовать Перо (Pen Tool) снова, и начинаем добавлять небольшие прямые или кривые по проводам. Старайтесь не делать их очень короткими, это не даст хороший эффект.

Затем щелчок правой кнопкой мыши и выберите Выполнить обводку (Stroke Path).

На этот раз, установите галочку Имитировать нажим (Simulate Pressure).

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

Шаг 16. Создайте новый слой (Ctrl + Shift + N) поверх слоя “Filament” и назовите его "Light", а затем нажмите правую кнопку мыши и выберите Вклеить стиль слоя (Paste Layer Style).

Дважды щелкните на слое "Light" для изменения Внешнего свечения (Outer Glow): изменим Непрозрачность (Opacity) до 50%.

Шаг 17. Выберите мягкую круглую Кисть (Brush) и измените ее настройки, как показано ниже.

Шаг 18. Установите основной цвет # fffde1,  используя Перо (Pen Tool), создадим маленькие пути, которые охватывают некоторые из пустых областей, расположенных вдоль проводов.

Убедитесь, что в окне Имитировать нажим (Simulate Pressure) все еще стоит галочка.

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

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

Шаг 19. Имейте в виду, что Вы всегда можете контролировать, насколько яркими и блестящими будут эти элементы. Вы можете понизить Непрозрачность (Opacity), если необходимо. Здесь мы немного снизим до 90%.

Вы также можете изменить Внутреннее свечение (Inner Glow): эффект цвета. Для слоя "Light" установим цвет # 83591e.

Различие небольшое, но Вы можете заметить, как Вы меняете цвета, свечение будет выглядеть менее белым и более желтым.

Шаг 20. Создайте новый слой между слоями "Back" и "Wire" и назовите его "Pins", а затем измените значение Заливка (Fill) до 0%.

Дважды щелкните на слое "Pins", чтобы добавить следующие Стили слоя (Layer Style):

Внутреннее свечение (Inner Glow): измените Режим смешивания (Blend Mode) на Яркий свет (Vivid Light), цвет # e9dcbb, Источник (Source) - Из центра (Center), а Размер (Size) до 7.

Тиснение (Bevel and Emboss): изменим Метод (Technique) - Жесткая огранка (Chisel Hard), Контур (Gloss Contour) - Двойное кольцо (Ring – Double), установите галочку Сглаживание (Anti-aliased) и измените цвет Режим тени (Shadow Mode) на # 9a8739.

Контур (Contour): изменим Контур (Gloss Contour) -  Перевернутый конус (Cone – Inverted) и проверим Сглаживание (Anti-aliased).

Шаг 21. Активируем  12 пиксельную  жесткую круглую Кисть (Brush), и начинаем добавлять точки на концах проводов в каждой букве. Поместите центр кисти на кончик провода и нажмите, чтобы добавить штифт.

Это создаст иллюзию того, что провод не плавает в буквах из ниоткуда, а входит и выходит из этих штифтов.

Шаг 22. Дважды щелкните на оригинальный текстовый слой, чтобы добавить следующие Стили слоя (Layer Style):

Тень (Drop Shadow): измените цвет на # cbcbcb, Смещение (Distance) до 0, а Размер (Size) до 10.

Внутренняя тень (Inner Shadow): измените, цвет на # c2b394, Непрозрачность (Opacity) 60%, Смещение (Distance) до 0, Размер (Size) 60, Контур (Gloss Contour) - По Гауссу (Gaussian) и проверим галочку Сглаживание (Anti-aliased).

Тиснение (Bevel and Emboss): изменим Глубина (Depth) до 300, а Размер (Size) до 16. Снимите флажок Глобальное освещение (Use Global Light), теперь мы можем изменить значения Угол (Angle) и Высота (Altitude)не затрагивая другие стили слоя в документе, поэтому измените Угол (Angle) до 80 и Высота (Altitude) до 50. Кроме того, измените Контур (Gloss Contour) на Скругленный уклон (Rounded Slope), затем Режим смешивания (Blend Mode) Режима подсветки (Highlight Mode) на Перекрытие (Overlay), и цвет Режим тени (Shadow Mode) на # fefefe.

Контур (Contour): просто проверьте галочку Сглаживание (Anti-aliased).

Это позволит создать эффект света и глубины и создать базу для фактического глянцевого эффекта.

Шаг 23. Двойной щелчок по слою копии текста, чтобы применить следующие Стили слоя (Layer Style):

Внутренняя тень (Inner Shadow): измените цвет на # d1c2a4, Непрозрачность (Opacity) 50%, Смещение (Distance) до 0, а Размер (Size) до 35.

Внутреннее свечение (Inner Glow): измените цвет на # ebe3c8, Метод (Technique) - Точный (Precise), Источник (Source) - Из центра (Center), а Размер (Size) до 70.

Тиснение(Bevel and Emboss): изменим Глубина (Depth) до 500, Размер (Size) 20 и Смягчение (Soften) на 1. Снимите флажок Глобальное освещение (Use Global Light), затем измените Угол (Angle) до 60 и Высота (Altitude) до 35 лет. Кроме того, измените Контур (Gloss Contour) на Кольцо (Ring) и проверьте галочку Сглаживание (Anti-aliased), изменим Режим смешивания (Blend Mode) Режима подсветки (Highlight Mode) на Яркий свет (Vivid Light), его цвет на # d6d2bc и Непрозрачность (Opacity) до 60%, а также изменим цвет Режим тени (Shadow Mode) на # fefefe.

Контур (Contour): Контур (Gloss Contour) - Двойное кольцо (Ring – Double) и проверьте галочку Сглаживание (Anti-aliased).

Это позволит создать окончательный блестящий как стекло эффект.

И это конечный результат. Надеюсь, Вам понравился урок, и Вы узнали, что то полезное.

Автор: Rose 

photoshop-master.ru

Светящийся космический текст в Фотошоп

В этом уроке мы создадим светящийся космический текст, используя стили слоя и текстуры.

Конечный результат:

Материалы для урока:

Архив

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 1400х759 пикселей с чёрным фоном. Вставьте в этот документ фотографию большой шахматной площадки. Активируйте режим Свободное трансформирование (Ctrl + T) и измените размер. Используйте режим Перспектива (Perspective), чтобы изменить форму слоя.

Сотрите края шахматной площадки, как показано ниже.

Создайте следующие корректирующие слои для земной поверхности:

Чёрно-белое (Black & White):

Уровни (Levels):

Результат:

Шаг 2

Установите шрифт «Notera» и инструментом Горизонтальный текст (Horizontal Type Tool) (T) напишите «SAMPLE».

Выделите текстовый слой (удерживая Ctrl, кликните на миниатюре слоя). Откройте первое изображение космоса и перенесите в него выделение инструментом Прямоугольная область (Rectangular Marquee Tool) (M).

Скопируйте выделение (Ctrl + C) и вставьте его в основной документ (Ctrl + V). Расположите текстуру поверх надписи.

К слою с текстурой примените следующие стили:

Обводка (Stroke):

Внутреннее свечение (Inner Glow):

Результат:

Шаг 3

Откройте фотографию огня в Фотошопе и инструментом Лассо (Lasso Tool) (L) выделите следующий участок:

Перенесите огонь в наш документ и измените размер в режиме Свободное трансформирование (Ctrl + T).

Активируйте режим деформации (Редактирование – Трансформирование – Деформация / Edit – Transform – Warp). Немного измените форму пламени.

Измените цвет огня при помощи коррекции Цветовой тон/Насыщенность (Hue/Saturation).

Расположите текстуру на букве.

Создайте несколько копий текстуры, измените их форму и наложите на букву.

Все буквы должны быть покрыты текстурой огня.

Шаг 4

Создайте новый слой (Ctrl + Shift + Alt + N) и мягкой кистью нарисуйте розовое пятно.

На том же слое кистью меньшего размера нарисуйте белое пятно в центре розового.

Активируйте режим деформации и измените форму пятна.

Создайте несколько таких пятен и расположите их на буквах.

Шаг 5

Откройте второе изображение космоса и выделите отмеченный участок, используя инструмент Лассо (Lasso Tool) (L) с 30-пиксельной растушевкой.

Перенесите выделение в основной документ и примените коррекцию Цветовой тон/Насыщенность (Ctrl + U).

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

Добавьте ещё небольшой участок космической туманности с первого изображения.

Перенесите его в основной документ и примените коррекцию Цветовой тон/Насыщенность (Ctrl + U).

Таких участков туманности должно быть два. Расположите их поверх текста и установите режим наложения Осветление (Screen).

Добавьте облачность под текст.

Шаг 6

Сведите все слои и примените фильтр Контурная резкость (Фильтр – Усиление резкости – Контурная резкость /Filter – Sharpen - Unsharp Mask).

Создайте корректирующий слой Выборочная коррекция цвета (Selective Color):

Конечный результат:

Автор: psdvault

 

photoshop-master.ru

Светящийся космический текст в Фотошоп

В этом уроке мы создадим светящийся космический текст, используя стили слоя и текстуры.

Конечный результат:

Материалы для урока:

Архив

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 1400х759 пикселей с чёрным фоном. Вставьте в этот документ фотографию большой шахматной площадки. Активируйте режим Свободное трансформирование (Ctrl + T) и измените размер. Используйте режим Перспектива (Perspective), чтобы изменить форму слоя.

Сотрите края шахматной площадки, как показано ниже.

Создайте следующие корректирующие слои для земной поверхности:

Чёрно-белое (Black & White):

Уровни (Levels):

Результат:

Шаг 2

Установите шрифт «Notera» и инструментом Горизонтальный текст (Horizontal Type Tool) (T) напишите «SAMPLE».

Выделите текстовый слой (удерживая Ctrl, кликните на миниатюре слоя). Откройте первое изображение космоса и перенесите в него выделение инструментом Прямоугольная область (Rectangular Marquee Tool) (M).

Скопируйте выделение (Ctrl + C) и вставьте его в основной документ (Ctrl + V). Расположите текстуру поверх надписи.

К слою с текстурой примените следующие стили:

Обводка (Stroke):

Внутреннее свечение (Inner Glow):

Результат:

Шаг 3

Откройте фотографию огня в Фотошопе и инструментом Лассо (Lasso Tool) (L) выделите следующий участок:

Перенесите огонь в наш документ и измените размер в режиме Свободное трансформирование (Ctrl + T).

Активируйте режим деформации (Редактирование – Трансформирование – Деформация / Edit – Transform – Warp). Немного измените форму пламени.

Измените цвет огня при помощи коррекции Цветовой тон/Насыщенность (Hue/Saturation).

Расположите текстуру на букве.

Создайте несколько копий текстуры, измените их форму и наложите на букву.

Все буквы должны быть покрыты текстурой огня.

Шаг 4

Создайте новый слой (Ctrl + Shift + Alt + N) и мягкой кистью нарисуйте розовое пятно.

На том же слое кистью меньшего размера нарисуйте белое пятно в центре розового.

Активируйте режим деформации и измените форму пятна.

Создайте несколько таких пятен и расположите их на буквах.

Шаг 5

Откройте второе изображение космоса и выделите отмеченный участок, используя инструмент Лассо (Lasso Tool) (L) с 30-пиксельной растушевкой.

Перенесите выделение в основной документ и примените коррекцию Цветовой тон/Насыщенность (Ctrl + U).

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

Добавьте ещё небольшой участок космической туманности с первого изображения.

Перенесите его в основной документ и примените коррекцию Цветовой тон/Насыщенность (Ctrl + U).

Таких участков туманности должно быть два. Расположите их поверх текста и установите режим наложения Осветление (Screen).

Добавьте облачность под текст.

Шаг 6

Сведите все слои и примените фильтр Контурная резкость (Фильтр – Усиление резкости – Контурная резкость /Filter – Sharpen - Unsharp Mask).

Создайте корректирующий слой Выборочная коррекция цвета (Selective Color):

Конечный результат:

Автор: psdvault

 

photoshop-master.ru


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