Как сделать обводку текста в фотошопе — бесплатный онлайн урок для чайников

Каждый веб дизайнер знает, что сложнее всего поддается отрисовке шапка сайта. И, соответственно, именно к этой части работы клиент предъявляет больше всего требований. Порой, поймать нужную волну удается далеко не с первого раза. А чем больше багаж ваших знаний, тем больше может разгуляться ваша фантазия. Чем скорее вы выкатываете клиенту удачный вариант, тем меньше тратите время на разработку. А это выгодно. Будьте готовы к тому, что вам следует удержать в голове сотни вариаций обработки текста и фото. Некоторые из них используются практически постоянно. К ним относится обводка текста.

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

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

Делаем обводку черным цветом. Переходим к окну слоев. Выбираем наш, с текстом. Кликаем по нему левой клавишей мыши.

Нам нужно найти «параметры наложения».

Выбираем пункт «обводка» и задаем настройки.

Результат:

Настройки можно менять на ваше усмотрение. Ширина обводки. Ее цвет и тип.

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

Слой примет подобный вид:

Теперь возвращаемся к параметрам наложения и обводке. Задаем следующие настройки.

Вуаля! Теперь обводка двойная.

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

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

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

Теперь преобразовываю его в смарт-объект и добавляю ему обводку градиентом. Для этого в параметрах наложения во вкладке обводка в выпадающем списке выбираем «градиент»

Задаем настройки:

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

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

Вам следует запомнить несколько вещей.

1. Обводку текста нельзя делать бесконечно. Всему есть предел. Либо вы делаете множество тонких обводок, либо парочку, но толстых.
2. Обводка бывает как внешней, так и внутренней. У внутренней есть существенный недостаток. Она «съедает» обводимый объект.
3. С помощью обводок вы можете создать иллюзию объема. Все дело в цветах. При подборе нужной комбинации вы запросто достигните подобного эффекта.
4. Обводка текста не увеличивается пропорционально тексту. Допустим, вы сделали обводку шрифта с кеглем 20px и обводку в 2 px. Если вы увеличите кегль до 40 px, обводка останется того же размера. То есть, выглядеть она будет совершенно иначе.

Как сделать обводку текста в фотошопе двумя классными способами?

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

Хотя на самом деле это не только мои мысли. Люди сами понимают, что надпись смотрится какой-то неоформленно, но как сделать обводку текста в фотошопе они совершенно не знают. Поэтому я как раз и решил написать для вас эту статью, чтобы вы сами смогли хоть как-то улучшить вашу надпись, обведя ее. Эх, что-то давно мы с вами кстати не фотошопили.

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

Для начала откроем в программе Adobe Photoshop (Фотошопе) картинку, на которой мы хотим написать поздравление.

Идем в главном меню, выбираем File (Файл) и в открывшемся меню выбираем команду Open (Открыть). Откроется диалоговое окно, в котором нужно найти папку с нашим изображением и открыть его в Фотошопе.

Для написания текста в фотошопе нужно выбрать инструмент T (Текст или TypeTool) на панели инструментов (на картинке инструмент Т помечен красным квадратиком).

Обводка выделенной области

Иногда требуется обвести выделенную область (т.е. обрисовать контур). Эта техника оказывается действительно удобной, когда используется в сочетании с инструментами выделения. Например, можно объединить с инструментом Прямоугольная область, чтобы добавить к фотографии тонкий черный контур, или с овальным выделением.

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

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

Вот как можно добавить контур по краю изображения:

Шаг 1

Откройте изображение и выделите его. Если изображение такого же размера, что и документ, выберите команду меню Выделение => Все. Если оно меньше, чем документ, и находится на собственном слое, щелкните вместо этого кнопкой мыши, удерживая клавишу Ctrl по миниатюре слоя.

Шаг 2

Выберите команду меню Редактирование => Выполнить обводку (Stroke). В диалоговом окне введите значение в пикселях в поле Ширина (я поставил 10 пикселей), а затем щелкните мышью по индикатору цвета. Выберите цвет из появившейся палитры и нажмите кнопку ОК. Вернувшись, установите переключатель в группе Расположение в положение Внутри, чтобы контур появился только внутри границ изображения.

Шаг 3

Нажмите кнопку ОК, чтобы просмотреть новый контур.

Чтобы обвести кого-то на фотографии, вам нужно будет выполнить в основном те же шаги:

Шаг 1

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

Шаг 2

Выберите команду меню Выполнить обводку, введите ширину и подберите цвет. Нужно, чтобы она была не менее 2 пикселов в ширину: так круг будет достаточно жирным, чтобы его можно было заметить. В группе Расположение установите переключатель в положение По центру, тогда Фотошоп разместит обводку по . Например, если вы ввели ширину 2 пиксела, программа расположит один пиксел с внешней стороны выделения и один с внутренней (другими словами, она «перешагнет» через выделение).

Шаг 3

Нажмите кнопку ОК, чтобы увидеть результат.

Теперь можете избавиться от «марширующих муравьев», нажав сочетание клавиш Ctrl+D.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!

Как добавить текст в фотошопе

Нажимаем на клавишу T одновременно с клавишей Shift и в выпадающем меню выбираем «Горизонтальный текст».

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

Одновременно с появлением вертикального курсора в палитре Layers (Слои, для открытия нажимаем F7) автоматически образуется новый текстовый слой, который выделен синим цветом, что означает активирование слоя .

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

Чтобы выбрать шрифт на панели настроек инструмента текст открываем окошко со списком шрифтов и в выпадающем окне мы увидим список шрифтов. Из списка шрифтов выбираем нужный нам шрифт.

Надписи

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

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

В этот раз не думаю что будет сложно найти обводку.

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

Как выбрать цвет и размер текста в Фотошопе

Рядом с окошком для выбора шрифта находится окошко для выбора размера шрифта, в котором необходимо выбрать размер шрифта.

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

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

Теперь можно приступать к написанию текста. В нашем случае мы напишем слово «Поздравляю!» и возьмём цвет для текста с зелёной ленты на картинке. Получилась вот такая надпись:

Чтобы сделать нашу надпись более яркой и выделенной воспользуемся стилями слоя.

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

Обводка. Что это такое и зачем она нужна?

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

По своей сути, обводка – это внешние линии, которые проходят по контуру нужного вам объекта. Они могут иметь несколько типов, давайте их вкратце рассмотрим.

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

Рассмотрение будет вестись на самой последней версии Photoshop CC 2020, но в данной функции различий не будет и на более ранних версиях, поэтому вы сможете применить эти знания на фотошопе cs5, cs6 и на более ранних.

Приступаем к непосредственному разбору!

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

В открывшемся окне выбираем «Параметры наложения» и затем выбираем стиль слоя «Обводка», при этом появляется окно настроек стиля.

Настройка «Размер», которая изображена в виде ползунка, позволяет установить нужную ширину обводки. Выбираем параметр для обводки 3 пикселя и применяем выбранный стиль к нашему тексту.

Следующий параметр «Положение» отвечает за расположение обводки – выбираем параметр «снаружи». «Режим наложения» устанавливаем «нормальный» и «непрозрачность» устанавливаем 100%.

В параметре «Тип обводки» выбираем цвет в палитре цветов. В нашем случае выбираем чёрный цвет.

Видео инструкция

Если какие-то моменты остались для вас непонятными, могу предложить видео, благодаря которому все становится ясно. Здесь максимум полезной информации о использовании наложения цвета.

Ну а если вам больше понравился (или был непонятен) рабочий контур, то вам подойдет другой ролик.

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

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

Эффекты с текстом в фотошопе

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

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

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

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

Чтобы передвинуть текст необходимо активировать инструмент «Перемещение» и с помощью данного инструмента расположить надпись в нужном для нас месте.

Произвольная обводка объекта

Чтобы выполнить обводку объекта произвольной формы первым делом вам нужно будет выбрать кисть.

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

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

Я воспользуюсь простым методом. Зажму Ctrl и щелкну по эскизу слоя. Кстати, в качестве примера я снова взял картинку с Ali. На этот раз – это наклейка «Карта мира» на стену.

Теперь перехожу во вкладку контуры и создаю новый рабочий.

Осталось только нажать правой кнопкой по новому контуру и выбрать обводку.

Ну вот и все. Если вам понравилась эта статья – подписывайтесь на рассылку и я сделаю вашу жизнь легче. Существует множество методов выполнить задачу. Я нахожу самые простые решения.

Как изменить текст в Фотошопе

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

Если нужно немного сжать текст или растянуть, то применяем команду «Свободное трансформирование».

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

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

Изменение цвета текста и его шрифта выполняется, как было описано выше.

Изучение Photoshop

Если вы хотите всерьёз заняться изучением фотошопа, не рыскать в интернете ответы на те или иные вопросы, а систематично и последовательно постигать азы этой удивительной программы, даже если вы полный ноль, то настоятельно рекомендую курс Зинаиды Лукьяновой — «Фотошоп с нуля в видеоформате VIP 3.0

».

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

В этом уроке мы с вами научимся создавать многослойные обводки для текста при помощи такого инструмента Фотошоп, как смарт-объект. Для работы я использую версию Photoshop CS5, но вы можете воспользоваться любой версией это программы, начиная с CS2.

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

Итак, приступим!

Как вставить текст в Фотошоп

Если вам надо вставить на поле картинки уже готовый текст, написанный в другом редакторе, то сначала нужно выделить текст и затем поместить его в буфер обмена командой Ctrl+C (Копировать).

Затем перейти в Фотошоп и нажав на инструмент Т кликнуть курсором по полю открытки и вставить текст, применив команду Ctrl+V.

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

Два способа создания обводки

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

Как напечатать текст по кругу в Photoshop (шаг за шагом)

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

Чтобы напечатать текст в круге в Photoshop, выберите инструмент «Эллипс», затем щелкните и перетащите на холсте, чтобы создать круг. Затем нажмите T для инструмента «Текст» и щелкните по контуру эллипса, чтобы привязать текст к фигуре. Теперь ваш текст будет повторять форму круга.

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

Начнем.

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

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

Прежде чем приступить к этим двум методам, создайте новый документ, желательно такой же высоты и ширины. Я установил свой документ на 1000×1000 пикселей. Это не обязательно, но помогает сохранить пропорции.

Далее вы добавите на холст две направляющие, чтобы лучше видеть его центр. Для этого перейдите к View > New Guide.

Во всплывающем меню введите 50% и установите флажок «Вертикально». Затем нажмите «ОК», чтобы подтвердить изменения.

Первая направляющая будет размещена посередине холста.

После этого снова перейдите в меню «Вид» и нажмите «Новая направляющая». Затем снова введите 50% и вместо этого отметьте «горизонтальный». Нажмите «ОК» еще раз, чтобы подтвердить изменения.

Вторая направляющая будет добавлена.

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

Теперь давайте создадим эллипс, на котором будет основан текст.

Метод 1: рисование формы круга

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

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

Теперь перейдите на верхнюю панель настроек, установите прозрачную заливку (представленную белым прямоугольником с красным перечеркнутым), а обводку — черным. Это даст вам очерченный круг с прозрачным центром.

Я бы посоветовал выбрать значение штриха между 2 и 4 на данный момент, но вы можете изменить эти значения позже, если хотите. Для моего круга я установил толщину обводки на 3 пикселя.

Приведя настройки в порядок, поместите курсор туда, где сходятся две направляющие.

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

Можно также дважды щелкнуть в центре холста и ввести значения высоты и ширины круга в появившейся панели.

Обязательно введите одинаковое значение для обоих размеров и установите флажок «От центра». Нажмите OK, когда закончите.

Поскольку размер моего холста 1000 x 100 пикселей, я установил 400 пикселей для высоты и ширины. Таким образом, у меня будет достаточно места для добавления текста и других элементов в мой круг позже. С этой отправной точкой у вас будет видимый контур, по которому будет следовать ваш текст.

Метод 2: Рисование кругового контура

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

Как и раньше, начните с захвата инструмента эллипса на панели инструментов.

Затем перейдите в верхнее меню настроек и измените вид на Путь.

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

Когда эллипс нарисован, пора печатать по круговой траектории. Для этого перейдите на панель инструментов и выберите Horizontal Type Tool (T) .

Затем перейдите на панель параметров и выберите параметр выравнивания текста по центру.

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

Теперь свободно печатайте по кругу и наблюдайте, как текст приобретает форму.

После того, как все будет выровнено, вы можете удалить направляющие, чтобы лучше видеть текст в круге. Чтобы убрать направляющие, нажмите Control+ ; (Windows) или Command + ; ( Мак).

Как редактировать текст на круговой траектории

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

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

1. Тип и размер шрифта

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

2. Базовая линия 

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

3. Цвет

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

4. Трекинг

Трекинг — это просто пробел между всеми буквами текста. Я установил отслеживание своего текста на 5, чтобы буквы не выглядели так близко друг к другу. Вы можете выбрать значение для отслеживания в его раскрывающемся меню. Чтобы настроить интервал между отдельными символами, вместо этого выберите значение кернинга.

Как выровнять и расположить круговой текст

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

Выравнивание кругового текста

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

Затем перейдите на панель параметров и выберите один из доступных вариантов выравнивания текста.

Текст выровнен по левому краю

Позиционирование кругового текста

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

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

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

Теперь возьмите инструмент выбора пути на панели инструментов (А) .

Затем наведите указатель мыши на текст, пока не увидите значок в виде двух стрелок, указывающих в разные стороны.

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

Как печатать внизу круга

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

Сначала сделайте копию текста, щелкнув текстовый слой, а затем нажав Control + J (Windows) или Command + J (Mac).

Затем щелкните значок маленького глаза рядом с исходным текстовым слоем, чтобы скрыть его на данный момент.

Выберите копию слоя.

Теперь перейдите на панель инструментов и возьмите инструмент выбора пути (A) .

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

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

Теперь наведите указатель мыши на текст внутри круга, пока снова не увидите этот значок с двойной стрелкой. Когда этот значок виден, щелкните и перетащите текст, чтобы переместить его в нижнюю часть контура кругов.

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

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

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

Затем я нажму «T» , чтобы включить текстовый инструмент, и дважды щелкните нижний текст, чтобы выделить его.

Затем откройте панель «Персонаж» или перейдите в «Окно» > «Персонаж », если вы его не видите.

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

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

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

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

Шаг 1 – Настройка холста

Откройте документ размером 1000×1000 пикселей или любой другой квадратный документ по вашему выбору.

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

Для этого выберите View > New Guide.

Затем отметьте «горизонтально» для ориентации направляющей и 50% для положения. Затем сделайте это снова, но вместо этого отметьте «vertical» для ориентации и 50% для положения. Это разместит две направляющие, которые помогут определить центр вашего холста.

Шаг 2. Рисование формы эллипса

Теперь пришло время нарисовать нужные нам эллипсы. Сначала перейдите на панель инструментов и выберите инструмент эллипса.

Затем дважды щелкните точку, где встречаются две направляющие, и введите 715 пикселей для ширины и высоты. Установите флажок «Из центра» и нажмите «ОК».

На панели свойств сделайте обводку прозрачной, а заливку — черной. Кроме того, вы можете найти эти настройки на верхней панели настроек, когда инструмент «Форма» активен.

Теперь нарисуем второй эллипс. Для этого создайте новый слой на панели слоев. Затем снова перейдите на панель инструментов и возьмите инструмент эллипса. Дважды щелкните центр холста еще раз и введите 500 пикселей для ширины и высоты.

