Как вставить текст в форму сердечка в Photoshop

Автор Дмитрий Евсеенков На чтение 3 мин Просмотров 2.4к.
Обновлено 29.10.2021

В этом материале мы научимся создавать интересные текстовые макеты помощью пользовательских формы (Shapes), которые мы будем использовать, как рамки для текста.

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

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

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

Давайте приступим!

Выбираем на инструментальной панели инструмент «Произвольная фигура» (Custom Shape Tool):

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

Кликните по кнопкам, как показано на рисунке:

В левой части панели параметров выбираем тип фигуры. Чтобы использовать фигуру в качестве контейнера для нашего текста, следует выбрать тип «Контуры» (Paths). Обращаю Ваше внимание, что в версии Фотошопа CS6 и версиях CS5 и ниже имеются небольшое отличие в выборе типа фигуры, на рисунке я показал выбор для обеих типов версий:

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

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

Теперь я немного изменю положение формы. Для этого воспользуюсь инструментом «Свободная трансформация», активировав его нажатием комбинации клавиш Ctrl+T. Потянув за боковые маркеры, я наклонил сердечко:

Для применения действия инструмента нажмите Enter.

Теперь выбираем инструмент «Текст» (Type Tool), выбираем шрифт, как я указал в начале статьи, в примере применяется шрифт Freestyl, цвет и размер задаём в зависимости от вкуса и задач.

Кликаем по кнопке включения панели символов/абзаца, где выбираем вкладку «Абзац» и задаём положение «По центру» для того, чтобы текст заполнил всю форму по ширине:

Теперь осталось ввести текст. Наводим курсор внутрь формы, пои этом Вы увидите, как вокруг курсора появится пунктирная рамка:

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

После того, как Вы закончили вводит текст, нажмите на галочку на панели параметров:

Ну вот, собственно и всё. Посмотрите ещё раз на готовый результат:

Урок 15. Текст | Студия дизайна и уроков Photoshop Светланы Васильевой

Вы узнаете:

• Как Photoshop проверяет орфографию.
• Как установить новые шрифты.
• Как деформировать текст.
• Как расположить текст на заданной траектории.
• Как вписать текст в любую фигуру.
• Как создать текст из фотографии инструментом Туре Mask (Текст-маска).
• Как преобразовать текст в фигуру.
• Как влияет текст на восприятие всего изображения.

Связь текста с изображением

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

Взаимосвязь между текстом и изображением может выражаться по-разному и отношение к шрифту должно быть разным:

1. Изображение первично, а текст лишь дополняет его (например, подпись к комиксам).
   Если изображение несет на себе главную нагрузку, то лучше сделать текст нейтральным, чтобы он не отвлекал на себя внимание, или постараться придать ему вид того времени и места которое показано на изображении.
2. Текст – это часть изображения (например, название работы, автор или пояснение, вставленное в картину).
3. Текст первичен, т. е. он несет информацию, а изображение лишь дополняет его (например, название сайта или текст на обложке журнала). Если текст является главным объектом, то он должен максимально соответствовать изданию, сайту, журналу и т.д., а фон должен гармонировать с текстом, подчеркивая и дополняя его.
4. Текст не несет в себе никакого смысла, а является своеобразной массой, из которой создано некое изображение (аппликации из газет). Здесь характер шрифта и стиль картины не должны вступать в противоречие.

Советы при работе со шрифтами:

1. Не растягивайте текст ни по горизонтали, ни по вертикали. Если нужно заполнить текстом пространство, лучше увеличьте его масштаб, подберите другой шрифт, или измените начертание на bold(жирный).
2. Не используйте более двух разных шрифтовв одной работе. Лучше выбирайте разные начертания одного шрифта (прямое, курсив, жирное и полужирное).
3. Дайте больше воздуха изображению, не забивайте его текстом слишком плотно.
4. Рамки и обводки используйте с осторожностью. Шрифт может превратиться в нечитаемое месиво. Допустим, вы добавили текст к изображению, и хотите его немного приукрасить. Хорошую композицию никакие обводки не улучшат, а плохую могут испортить еще больше.
5. Существуют шрифты, которые лучше использовать только в латинских буквах: Book Antiqua, Palatino Linotype и Garamond, для кириллических используйте Verdana, Arno Pro, Garamond Premier Pro, Calibri и Georgia. А так же использование шрифтов Arial, Comic Sans не являются признаком хорошего тона, да и Time New Roman достаточно приелся из-за частого употребления.

