Сочетание текста с фигурами в фотошопе — кратко и понятно

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

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


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

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

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

Шаг 1: преобразовать текст в форму

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

Текст фотошопа.

Некоторый текст перед простой предпосылкой.

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

Фотошоп типа слоя.

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

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

Команда «Текст»> «Преобразовать в форму» в Photoshop. » class=»lazyloaded» data-was-processed=»true»>   </p>
<div>Перейдите в Слой> Тип> Преобразовать в форму.</div>
<p>Текст по-прежнему будет выглядеть как текст в документе, но на панели «Слои» мы видим, что слой «Тип» стал <strong>слоем «Форма»</strong> . Другими словами, сейчас у нас есть форма, которая <em>выглядит</em> как текст:</p><div class='code-block code-block-1' style='margin: 8px 0; clear: both;'>
<p class= Это интересно:

Фотошоп формы слоя.

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

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


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

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

Инструмент прямого выбора Photoshop.

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

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

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

Миниатюра векторной маски фигуры на панели «Слои» в Photoshop.

Убедитесь, что эскиз панели выделен на панели «Слои».

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

Выбор центра формы.

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

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

Выбранные точки привязки в форме.

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

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

Выбранная часть фигуры удаляется в Photoshop.

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

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


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

Photoshop Custom Shape Tool.

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

Шаг 5: выберите опцию Shape Layers

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

Выбор параметра «Слои фигур» на панели параметров в Photoshop.

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

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


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

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

Нажмите на эскиз предварительного просмотра формы.

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

Значок стрелки в окне выбора формы в Photoshop.

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

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

Выбор формы животных установлен в Photoshop.

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

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

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

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

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

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

Нажмите на миниатюру фигуры, чтобы выбрать ее.

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

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

Различные режимы рисования для фигур в фотошопе.

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

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

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

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

Вычитание фигуры из письма в фотошопе.

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

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

Photoshop Вычтите из области формы.

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

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


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

Фотошоп Собака нестандартной формы.

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

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

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

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

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

Фотошоп добавляет форму к тексту.

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

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

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

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

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

Фотошоп формы слоя.

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

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

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

Инструмент для выбора пути в Photoshop.

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

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

Выбор формы с помощью инструмента «Выделение контура» в Photoshop.

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

Шаг 10: Используйте Free Transform, чтобы переместить или изменить форму


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

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

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

Это вызывает окно «Свободный путь преобразования» в Photoshop и обрабатывает фигуру. Чтобы изменить размер фигуры, просто перетащите любую из четырех угловых ручек . Чтобы сохранить соотношение сторон фигуры в неизменном виде при ее изменении, удерживайте нажатой клавишу « Shift» и перетаскивайте ручки. Чтобы переместить фигуру, щелкните в любом месте внутри ограничительной рамки и перетащите ее мышью. При необходимости вы также можете повернуть фигуру, щелкнув в любом месте за пределами ограничительной рамки, а затем перетащив мышью.

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

Использование Free Transform Path для изменения размера фигуры в Photoshop.

Используйте Free Transform Path для изменения размера и перемещения фигуры по мере необходимости.

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

Перемещение и изменение размера фигуры с помощью Free Transform Shape.

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

Я нажму Enter (Win) / Return (Mac), когда я закончу, чтобы принять изменения и закрыть команду Free Transform Path, и я готов! Вот мой последний текстовый дизайн «собаки»:

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

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

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

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




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

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

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