Как сделать текст дугой в фотошопе

Искривляем Текст в Photoshop.

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

Вы можетеприсоединиться к нам на нашем канале Envato Tuts+ в YouTube :

1. Искривляем Текст в Photoshop

Шаг 1

Выберитеинструменте Перо (Pen Tool (P).

Шаг 2

Убедитесь,чтобы режим данного инструмента был установлен на Контур (Path).

Шаг 3

Щёлкнитев любом месте холста, чтобы создать стартовую точку кривой.

Шаг 4

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

Шаг 5

Потянитеточку, чтобы преобразовать данную линию в кривую.

Шаг 6

Если васустраивает результат, далее, удерживая клавишу (Ctrl), щёлкнитев любом месте холста, чтобы отменить выделение контура.

Шаг 7

Теперьвыберите инструмент Текст (Type Tool (T).

Шаг 8

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

Шаг 9

Теперьвы можете написать текст так же, как обычно.

Шаг 10

Когда вывзавершите, удерживая клавишу (Ctrl), нажмите клавишу (Enter),чтобы отменить выделение текста.

2. Искривляем Текст Вдоль Фигуры в Photoshop

Шаг 1

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

Вы можетеузнать больше об инструменте Перо (Pen Tool) здесь:

Шаг 2

Причём, инструмент Перо (Pen Tool) — не единственный инструмент, который способныйсоздавать контуры. Вы также можете использовать любую фигуру, если выустановите ее в режим Контур (Path).

Этопозволяет создавать текст вдоль линии эллипсов, многоугольников и дажепользовательских фигур, таких как сердце или стрелка.

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

Текстовые Эффекты Акварели

Например,вы можете использовать стили слоя, чтобы полностью изменить внешний вид текстаодним щелчком мыши. Этот набор может превратить текст в произведение искусства,придав ему акварельный вид.

Текстовые Эффекты Акварели

Текстовые Эффекты с Текстурой Позолоты

Этотнабор может заставить ваш текст выглядеть так, как будто он создан из золота.Есть много разных эффектов на выбор. Просто используйте тёмный фон, чтобы текстзасиял!

ТекстовыеЭффекты с Текстурой Позолоты

Текстовые Эффекты с Текстурой Ткани

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

ТекстовыеЭффекты с Текстурой Ткани

Текстовые Эффекты с Текстурой Мела

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

ТекстовыеЭффекты с Текстурой Мела

Отличная Работа, Мы Завершили Урок!

Теперьвы знаете, как искривить текст в Photoshop, как простым, так и более сложным способом! Если выхотите узнать больше о создании различных текстовых эффектов в Photoshop, то выможете попробовать один из следующих уроков:

Как изогнуть текст в фотошопе

Как изогнуть текст функцией «Деформированный текст»

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

Функция доступна при активных:

• инструменте «Текст» на панели инструментов;
• текстовом слое на палитре слоев.

Поэтому выбираем значок с буквой «Т» в инструментах и в слоях слой с текстом, с которым будем работать.

После этого в верхней панели инструментов станет активной такая кнопка . Это и есть функция деформирования текста. Жмем на нее.

Внимание! Фотошоп не может изогнуть текст, к которому применен стиль – жирный, курсив и т.п. система попросит снять этот стиль.

Вам нужно или согласиться, нажав «Ок», или отменить, изменить шрифт самостоятельно и снова выбрать функцию «Деформированный текст».

Если предыдущий пункт выполнен правильно, откроется такое окно:

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

Начинаем выставлять свои настройки. У нас текст горизонтальный, поэтому и ставим отметку «Горизонтальный». Дальше экспериментируем с ползунками. Двигаем их и наблюдаем за изменением текста. Значения в окошках будут соответственно меняться.

Изменить параметры можно вписав в эти окошки величину изменения в процентах и нажать Enter. Например, 50 (плюс можно не ставить), чтобы ползунок передвинулся на 50% вправо, или минус 50 (-50), чтобы передвинуть ползунок влево на 50%.

1. Первый ползунок отвечает за глубину неровности линии. Именно с его помощью можно изогнуть текст (рис. 4).
2. Искажение по горизонтали и вертикали – это уже деформация надписи относительно плоскости.

Выставив настройки, нажмите «Ок».

Как написать текст по контуру в Photoshop

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

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

Создаем контур инструментом Перо

Этот вариант позволяет создать любую линию изгиба – произвольно или по готовому изображению.

Допустим, что у нас есть картинка, по контуру которой нужно сделать надпись.

Активируем инструмент «Перо» в панели инструментов или горячей клавишей Р (русская з). Вверху установите режим инструмента «Контур». Щелчком мыши ставим первую опорную точку на рисунке.

Внимание! Если нужно удалить последнюю опорную точку – нажмите Delete.

4. По такому принципу создаем контур всей линии: ставим опорную точку в п. D, образуя следующую прямую, в ее центре ставим узловую точку, потягиваем ее к контуру кривой. И так до конца линии.

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

Контур создан. Как по нему написать текст читайте ниже.

Как создать контур инструментом Произвольная фигура

В группе инструментов Прямоугольник выбираем нужную форму – прямоугольник, эллипс… Мы выбрали Произвольная фигура.

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

Когда выбрали фигуру, курсор стал в виде крестика. Протягиваем его по диагонали в любом направлении.

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

Если установлен режим Контур, то и получится внешнее очертание без заливки цветом. При этом новый слой создается в палитре Контуры, а в Слои – нет.

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

Пишем текст по созданному контуру

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

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

2. Берем инструмент Текст. Писать по волне начнем слева, поэтому ставим выравнивание по левому краю. По листочку надпись распределим от центра, поэтому выравнивание ставим по центру.

3. Подводим курсор к созданному контуру достаточно близко, чтобы он изменил свой вид на такой .

4. Щелкаем мышкой в том месте, откуда будет распределяться текст. У нас это: в случае с волной – слева, а на листочке ‒ в предполагаемом центре надписи.

5. Начинаем писать текст или вставляем скопированный. Буквы будут располагаться по созданной нами линии.

Меняем положение изогнутого текста и исправляем ошибки

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

Потяните курсор вниз, и текст сместится под линию.

Исправляем ошибки

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

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

Ошибка 2. В местах крутого внутреннего изгиба линии, буквы накладываются друг на друга. Значит, будем увеличивать расстояние между буквами.

1. Выделяем текст. Открываем палитру «Символ»: идем в меню Окно, выбираем Символ.
2. Выделяем текст.
3. Откройте список значений трекинга символов и выберите подходящее. Можно просто вписать цифру в окошко, нажать Enter.
4. Согласитесь с изменениями, нажав на галочку в верхней панели.
5. Если эти действия не помогли – поставьте дополнительные пробелы между буквами в тех местах, где их нужно рассоединить.

Детально предусмотреть все моменты в одном уроке невозможно. Если остались вопросы – задавайте в комментариях.

Изогнуть текст в Фотошоп можно и деформацией слоя. Но мы категорически не советуем это делать. Слой придется растрировать, а результат получается не лучшего качества.

Как сделать надпись по кругу в фотошопе внутри и снаружи

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

Поэтому, дорогие друзья, приступим же постигать новую функцию этой программы. Наша задача создать эмблему “Юные Эйнштейны”, попробуем с ней справиться.

Приступим

Для начала нам необходимо создать файл. В верхней панели находим иконку “файл” → “создать”, или же воспользуемся сочетанием клавиш “Ctrl + N”.

В появившемся контекстном окошке выставляем параметры для “ширины” и “высоты”. Я выставлю значение 900 × 900. Затем нажимаем команду “ОК”.

Мы создали файл, впоследствии образуем слой. Чтобы достичь желаемого результата, на панели слоев выбираем “создать новый слой”, либо используем команду “Ctrl + shift + N”. Выплывает окно в котором необходимо нажать команду “ОК”.

Делаем круглую область

Затем слева выбираем инструментарий “овальная область”.

Зажав кнопку “shift”, создаём выделение круга, после чего ПКМ (правой кнопкой мыши) жмем по выделению и выберем команду “выполнить обводку”.

Подбираем цвет и выставляем нужную нам ширину, допустим, 7 пикселей, при этом в графе “расположение” должно быть проставлено “снаружи”.

Теперь для образования нашего круга, продублируем этот слой: клик ПКМ по слою → создать дубликат слоя → ок.

Сейчас нам необходимо уменьшить дубликат. В этом поможет прибор “свободное трансформирование”, заполучить его можно зажав разом “Ctrl + T”. Рядом с объектом возникает контур трансформирования.

Зажимаем клавишу “shift” для сохранения пропорций и “Alt”, для того чтобы трансформирование происходило относительно середины. Уменьшаем объекты, нажимаем на галочку сверху.

Работаем с текстом

Следующим шагом будет образование рабочего контура. Последуем алгоритму:
1) ПКМ нажимаем по выделению.
2) “образовать рабочий контур”.

Выбираем его и наводим на рабочий контур. На курсоре отображается изогнутая линия. Клик по ней ЛКМ, для написания текста, допустим, “юные”.

А что если нам ещё снизу круга необходимо что-то написать? Тогда мы повторяем все действия описанные ранее и образовываем рабочий контур. Снова воспользуемся прибором “текст”.

Наведем на контур и левой кнопкой мыши нажмем на изогнутую линию, напишем фразу, например, “Эйнштейны” и нажмем галочку.

На этом этапе может появиться проблема перевернутого отображения фразы. Решим её следующим образом:
1) возьмём инструмент “выделение контура”.

2) наводим на фразу и замечаем треугольничек по центру;
3) зажимаем ЛКМ и смещаем ее к центру;
4) “Enter”.

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

Таким образом, мы написали внутри круга “Юные Эйнштейны”.

Вариант 2

Ну а если есть потребность писать просто по кругу без всяких образований, для этого выполним следующий алгоритм:

1) возьмём инструмент “овальное выделение”;

2) зажав клавишу “shift” образуем круг;
3) ЛКМ кликаем по выделенной области, нажимаем “преобразовать в рабочий контур”;

5) набираем текст;
6) жмем на галочку сверху, для сохранения эффекта.

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

Пишем на картинке

Давайте попробуем написать что-нибудь на картинке. Сначала загрузим объект в программу: Файл- “Открыть”- Выбираем фото — “ОК”.

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