Создать текст в Photoshop очень легко.

В программе есть два вида инструментов для работы с текстом. Щелкните по значку Туре (Текст) в палитре инструментов и вы легко найдете Туре (Текст) и Type Mask (Маска текста). Эти инструменты позволяют поместить текст в изображение, однако, принцип действия у них разный.Рассмотрим каждый из них подробнее:

Панель параметров инструмента Туре (Текст).

Меню настроек начинается с кнопки переключения ориентации текста с горизонтального на вертикальный. Можно выбрать горизонтальный или вертикальный текст. Если вы вводите текст с помощью инструмента Type (Текст), Photoshop автоматически создает новый слой и размещает текстовую надпись именно в этом слое. Появляясь на экране, надпись автоматически закрашивается текущим основным цветом (если в текущий момент вы работаете в полностью прозрачном слое, Photoshop не будет создавать новый слой. )

Далее идет список Sentthefontfamily(Задайте гарнитуру), в котором вы выбираете название шрифта. Чтобы изменить шрифт выделите его, зажав левую кнопку мыши, и выберите в списке другой шрифт. Выделив шрифт в списке, можно просматривать другие варианты, используя стрелки вверх и вниз на клавиатуре.

Следующий список позволяет выбрать начертание шрифта: жирный, полужирный, курсивный; Затем идет окно выбора Размера шрифта, а за ним окно определяющее Способ сглаживания. Три кнопки выравнивания текста; Выбор цвета; Деформация ; Последним идет значок вызова палитры Символ .

Ограничивающая рамка для ввода текста.

Если вы хотите, чтобы текст был набран

в ограничивающей рамке, то выбрав инструмент Type (Текст), щелкните левой кнопкой мыши, и, не отпуская ее, растяните рамку до нужного размера и можете набрать или вставить скопированный текст. Можете не беспокоиться – текст не выйдет за границы рамки. Обращаю ваше внимание, что на клавиатуре две клавиши Enter, и они по‑разному влияют на текст. Enter (в секции букв) переносит текст на новую строку. Enter (в секции цифр) – это выход из режима набора текста. Если курсор будет в середине текста, а вы нажмете Enter(в секции букв), то вся правая часть переместится на новую строчку. Для подтверждения набора текста и выхода из режима набора нажмите значок в панели параметров или клавишу Enter на клавиатуре (из секции с цифрами). Для отмены ввода текста нажмите Esc или значок .

Коррекция текста

Если в процессе работы вы заметили ошибку в тексте, или же Вам нужно подкорректировать ранее введенный текст, выберите инструмент Туре (Текст) и слой с текстом. Подведите курсор к тексту, и когда курсор изменит свой вид, нажмите левую кнопку мыши. Теперь вы в режиме редактирования. Стрелками на клавиатуре или мышкой переместите курсор к ошибочной букве, нажмите DEL и наберите нужный текст. Так же, находясь в этом режиме, вы можете выделить кусок текста, зажав левую кнопку мыши. Произведите необходимые изменения. Если вам нужно добавить текст, передвиньте курсор в конец текста и продолжите набор.

Photoshop может проверять орфографию

Для этого выберите текстовый слой. Выделите текст или слово или просто поместите курсор внутрь набранного текста. Выберите меню Edit (Редактирование) – Check Spelling (Проверка орфографии) или выберите тот же пункт, нажав правую кнопку мыши.

Установка шрифтов:

Если вы скачали или купили новый шрифт, то его нужно установить в папку Windows/Fonts. Для того чтобы это сделать: закройте все открытые приложения (Word, Outlook, Photoshop….)

выберите в меню Пуск – Настройки – Панель управления – Шрифты.

В открывшемся окне, в меню – файл, выберите: установить шрифт, укажите путь к файлу со шрифтом и нажмите OK.

Если нужно установить сразу несколько шрифтов, используйте клавишу Ctrl для выбора.

Eсли файл шрифта заархивирован (имеет расширение zip, rar), то предварительно распакуйте его в какую-нибудь другую папку.

