Уроки Работа с текстом Ирина Городецкая 19 июня 2018

Создаём объёмный текст с помощью Микс-кисти в Фотошоп

Сложность урока: Средний

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

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

1. Как создать фоновый и текстовый слои

Шаг 1

Создайте новый документ размером 1250 x 2000 пикселей, далее нажмите на значок Create new fill or adjustment layer (Создать новый корректирующий слой или слой-заливку) в нижней части панели Слои, выберите Solid Color (Цвет) и установите Color Fill (Цвет заливки) # 040214.

Шаг 2

Добавьте фоновое изображение из архива поверх слоя Solid Color (Цвет), переименуйте его слой в «BG Texture», снизьте Opacity (непрозрачность) до 35% и измените размер по мере необходимости.

Шаг 3

Создайте надпись, используя любой шрифт, который вам нравится. Здесь я использовала шрифт – «Nickainley», размер - 350 пт.

Если у вас получается несколько строк, то обязательно измените значение «пт» на нужное вам. Здесь он установлен на 550 пт.

2. Как создать и настроить стиль микс-кисти

Шаг 1

Выберите инструмент Ellipse Tool (Эллипс), убедитесь, что параметр Shape (Фигура) активен на панели параметров и потом кликните в любом месте документа, чтобы открылось окно Create Ellipse (Создать эллипс).

Задайте значения ширины и высоты 50 пикселей и нажмите OK.

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

Шаг 2

Добавьте Gradient Overlay (Наложение градиента) с данными настройками:

  • Проверьте поле Dither (Дизеринг)
  • Style (Стиль): Radial (Радиальный)
  • Angle (Угол): 0
  • Scale (Масштаб): 150%
  • При необходимости установите галочку на Reverse (Инверсия).
  • Кликните по градиенту, чтобы его создать. Используйте цвета #35378e слева, #b62789 в центре и #f15332 справа.

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

Шаг 3

Нам нужно переместить градиент в верхнюю часть эллипса. Для этого перетащите градиентную заливку внутри эллипса, не закрывая панель «стиль слоя».

Шаг 4

Добавьте стиль Bevel and Emboss (Тиснение) с этими настройками:

  • Size (Размер): 25
  • Снимите галочку Use Global Light (Глобальное освещение)
  • Angle (Угол): 158
  • Altitude (Высота): 32
  • Gloss Contour (Контур глянца): Cove – Deep (Глубокая выемка)
  • Установите галочку на Anti-aliased (Сглаживание)
  • Highlight Mode (Режим подсветки): Vivid Light (Яркий свет)
  • Opacity (Непрозрачность): 65%
  • Shadow Mode (Режим тени): Color Burn (Затемнение основы)
  • Color (Цвет): # 7a7a7a
  • Opacity (Непрозрачность): 25%

Шаг 5

Добавьте стиль Contour (Контур) с этими настройками:

  • Contour (Контур): Cone - Inverted (Перевернутый конус)
  • Установите галочку на Anti-aliased (Сглаживание).
  • Range (Диапазон): 100%

Так мы создали нужный стиль, который позже будем использовать для инструмента Mixer Brush Tool (Микс-кисть).

Теперь нужно растрировать слой с нашим стилем, чтобы использовать его с помощью инструмента Mixer Brush Tool (Микс-кисть). Вы можете сначала дублировать слой, чтобы сохранить копию, скрыть его, а затем, кликнув правой кнопкой мыши по копии, выберите Rasterize Layer Style (Растрировать стиль слоя).

3. Создаем контур текста

Шаг 1

Выберите инструмент Pen Tool (Перо), потом выберите Path (Контур) на панели Options (Параметры).

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

Шаг 2

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

Другой способ сделать это – использовать инструмент Direct Selection Tool (Выделение узла) (A).

Шаг 3

На панели Path (Контур) дважды кликните на вкладку Work Path (Рабочий контур), введите имя и сохраните свой контур.

Шаг 4

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

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

4. Настраиваем Микс-Кисть

Шаг 1

Выберите инструмент Mixer Brush Tool (Микс-кисть) (кликните и удерживайте стандартный инструмент Brush Tool (Кисть), чтобы открыть мини-панель выбора инструментов). Установите данные настройки на панели параметров:

  • Нажмите на значок Load the brush after each stroke (Заполнять кисть после каждого мазка).
  • Нажмите на значок Clean the brush after each stroke (Чистить кисть после каждого штриха).
  • Выберите Dry, Heavy Load (Сухой, много краски) из списка Useful mixer brush combinations (Полезные комбинации микс-кисти).
  • Wet (Влажность): 0%
  • Load (Заполнение): 100%
  • Flow (Нажим): 100%
  • Stroke Smoothing (Сглаживание штрихов): 100%
  • Уберите галочку Sample All Layers (Образцы всех слоев).

После того как вы настроите микс-кисть, увеличьте размер кисти на 10 пикселей больше, чем размер эллипса. Здесь размер кисти задается равным 60 пикселей.

Шаг 2

Выберите слой с эллипсом, поместите курсор в его центр, нажмите и удерживайте клавишу Option/Alt и потом кликните левой кнопкой мыши, чтобы загрузить эллипс.

5. Как обвести контур с помощью инструмента микс-кисть

Шаг 1

Скройте текстовый слой и создайте новый слой поверх него.

Шаг 2

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

Шаг 3

Нажмите клавишу Return/Enter, чтобы обвести контур, потом создайте новый слой, выберите следующий контур буквы и также создайте обводку контура.

Шаг 4

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

Для удобства поместите все слои в группу.

Шаг 5

Далее создайте обводку контура на других словах.

6. Как избавиться от нежелательных концов в обводки

Шаг 1

На некоторых буквах виден конец обводки там, где он не нужен, например, на букве «O».

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

Чтобы перевернуть контур, используйте инструмент Path Selection Tool (Выделение контура). Выберите контур и нажмите комбинацию клавиш Command+T/Ctrl+T, чтобы перейти в режим свободной трансформации.

Кликните правой кнопкой мыши по рамке трансформации и выберите Flip Horizontal (Отразить по горизонтали), а потом выберите Flip Vertical (Отразить по вертикали).

Нажмите клавишу Return/Enter, чтобы зафиксировать изменения

Шаг 2

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

Шаг 3

Затем выберите инструмент Eraser Tool (Ластик) и сотрите кончик обводки.

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

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

Шаг 4

Повторите данный шаг, чтобы исправить остальной контур.

7. Как изменить направление контура

Шаг 1

Если вы хотите полностью изменить направление контура, выберите инструмент Pen Tool (Перо) и кликните по начальной точке контура.

Шаг 2

Затем кликните по конечной точке контура, чтобы объединить контур.

Шаг 3

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

Нажмите кнопку Delete (Удалить), чтобы избавиться от выбранного сегмента. Тем самым мы изменили направление контура.

Шаг 4

Теперь используйте инструмент Path Selection Tool (Выделение контура), чтобы выбрать перевернутый контур, и снова создайте обводку на новом слое.

8. Как сгладить обводку контура

Шаг 1

Выделите все группы с текстом, дублируйте их, нажмите комбинацию клавиш Command-E/Ctrl+Е, чтобы слить копии в один слой. Оригинал можно скрыть.

Шаг 2

Перейдите в Filter > Stylize > Diffuse (Фильтр > Стилизация > Диффузия) и установите режим Anisotropic (Анизотропный) для получения более плавного результата.

Шаг 3

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

Поздравляю! Вот и все!

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

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

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

Источник: design.tutsplus.com

32 тыс. 57
Печать Жалоба

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

А как то попроще это нельзя сделать? Я думаю это не для фотошоп, много времени теряешь. У меня не получилось написать микс кистью, сделала до половины и надоело :(

Было всё понятно, спасибо!

Пара-папа-па-па! Сенкс..)

Спасибо за урок. Пришлось повозиться с пером и все равно кривовато получилось, но опыт сын ошибок трудных Отдельное спасибо пользователю Vlatterran 1, за комментарий про интервал!

Хорошее исполнение урока!

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

Довольно долго понять не мог, почему линии не такие плотные, как у всех, пока не понял что в настройках надо интервал на 1% выкрутить

Добрый вечер! Подскажите почему не работает микс-кисть? Все делаю по инструкции, но при нажатии на елипс не выбирается он а только часть его цвета

romanovna76, Проверьте настройки кисти. Смотрите мои скрины.

Спасибо за урок, отметил для себя много полезных приемов. Хотел бы добавить, что для получения максимального сглаживания можно создать дополнительный слой над буквами и с помощью инструмента mixer brush пройтись по самым заметным соединениям шейпов, придав им максимальное сглаживание. Также, можно дублировать слой с буквами, применить к дубликату размытие по Гауссу примерно на 1-2 поинта и закрепить данный дубликат слоя на начальном слое с буквами.

Спасибо!Очень интересный эффект получается.

Спасибо!!!

Спасибо!)

Благодарю, было интересно)

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

Спасибо! Интересно...

...что-то пошло не так) Lol

Спасибо большое! потрясающий урок!!!

спасибо, очень классно)

Спасибо за урок!

как же это круууто! спасибо!

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

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

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

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


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

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

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

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

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

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

Комментарий

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

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

Исходник:

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

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

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

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

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

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

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

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

Комментарии к работе будут отключены, на их месте будет выведена реклама.

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


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

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее