Как вставить текст в форму сердечка в Photoshop
В этом материале мы научимся создавать интересные текстовые макеты помощью пользовательских формы (Shapes), которые мы будем использовать, как рамки для текста.
Другими словами, мы будем создавать фигуры с помощью соответствующих векторных инструментов из комплекта Photoshop, но вместо заполнения этих форм цветом, как это обычно делается, мы будем заполнять их текстом! Если использовать интересный фон, то можно получить весьма впечатляющие результаты.
Ниже я привожу пример Вот пример эффекта, который мы сделаем в этом уроке. Фоновое изображение можно взять любое готовое или просто создать новый документ с однотонным (в моём примере, белым) фоном для использования в качестве основы для создания текстовой формы.
Я использовал фон с цветами и вписал текст в форму сердечка. Для написания текста я использовал шрифт Freestyl, который Вы можете скачать бесплатно на этой страничке. Вот что получилось в итоге, как видите, текст находится внутри наклонённого сердечка:
Выбираем на инструментальной панели инструмент «Произвольная фигура» (Custom Shape Tool):
Переходим вверх рабочего окна программы на панель параметров, где выбираем фигуру в форме сердца.
Кликните по кнопкам, как показано на рисунке:
В левой части панели параметров выбираем тип фигуры. Чтобы использовать фигуру в качестве контейнера для нашего текста, следует выбрать тип «Контуры» (Paths). Обращаю Ваше внимание, что в версии Фотошопа CS6 и версиях CS5 и ниже имеются небольшое отличие в выборе типа фигуры, на рисунке я показал выбор для обеих типов версий:
Теперь, наконец, начнём рисовать контур. Кликните левой клавишей мыши в желаемой части документа и протащите курсор для создания контура.
Для того, чтобы контур сохранял начальные пропорции, зажмите клавишу Shift. Если Вам необходимо изменить положение формы в процессе её создания, зажмите клавишу «Пробел» и переместите форму, затем отпустите «Пробел» и продолжите рисование. У меня получилось вот что:
Теперь я немного изменю положение формы. Для этого воспользуюсь инструментом «Свободная трансформация», активировав его нажатием комбинации клавиш Ctrl+T. Потянув за боковые маркеры, я наклонил сердечко:
Для применения действия инструмента нажмите Enter.
Теперь выбираем инструмент «Текст» (Type Tool), выбираем шрифт, как я указал в начале статьи, в примере применяется шрифт Freestyl, цвет и размер задаём в зависимости от вкуса и задач.
Кликаем по кнопке включения панели символов/абзаца, где выбираем вкладку «Абзац» и задаём положение «По центру» для того, чтобы текст заполнил всю форму по ширине:
Теперь осталось ввести текст. Наводим курсор внутрь формы, пои этом Вы увидите, как вокруг курсора появится пунктирная рамка:
Кликните в любом месте контура и начинайте вводить текст. Вы увидите, как текст ограничивается контуром. Кроме того, текст можно вводить не вручную, а вставить из буфера обмена. У меня получилось это:
После того, как Вы закончили вводит текст, нажмите на галочку на панели параметров:
Ну вот, собственно и всё. Посмотрите ещё раз на готовый результат:
Источник статьи: http://rugraphics.ru/photoshop/vstavit-tekst-v-formu-serdechka-v-Photoshop
Текст по контуру в фотошопе
Автор: Софья Скрылина. Дата публикации: 18 ноября 2014 . Категория: Уроки фотошопа текст.
Текст по контуру в фотошопе
Текст можно ввести вдоль замкнутого контура. Более того, на одном контуре можно разместить две надписи, расположив их на разных текстовых слоях.
В уроке «Текст по контуру в фотошопе» расположим два текста вдоль окружности.
Урок сделан в версии фотошопа CS6 , но может быть повторён в любой версии программы Photoshop .
Создайте файл размером 5×5 см с разрешением 300 пикс./дюйм и белым фоном – Ctrl+N .
Выберите инструмент Эллипс ( Ellipse ), на панели его свойств выберите режим Контуры ( Paths ), чтобы на основе эллипса создался только контур без векторной маски. Удерживая клавишу Shift , создайте круг.
Выберите инструмент Горизонтальный текст ( Horizontal Туре ) и произведите щелчок в верхней точке круга, когда указатель сменится на I-образный с волной, введите слово » Журнал «. В примере использовался шрифт Times New Roman полужирного начертания с размером 18 пт. Цвет текста темно-зеленый.
Выберите инструмент Выделение контура ( Path Selection ). Наведите мышь на надпись, когда появится I-образный указатель с двусторонней стрелкой, сместите мышь вниз. Надпись должна расположиться внутри окружности. Теперь этим же указателем сместите надпись вдоль окружности так, чтобы слово оказалось в нижней ее части.
В палитре Слои выделите фоновый слой.
Инструментом Горизонтальный текст ( Horizontal Туре ) щелкните на окружности и введите текст » ВОКРУГ СВЕТА «.
Активизируйте инструмент Произвольная фигура ( Custom Shape ). На панели свойств выберите режим Фигура ( Shape Layers ), а в перечне фигур установите пиктограмму в виде глобуса.
Удерживая клавишу Shift , создайте фигуру.
В палитре Слои ( Layers ) образовался заливочный слой со слой-маской. Для перекраски глобуса произведите двойной щелчок по миниатюре заливочного слоя.
В появившемся окне выбора цвета установите голубой цвет.
Для вызова окна « Стиль слоя », два раза левой клавишей мыши щёлкнем по верхнему слою.
К слою фигуры примените два стиля:
• Тень ( Drop Shadow ), не меняя настроек;
• Обводка ( Stroke ), уменьшив толщину обводки до 2 пикc.
Точно так же к текстовым слоям примените два стиля:
• Тень ( Drop Shadow ), не меняя настроек;
• Внешнее свечение ( Outer Glow ), увеличив размер свечения до 10 пикс.
Оба текстовых слоя поместите перед слоем фигуры.
Получаем результат. Мы с Вами расположили текст по контуру в фотошопе.
Урок сделан по мотивам книги С.Скрылиной » Photoshop CS5. Самое необходимое «, опубликован с личного разрешения автора.
Если Вы не хотите пропустить интересные уроки, информацию о бесплатных видеокурсах и другие новости сайта — подпишитесь на рассылку сайта. Форма для подписки находится ниже.
Если Вам понравился урок, поделитесь ссылкой на него со своими друзьями в своих любимых социальных сетях, кнопки которых Вы видите перед комментариями. Спасибо !
Комментарии
Понравилось? Поделитесь:
Добавить комментарий
Популярные уроки сайта:
Мультяшный текст в фо…
Мультяшный текст в фотошопе Всем привет! Сегодня мы будем создавать мультяшный текст. Такой яркий текст мы получим после добавления на текстовый слой несколько стилей слоя. Сначала мы создадим новый документ и нарисуем фон – зальем.
Как сделать золотой л…
Как сделать золотой логотип в фотошопе Всем привет! Сегодня мы будем создавать золотой логотип. Золотые логотипы идеально подходят для роскошных брендов высокого класса. Данный урок займет совсем немного Вашего времени. Сначала мы создадим фон –.
Текстура цемента в фо…
Текстура цемента в фотошопе Всем привет! Сегодня мы будем рисовать текстуру цемента. Нарисовать текстуру цемента в фотошопе очень легко, быстро и просто. Это займет совсем немного вашего времени, а полученную в результате урока текстуру.
Как сделать текст на д…
Как сделать текст на дереве в фотошопе Всем привет! Сегодня мы будем создавать текст, вырезанный на дереве. Для этого нам не понадобится долото, использовать мы будем исключительно инструменты программы фотошоп. Сначала мы откроем изображение с.
Как в фотошопе нарисо…
Как в фотошопе нарисовать звуковую волну Всем привет! Сегодня мы будем рисовать звуковые волны. Урок очень простой, и вы буквально за несколько минут получите красивое изображение, которое сможете установить в качестве фона рабочего стола.
Мини-курс «Обновленна…
Мини-курс «Обновленная Camera Raw (12.4.0.555). Что нового?» Вышла новая версия приложения Adobe Camera Raw (12.4.0.555). В ней сильно поменялся интерфейс и местоположение инструментов, вкладок и настроек. Чтобы разобраться во всех новшествах, я записал.
Как в фотошопе сделат…
Как в фотошопе сделать анимацию из фотографий Всем привет! Сегодня мы будем создавать анимацию фотографии, разрезанной на части. С помощью анимированных картинок можно отлично дополнить какую-нибудь презентацию, поделиться эмоциями, да и просто разнообразить фотоколлекцию.
Как нарисовать мишень…
Как нарисовать мишень в фотошопе Всем привет! Сегодня мы будем рисовать мишень. Необычный рисунок, напоминающий мишень, вы сможете использовать в своих работах или установить в качестве обоев рабочего стола компьютера/телефона. Сначала мы создадим новый квадратный.
Как вернуть назад и ис…
Как вернуть назад и исправить ошибки своей обработки В ходе работы над фотографией по рабочему потоку фотошоп мастера очень желательно сохранять промежуточные результаты. Они нам в дальнейшем могут пригодится. Для этого можно.
Обзор 1-го шага рабоче…
Обзор 1-го шага рабочего потока в фотошопе В этом уроке мы с Вами рассмотрим общий процесс работы на первом шаге рабочего потока фотошоп мастера. Речь идет о нахождении и устранении неправильных цветов на.
Как нарисовать нашивк…
Как нарисовать нашивку в фотошопе Всем привет! Сегодня мы будем рисовать нашивку на ткани. Эффект ткани прекрасно украсит любой текст, созданный в программе Фотошоп, а добавленная обводка в виде машинной строчки при помощи стилей слоя.
Мини-курс Обработка с…
Мини-курс Обработка солнечной фотографии. Пейзаж В предыдущем мини-курсе мы обрабатывали фотографию, на которой было запечатлено много воды и неба. Очень многим понравилась методика, которую мы использовали. Поступило более 80 положительных отзывов на этот.
Как нарисовать тексту…
Как нарисовать текстуру дерева в фотошопе Всем привет! Сегодня мы будем рисовать текстуру древесины. При создании текстуры древесины будут использованы стандартные фильтры фотошоп, а результат будет выглядеть вполне реалистично. Сначала мы создадим новый документ.
Как сделать разноцвет…
Как сделать разноцветный текст в фотошопе Всем привет! Сегодня мы будем создавать текст, обвитый разноцветными линиями. Урок достаточно простой и отлично подойдет для людей, которые только начинают осваивать фотошоп. Сначала мы создадим новый документ.
Как сделать портрет в …
Как сделать портрет в фотошопе Всем привет! Фотошоп – не просто редактор, который позволяет выполнять такие простые действия, как обрезка, поворот, отражение, изменение размеров изображения и т.д. Это мощный графический инструмент, с.
Текстура ржавчины для…
Текстура ржавчины для фотошопа Всем привет! Сегодня мы будем рисовать текстуру ржавчины. Делать мы это будем с нуля, при помощи стандартных фильтров фотошоп, не используя дополнительных материалов. В дальнейшем текстуру ржавчины вы сможете.
Мини-курс «Обработка …
Мини-курс «Обработка солнечной фотографии. Вода и небо» Я только что вернулся из отпуска и заметил такую тенденцию. Раньше возле каких-то интересных объектов всегда велась фотосъёмка – люди их фотографировали или делали селфи.
Как сделать анимацию …
Как сделать анимацию движения в фотошопе Всем привет! Сегодня мы будем создавать анимацию движения. Вы можете выполнить урок строго по описанию или же подкорректировать настройки на свое усмотрение. Например, можно использовать другой оттенок.
Как нарисовать фейерв…
Как нарисовать фейерверк в фотошопе Всем привет! Сегодня мы будем рисовать фейерверк. Добавим в свою жизнь капельку позитива при помощи собственноручно созданного праздничного салюта. Сначала мы создадим новый документ, зальем фоновый слой черным цветом и.
Нежная обработка фото…
Нежная обработка фото в фотошопе Всем привет! Сегодня мы будем делать нежную романтическую обработку фотографии. Мы добавим нежную обработку на свадебную фотографию и фигура с сердечком здесь уместна. Но если вы будете повторять урок.
Как нарисовать планет…
Как нарисовать планету с кольцами в фотошопе Всем привет! Сегодня мы будем рисовать планету с кольцами, как у Сатурна. Эта планета одна из самых красивых и отличающихся не только по составу, но и внешнему.
Сердце со стрелой в фо…
Сердце со стрелой в фотошопе Всем привет! Сердце является древним символом, обозначающим всю палитру глубоких душевных переживаний и человеческих качеств. Сегодня мы будем рисовать сердце, пронзенное стрелой. Сначала мы создадим новый документ, при помощи инструмента.
Эффект мозаики в фото…
Эффект мозаики в фотошопе Всем привет! Сегодня мы будем создавать эффект мозаики для текста. Эффект мозаики выглядит очень ярко и необычно. Выполняется данный эффект довольно просто, но, поскольку процесс несколько кропотлив, то потребует.
Яркие обои на рабочий …
Яркие обои на рабочий стол в фотошопе Всем привет! Сегодня мы будем рисовать яркие обои для рабочего стола с искрами. Такими яркими обоями вы можете украсить как рабочий стол компьютера, так и, например, главный.
Как сделать спираль в …
Как сделать спираль в фотошопе Всем привет! Сегодня мы будем рисовать абстрактную спираль. Такой фон можно использовать при создании визиток, плакатов, рекламных баннеров и т.п., а также он хорошо подойдет в качестве обоев.
Эффект запотевшего ст…
Эффект запотевшего стекла в фотошопе Всем привет! Запотевшее стекло — реалистичный эффект, который легко создаёт ощущение влажности, дождливого дня всего за несколько кликов. Сегодня мы будем создавать текст из капелек дождя на запотевшем стекле. Урок.
Золотой текст в фотош…
Золотой текст в фотошопе Всем привет! Сегодня мы будем создавать стильный золотой текст. Сочетание черного и золотого выглядит сдержанно и в то же время элегантно. Эффект стильного золотого текста, рассмотренный в уроке, будет.
Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2020
Источник статьи: http://www.photoshopsunduchok.ru/uroki/effekttexta/2868-text-po-conturu-v-photoshope