Однажды я установила сразу 2000 бесплатных шрифтов и Photoshop перестал загружаться, пришлось потратить несколько часов, чтобы вылечить компьютер от этой гадости. Мой вам настоятельный совет: никогда не устанавливайте много шрифтов сразу, используйте программы-менеджеры и загружайте шрифты по мере необходимости. И еще, начиная с CS3, зайдите в меню Edit (Редактирование) – Preferences (Установки) – Type (Шрифты) и уберите галочку с опции Enable Missing Gliph Protection (Включить защиту отсутствующих глифов). По умолчанию эта галочка

в программе установлена, и каждый раз, когда в тексте появляется шрифт, которого нет на компьютере, PhotoShop меняет его на другой шрифт по своему желанию.

Текст можно вписать в фигуру.

Если навести курсор в середину контура фигуры, то он примет вид взятого в круглые кавычки курсора – это значит, что текст будет вставляться строго во внутреннее пространство контура. Правый клик – удалить контур или Ctrl+H. Преимуществом инструмента Туре (Текст) является то, что текст автоматически создается на новом слое. Значит, его легко перемещать независимо от других слоев. Не забывайте, что чем больше слоев в документе, тем больше размер файла.

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

Деформация текста

Warptext (Деформировать текст) . С помощью этого параметра можно выгибать текст или придавать ему форму. В выпадающем меню Style (Стиль) вы найдете много разных вариантов, регулируя параметрами Вend (Изгиб) и Horizontal Distortion, Vertical Distortion (горизонтальное и вертикальное искажение) можно изменять выбранный стиль.

Расположение текста на заданной траектории.

У инструмента Type есть интересная функция: если подвести курсор мыши к любому контуру, то он примет вид перечеркнутого волнистой линией курсора.

Выберите в меню параметров инструмента Type (Текст) форматирование по левому краю. Щелкните курсором по контуру и напишите текст. Чтобы перевернуть текст по внутреннему пути, выберите Трансформация – Отразить по горизонтали или вертикали.

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

и отражать по горизонтали и вертикали. Этого же эффекта можно добиться, если, работая инструментом Type (Текст) нажать Ctrl и подвигать текст (курсор примет вид I с маленькой стрелочкой). Контур можно редактировать, текст будет послушно следовать по пути.

Если в меню параметров инструмента Type (Текст) выбрать форматирование по центру , то щелкнув курсором по кривой, появятся ограничители и . Текст можно будет расположить на кривой лишь в пределах этих меток.

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

Инструмент Type Mask (Текст-маска)

При помощи этого инструмента на экране создается выделенная область, обводящая введенный текст. Чтобы закрасить текст, вам придется залить выделенную область инструментом ведерко Paint Bucket (Заливка) или закрасить ее кистью.

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

Инструментом Туре Mask (Текст-маска) можно создать текст из изображения. Для этого наберите слово поверх фона, подобрав шрифт и размер, нажмите два раза Enter (из секции с цифрами) или значок в виде галочки Commit any current edits (Применить) на панели инструментов. Получится выделение из текста. Нажмите правую кнопку мыши и выберите в контекстном меню Layer via copy (Скопировать на новый слой). Теперь его можно передвинуть на нужное место и применить к нему подходящие стили (тень, тиснение и т.д.).

Также допускается изменять содержание текста, применять к нему разные эффекты слоя, изменять режим смешивания и уровень непрозрачности. Что же можно сделать с редактируемым текстовым слоем? Можно применить фильтры, очертить текст или заполнить его градиентом или рисунком. Чтобы осуществить эти операции, необходимо преобразовать текстовый слой в растровый формат с помощью команды меню Layer (Слой) – Rasterize (Растрировать) – Туре (Текст) или выбрать этот пункт в контекстном меню правой кнопки мыши.

После растеризации текстового слоя можно изменить его с учетом перспективы. Для этого в меню Edit (Редактирование) – Transform(Трансформация) выберите Perspective (Перспектива). Потянув за опорные точки, задайте верхнюю и нижнюю границу перспективы. Для выхода из режима трансформации нажмите Enter.

Текст можно преобразовать в фигуру.

Для этого в контекстном меню правой кнопки мыши

выберите Converttoshape (Преобразовать в кривые). Возьмите инструмент Direct selection (Стрелка) и щелкните им по контуру. Появятся опорные точки, которые можно редактировать. Придайте тексту новую форму.

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

Вопросы:

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

– Convert to shape (Преобразовать в кривые), затем применить инструмент кисть.

– Создать новый слой над слоем с текстом, создать Clipping mask (Обтравочную маску), применить инструмент кисть.

– Make Work Path (Создать рабочий контур), затем применить инструмент кисть.

– Добавить к слою маску – Reveal All (Показать все), затем применить инструмент кисть.

– В настройках текста включить опцию Non-rasterize (Не растрировать).

2. Какой функции для работы с текстом нет в настройках символа, абзаца и меню Редактирование?

– Проверка орфографии.

– Перевод текста из нижнего регистра в верхний.

– Зачеркнутый стиль.

– Автоматическая расстановка переносов.

– Создание текста вдоль кривой.

Домашнее задание

1. Вставьте текст в любую фигуру, а также напишите текст по контуру.

2. Инструментом Туре Mask (Текст-маска) создайте текст из любого изображения.

3. Напишите текст и преобразуйте его в фигуру. Инструментом Direct selection (Стрелка) деформируйте текст.

Добавление текста и фигур к изображению

НАЧИНАЮЩИЙ · 17 МИН

Когда вы добавляете текст и фигуры в Adobe Photoshop, их можно редактировать, и вы можете настроить их до мельчайших деталей.

Что вам понадобится

Получить файлы

Примеры файлов для практики (ZIP, 23 МБ)

Открыть в приложении

Открыть этот урок в Photoshop.

Добавить текст

Добавить текст к изображению.

Что вы узнали: Добавление текста

1. На панели инструментов выберите инструмент Horizontal Type .
2. На панели параметров выберите шрифт, размер шрифта, цвет и другие параметры текста. Вы можете изменить любой из этих параметров позже.
3. Нажмите на холст и введите одну строку текста. Вы также можете создать абзац текста, перетащив текстовое поле и введя текст внутри него.
4. Щелкните галочку на панели параметров, чтобы принять текст и выйти из текстового режима.
   Это автоматически создает новый редактируемый текстовый слой на панели Layers .
5. Используйте инструмент Move , чтобы переместить текст в нужное место на изображении.
6. Сохраните изображение в формате Photoshop (PSD), чтобы сохранить редактируемые текстовые слои для последующего редактирования.

Изменить текст

Внесение изменений в текст изображения.

Что вы узнали: Редактирование текста

1. Чтобы отредактировать текст на текстовом слое, выберите текстовый слой на панели Слои и выберите инструмент Горизонтальный или Вертикальный Панель инструментов . Измените любой из параметров на панели параметров, например шрифт или цвет текста.
2. Когда вы закончите редактирование, нажмите на галочку на панели параметров.

Создание графической формы

Добавление формы к изображению.

Чему вы научились: Чтобы создать фигуру

1. На панели Инструменты щелкните и удерживайте инструмент Прямоугольник (или любой другой инструмент Фигуры, отображаемый в данный момент на панели Инструменты) до просмотреть все инструменты формы. Выберите инструмент для фигуры, которую хотите нарисовать.
2. На панели параметров выберите цвет заливки и другие параметры фигуры. Их можно изменить позже.
3. Удерживайте клавишу Shift, чтобы не исказить фигуру при перетаскивании изображения для создания редактируемой фигуры. Это автоматически создаст новый слой-фигуру на панели «Слои».
4. Используйте инструмент Move , чтобы переместить фигуру в нужное положение на изображении.
5. Масштабируйте, трансформируйте или поворачивайте фигуру без ущерба для качества изображения, выбрав «Правка» > «Свободное преобразование» или нажав Control+T (Windows) или Command+T (macOS).
6. Чтобы изменить цвет фигуры, перейдите на Layers , найдите слой формы, который вы хотите изменить, и дважды щелкните миниатюру этого слоя, чтобы открыть Color Picker . Когда вы нажимаете цвета в палитре цветов , вы увидите предварительный просмотр выбранного цвета на фигуре. Когда вы найдете цвет, который вам нравится, нажмите «ОК», чтобы применить новый цвет к фигуре.

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

Добавление пользовательской формы к изображению.

Чему вы научились: как добавить пользовательскую фигуру

1. На панели инструментов нажмите и удерживайте инструмент «Прямоугольник » (или любой другой инструмент «Форма», отображаемый на панели «Инструменты»), а затем выберите инструмент «Пользовательская форма ».
2. На панели параметров щелкните направленную вниз стрелку справа от средства выбора Shape . Чтобы просмотреть все пользовательские фигуры, поставляемые с Photoshop, щелкните значок шестеренки справа от средства выбора фигур, выберите «Все» в меню и нажмите «ОК» в появившемся сообщении. Затем щелкните в правом нижнем углу средства выбора формы и перетащите его, чтобы увидеть все фигуры.