Преобразовываем его в “рабочий контур”.

На этом все

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

Как сделать текст по кругу в Photoshop

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

Попробуйте 5 дизайн-профессий и найдите среди них свою

Нарисуйте две окружности вокруг объекта

Вы можете скачать готовую иконку на сервисе Flaticon и открыть ее в Photoshop. Дальше нужно нарисовать две круглые линии вокруг объекта, используя инструмент Эллипс (Ellipse Tool) и зажатую клавишу Shift. Важно нарисовать их симметрично относительно объекта и друг друга.

Чтобы получить такие линии, нужно отключить заливку эллипсов в настройках на верхней панели и выбрать черную обводку толщиной 1-2 пикселя:

На внутреннем эллипсе будет расположена первая фраза — «Детское кафе», а на внешнем — фраза «Веселый апельсин». На панели инструментов выберите инструмент Горизонтальный текст (Horizontal Type Tool) и наведите курсор на внутренний эллипс, пока значок курсора не изменится следующим образом:

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

Теперь отрегулируйте местоположение и стиль обеих фраз. Выберите на панели инструмент Выделение контура (Path Selection):

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

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

Изменить шрифт, текст и отступы можно в окне «Символ», предварительно выбрав нужную фразу на панели слоев.

Осталось сделать невидимыми эллипсы на панели слоев, нажав на иконки глаза возле каждого из них. Также слои с эллипсами можно совсем удалить — текст из-за этого не исчезнет.

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

Мы не знаем, что вы выберете — UX, моушн или дизайн-интерьеров. Но у вас точно будет возможность попробовать все на практике и сделать осознанный выбор. Найдите себя и учитесь тому, что зажигает.