Пользовательские фигуры как текстовые рамки в фотошопе (видео)

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

Вот пример эффекта, который мы будем учиться создавать. Фоновое изображение (без текста) доступно в библиотеке изображений Fotolia . Конечно, вы можете использовать другое изображение, если хотите, или просто создать новый документ Photoshop с белым фоном для использования в дальнейшем:


Заполните фигуры текстом в фотошопе.

Форма сердца, слегка повернутая и наполненная текстом.

Давайте начнем!

Шаг 1: выберите инструмент Custom Shape Tool

Выберите инструмент « Создание формы» в Photoshop на панели «Инструменты». По умолчанию он прячется за инструментом «Прямоугольник», поэтому щелкните значок инструмента «Прямоугольник» и удерживайте кнопку мыши нажатой в течение секунды или двух, пока не появится всплывающее меню со списком других инструментов, доступных в этом месте, затем выберите Custom Shape Tool из списка:

Photoshop Custom Shape Tool.

Нажмите и удерживайте Rectangle Tool, затем выберите Custom Shape Tool из меню.

Шаг 2: выберите форму


Выбрав инструмент Custom Shape Tool, нажмите на миниатюру предварительного просмотра формы на панели параметров в верхней части экрана:

Миниатюра предварительного просмотра формы на панели параметров в Photoshop.

Миниатюра предварительного просмотра отображает выбранную форму.

Это открывает в Photoshop Shape Picker , которая отображает небольшие эскизы всех пользовательских форм мы можем выбрать. Чтобы выбрать форму, просто нажмите на ее миниатюру. Я собираюсь выбрать форму сердца. Как только вы выбрали фигуру, нажмите Enter (Win) / Return (Mac), чтобы закрыть окно выбора формы :

Выбор пользовательской формы из палитры форм в Photoshop.

Выбор формы сердца, нажав на его миниатюру.

Шаг 3: выберите опцию «Пути»

В дальнем левом углу панели параметров находится ряд из трех значков, каждый из которых представляет свой тип фигуры, который мы можем нарисовать. Photoshop дает нам возможность рисовать обычные фигуры, контуры или пиксельные фигуры. Чтобы использовать фигуру в качестве контейнера для нашего текста, мы хотим нарисовать контур, который по сути является контуром фигуры. Мы разместим наш текст внутри контура. Нажмите на середину трех значков, чтобы выбрать параметр « Пути» :

Выбор варианта контуров для фигуры.

Нажмите на опцию Paths (середина трех значков).

Шаг 4: нарисуй свою форму


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

Рисование фигуры в фотошопе.

Нажмите и перетащите свою форму в документе. Это будет отображаться как контур.

Шаг 5: измените форму, поверните или переместите путь (необязательно)

Если вам нужно изменить или повернуть путь (контур фигуры) или переместить его в другое место, самый простой способ сделать это — перейти в меню « Правка» в строке меню в верхней части экрана и выбрать « Свободно». Путь трансформации . Вы также можете нажать Ctrl + T (Win) / Command + T (Mac), чтобы быстро выбрать ту же команду с помощью сочетания клавиш:

Photoshop Free Transform Path команда.

Перейдите в Edit> Free Transform Path.

Это размещает маркеры Free Transform Path и ограничивающую рамку вокруг фигуры. Чтобы изменить его, просто нажмите на любую из ручек (маленькие квадраты) вокруг ограничительной рамки и перетащите их. Чтобы изменить размер фигуры, удерживайте клавишу Shift и перетащите любую из четырех угловых ручек . Чтобы повернуть его, переместите курсор в любое место за пределами ограничительной рамки, затем щелкните и перетащите мышью. Наконец, чтобы переместить форму, щелкните в любом месте внутри ограничительной рамки и перетащите.

Я немного поверну форму своего сердца, чтобы изгиб цветов по левой стороне лучше сочетался с расположением цветов:

Поворот фигуры с помощью команды «Свободный путь преобразования» в Photoshop.

Вращение формы с помощью Free Transform Path.

Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять изменения и выйти из команды Free Transform Path:

Путь теперь повернут.

Контур теперь выглядит повернутым.

Шаг 6: Выберите инструмент Type


Теперь, когда у нас есть свой путь, мы готовы добавить наш текст! Выберите инструмент «Текст» на панели «Инструменты»:

Photoshop Type Tool.

Выберите инструмент «Текст».

Шаг 7: выбери свой шрифт

Выберите шрифт, который вы хотите использовать для вашего текста на панели параметров. Для моего дизайна я буду использовать Palatino Italic, установленный на 12 пунктов:

Параметры шрифта Photoshop на панели параметров.

Выберите ваш шрифт на панели параметров.

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

Образец цвета текста на панели параметров.

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

Это открывает палитру цветов Photoshop . Я выберу темно-зеленый цвет из палитры цветов, чтобы он соответствовал цвету цветов на моем изображении. Выбрав цвет, нажмите «ОК», чтобы закрыть палитру цветов:

Photoshop Color Picker.

Выберите цвет для вашего текста из палитры цветов.

Шаг 8: Откройте панель абзаца


Щелкните значок переключения панели « Символ / абзац» справа от образца цвета на панели параметров.

Фотошоп Символ / Значок переключения абзаца.

Значок переключения открывает и закрывает панели символов и абзацев.

Откроется панель « Символы» и « Абзац» в Photoshop, которые по умолчанию скрыты. Выберите панель « Абзац », щелкнув ее вкладку с именем в верхней части группы панелей:

Выбор панели «Абзац» в Photoshop.

Нажмите на вкладку панели «Абзац».

Шаг 9: выберите опцию «Выровнять по центру»

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

Выбор параметра «Выровнять по центру» на панели «Абзац» в Photoshop.

Выберите опцию «Выровнять по центру».

Шаг 10: добавь свой текст


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

Photoshop Type Tool значок курсора.

Пунктирный эллипс появляется вокруг значка курсора, когда вы перемещаете его внутри фигуры.

Нажмите в любом месте внутри фигуры и начните вводить текст. По мере ввода вы увидите, что текст ограничен областью внутри пути:

Добавление текста внутри фигуры в Photoshop.

По мере ввода текст остается в пределах границ фигуры.

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

Больше текста добавлено к фигуре.

Форма теперь заполнена текстом.

Шаг 11: Нажмите на галочку, чтобы принять ваш текст

Когда вы закончите добавление текста, нажмите на галочку на панели параметров, чтобы принять его и выйти из режима редактирования текста в Photoshop:

Нажмите на галочку, чтобы принять текст.

Нажмите на галочку, чтобы принять текст.

Текст теперь добавлен и хорошо заполняет область формы, но мы все еще можем видеть контур пути вокруг него:

Контур формы виден вокруг текста.

Путь вокруг текста остается видимым.

Чтобы скрыть контур пути, просто щелкните другой слой на панели «Слои». В моем случае мой документ содержит только два слоя — слой «Тип», в котором хранится мой текст (который в данный момент выделен), и слой «Фон» под ним, в котором хранится мое фоновое изображение, поэтому я щелкну по фоновому слою, чтобы выбрать его:

Выбор фонового слоя в Photoshop.

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

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

Заполните фигуры текстом в фотошопе.

Конечный результат.

Куда пойти дальше …


И там у нас это есть! Вот как использовать пользовательские фигуры в качестве текстовых фреймов в Photoshop! Посетите наш раздел « Основы Photoshop», где вы найдете больше полезных уроков по работе с фигурами , а также слоями , выделениями , шрифтом и другими необходимыми навыками!



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

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

Ваш e-mail не будет опубликован.