Космический текст: создаем эффект сверхъестественного
В этом уроке мы создадим космически-сюрреалистичный эффект задымления для текста. Также, здесь можно неплохо поупражняться с фильтром Wave Distortion.
1 Шаг
Для начала нам нужно создать фон для будущего образа. Использовать мы будем созданный по-быстрому фон звездного неба. На эту тему существует множество уроков, но на самом деле здесь все просто: рисуем облака плюс работаем с шумом.
И так, с самого начала в качестве главного цвета выбираем темно-синий ( #18323a ), для фонового — черный и идем в меню Filter > Render > Clouds.
2 Шаг
Создаем новый слой, заливаем его черным цветом, отправляемся в Filter > Noise > Add Noise, настраиваем фильтр примерно так, как показано на рисунке.
3 Шаг
Поскольку мы получили не совсем то, что нам нужно, вызываем меню Adjustment > Levels (Ctrl + L) и сдвигаем ползунки поближе друг к другу — до тех пор, пока густота наших «звезд» не уменьшится до удовлетворительной.
4 Шаг
Установим режим наложения слоя со звездами в Screen — в итоге на экране останутся лишь точки наших звезд. Их и в этом случае оказывается довольно много, поэтому добавьте к слою маску и большой мягкой черной кистью удалите лишние звездные участки с нашей области. Как я работал с маской видно на скриншоте ниже.
5 Шаг
В этом шаге я добавил радиальный градиент от белого в центре к черному по краям и установил его непрозрачность (Opacity) равной 45%, а также задал режим наложения Overlay. У вас должно получиться нечто, похожее на иллюстрацию ниже.
6 Шаг
Теперь добавим текст. Я использовал шрифт Cuez_Ver6 (6 редакция семейства Cuez — прим. ред.) — он выглядит достаточно неординарно. Да и на любом сайте со шрифтами можно подобрать вполне приемлемый аналог.
7 Шаг
Далее добавим слою ряд стилей. Для начала задайте тексту стиль Color Overlay и выберите черный цвет ( #000000 ). Плюс добавьте внутреннее свечение. Это будет Inner Glow и Inner Shadow. Inner Shadow создайте с цветом #54a4ff , режим смешения (Blend Mode) — Screen и дальше параметры Distance, Size и Angle равными 1, 2 и -90 соответственно. Стиль Inner Glow настройте в соответствии с данными на рисунке.
8 Шаг
Здесь мы воспользуемся стилем Bevel and Emboss, чтобы снабдить буквы неравномерной поверхностью. Настройки Bevel можно увидеть ниже. Также я выбрал стандартную текстуру Photoshop — текстуру пузырьков. Параметр Depth установите равным -79. Как вы видите, этот эффект заставляет внутреннее свечение выглядеть весьма неординарно.
9 Шаг
Осталось добавить Drop Shadow и Outer Glow. Для каждого стиля использовался режим наложения Screen и цвет #008ac5 . Мы применили сразу два одинаковых эффекта, чтобы с помощью одного из них создать небольшое, компактное свечение, а с помощью другого — габаритное, широкое. Поэтому для одного стиля задаем параметр Distance равным 10px, для другого — 100px.
10 Шаг
Так, вот он наш текст со всеми примененными стилями. Все неплохо для начала, но это пока все, что может предложить такой подход. Сейчас будем работать с эффектами вручную.
11 Шаг
Для начала дублируем слой с текстом, правый клик на слое, удаляем все эффекты. Помещаем его под основной слой с надписью. Теперь меняем цвет текста на #5cdbff , выбираем Move Tool (V) и один раз нажимаем на стрелку вверх на клавиатуре, чтобы сдвинуть полученный текст на один пиксель выше. Так мы получили небольшой эффект отблеска.
12 Шаг
Ну а сейчас будет ключевой штрих всего урока. Продублируйте бирюзовый слой с текстом, созданный на предыдущем шаге. Теперь откройте меню Filter > Distort > Wave. Можно почти сразу применять настройки по умолчанию, кроме параметра Scale. Здесь нужно установить 10% и 10%. Это исказит надпись, но лишь немного.
13 Шаг
После искажения надписи, откройте фильтр Filter > Blur > Gaussian Blur со значением 4px. Затем установите непрозрачность слоя (Opacity) равной 20%.
На скриншоте я выключил главную надпись, чтобы можно было увидеть итоговый искаженный текст.
14 Шаг
Здесь, удерживая клавишу Ctrl нажатой, кликните по текущему слою, чтобы создать его выделение, затем сузьте выделенную область на 5px (Select > Modify > Contract), нажмите комбинацию клавиш Shift + Ctrl + I, чтобы инвертировать выделение и удалите все выделенное нажатием клавиши Delete. Это оставит тонкие, едва уловимые черты нашего текста. В комбинации с нашей основной надписью это должно смотреться, как будто от букв идет тонкая дымка.
15 Шаг
Теперь создайте копию этого слоя, снова идите в меню Filter > Distort > Wave и искажайте копию еще сильнее.
Повторите этот шаг еще несколько раз в самых разных комбинациях параметров искажения. Также я чередовал режимы наложения созданных слоев с дымом. Для двух из них я оставил режим смешения по умолчанию, для других двух установил Overlay и для еще двух — Hard Light.
Еще хорошая идея — комбинировать положение слоев: что-то наложить поверх слоя с текстом, что-то — за него. Помните, что вам нужно создать видимость текста в клубах дыма.
16 Шаг
Теперь, когда у нас готовы маленькие струйки дыма, время добавить нечто побольше. Поэтому создайте еще одну копию нашего бирюзового слоя с текстом.
17 Шаг
Сейчас мы применим чуть другое искажение Wave Distortion — на этот раз в Scale задаем горизонтальную составляющую равной 5%, вертикальную — 100%. Проделав это один раз — повторяйте применение эффекта (Ctrl + F) до тех пор, пока мы не получим довольно внушительную амплитуду волны.
18 Шаг
Теперь задаем режим наложения для этого слоя — выбираем Hard Light.
19 Шаг
Теперь давайте немного затуманим полученный слой: примените Filter > Render > Gaussian Blur со значением 4px. После этого возьмите большой мягкий ластик (Eraser Tool) и уберите концы дыма сверху и снизу так, чтобы казалось, что он берется из ниоткуда и растворяется точно также.
20 Шаг
Здесь я убрал нижнюю часть дымки и добавил еще несколько тонких ее копий. Также я нанес дополнительную надпись, чтобы все выглядело еще стильней.
21 Шаг
Далее я перенес парочку струек дыма поверх букв так, чтобы казалось, что они окутаны им.
22 Шаг
В конце я усилил атмосферу сюрреализма, добавив еще один слой, закрашенный зеленым цветом в верхней его части. Затем я задал ему режим наложения Color, чтобы вышло именно так, как показано на финальном изображении.
Поделитесь уроком
Лучшие материалы
Правовая информация
В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».
Источник
Создаем космический текстовый эффект в Photoshop
В этом уроке мы будем создавать космический светящийся текст в фотошопе. Вы узнаете, как создать космический текст и применить к нему эффекты. Вы также узнаете, как использовать стили слоя и режимы наложения для того, чтобы сделать такой же пылающий текст.
Мы будем использовать изображение космоса в качестве фона и применять некоторые градиенты к нему. Далее мы будем создавать несколько текстовых слоев и применять стили слоя и режимы наложения. Потом мы будем использовать размытие, чтобы размыть полосы. В конце мы добавим некоторые визуальные эффекты композиции и обсудим возможные изменения для улучшения дизайна. Для выполнения урока вам необходим Photoshop CS2 или более новая версия программы.
Чтобы выполнить урок, вам понадобятся:
- Программа: Adobe Photoshop CS2 или более поздние версии
- Уровень сложности: для начинающих
- Основные навыки Photoshop
Вы должны знать, как: создавать текст, создавать новые слои, использовать стили слоя, изменять режимы, непрозрачность менять режимы наложения слоя, создавать выделение, использовать эффекты размытия, трансформировать и масштабировать слои, группы объектов и добавлять градиенты
- Шрифт — https://www.dropbox.com/sh/7es8nps20i40w6e/AACKdUJPxWpSxh_YzGJQ4hIPa?dl=0
- Космос — https://cloud.mail.ru/public/GtYS/m6fsX3mTa
Шаг 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
Теперь создайте новый слой. Перейдите в Слои-Новый-Слой (Layer—New—Layer).
Назовите слой «Градиент». Затем нажмите кнопку OK.
Шаг 7
Нажмите клавишу G на клавиатуре, чтобы активировать инструмент Градиент (Gradient Tool). Откройте редактор градиентов и установите цвета градиента, как на изображении ниже. Цвет слева (063964) и справа (2cc1e6).
Проведите градиент с левого нижнего угла в правый верхний угол.
Установите режим наложения для градиентного слоя на мягкий свет (Soft Light). Уменьшите непрозрачность до 80%.
Шаг 8
Создайте новый слой. Перейдите Слои-Новый-Слой (Layer—New—Layer) (или нажмите CTRL + SHIFT + N). Назовите его «H1» и нажмите кнопку OK. Теперь нажмите клавишу M на клавиатуре, чтобы активировать инструмент Прямоугольная область (Marquee Tool).
Создайте прямоугольник в 300 пикселей по ширине и 30 пикселей в высоту. Нажмите клавишу G на клавиатуре, чтобы активироватьинструмент градиент (Gradient tool).
Откройте редактор градиента и создайте градиент, как показано на изображении ниже. Теперь проведите градиент, чтобы заполнить выделенную форму. Потом нажмитеCTRL + D, чтобы снять выделение.
Шаг 9
Выберите слой «H1». Перейдите в Фильтр-Размытие-Размытие по Гауссу (Filter—Blur—Gaussian Blur). Установите радиус на 5 пикселей и нажмите ОК.
Оставаясь на слое «H1» перейдите в Фильтр-Размытие-Размытие в движении (Filter-Blur-Motion Blur). Установите угол 0 и расстояние 350 пикселей и нажмите ОК.
Теперь нажмите клавишу M на клавиатуре, чтобы активировать инструмент Прямоугольная область (Marquee Tool). Перетащите прямоугольник, как показано на изображении ниже. Убедитесь в том, что он закрывает ровно половину формы. Затем нажмите Delete на клавиатуре, чтобы удалить половину формы. Таким образом, вы получите хороший чистый и острый край внизу, и в то же время размытый край вверху.
Шаг 10
Создайте новый слой. Перейдите в Слои-Новый-Слой (Layer—New—Layer) (или нажмите 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
Создайте новый слой. Перейдите в Слои-Новый-Слой (Layer—New—Layer) (или нажмите 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
Выделите текстовый слой. Перейдите в Слои-Стили слоя-Наложение градиента (Layer—Layer Style—Gradient 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
Перейдите в Слои-Новый-Слой (Layer—New—Layer (или 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
Создайте новый слой Слои-Новый-Слой (Layer—New—Layer). Назовите его «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)
Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Источник