Затем перейдите на панель свойств и измените заливку на серый (#d5d4d4). Обводка должна быть прозрачной. представлен белым прямоугольником с красной линией через него.

Обратите внимание, что оба круга выровнены по центру, и вам даже не пришлось использовать инструмент «Перемещение»!

Шаг 3. Ввод и редактирование текста

Теперь давайте напечатаем текст вдоль созданных нами эллипсов. Для этого создайте для него новый слой на панели слоев. Затем перейдите на панель инструментов и возьмите инструмент «Горизонтальный текст». (T)

Затем перейдите в верхнее меню настроек и щелкните значок «Центрировать текст».

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

После добавления текста откройте панель персонажей, выбрав Window > Character.

На панели символов установите базовую линию на 34 , размер шрифта на 55 и отслеживание на 5 . Таким образом, между текстом и базовой линией будет достаточно места. Кроме того, персонажи не будут находиться слишком близко друг к другу. Наконец, измените цвет текста на белый (#ffffff).

Теперь продублируйте текстовый слой, нажав Control + J (Windows) или Command + J (Mac).

Затем возьмите инструмент выбора пути ( A) , затем поместите курсор в середину текста, пока не увидите значок с двойной стрелкой.

Затем перетащите текст вниз к серому кругу.

Теперь наведите указатель мыши на перевернутый текст, пока снова не увидите значок с двойной стрелкой. Затем перетащите текст в нижнюю часть круга.

Наконец, перейдите на панель символов и установите базовую линию на -68.

Шаг 4. Доработка шаблона

Добавим в шаблон еще два круга. Они будут выглядеть как кольца внутри круга. Для этого снова возьмите инструмент эллипса.

Затем дважды щелкните центр холста и в появившемся диалоговом окне введите 520 пикселей для ширины и высоты.

На панели свойств установите прозрачную заливку и белый цвет обводки. Ширина обводки должна быть 7 пикселей.

Затем возьмите инструмент эллипса и снова дважды щелкните центр холста. На этот раз введите 688 пикселей для ширины и высоты.

Как и в случае с предыдущим эллипсом, установите прозрачную заливку и белый цвет обводки на панели свойств. Ширина обводки также должна быть установлена ​​на 7 пикселей.

Шаблон создан.

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

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

Или вы можете получить действительно фантазию с векторной фигурой в центре всего этого!

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

Удачного редактирования!

Как печатать по кругу в Photoshop

Подпишитесь на YouTube:

В этом уроке вы узнаете как печатать текст по кругу в Photoshop .

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

Содержание

• Учебное изображение
• Пояснение к документу
• Добавление направляющих к документу
• Создание эллиптического контура
• Печатайте по круговому контуру для выравнивания и поворота текста по кругу
• Печатайте в нижней половине круга
• Инвертируйте текст в круге
• Регулируйте сдвиг базовой линии
• Печатайте по контуру  

Учебное изображение

292-Type-in-a-circle-Starter.zip (8595 загрузок)

Описание документа

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

Добавление направляющих к документу

Выберите View > New Guide Layout.

В окне New Guide Layout установите для Columns and Rows’ Number значение на 2 и нажмите OK . Это поможет вам визуализировать центр документа и выровнять текст.

В более ранних версиях Photoshop вы также можете использовать линейку, нажав Ctrl R (Windows) или Command R (macOS) , и включить функцию привязки, выбрав View > Snap .

 Затем нажмите и перетащите вертикальную и горизонтальную линейку и переместите ее в центр до щелчка.

Чтобы перепроверить и убедиться, что ваши линейки находятся в правильном месте, щелкните правой кнопкой мыши линейку и выберите Percent .

Как вертикальные, так и горизонтальные направляющие должны быть на 50%.

Создайте эллиптическую траекторию

щелкните линейку и выберите Percent.

На Панель параметров , щелкните раскрывающееся меню и установите значение Путь.

Наведите указатель мыши прямо на центр, где встречаются направляющие, и, удерживая Alt (Windows) или Option (macOS) , щелкните и перетащите , чтобы создать круг с помощью инструмента «Эллипс».

Удерживайте клавишу Shift, чтобы свести траекторию к идеальному кругу. Затем отпустите кнопку мыши, чтобы завершить путь.

Ввод по кругу

На панели инструментов выберите инструмент Текст .

На панели параметров , На панели параметров щелкните раскрывающееся меню и установите Путь .

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

Оттуда вы сможете печатать по круговой траектории и применять изменения, нажимая Enter (Windows) или Return (macOS) 9ключ 0006.

Как НЕ поворачивать текст по окружности

Преобразуйте слой текста, нажав Ctrl T (Windows) или Command T (macOS) и переместив контрольную точку в центр горизонтальной и вертикальной направляющих.

Затем поверните текстовый слой.

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

Использование контрольных точек для выравнивания и поворота текста по кругу указывает черная стрелка.

Затем вы можете щелкнуть в любом месте пути, чтобы установить новую начальную точку.

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

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

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

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

Дублируйте исходный текстовый слой, нажав Ctrl J (Windows) или Command J (macOS).

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

На панели инструментов выберите инструмент «Выбор пути».

Щелкните и перетащите начальную точку на противоположную сторону круга.

Затем щелкните и перетащите конечную точку в противоположную левую сторону.

Недавние шаги могут перевернуть текст, но перевернуть его, щелкнув начальную или конечную точку и перетащив его внутрь.

Инвертировать текст в круге

Создать копию слоя и отключить исходный текстовый слой.

С дублированным слоем выберите инструмент Path Selection , затем щелкните и перетащите начальную точку к центральной правой горизонтальной направляющей и щелкните и перетащите конечную точку к центральной левой горизонтальной направляющей.

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

Настройка смещения базовой линии

Включить исходный текстовый слой.

Затем дважды щелкните по нижнему тексту, чтобы выделить его, и откройте панель символов , выбрав Windows > Character .

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

Введите путь  

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

Затем выберите инструмент Horizontal Type и щелкните по контуру.

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

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