Как сделать космический текст

Космический текст

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

В уроке вы научитесь работать с инструментами Текст, Кисть, Перо и Перемещение, режимами наложения слоев, стилями слоя, узнаете, как загружать кисти, контуры и градиенты, как создавать обводку текста и многое другое.

Как сделать космический текст

Открываем в фотошоп (Ctrl+O) текстуру с космосом.

Как сделать космический текст

Создаем новый пустой слой и называем его «Облака». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Переходим в меню Фильтр-Рендеринг-Облака.

Как сделать космический текст

Как сделать космический текст

Меняем режим наложения слоя «Облака» на Перекрытие.

Как сделать космический текст

Как сделать космический текст

Устанавливаем шрифт из папки с исходниками. Для этого щелкаем ПКМ по файлу шрифта и выбираем «Установить». После этого шрифт установится одновременно в фотошоп и систему.

Как сделать космический текст

Активируем инструмент Текст и пишем слово «Космос». В верхней панели настроек инструмента Текст выбираем шрифт, установленный в предыдущем шаге, меняем оттенок на #0076a3, изменяем размер текста и остальные настройки, как на рисунке ниже. При помощи инструмента Перемещение размещаем текст по центру холста.

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Создаем копию текстового слоя (Ctrl+J) и временно скрываем видимость слоя, нажав в панели слоев на «глазик» у слоя.

Как сделать космический текст

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

Во вкладке Внешнее свечение меняем оттенок на #1c9cff и вводим настройки, как на рисунке ниже.

Как сделать космический текст

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

Как сделать космический текст

Как сделать космический текст

Во вкладке Контур меняем контур на следующий:

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Результат после применения стилей слоя.

Как сделать космический текст

Переходим к копии текстового слоя и двойным щелчком по слою в панели слоев открываем стили слоя.

Во вкладке Внешнее свечение меняем оттенок на #ffbebe и изменяем контур.

Как сделать космический текст

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

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Во вкладке Контур меняем контур, как на рисунке ниже.

Как сделать космический текст

Результат после применения стилей слоя.

Как сделать космический текст

Между текстовыми слоями создайте новый пустой слой и переименуйте его в «Обводка». Измените режим наложения слоя «Обводка» на Перекрытие.

Как сделать космический текст

Активируем инструмент Кисть и выбираем мягкую жесткую кисть. Чтобы открыть меню выбора кисти, кликните ПКМ по холсту. Если в ваших загруженных кистях не оказалось круглой жесткой кисти, в окне выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти».

В верхней панели настроек инструмента Кисть нажмите на иконку панели кистей и настройте кисть, как на рисунках ниже.

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

В панели слоев кликаем ПКМ по одному из текстовых слоев и выбираем «Создать рабочий контур».

Как сделать космический текст

Как сделать космический текст

В панели цвета в качестве основного выставляем оттенок #6dcff6. Активируем инструмент Перо и переходим к слою «Обводка». Кликаем ПКМ по холсту и выбираем «Выполнить обводку контура». В появившемся окне в качестве инструмента обводки выбираем кисть и ставим галочку у параметра «Имитировать нажим». Чтобы скрыть контур, нажимаем клавишу Enter.

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

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

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

В панели цвета в качестве основного выставляем оттенок #9ffcff. Выше всех слоев создаем новый пустой слой и называем его «Сияние». При помощи ранее выбранной и настроенной кисти создайте блики на буквах.

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Измените режим наложения слоя «Сияние» на Экран.

Как сделать космический текст

Как сделать космический текст

Создаем дубликат слоя «Сияние» (Ctrl+J) и меняем режим наложения копии на Мягкий свет.

Как сделать космический текст

Как сделать космический текст

Возвращаемся к оригинальному слою «Сияние» и переходим в меню Фильтр-Размытие-Размытие по Гауссу. Размываем на 3 пикселя.

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Чтобы немного осветлить фон, между фоновым слоем и слоем «Облака» создаем корректирующий слой Поиск цвета и выбираем из списка пресет, как на рисунке ниже. Понижаем прозрачность корректирующего слоя Поиск цвета и меняем режим наложения слоя на Экран.

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Как сделать космический текст

Космический текст готов!

Как сделать космический текст

Прекрасного настроения и творческих успехов!

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

Источник

Создаем космический текстовый эффект в Photoshop

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

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

Чтобы выполнить урок, вам понадобятся:

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

Шаг 1

Создайте новую папку. Назовите её «ROCK». Теперь откройте папку и создайте в ней ещё одну новую папку. Назовите новую папку «images».

Как сделать космический текст

Шаг 2

Загрузите изображение космоса и поместите его в папку «images»

Как сделать космический текст

Шаг 3

Откройте Photoshop. Перейдите в меню Файл-Создать (File-New), чтобы создать новый файл. Установите параметры, как на изображении ниже. Введите имя файла — Файл – ROCK – Create a Space Flare GlowingText. Затем нажмите кнопку OK.

Как сделать космический текст

Шаг 4

Выберите Файл-Сохранить как (File-Save As). Сохраните файл Create a Space Flare Glowing Text в папку «ROCK».

Как сделать космический текст

Шаг 5

Откройте Photoshop. Перейдите в меню Файл-Поместить (File-Place) и выберите изображение с космосом.

Как сделать космический текст

Вот как должна выглядеть панель слоев после этого шага:

Как сделать космический текст

Шаг 6

Теперь создайте новый слой. Перейдите в Слои-Новый-Слой (LayerNewLayer).

Как сделать космический текст

Назовите слой «Градиент». Затем нажмите кнопку OK.

Как сделать космический текст

Шаг 7

Нажмите клавишу G на клавиатуре, чтобы активировать инструмент Градиент (Gradient Tool). Откройте редактор градиентов и установите цвета градиента, как на изображении ниже. Цвет слева (063964) и справа (2cc1e6).

Как сделать космический текст

Проведите градиент с левого нижнего угла в правый верхний угол.

Как сделать космический текст

Установите режим наложения для градиентного слоя на мягкий свет (Soft Light). Уменьшите непрозрачность до 80%.

Как сделать космический текст

Шаг 8

Создайте новый слой. Перейдите Слои-Новый-Слой (LayerNewLayer) (или нажмите CTRL + SHIFT + N). Назовите его «H1» и нажмите кнопку OK. Теперь нажмите клавишу M на клавиатуре, чтобы активировать инструмент Прямоугольная область (Marquee Tool).

Создайте прямоугольник в 300 пикселей по ширине и 30 пикселей в высоту. Нажмите клавишу G на клавиатуре, чтобы активироватьинструмент градиент (Gradient tool).

Откройте редактор градиента и создайте градиент, как показано на изображении ниже. Теперь проведите градиент, чтобы заполнить выделенную форму. Потом нажмитеCTRL + D, чтобы снять выделение.

Как сделать космический текст

Шаг 9

Выберите слой «H1». Перейдите в Фильтр-Размытие-Размытие по Гауссу (FilterBlurGaussian Blur). Установите радиус на 5 пикселей и нажмите ОК.

Как сделать космический текст

Оставаясь на слое «H1» перейдите в Фильтр-Размытие-Размытие в движении (Filter-Blur-Motion Blur). Установите угол 0 и расстояние 350 пикселей и нажмите ОК.

Как сделать космический текст

Теперь нажмите клавишу M на клавиатуре, чтобы активировать инструмент Прямоугольная область (Marquee Tool). Перетащите прямоугольник, как показано на изображении ниже. Убедитесь в том, что он закрывает ровно половину формы. Затем нажмите Delete на клавиатуре, чтобы удалить половину формы. Таким образом, вы получите хороший чистый и острый край внизу, и в то же время размытый край вверху.

Как сделать космический текст

Шаг 10

Создайте новый слой. Перейдите в Слои-Новый-Слой (LayerNewLayer) (или нажмите CTRL + SHIFT + N). Назовите его «H2» и нажмите кнопку OK. Теперь нажмите клавишу M на клавиатуре, чтобы активировать инструмент Прямоугольная область (Marquee Tool). Создайте прямоугольник шириной 300 пикселей и 60 пикселей в высоту. Нажмите клавишу G на клавиатуре, чтобы активироватьинструмент Градиент (Gradient tool).

Откройте редактор градиента и создайте градиент, как показано на изображении ниже. Теперь проведите градиент, чтобы заполнить выделенную форму. Потом нажмитеCTRL + D, чтобы снять выделение.

Как сделать космический текст

Шаг 11

Повторите шаг 9 для слоя «H2». Результат показан на изображении ниже.

Как сделать космический текст

Шаг 12

Расположите слои «H1» и «H2» как показано на изображении ниже. Они должны быть рядом друг с другом.

Как сделать космический текст

Шаг 13

Дублируйте слои «H»1 и «H2». Дублированный «H1» переименуйте в «H3». Дубликат «H2», соответственно, переименуйте в «H4». Теперь выберите новые слои («Н3» и «Н4»), и переместите их влево и вниз. Слой «H4» должен перекрывать слои «H1» и «H2». Результат можно увидеть на изображении ниже.

Как сделать космический текст

Теперь выберите слой «H3» и «H4». Установите режим наложения на Жесткий свет (Hard Light) для обоих слоев. Вы можете увидеть, что слои стали более насыщенными и яркими.

Как сделать космический текст

Шаг 14

Создайте новый слой. Перейдите в Слои-Новый-Слой (LayerNewLayer) (или нажмите CTRL + SHIFT + N). Назовите его «Н5» и нажмите кнопку ОК. Теперь нажмите клавишу M на клавиатуре, чтобы активировать инструмент Прямоугольная область (Marquee Tool). Создайте прямоугольник шириной 300 пикселей и 4 пикселя высотой. Выберите белый цвет переднего плана. Нажмите сочетание клавишALT + Delete, чтобы заполнить форму белым цветом. Затем нажмите CTRL + D, чтобы снять выделение.

Как сделать космический текст

Шаг 15

Выберите слой «H5», перейдите в Фильтр-Размытие-Размытие в движении (Filter-Blur-Motion Blur). Установите угол на 0, расстояние на 500 пикселей и нажмите кнопку ОК.

Как сделать космический текст

Подвиньте слой «H5» так, чтобы он был у основания слоя «Н2», но гораздо левее. На изображении ниже вы можете увидеть расположение слоев.

Как сделать космический текст

Установите режим наложения слоя «H5» на Перекрытие (Overlay). Выберите все слои с бликами («H1», «H2», «H3», «H4» и «H5»). Нажмите CTRL + G, чтобы сгруппировать их. Двойным щелчком по группе вызовите меню переименования группы и назовите группу «Highlight».

Как сделать космический текст

Шаг 16

Выберите группу, созданную в предыдущем шаге, нажмите CTRL + T, чтобы активировать Свободное трансформирование (Free Transform Tool). Установите угол до -25.

Как сделать космический текст

Шаг 17

Выберите группу «Highlight» и дублируйте её 5 раз. Соответственно переименуйте группы с «Highlight 1» до «Highlight 5». Расположите их, как на изображении ниже.

Как сделать космический текст

Шаг 18

Выберите 1-ю группу. Нажмите CTRL + T, чтобы активировать Свободное трансформирование (Free Transform Tool). Уменьшите масштаб группы до 80% и установите непрозрачность 60%

Как сделать космический текст

Шаг 19

Выберите группы «Highlight 2» и «Highlight 4». Установите их непрозрачность на 40%.

Как сделать космический текст

Шаг 20

Откройте группу «Highlight 5». Выберите первых 4 слоя в группе и уменьшите их непрозрачность до 45%.

Как сделать космический текст

Шаг 21

Выберите слой «H5» и переместите его в правый верхний угол. Смотрите рисунок ниже.

Как сделать космический текст

Этот результат вы должны получить после завершения шага 21. Теперь мы можем приступить к тексту.

Как сделать космический текст

Шаг 22

Нажмите клавишу T на клавиатуре, чтобы активировать инструмент Текст (Type Tool). Выберите шрифт Big John. Установите размер в 230 пикселей. Напишите слово ROCK и поместите его где-то посередине.

Как сделать космический текст

Шаг 23

Выделите текстовый слой. Перейдите в Слои-Стили слоя-Наложение градиента (LayerLayer StyleGradient Overlay). Режим наложения должен быть Мягкий свет (Soft Light). Непрозрачность 100%. Градиент от черного к белому. Масштаб 100%.

Как сделать космический текст

Выберите стиль Обводка (Stroke). Установите настройки, как на изображении ниже.

Как сделать космический текст

Установите градиент таким образом и так расставьте контрольные точки:

Позиция (Location) 0 — #848484
Позиция (Location) 12 — #d8d7d7
Позиция (Location) 27 — #383838
Позиция (Location) 38 — #d8d7d7
Позиция (Location) 44 — #ffffff
Позиция (Location) 56 — #202020
Позиция (Location) 57 — #ffffff
Позиция (Location) 77 — #454545
Позиция (Location) 78 — #ffffff
Позиция (Location) 94 — #999999
Позиция (Location) 100 — #000000

Затем нажмите кнопку ОК. Теперь еще раз нажмите кнопку ОК чтобы применить изменения.

Как сделать космический текст

Установите режим наложения текстового слоя на Перекрытие (Оverlay).

Как сделать космический текст

Результат после шага 23.

Как сделать космический текст

Шаг 24

Дублируйте текстовый слой и назовите его «Rock 1». Теперь, используя клавиши со стрелками на клавиатуре, переместите слой «Rock 1» на 7 пикселей вправо и на 7 пикселей вниз. Все стили этого слоя остаются прежними, нам нужно только изменить градиент обводки. Перейдите в Слои-Стили слоя-Обводка (Layer-Layer Style-Stroke). Откройте редактор градиента.

Как сделать космический текст

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

Как сделать космический текст

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

Как сделать космический текст

Это результат, который вы получите после выполнения шага 24.

Как сделать космический текст

Шаг 25

Создайте копию слоя «Rock 1», переименуйте копию в «Rock 2». При помощи клавиш со стрелками на клавиатуре, передвиньте слой «Rock 2» на 11 пикселей влево и на 11 пикселей выше. Перейдите в Слои-Стили слоя-Обводка (Layer-Layer Style-Stroke). Измените непрозрачность градиента на 50% и нажмите кнопку ОК.

Как сделать космический текст

Это результат, который вы получите после завершения шага 25.

Как сделать космический текст

Шаг 26

Перейдите в Слои-Новый-Слой (LayerNewLayer (или Ctrl + Shift + N). Назовите его «Block Line» и поместите выше группы «Highlight 5» и ниже слоя «Rock».

Как сделать космический текст

Теперь нажмите клавишу M на клавиатуре, чтобы активировать инструмент Овальная область (Elliptical Marquee Tool). Создайте круг шириной и высотой (радиусом) в 270 пикселей и расположите его в центре холста. Установите цвет переднего плана на (eb7a1f). Нажмите сочетание клавиш ALT + Delete, чтобы заполнить выделение цветом переднего плана. В завершение нажмите CTRL + D, чтобы снять выделение.

Как сделать космический текст

На слое «Block Line» перейдите в фильтр-размытие-размытие в движении (Filter-Blur-Motion Blur). Установите угол 0, а расстояние 750 пикселей и нажмите кнопку ОК.

Как сделать космический текст

Измените режим наложения на Жёсткий свет (Hard Light).

Как сделать космический текст

Как сделать космический текст

Шаг 27

Создайте новый слой Слои-Новый-Слой (LayerNewLayer). Назовите его «Lines» и нажмите кнопку ОК. Теперь нажмите клавишу B на клавиатуре, чтобы активировать инструмент Кисть (Brushtool). Выберите любую кисть, которая имеет твердость 100% и установите размер 3 пикселя. Установите цвет переднего плана на белый (FFFFFF).

Как сделать космический текст

Теперь, удерживая клавишу SHIFT и начинайте добавлять точки. Удерживание клавиши SHIFT позволяет создавать ровные линии. Обрисуйте текст примерно так, как показано на рисунке ниже:

Как сделать космический текст

Шаг 28

Дублируйте слой «Lines» и назовите его «Lines Vertical». Измените режим наложения обоих слоев на Перекрытие (Overlay).

Как сделать космический текст

Шаг 29

Выберите слой «Lines». Перейдите Фильтр-Размытие-Размытие в движении (Filter-Blur-Motion Blur). Установите угол 0 и расстояние 25 пикселей. Затем нажмите Ok. Выберите слой «Lines Vertical». Перейдите Фильтр-Размытие-Размытие в движении (Filter-Blur-Motion Blur). Установите угол 90 и расстояние 50 пикселей.

Вот мы и закончили.

Как сделать космический текст

Финальный результат:

Как сделать космический текст

Автор перевода: Ольга Максимчук (Princypessa)

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *