Иногда, чтобы оживить типографику , требуется всего несколько кликов. Классические эффекты типографики неподвластны времени и универсальны - они идеально подходят для логотипов, плакатов, приглашений или постов в социальных сетях. В этом уроке я познакомлю вас с пятью быстрыми и простыми эффектами, которые вы можете использовать для креативного оформления текстов в Photoshop. Тени, градиенты, 3D-изображения или глянцевые акценты - эти приемы позволяют сэкономить время и при этом добиться впечатляющих результатов. Давайте начнем и поднимем вашу типографику на новый уровень!
1. набор текста: размещение текста в формах
Шаг 1: Основной принцип набора текста в форме в Photoshop
Набор текста в форму в Photoshop очень прост. Для него требуется рабочий контур, на который вставляется текст.
Для этого достаточно нарисовать фигуру с помощью инструмента "Прямоугольник". Затем я нажимаю на прямоугольник инструментом "Текст" и могу написать или вставить свой текст.
Шаг 2: Используйте собственные фигуры для создания наборов форм
Вот и все основные принципы. Теперь я могу использовать инструменты рисования для изменения контуров по своему усмотрению, чтобы задать форму для текста. Это еще проще, если фигуры уже доступны по умолчанию. Я выбираю форму речевого пузыря с помощью инструмента "Пользовательская форма" и перетаскиваю ее. На следующем этапе я снова щелкаю мышью в речевом пузыре и пишу свой текст. Текст прекрасно адаптируется к форме речевого пузыря.
Я могу использовать окна "Абзац" и "Символ", чтобы немного подправить текст: установить выравнивание, отрегулировать интервал между символами, выбрать межстрочный интервал в соответствии с размером фигуры и т. д. В результате текст в форме сердца может выглядеть так:
2. Обводка: обтекание текста вокруг объектов
Шаг 1: Основной принцип обводки
В то время как в Adobe InDesign есть отдельная панель управления для обводки с действительно фантастическими возможностями, такими как поиск краев, в Adobe Photoshop вам придется искать альтернативный способ обтекания текста вокруг объектов. Решением является рабочий контур, соответствующий контурам объекта, в котором размещается текст. Основной принцип, лежащий в основе этого способа, тот же, что и у набора форм.
Для этого урока я выбрал изображение с сайта Fotolia.de (источник изображения: © Robert Kneschke - Fotolia.com).
Теперь я хочу, чтобы мой текст элегантно облегал человека. Изображение имеет черный фон, который не обрезан. Поскольку фон черный, я просто выделю его с помощью волшебной палочки.
Шаг 2: Уменьшение выделения и создание рабочего контура
Поскольку выделение находится так близко к человеку, я уменьшаю его на 10 пикселей с помощью меню Выделение>Изменить выделение>Уменьшить. Примечание: Всегда имеет смысл ограничивать выделение до размера нужной текстовой рамки. Я могу уменьшать выделение с помощью Alt и инструмента выделения и увеличивать его с помощью Shift и инструмента выделения. Поэтому перед созданием рабочего контура мне следует оптимизировать выделение до размера текстовой рамки.
Теперь я открываю окно контура и создаю рабочий контур на основе выделения, щелкая по соответствующему символу.
Шаг 3: Вставка текста
На последнем этапе я просто щелкаю по фигуре инструментом "Текст" и вставляю свой текст или пишу нужный текст. Теперь рабочий контур образует текстовую рамку для текста.
Я все еще могу редактировать текстовую рамку с помощью инструмента "Текст". Результат: Текст элегантно обтекает человека с левой стороны.
3. текст на контуре
Разместить текст на контуре довольно просто.
Шаг 1: Нарисуйте контур
Используя инструмент "Перо", я просто рисую контур, на котором должен быть размещен текст.
Шаг 2: Разместить текст
Используя инструмент "Текст", я подхожу к контуру так, чтобы появилась слегка пунктирная линия. Теперь я могу начать печатать.
Шаг 3: Информация о тексте
Я по-прежнему могу использовать панель символов для ввода текстовой информации.
С помощью инструмента прямого выделения я также могу коснуться контура текста, переместить начальную точку потока текста и определить, должен ли текст отображаться выше или ниже контура.
Шаг 4: Создание контура с помощью инструментов фигуры
Я также могу создавать контуры с помощью инструментов фигур. Я создаю новый контур на панели "Контуры" и рисую форму руки с помощью инструмента "Фигура", в данном примере с помощью инструмента "Пользовательская фигура ".
Теперь я могу поместить в него текст.
Шаг 5: Создание контура из выделений
Я также могу создавать выделения из изображений и преобразовывать их в контур, чтобы использовать их для обводки типографского текста.
Я использую инструмент быстрого выделения, чтобы выделить фон на этом изображении (источник изображения: iofoto - Fotolia.com). Я инвертирую выделение с помощью Shift+Ctrl+I и создаю из него рабочий контур. Я использую его для текста.
Шаг 6: Подчеркивание контуров с помощью типографики
То же самое можно сделать и с изображениями, которые немного сложнее с точки зрения цвета, как, например, это изображение дерева (источник изображения: archaeopteryx_stocks).
Я выделяю дерево с помощью инструмента быстрого выделения и снова создаю рабочий контур из выделения : я нажимаю на значок "Создать рабочий контур из выделения " на панели контуров. Теперь я могу использовать этот путь и для текста.
4. Группировка текстов с изображениями с помощью обтравочной маски
Классический эффект типа par excellence - заполнение текста узором, текстурой или изображением. Я помещаю изображение, которое будет отображаться в качестве заливки текста, в документ прямо над текстовым слоем на панели управления слоями.
Я создаю обтравочную маску с помощью сочетания клавиш Ctrl+Alt+G или Alt и щелкаю между слоем с текстом и изображением. Теперь изображение появляется только там, где находится текст. При просмотре оно обрезается до содержимого слоя ниже.
Чаще всего этот текстовый эффект, просто без заливки на черном или белом фоне, можно увидеть в каталогах товаров, на листовках и т. п. со стильным фоном - недавно его можно было увидеть в каталоге продукции производителя телевизоров. В книге Герда Коммерса "The Buy And Hold Bible" на обложке также использован этот простой эффект.
Эффект вырезанной маски часто используется с текстурами материалов. Варианты заливки (сглаженный край/рельеф с падающей тенью и т. д.) позволяют получить мраморный, металлический или подобный текст, который используется для рекламы последних коллекций камня от поставщика xy в специализированном магазине по соседству.
5. заполнение контуров кистью с помощью рабочих контуров
Очень простая, но эффективная техника - заливка контуров текста с помощью кистей.
Шаг 1: Выберите шрифт, напишите текст и создайте рабочий контур
Для начала я подбираю шрифт, который должен быть как можно более широким. Я пишу буквы PSD в своем документе, используя шрифт Franklin Gothic Heavy размером 120 пунктов.
Я могу создать рабочий контур из моего текста, щелкнув правой кнопкой мыши на текстовом слое в панели слоев>Создать рабочий контур. Он сохраняется на панели "Контуры".
Шаг 2: Установка предустановки кисти
Я могу скрыть текстовый слой. На панели "Параметры кисти " я выбираю кончик кисти, который будет использоваться в качестве контура заливки для моего текста. Я выбираю кисть в виде листа.
С помощью клавиши F5 я открываю панель управления кистью. Здесь я могу задать форму кисти.
Я выбираю на
- на вкладке "Форма кисти ", выбираю интервал 60 процентов и размер 40 px. Это значение идеально подходит для моего размера текста, чтобы расстояние между отдельными кистями было плавным при переходе.
- В свойствах фигуры установите угловое дрожание на 25 процентов. Это обеспечит поворот кистей.
- В настройках цвета установите 12 процентов для дрожания оттенка и 12 процентов для дрожания яркости. Это дает мне привлекательную легкую неравномерность красного цвета, что создает приятный осенний эффект в шрифте.
Шаг 3: Активируйте рабочий контур и создайте новый слой
Теперь я создаю новый слой и активирую рабочий контур на панели "Контуры". Щелкнув по второму значку в нижнем колонтитуле панели "Контуры", я заполняю контур контура выбранной кистью. Важно, чтобы инструмент "Кисть" также был активирован.
Если я немного увеличу размер кисти, это приведет к приятной вариации размера эффекта. Таким образом, настройки кисти можно использовать для настройки заливки контура в соответствии с соответствующими требованиями. В данном примере - для более осеннего образа.
Шаг 4: Вариации в предустановке кисти
Если теперь я использую цветочную кисть по умолчанию и немного увеличу процент дрожания цвета, то получу легкий, но красивый летний эффект.
Шаг 5: Дальнейшая обработка
Контурные заливки - это простой способ быстрого создания эффектов типа. Однако, как правило, предыдущий эффект обязательно требует дополнительной обработки, чтобы он выглядел привлекательно в целом.
Возможным вариантом дальнейшей обработки для придания осеннего вида может быть то, что я просто заполню внутреннюю область текста кистью для листьев в новом слое, выделю ранее созданный контур кисти с помощью Ctrl, щелкну на миниатюре этого слоя и использую его в качестве маски слоя для нового слоя.
Таким образом, я использую предыдущий контур в качестве маски слоя, а также получаю эффект контура для текста.