Назад к: Использовать цвет | Далее: Объединение изображений

Объединение текста с фигурами в Photoshop

Автор сценария Стив Паттерсон.

В этом уроке Основы Photoshop мы научимся создавать забавные дизайны и интересные логотипы, комбинируя текст с пользовательскими формами ! Сначала мы узнаем, как преобразовать сам текст в фигуру. Затем мы узнаем, как добавлять к нему другие фигуры и даже как вырезать фигуры из букв! Дизайн, который я буду создавать здесь, очень прост, но вы можете использовать те же самые шаги для создания всего, что только можете себе представить, особенно если вы знаете, как создавать свои собственные формы в Photoshop! В этом уроке я буду использовать Photoshop CS5, но подойдет любая последняя версия Photoshop.

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

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

Начнем!

Шаг 1. Преобразование текста в фигуру

Вот документ, с которого я начинаю, простой фон с добавленным перед ним словом «собаки» (извините всех любителей кошек):

Какой-то текст на простом фоне.

Если мы посмотрим на панель «Слои», то увидим, что документ состоит из двух слоев — фонового слоя внизу и слоя 9.0025 Тип слоя над ним:

Текст появляется на слое «Текст», одном из нескольких типов слоев в Photoshop.

Прежде чем мы сможем объединить наш текст с фигурами, нам сначала нужно преобразовать сам текст в фигуру. Однако прежде чем вы это сделаете, убедитесь, что все написано правильно, потому что после преобразования текста в фигуру его больше нельзя будет редактировать. Как только вы убедитесь, что все выглядит правильно, перейдите в меню Layer в строке меню в верхней части экрана, выберите Введите , затем выберите Преобразовать в форму :

Выберите «Слой» > «Текст» > «Преобразовать в форму».

Текст по-прежнему будет выглядеть как текст в документе, но на панели «Слои» мы видим, что слой «Текст» стал слоем формы . Другими словами, то, что у нас сейчас есть, — это форма, которая выглядит как как текст:

.

Текст теперь выглядит как текст. Это также больше не редактируется.

Шаг 2. Выберите инструмент прямого выделения

Мы узнаем, как добавлять другие фигуры к нашему тексту и как вычитать фигуры из текста. Давайте начнем с того, как вычесть фигуру или, другими словами, как вырезать дырку в букве с помощью фигуры! Через мгновение я собираюсь использовать одну из пользовательских фигур Photoshop , чтобы заменить отверстие в центре буквы «о» чем-то более интересным.

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

Нажмите и удерживайте инструмент выбора пути, затем выберите в меню инструмент прямого выбора.

Шаг 3: выберите область для удаления

Разница между инструментом выбора контура (иногда называемым просто «черная стрелка») и инструментом прямого выбора («белая стрелка») заключается в том, что инструмент выбора контура используется для одновременного выбора целых фигур, в то время как инструмент прямого выбора Selection Tool может выбрать только те части, которые нам нужны. Прежде чем мы выберем что-либо, убедитесь, что фигура имеет номер 9.Миниатюра 0025 выбрана на панели «Слои». Вы узнаете, что он выбран, потому что он будет иметь белую рамку выделения вокруг него. Если он не выбран, нажмите на миниатюру, чтобы выбрать его, прежде чем продолжить, иначе вы не сможете выбрать фигуру (или любую ее часть):

Убедитесь, что миниатюра фигуры выделена на панели «Слои».

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

Нажмите и перетащите область, которую хотите удалить.

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

Выбранные опорные точки отображаются в виде сплошных квадратов. Невыбранные отображаются в виде полых контуров.

Чтобы удалить выбранную часть фигуры, просто нажмите клавишу Backspace (Win) / Delete (Mac) на клавиатуре. Выбранная область мгновенно удаляется:

Нажмите Backspace (Win)/Delete (Mac), чтобы удалить выбранную часть фигуры.

Шаг 4. Выберите инструмент пользовательской формы

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

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

Шаг 5. Выберите параметр «Слои формы»

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

Щелкните значок Shape Layers, чтобы выбрать его, если он еще не выбран.

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

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

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

Откроется Средство выбора форм , в котором отображаются маленькие эскизы всех фигур, из которых мы в данный момент можем выбирать. Вместо того, чтобы использовать какие-либо формы по умолчанию, я собираюсь загрузить один из других наборов фигур 9.0026 входит в состав Photoshop. Чтобы загрузить один из других наборов, щелкните маленький значок стрелки в правом верхнем углу средства выбора формы:

Если вы хотите загрузить один из других наборов форм, щелкните значок стрелки.

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

Выбор набора фигур «Животные» в меню выбора фигур.

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

Выберите «Добавить», чтобы добавить новые фигуры к исходным.

Если я оглянусь назад в свой инструмент выбора форм и прокрутю вниз, то увижу, что теперь у меня есть несколько новых форм животных на выбор. Чтобы выбрать фигуру, просто нажмите на ее миниатюру. Я выберу фигуру Dog Print, щелкнув по ней. Нажмите Введите (Win) / Верните (Mac) после того, как вы выбрали фигуру для закрытия из средства выбора форм:

Щелкните миниатюру фигуры, чтобы выбрать ее.

Шаг 7. Нарисуйте фигуру в режиме «Вычесть из фигуры»

Непосредственно справа от миниатюры предварительного просмотра формы на панели параметров находится набор из пяти значков, большинство из которых выглядят как перекрывающиеся квадраты. Нажатие на эти разные значки позволяет нам переключаться между различными режимами рисования , например Добавить к фигуре , Вычесть из фигуры , Пересечь фигуры и другие. Значок слева, Создать новую фигуру , всегда выбран по умолчанию, потому что обычно мы хотим создать новую фигуру, когда рисуем ее в документе:

Photoshop дает нам на выбор пять различных режимов рисования, например «Добавить в форму» и «Вычесть из формы».

Проблема с выбором режимов рисования путем нажатия на эти значки на панели параметров заключается в том, что каждый раз, когда вам нужно переключиться в другой режим, вы должны перетаскивать мышь вверх на панель параметров и выбирать его вручную. Кроме того, слишком легко забыть, какой из них выбран, поэтому вы начнете рисовать новую фигуру только для того, чтобы добавить ее к существующей фигуре, потому что опция «Добавить в фигуру» — это та, которую вы использовали ранее, и вы забыли поменяй обратно. Лучший способ переключаться между режимами рисования — использовать гораздо более быстрые сочетания клавиш, которые позволяют нам временно переключаться между режимами и всегда возвращаться к режиму «Создать новую фигуру» по умолчанию, как только мы отпускаем клавишу!

Например, чтобы вычесть фигуру из существующей фигуры, вместо выбора параметра Вычесть из фигуры на панели параметров просто нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре. Вы увидите небольшой знак минус ( — ), появившийся в правом нижнем углу курсора мыши, сообщающий вам, что вы временно переключились в режим «Вычесть из формы» (если вы видите значок пипетки ). когда вы удерживаете нажатой клавишу Alt (Win) / Option (Mac), это происходит потому, что на панели «Слои» не выбрана миниатюра фигуры. Убедитесь, что она выбрана, прежде чем продолжить).

Удерживая нажатой клавишу Alt (Win)/Option (Mac), щелкните внутри фигуры, в которой вы хотите вырезать отверстие, и перетащите новую фигуру. Вы увидите тонкий контур новой фигуры, появляющийся внутри исходной фигуры. Чтобы ограничить соотношение сторон новой фигуры во время ее рисования, также удерживайте нажатой клавишу Shift . Чтобы переместить и изменить положение фигуры во время ее рисования, удерживайте нажатой клавишу пробела , перетащите фигуру в новое место с помощью мыши, затем отпустите клавишу пробела и продолжайте перетаскивание. Здесь я вытягиваю фигуру Dog Print внутри буквы «o»:

Удерживая клавишу Alt (Win)/Option (Mac), перетащите новую фигуру внутрь исходной.

Когда вы закончите, отпустите кнопку мыши, и Photoshop вычтет новую фигуру из оригинала, фактически вырезав в ней отверстие:

Photoshop вычитает новую форму из исходной, когда вы отпускаете кнопку мыши.

Шаг 8. Выберите и нарисуйте другую фигуру в режиме «Добавить в фигуру»

На этот раз давайте добавим к тексту новую фигуру. Нажмите еще раз на фигуру миниатюра предварительного просмотра на панели параметров, чтобы открыть палитру форм, затем щелкните другую фигуру, чтобы выбрать ее. На этот раз я выберу форму собаки. Нажмите Введите (Win) / Верните (Mac), когда закончите, чтобы закрыть окно выбора формы:

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

Чтобы добавить новую фигуру в текстовую фигуру, нам нужно находиться в режиме Добавить в фигуру , и мы можем временно переключиться в него, удерживая нажатой Shift 9ключ 0026. Вы увидите маленький знак плюс ( + ), появившийся в правом нижнем углу курсора мыши, сообщая вам, что вы собираетесь добавить новую фигуру к существующей. Удерживая нажатой клавишу Shift, щелкните внутри документа и начните перетаскивать новую фигуру (снова убедитесь, что миниатюра фигуры выбрана на панели «Слои»). При перетаскивании появится тонкий контур фигуры. Я собираюсь разместить собаку над двумя последними буквами слова, чтобы казалось, что он стоит на них:

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

Когда вы отпустите кнопку мыши, Photoshop добавит фигуру к оригиналу:

Новая фигура добавлена ​​к текстовой фигуре.

Вот как теперь выглядит мой текст после вырезания отверстия в букве «о» одной фигурой и добавления другой фигуры над двумя последними буквами:

Текст после добавления и вычитания других фигур.

Может показаться, что в документе несколько фигур, но на панели «Слои» мы видим, что у нас есть только одна. Новые формы были просто добавлены к оригиналу или удалены из него:

Все, что мы сделали, касалось формы текста.

Шаг 9. Выберите фигуру для редактирования с помощью инструмента выбора контура

Не беспокойтесь, если вы расположили новые фигуры или изменили их размер точно по тексту. Вы можете легко вернуться и внести изменения. Например, я хочу переместить и изменить размер фигуры собаки, которую я добавил минуту назад. Для этого мне сначала нужно выбрать фигуру с помощью инструмента Path Selection Tool . Если вы ранее выбрали инструмент «Прямое выделение», как я, инструмент «Выделение пути» теперь будет скрываться за ним на панели «Инструменты», поэтому нажмите и удерживайте инструмент «Прямое выделение», пока не появится всплывающее меню, затем выберите инструмент «Выбор пути». из списка:

Какой бы инструмент вы ни использовали ранее, он появится на панели «Инструменты». Другие инструменты будут прятаться за ним.

Щелкните Инструментом выбора контура в любом месте внутри фигуры, которую хотите выделить. В моем случае я хочу выбрать собаку, чтобы щелкнуть внутри нее. Вокруг фигуры появятся сплошные опорные точки, сообщающие, что она выбрана:

.

Выберите фигуру, щелкнув по ней инструментом выбора контура.

Шаг 10. Используйте свободное преобразование для перемещения или изменения размера фигуры

Выбрав фигуру, перейдите в меню Edit в верхней части экрана и выберите Free Transform Path или нажмите Ctrl+T (Win) / Command+T (Mac), чтобы выбрать Free Преобразование с помощью сочетания клавиш:

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

Это вызывает окно Free Transform Path в Photoshop и обрабатывает фигуру. Чтобы изменить размер фигуры, просто перетащите любой из четырех угловых маркеров . Чтобы сохранить соотношение сторон фигуры при изменении ее размера, удерживайте нажатой 9Клавиша 0025 Shift и вы перетаскиваете ручки. Чтобы переместить фигуру, щелкните в любом месте внутри ограничительной рамки и перетащите ее с помощью мыши. Вы также можете повернуть фигуру, если это необходимо, щелкнув в любом месте за пределами ограничивающей рамки, а затем перетащив мышью.

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

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

Я сделаю то же самое с формой Отпечатка Собаки, которую я использовал, чтобы вырезать отверстие в букве «о». Несмотря на то, что фигура «Отпечаток собаки» используется для вычитания области из буквы, сама фигура по-прежнему полностью редактируема. Во-первых, я выделю его, щелкнув в любом месте внутри него с помощью инструмента выбора пути. Затем я нажму Ctrl+T (Win) / Command+T (Mac), чтобы быстро вызвать поле Free Transform Path и ручки вокруг фигуры, и я изменю ее размер, перетащив один из угловые ручки.