Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

211 788 чел. 402 130 работ 4 109 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

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

Детали урока:
Программа: Adobe Photoshop CS2+
Сложность: Легкая
Примерное время исполнения: 20 минут
Финальный результат:


(нажмите на изображение, чтобы увеличить) 

В этом уроке мы продемонстрируем, как создать абстрактный текст из каркаса. Давайте начнем!

Шаг 1. Будем начинать с создания нового документа – 900 пикселей по ширине и 600 по высоте, разрешение 300. Убедитесь, что цветовой режим (Color Mode) установлен RGB.

Шаг 2. Залейте фоновый слой черным. Инструментом Текст (Type Tool) напечатайте ваш текст. Я написал «ABSENT». Использовал шрифт Futura Md BT, стиль шрифта (Font Style) средний (Medium), размер (size) 220 пикселей. Я также установил трекинг (tracking) 20, чтоб увеличить пространство между буквами. Убедитесь, что цвет текста – белый.

Шаг 3. При активном текстовом слое на палитре слоев нажмите клавиши Ctrl/Cmd+E, чтоб слить текст и фон.

Шаг 4. Теперь идем в Фильтр>Искажение>Волна (Filter>Distort>Wave) и выставляем такие настройки: Тип (Type): Квадрат (Square); Число источников, генерирующих волны (Number of Generators): 1; Максимальная длинна волн (Max Wavelength): 635, Минимальная длинна волн (Min. Wavelength): 257; Максимальная амплитуда (Max. Amplitude): 141, Минимальная амплитуда (Min. Amplitude): 62; Горизонтальное искажение (Horiz. Scale): 24%, Вертикальное искажение (Vert. Scale): 22%. Теперь у нас есть красиво искаженный текст. Пожалуйста, учитывайте, что результат зависит и от этих параметров, и от размера, трекинга, и позиции текста.

Шаг 5. Хорошо, давайте добавим еще один эффект смещения нашему тексту при помощи фильтра Фрагмент (Fragment): Фильтр>Оформление>Фрагмент (Filter>Pixelate>Fragment).

Шаг 6. Теперь идем в Фильтр>Стилизация>Свечение краев (Filter>Stylize>Glowing Edges), устанавливаем ширину края (Edge Width) 1, яркость края (Edge Brightness) 6 и Гладкость 1.

Шаг 7. Теперь скопируем изображение для создания нового альфа канала, чтоб загрузить выделение. Нажмите клавиши Cmd/Ctrl+A для загрузки выделения всего слоя, далее Cmd/Ctrl+C для копирования. Идем в панель каналов (Channels Panel), создаем новый канал и нажимаем Cmd/Ctrl+V для вставки. С зажатой клавишей Ctrl/Cmd кликните по миниатюре канала Альфа 1, вы получите нужное нам выделение.

Шаг 8. Вернитесь обратно в панель слоев (Layers Panel). Создайте новый слой, назовите его «текст» («text»). Залейте выделение белым, нажмите сочетание клавиш Ctrl/Cmd+D для снятия выделения. Активируйте фоновый слой (Background) и залейте его черным цветом. Теперь будем применять стили слоя к слою «текст». Активируйте его на палитре слоев и примените перекрытие градиентом (Gradient Overlay), используя такие настройки: режим наложения (mode) нормальный (normal), непрозрачность (opacity) 15%, градиент (gradient) сине-красно-желтый. Угол (angle) 140 и масштаб (scale) 150%. В палитре слоев создайте новый слой над фоновым (Background). Выделите этот слой (Layer 1 или Слой 1) и слой «текст» («text»), нажмите Ctrl/Cmd+E, чтоб слить оба слоя. Теперь стиль слоя, который мы только что применили, слился с самим слоем.

Примечание переводчика: Чтоб одновременно выделить два слоя, кликайте по ним с зажатой клавишей Ctrl/Cmd.

Шаг 9. Пришло время добавить эффекты свечения. Дублируйте слой «текст» («text») при помощи сочетания клавиш Ctrl/Cmd+J, нажмите эти клавиши еще раз, чтоб создать копию слоя «текст копия» («text copy»). Установите самой верхней копии режим наложения на Перекрытие (Overlay), еще раз дублируйте слой «текст копия 2» («text copy 2»).

Шаг 10. Дублируйте слой «текст копия» («text copy»). Дубликат – «текст копия 4» («text copy 4») – переместите так, чтоб он располагался над фоновым слоем (Background). Идем в Фильтр>Размытие>Размытие по Гауссу (Filter>Blur>Gaussian Blur) и применяем эффект с радиусом 6 пикселей. Далее идем в Изображение>Коррекция>Цветовой тон/Насыщенность (Image>Adjustments>Hue/Saturation), используйте такие настройки: галочка на Цветность (Colorize), Цвет (Hue) 310, Насыщенность (Saturation) 38, Яркость (Lightness) -30/

Шаг 11. Теперь приступим к фону. Создайте новый слой над фоновым слоем (“Background”) и назовите его «Свечение» (“Lights”). Возьмите радиальный Градиент (Radial Graident) от прозрачного к фоновому. Уменьшите масштаб изображения, чтоб вам  было удобней с ним работать, и проведите градиент, как показано на рисунке. Вы можете использовать эти же цвета или выбрать собственные.

Шаг 12. Создайте новый слой над слоем «Свечение» (“Lights”), назовите его «Круги» ("Circles"). Выбирите инструмент Кисть (Brush) и настройте стандартную круглую кисточку, как показано на рисунке ниже.

Шаг 13. Установите цвет переднего плана #3fc5c6, заднего - #ad4cb1. Проведите кистью по слою «Круги» ("Circles") рандомными движениями.

Шаг 14. Идем в Фильтр>Размытие>Размытие по поверхности (Filter>Blur>Surface Blur), устанавливаем радиус (radius) 25 пикселей, порог (threshold) 175 и применяем фильтр. Далее идем в Фильтр>Размытие>Размытие по Гауссу (Filter>Blur>Gaussian Blur), применяем его с радиусом 4 пикселя.

Шаг 15. Слою «Круги» (“Circles”) установите непрозрачность (opacity) 15, вот что мы получим.

Шаг 16. В завершение мы добавим немножко текста. Я написал "ABSENT" и подзаголовок, используя тот же шрифт.

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

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


(нажмите на изображение, чтобы увеличить)

Автор: Eren Goksel
 

Комментарии 167

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо за урок. Пригодилось для создания обложки.

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

Большое спасибо за урок!

Как то вот так)) Спасибо.

Большое спасибо за урок)

спасибо за урок. очень понравилось!!!

Вот попробывал))) Не судите строго)

Интересный текст.Спасибо.

Прикольный урок! Спасибо

Урок супер! В закладки)))
Да еще и надпись напомнила о праздновании нового года))

Классный урок! Спасибо!

Красиво, только не всегда читабельно. Долго крутила настройки фильтра Волна, пока что-то получилось.

спасибо за урок) очень понравился)

Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

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

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules