Текст по контуру в фотошопе: Создание эффектов текста в Photoshop

Содержание

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

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

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

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

Обводка слоя в «Фотошопе»

Под обводкой в «Фотошопе», прежде всего, понимается эффект слоя. Этим слоем может быть либо изображение, либо его фрагмент, либо буквы, написанные инструментом «Текст».

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

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

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

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

по границе слоя снаружи;
так, чтобы граница была ее центром;
по границе внутри.

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

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

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

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

Другое диалоговое окно «Обводка»

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

Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».

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

Для этого пройдите в меню «Редактирование», далее — «Клавиатурные сокращения», найдите по одному из указанных выше путей по пунктам меню и задайте удобную для вас комбинацию.

Смысл существования двух диалоговых окон «Обводка»

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

Обводка по контуру

Как сделать обводку в «Фотошопе?» Второй способ — это создание контура и его прорисовка.

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

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

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

Обратите внимание на то, что обводка в этом случае будет размещена на указанном вами слое, в том числе новом.

Обводка текста по контуру

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

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

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

Нажмите Просмотр в строке меню.

Щелкните по 200% , чтобы увеличить изображение. Или в выпадающем меню «Просмотр» нажмите «Увеличить» или «Уменьшить», чтобы сделать размер изображение таким, какой удобен для создания контура.

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

Черно-белый цвет находится на крайнем правом конце спектра.

Выберите инструмент на панели инструментов в левой части окна.

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

Перо : этот инструмент создает контур с опорными точками; такой контур можно редактировать. Перо подойдет, если вы планируете изменить созданный контур. Щелкните по значку в виде пера чернильной ручки (находится под значком в виде буквы «T» на панели инструментов), чтобы выбрать инструмент «Перо».

Отрегулируйте настройки инструмента «Карандаш» или «Кисть».

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

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

Отрегулируйте настройки инструмента «Перо». Они находятся в верхней левой части окна.

Чтобы создать контур с помощью инструмента «Перо», откройте выпадающее меню справа от значка инструмента и выберите «Контур».

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

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

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

Мне кажется, что каждый из нас хоть раз в своей жизни обводил карандашом кисть своей руки, положив её на лист бумаги. А может быть это происходило на пляже. Кисть руки лежала на песке и мы обводили её какой-нибудь палочкой или длинным камушком. И в том и другом случае у нас получался контур. А давайте сделаем что-то подобное, но теперь в программе Фотошоп.

Помогать нам будет фото кисти руки:

Для работы в Фотошопе данное изображение ладони, — материал идеальный и простой. И вот почему. Однотонный, белого цвета фон и объект — кисть руки, тоже можно считать относительно однотонной, а на белом фоне рука выглядит довольно контрастно.

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

С этой целью, наведём курсор мыши на слой в палитре слоёв (синие выделение), и сделаем щелчок правой кнопкой мыши. Этими действиями мы откроем окошко опций, в котором выберем пункт «Создать дубликат слоя»:

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

Мы можем просто нажать кнопку «Ок», а можем, после появления этого окошка, сразу же на клавиатуре что-то написать, то есть присвоить слою имя, ну или название и уже после этого нажать кнопку «Ок». Делаем на своё усмотрение.

Я просто нажал кнопку «Ок»:

Готово! Слой-дубликат появился в палитре (окне) слоёв.

Теперь нужно изменить режим наложения слоя-дубликата, и сделать нам это нужно для затемнения кисти руки, ну или усиления контраста с белым общим фоном фото.

Обратимся к перечню режимов наложения в верхней менюшке окна слоёв, раскрыв список режимов обычным щелчком мыши по кнопке-стрелке:

Перед нашими глазами появился перечень режимов наложения слоя:

A давайте усилим контрастность, так усилим. Выберем из перечня режим «Линейный затемнитель»:

И вот что мы получили в результате:

Ну вот, для работы инструментом «Быстрое выделение» всё готово. Наводим курсор мыши на нужный нам в данный момент инструмент «Быстрое выделение» в окошке инструментов:

И щелчком левой кнопки мыши выбираем его. Курсор мыши превратился в кружок с перекрестием внутри.

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

Инструмент должен работать в режиме «Добавить к выделенной области». Чтобы так и было, нажмём на значок инструмента с плюсиком. Если значок подсвечивается синим цветом, то тогда щёлкать мышкой по нему не нужно, — режим уже активизирован:

Если установить значение 3 или 5, то выделение будет более чётким. Если выбрать значение значительно больше видимого нам сейчас, а видим мы значение 18, то начав выделять ладонь, мы будем захватывать белый фон, так как с большим диаметром инструмента уменьшится его чувствительность.

Пожалуй «золотой серединой» можно считать значение, при котором кружок-курсор инструмента будет немного меньше какого-нибудь пальца кисти руки. Для меня удобен диаметр инструмента в пределах 15-22. Я остановил выбор на значении 18. Пожалуй, лучше ориентироваться на свои ощущения и на сам процесс выделения. В зависимости от того, насколько удобно и качественно (нет захвата белого фона) мы осуществляем выделение, нам и нужно двигать ползунок регулировки диаметра инструмента, подбирая оптимальное значение.

Чтобы инструмент работал, как говорится, «на полную катушку», жёсткость нужно установить 100%. Ну вот у нас всё готово к выделению кисти руки. Предлагаю начать выделение с запястья:

Интервалы пунктира-выделения тоже устанавливаем не очень большие. В моём случае 7%. Если мы установим интервалы выделения значительно больше, то выделение будет менее ровным, я бы даже сказал, грубым или черновым. Но и это может быть в некоторых случаях нужным. Делаем всё, конечно же, на своё усмотрение.

Ну что же, начнём. Подводим курсор инструмента к запястью. Нажав и удерживая левую кнопку мыши, начинаем вести инструмент вверх по направлению к кончикам пальцев:

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

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

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

Что же делать, если в область выделения всё же попал белый фон? Можно отменить выделение вообще, нажав сочетание клавиш Ctrl+D и начать выделять ладонь заново. А можно обратиться к блоку технических настроек инструмента и переключить режим его работы щелчком мыши, но теперь уже по значку инструмента с минусом:

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

Такое переключение режима даёт нам возможность удалить «захват» выделением белого фона:

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

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

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

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

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

Давайте начнём с создания нового слоя. Нажмём в нижней менюшке окна слоёв, значок создания нового слоя. Готово:

Этот новый слой через несколько секунд превратится в слой-контур ладони, а точнее будущий контур. У нас есть пока только выделенная область, а создание контура впереди.

Теперь произведём смену инструментов или режимов выделения. Обычным щелчком мыши выберем инструмент обычного (не быстрого) выделения. И какой именно инструмент из перечня мы выберем, в нашем данном случае, не имеет значение:

Давайте самый верхний. Он же первый сверху вниз, носящий название «Прямоугольная область»:

Итак, новый пока ещё пустой слой создан, смена инструмента произведена и теперь, мы заводим курсор инструмента на область ладони и оказываемся курсором внутри выделения. Курсор инструмента имеет вид двух крестиков. Один большой, а другой маленький. Делаем щелчок правой кнопкой мыши. Появилось окошко опций, в котором нам в данный момент интересна опция «Выполнить обводку»:

Выберем её. И вот появилось следующее окошко настроек:

В этом окошке мы можем по своему желанию отрегулировать толщину (ширину) линии контура, её цвет, а также выбрать расположение обводки, а затем нажать кнопку «Ок». Я не буду менять настройки и просто нажму кнопку «Ок». И вот что получилось:

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

Ну вот, другое дело:

Чтобы быть уверенными в том, что созданный нами контур без изъянов и дефектов, увеличим масштаб видимости (версия Фотошоп CS5):

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

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

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

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

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

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

Как сделать контур текста в Фотошопе

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

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

Теперь нужно выделить наш текст. Про различные способы выделения , Вы можете прочесть, перейдя по ссылке. Поскольку текст однотонный и достаточно контрастный, по отношению к фону, я буду использовать инструмент «Magic Wand Tool» (Волшебная палочка).

В настройках инструмента выбираем значение «Tolerance» (Допуск) – выделяет область с похожими по цвету пикселями, и убираем галочку напротив «Contiguous» (Смежные пиксели). Убрав галочку, можно будет выделить сразу все пиксели похожего цвета на всем изображении, даже если области с похожим цветом расположены в различных местах.

Кликаем Волшебной палочкой по тексту. В результате, он будет выделен. Если бы мы оставили галочку напротив «Contiguous» (Смежные пиксели), то выделилась бы только одна буква, по которой мы кликнули, и пришлось бы кликать по каждой букве, чтобы выделить ее.

Теперь давайте обведем текст. Наведите курсор на выделенную область и кликните по ней правой кнопкой мыши. Выберите из контекстного меню «Make Work Path» (Образовать рабочий контур).

В следующем окне задайте значение допуска «Tolerance» и нажмите «ОК» .

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

Делаем обратно слой с текстом видимым. Теперь нужно создать новый слой. Для этого на панели слоев кликните на кнопочку «Create a new layer» (Создать новый слой).

Оставляем выделенным созданный слой «Layer 1» .

Сделать контур в Фотошопе можно, используя различные инструменты: «Brush Tool» (Кисть), «Eraser Tool» (Ластик), «Smudge Tool» (Палец) и прочие. Но перед тем как его сделать, нужно настроить необходимые параметры для инструмента.

Мы будем создавать контур, используя «Brush Tool» (Кисть). Поэтому, выбираем ее на панели инструментов, и задаем желаемые параметры. Я выбрала жесткую кисть с размером 7 салатового цвета.

После этого, на панели инструментов выберите «Path Selection Tool» (Выделение контура).

Кликните мышкой внутри выделенного контура и выберите из меню «Stroke Path» (Выполнить обводку контура).

В следующем окне из выпадающего списка выбираем инструмент, которым будем делать контур. Выбирайте тот инструмент, который Вы настраивали на предыдущем шаге. У меня это «Brush Tool» (Кисть). Нажмите «ОК» .

Контур текста будет обведен. В примере, кистью салатового цвета.

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

На этом все – мы сделали контур для текста в Фотошопе.

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

Для данного примера это делается так: разблокируйте слой «Background» , удалите слои «Background» и «сайт» , сохраните изображение в формате *.png или *.gif .

Как сделать контур для изображения

Теперь рассмотрим, как сделать контур для объекта на изображении . Создадим контур для этой розы.

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

Открываем изображение или фото в Фотошопе. Теперь нужно выделить объект. Я буду использовать инструмент «Quick Selection Tool» (Быстрое выделение).

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

Когда выделите нужный объект, нажмите по нему правой кнопкой мыши и выберите из меню «Make Work Path» (Образовать рабочий контур). Наша роза будет обведена тонкой серой линией.

На палитре слоев создаем новый слой и оставляем его выделенным.

Теперь перейдите к настройке инструмента, с помощью которого будете делать контур. У меня будет «Brush Tool» (Кисть) седьмого размера черного цвета.

Выбираем на панели инструментов «Path Selection Tool» (Выделение контура). Кликаем мышкой внутри выделенного контура и выбираем из меню «Stroke Path» (Выполнить обводку контура).

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

Если отключить видимость основного слоя, получится следующее. Удалить тонкую серую линию контура можно клавишей «Backspace» .

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

Рисовать будем на том слое, где выделен контур, поэтому активным должен быть «Layer 1» .

Я выбрала черный цвет для кисти, размер – 4 и обвела все линии внутри розы.

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

И, зажав Shift, построю правильный круг:

Векторная фигура в виде правильного круга

Photoshop помещает каждую новую нарисованную нами векторную фигуру на отдельный слой, называемый слой-фигурой. И если мы сейчас посмотрим на панель слоев, то увидим новый слой с фигурой с именем «Эллипс 1» (в англ. — Ellipse 1), расположенный выше фонового слоя. На то, что это слой с векторной фигурой, указывает значок, расположенный справа внизу миниатюры слоя:

Каждая новая векторная фигура получает свой собственный слой, значок векторного слоя обведён салатовым цветом

Каждая новая векторная фигура получает свой собственный слой в панели слоёв.
В документе одна фигура готова, я нарисую вторую такую же фигуру рядом с первой так, чтобы вторая фигура немного перекрывала первую. Photoshop автоматически помещает эту вторую векторную фигуру на собственном слое (слой автоматически именован «Эллипс 1») на миниатюре слоя также имеется значок:

Две перекрывающихся векторные фигуры. Вторая векторная фигура в настоящее время перекрывает первую. На панели слоёв видны два отдельных слоя с фигурами.

В настоящее время обе моих фигуры имеют красный цвет, но мы можем легко изменить цвет любой фигуры, просто дважды кликнув по миниатюре слоя в панели слоёв. Я дважды кликнул по миниатюре второй фигуры, это действие открывает окно палитры цветов (Color Picker), где я могу выбрать новый цвет. Причём, во время выбора цвета, цвет фигуры и миниатюры изменяется в реальном времени:

Изменение цвета фигуры после двойного клика по миниатюре слоя в панели слоёв. Обратите внимание, что при изменении цвета в палитре цветов, цвет также меняется в качестве предпросмотра у фигуры в документе и миниатюры слоя. Если Вы нажмёте кнопку «Отмена» вместо «ОК», палитра цветов закроется, а цвет фигуры не изменится (в моём случае, останется красным)

Я нажму кнопку ОК, чтобы закрыть Палитру цветов и принять изменения. Теперь моя фигура стала синей.

Выбрать векторную фигуру в документе можно с помощью инструмента «Выделение контура» (Path Selection Tool):

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

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

Я могу менять слои в стеке панели слоёв. Например, если я перетащу слой с красным кругом вверх, он закроет синий:

Перемещение слоя с красным кругом вверх.

Но мы можем делать с векторными фигурами гораздо более интересные вещи. Например, мы можем объединить две или несколько фигур вместе, чтобы создать различные сложные формы!

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

Итак, давайте сложим две векторные фигуры. В панели слоёв выбираем синюю фигуру и нажимаем Ctrl+C. Затем удалим слой методом перетаскивания мышкой в корзину:

Удаление слоя после копирования

Теперь у нас на панели слоёв остался только слой с красной фигурой и фоновый. Нажимаем на слой с фигурой для его выбора и затем нажимаем комбинацию клавиш Ctrl+V на клавиатуре, чтобы вставить скопированную формы в слой. при этом фигуры объединятся в одну:

Объединённая фигура из двух кругов на одном слое.

Так как в данный момент обе фигуры находятся на одном слое, я могу изменить взаимодействие фигур друг относительно друга, выбирая различные варианты на панели параметров с помощью кнопки «Операции с контуром» (Path Operations):

Кнопка переключений режимов взаимодействия контуров («Операции с контуром»)

По нажатию на эту кнопку выпадает список с четырьмя различными режимами взаимодействия, это: Объединить фигуры (Add to Shape Area), Вычесть переднюю фигуру (Subtract from Shape Area), Область пересечения фигур (Intersect Shape Areas), и Исключить пересекающиеся фигуры (Exclude Overlapping Shape Areas):

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

Операция «Объединить фигуры» (Add to Shape Area) была инициирована в тот момент,когда мы вклеили скопированную фигуру в слой с фигурой. Давайте рассмотрим другие операции.

Вычесть переднюю фигуру (Subtract from Shape Area) — вторая (вклеенная) фигура больше не видны в документе. Вместо этого, Photoshop использует её, чтобы удалить часть первоначальной фигуры, ту часть, где две фигуры пересекаются:

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

Область пересечения фигур (Intersect Shape Areas) — На этот раз, остается видимым только тот участок, где две фигуры перекрывают друг друга:

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

Исключить пересекающиеся фигуры (Exclude Overlapping Shape Areas) — результат, противоположный предыдущему. Обе формы видны только в тех областях, где они не перекрываются:

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

Полное объединение компонентов фигур

И в списке осталась ещё одна команда — «Объединить компоненты фигур» (Merge Shape Components). Команда не зря отстоит особняком от других, т.к. она приводит к необратимым действиям — объединению образующих контуров. Если ранее мы просто переключались между командами, то после применения этой команды, переключиться уже будет нельзя.

Если мы нажмём на эту строку, то появится сообщение с предупреждением «Эта операция превратит фигуру в обычный контур. Продолжить?» (This operation will turn a live shape into a regular path. Continue?) , после нажатия ОК контуры будут объединены, все внутренние линии пересекающихся контуров будут удалены, и две или несколько векторных фигур будут преобразованы в один контур, это показано на рисунке, объединение компонентов фигур при:
1. Объединить фигуры (Add to Shape Area)
2. Вычесть переднюю фигуру (Subtract from Shape Area)
3. Область пересечения фигур (Intersect Shape Areas)

Объединение компонентов фигур при различных состояниях операций с контурами

Рисование контуров

До сих пор мы использовали векторные инструменты в режиме фигур. Давайте переключим режим в панели параметров на «Контур» (Path). Обратите внимание, что после переключение из панели параметров исчезли некоторые опции, например, заливка цветом, обводка и т.п:

Панель параметров при режиме векторных инструментов «Контур» (Path)

Создадим новый документ Photoshop, на котором имеется только лишь один фоновый слой, возьмём инструмент «Эллипс» (Ellipse Tool) , на панели параметров выберем, как я говорил выше, режим инструмента «Контур», и проведём контур на документе. Курсор vsib при этом примет вид креста в плюсиком:

Контур, созданный инструментом «Эллипс» в режиме «Контур».

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

Причина этого заключена в том, что чистые контура не зависят от слоев. И, хотя на данный момент мы можем видеть контур в документе, но при сохранении документа a формате JPG, PNG и т.п., а также при распечатке, контур не будет отображён.

Контур является всего-лишь инструментом для каких-либо действий — преобразования контура в выделенную область, обводки контура, заливки цветом, создание 3D экструзии из контура и т.п., но полноценным элементом рисунка контур не является.

И так как контура не зависят от слоев, они имеют свою собственную панель — Панель контуров (Paths panel) — которая, по умолчанию, сгруппирована в с панелями слоёв и каналов. На рисунке ниже я переключиться на панель контуров, где мы можем увидеть контур, который я только что нарисовал, он автоматически именован Photoshop как как «Рабочий контур (в англ. — Work Path):

Контур в документе и на панели контуров

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

Путь для сохранения контура

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

Инструмент «Выделение контура» выделяет контур целиком со всеми узлами, «Выделение узла» выделяет один (или насколько, если зажать Ctrl) опорных узлов контура, инструмент «Угол» изменяет свойства опорных узлов.

Изменение контура с помощью инструмента «Выделение узла»

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

Внизу панели контуров имеются семь кнопок. Эти кнопки позволяют делать с контурами некоторые операции:

Кнопки операций с контурами.

Перечисляю, слева направо:

Выполнить заливку контура основным цветом (Fill path with foreground color) — контур на активном слое в панели слоёв будет залит основным цветом цветовой палитры. Если в документе есть только фоновый слой, значит, будет залит фоновый.

Выполнить обводку контура кистью (Stroke path with brush) — контур на активном слое будет обведён кистью основным цветом цветовой палитры. Толщина и жёсткость линии обводки зависит от настроек инструмента «Кисть» (Brush Tool) . К примеру, если «Кисть» заранее настроена — круглая, 50% жёсткости, а основной цвет в палитре красный — такая и будет линия обводки, красная, мягкая, толщиной 3 пикселя.

Загрузить контур, как выделенную область (Load Path as a selection) — контур будет преобразован в выделенную область .

Сделать из выделенной области рабочий контур (Make work path from selection) — в данном случае, по понятным причинам, не активна.

Добавить маску (Add a mask) — к слою будет добавлена слой-маска по очертаниям контура, прозрачная область маски — внутри контура, работает только после преобразования контура в выделенную область.

Создать новый контур (Create new Path) — в данном случае не используется.

Корзина (Delete current Path) — тут думаю. понятно, нужна для удаления контура

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

Кнопки операций с контурами на панели параметров

Кнопка «Выделение» (Selection…) преобразует контур в выделенную область. В отличии от аналогичной кнопки внизу панели контуров, нажатие на эту кнопку преобразует контур в выделение не мгновенно, а открывает диалоговое окно с некоторыми параметрами и позволяет задать, к примеру, радиус растушёвки:

Диалоговое окно параметров для преобразования контура в выделенную область

Маска (Mask) — добавляет к слою векторную маску. Если в панели слоёв имеется только фоновый слой, он преобразуется в обычный и к нему также добавляется векторная маска:

Векторная маска из фонового слоя

О третьей кнопке я расскажу чуть ниже.

Преобразование контуров в векторные фигуры

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

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

Нажатие на кнопку моментально преобразует контур a векторную фигуру:

Векторная фигура из контура. Цвет заливки фигуры взят из основного цвета цветовой палитры.

При этом фигура заливается сплошным цветом. Этот цвет соответствует основному цвету цветовой палитры.

Но, дело в том, что данная кнопка появилась только у последних версий Photoshop. Между тем, эта операция (векторная фигура из контура) доступна и для более ранних версий Photoshop, вплоть до CS3 включительно, хотя и требует небольшого фокуса.

Итак, у меня имеется документ с фоновым слоем и простым контуром:

Контур для создания векторной фигуры.

Для создания фигуры нам придётся всего-лишь добавить корректирующий слой «Цвет» (Solid Color). Откроется диалоговое окно слоя, где выберите цвет заливки будущей фигуры и нажмите ОК. Всё, фигура готова, она создана на новом слое. Результат, по сути, тот же, как и при использовании кнопки «Фигура».:

Векторная фигура из контура с помощью корректирующего слоя «Цвет» (Solid Color).

Пиксельная заливка (Fill Pixels)

Третий режим рисования фигур в Photoshop — это Пиксельная заливка (Fill Pixels), которая позволяет нам создавать пиксельные формы. Я выберите опцию «Пикселы» (Pixels) на в панели параметров:

Режим пиксельной заливки в панели параметров

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

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

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

На данный момент у меня имеется документ с одним единственным фоновым слоем. Я добавлю новый слой, нажав Ctrl+Shift+Alt+N, задам в цветовой палитре цвет, скажем, зелёный #5ab345, возьму инструмент «Эллипс «, режим в панели параметров, как говорилось ранее, задан «Пикселы», нажимаю курсором мыши внутри документа и протаскиваю курсор для создания фигуры:

Создание пиксельной заливки.

После того, как я отпускаю клавишу мыши, фигура мгновенно заливается основным цветом с цветовой палитры:

Пиксельная заливка, созданная с помощью инструмента «Эллипс».

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

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

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

Работа с текстом в фотошопе: обзор популярных эффектов

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

Текст по контуру

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

Создайте документ Photoshop.
Выберите инструмент из группы Фигуры и нарисуйте контур (выберите значение Контур из раскрывающегося списка режимов на панели параметров).
Щёлкните на кнопке инструмента Горизонтальный текст. На самом деле вы можете выбрать и Вертикальный текст — ничего не изменится, обрабатываются они одинаково, просто в моём примере используется именно Горизонтальный текст.
Переместите указатель мыши к кромке контура — туда, где будет начинаться текст. Если всё сделано верно, курсор должен принять вид, как показано на рисунке ниже.

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

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

Если текст расположился неудачно, его можно переместить прямо по контуру.

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

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

Двигать текст по холсту можно как и любой другой объект, при помощи инструмента Перемещение.

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

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

Эффекты текстового слоя

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

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

Текст-маска

Инструменты Горизонтальная текст-маска и Вертикальная текст-маска создают на слое область выделения в форме введённого текста. После добавления надписи область растрируется и её можно залить цветом, градиентом, картинкой, применить один из фильтров или использовать как-нибудь ещё.

Выберите инструмент Горизонтальный текст-маска или Вертикальный текст-маска.
Щёлкните кнопкой мыши на холсте.
Введите надпись.
Уделите внимание размеру шрифта, стилю, начертанию, другим параметрам.
Когда всё готово, на панели параметров нажмите галочку.

Полезные ссылки:

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

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

Способ 1

Инструкции

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

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

3. Чтобы текст получился наклонный, необходимо в верхней панели программы выбрать в поле обозначенное как аа, пункт sharp. А в поле вверху которое идет после размеров шрифта выбрать пункт bold italic. После этого текст получиться написанный под наклоном – курсивом.

Способ 2

Инструкции

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

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

3. При нажатии на нее появляется окошко, в котором можно выбрать в белом поле, обозначенным style, тип наклона текста, в этом окне можно выбрать разнообразный наклон текста.

Способ 3

Инструкции

1. Как повернуть надпись в фотошопе – текст пишется в фотошопе, далее выбрать в левой части программы выбрать пиктограмму в виде квадрата нарисованного пунктирной линией, далее кликнуть на тексте правой кнопкой мыши free transform, после чего тест выделятся в рамочку.

2. И если снова кликнуть на тексте правой кнопкой мыши и выбрать пункт skew. Дальше нажав левой кнопкой мыши, на рамочке, на маленьком квадрате расположенным в центре рамки, можно менять наклон теста, в любом направлении.

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

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

Способ 1

Инструкции

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

Способ 2

Инструкции

Способ 3

Инструкции

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

Добрый день, посетители Pixelbox.ru!

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

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

Итак, давайте же узнаем, как написать текст по кругу в фотошоп.

Создание фона

Создаем в фотошоп новый документ (Ctrl+ N), у меня с размерами 800х600 пикселей:

Заливаем фон каким-либо цветом (Shift+ F5), например, #232323:

Создаем векторный круг

Переходим в группу векторных инструментов (горячая клавиша вызова группы – U) и выбираем инструмент Эллипс (Ellipse Tool):

Зажимая клавишуShift для сохранения пропорций, рисуем круг. При помощи инструмента Перемещение (Move Tool) размещаем круг в центре холста. Горячая клавиша вызова инструмента Перемещение (Move Tool) – V.

Пишем текст по кругу

Активируем инструмент Горизонтальный текст (Horizontal Type Tool), горячая клавиша вызова инструмента T:

В верхней панели настройки инструмента Текст (Type Tool) при необходимости выбираем шрифт (1) и цвет (2) текста. Я выбрала цвет #ff7e00:

Подводим курсор к кругу и щелкаем по контуру круга.

Курсор как бы «прилипает» к контуру круга. Теперь пишем текст.

В уже знакомой нам верхней панели настройки инструмента Текст (Type Tool) при желании меняем размер шрифта:

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

Можно скрыть слой с эллипсом, если он не является частью композиции. Для этого нужно в панели слоев нажать на иконку «глазика» у слоя с эллипсом:

Текст внутри круга

Текст по кругу можно написать и внутри круга, для этого необходимо активировать инструмент Выделение контура (Path Selection Tool), горячая клавиша вызова инструмента – A:

Подводим курсор мышки к написанному тексту и как бы втягиваем текст внутрь, двигая курсор в направлении к центру круга. Когда текст расположится внутри круга, отпускаем клавишу мышки:

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

Вот пример использования приема с написанием текста по кругу:

Теперь вы умеете писать в фотошопе текст по кругу. Успехов в творчестве!

Применение круговых надписей в Фотошопе довольно широко – от создания печатей до оформления различных открыток или буклетов.

Круговой текст

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

Способ 1: Деформация

Начнем с деформации готового текста.

На верхней панели находим кнопку функции деформации текста.

В выпадающем списке ищем стиль, который называется «Дугой» и тянем ползунок, указанный на скриншоте, вправо.

Круговой текст готов.

Достоинства:

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

Недостатки:

Налицо явное искажение текста.

Способ 2: Контур

Переходим к следующему способу – написание текста по готовому контуру. Контур… Где его взять? Можно самостоятельно нарисовать инструментом «Перо», либо воспользоваться теми, которые уже есть в программе. Самый простой вариант — воспользоваться одним из инструментов группы «Фигуры». Все создаваемые ими объекты состоят из контуров.

«Эллипс»

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

Далее зажимаем клавишу SHIFT и рисуем круг.

Затем выбираем инструмент «Текст» (где его искать, вы знаете) и подводим курсор к границе нашего круга. Первоначально курсор имеет такую форму:

Когда же курсор станет вот таким,

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

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

Достоинства:

Текст не искажается, все символы выглядят так же, как и при обычном написании.

Недостатки:

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

«Произвольная фигура»

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

Рисуем фигуру и берем инструмент «Текст». Выбираем выравнивание по центру.

Затем, как описано выше, подводим курсор к контуру. Внимание: кликать нужно по внутренней части кольца, если хотите написать текст сверху.

Затем переходим на слой с фигурой и кликаем курсором по внешней части контура кольца.

Готово. Фигура больше не нужна.

Информация к размышлению: таким образом текстом можно обойти любой контур.

На этом урок по написанию текста по кругу в Фотошопе окончен.

Отблагодарите автора, поделитесь статьей в социальных сетях.

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

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

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

Простой способ нарисовать текст по кругу для новичков

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

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

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

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

Первым делом я сделал заливку слоя, чтобы рисовать было удобнее. Думаю, проблем тут не возникнет. Инструмент заливка и выбираем цвет. Все как в Paint. Далее выбираем текст в панели инструментов справа.

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

В итоге получается два текстовых слоя.

Кликаете на один изних, чтобы он подсветился. Затем на кнопку: «Деформировать текст» в верхней панели.

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

Теперь передвигайте ползунок функции «Изгиб». Сохраняете изменения.

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

Выгибаем уже в другую сторону.

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

Более сложный вариант с большим количеством функций

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

Итак, создаем новый документ. Мои размеры снова 800х800.

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

Очень важный момент. По умолчанию мы рисуем «фигуры», но сейчас вам надо выбрать в панели сверху «Контур».

Чтобы нарисовать ровный круг удерживайте кнопку Shift.

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

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

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

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

Вот так у вас может получиться.

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

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

Если вы заедете за предел, то некоторые слова исчезнут.

Что делать в этом случае?

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

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

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

Еще один интересный способ размещения: «Солнце слов».

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

Теперь выбираем инструмент «Вертикальный текст».

Выбираем цвет, которым будем писать.

Кстати, если у вас есть проблемы с сочетаниями или вы еще новичок и тратите много времени на выбор палитры, то можете воспользоваться сервисом www.colorscheme.ru . Он поможет найти идеальные сочетания для любого проекта. Как-нибудь позже, я напишу про него отдельную статью, он многофункциональный, но основные опции предельно понятны. Можете и сами попробовать разобраться.

Лучше всего этот метод создания использовать для отдельных слов или коротких фраз. Напишите каждый из них на отдельном слое. Как в первом методе, который я показывал в этой статье. Далее перейдите в раздел «Фильтры» и найдите «Искажение».

Здесь вам понадобятся «Полярные координаты».

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

Теперь щелкаем по «Прямоугольные в полярные» и жмем на «Ок».

Так проделываем со всеми текстовыми слоями.

Если все-таки хочется поменять цвет текста, то зажимаем CTRL на клавиатуре и жмем на эскиз слоя.

Справа, на панели слоев, находим эту кнопку.

Появляется вот такое меню. Выбирайте что захотите: градиент, цвет или узор.

Если вы не умеете создавать градиенты или вам, как и мне, проще использовать готовые, то могу порекомендовать сервис www.photoshop-master.ru . Тут можно все скачать бесплатно.

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

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

Правая кнопка мыши и «объединить слои».

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

Теперь вы знаете как можно сделать вот такое солнце из слов.

Если хотите, можете Скачать этот макет, открыть его в фотошопе и посмотреть более подробно.

Если вам нравится работать в фотошопом, то на том же сайте, что я вам уже рекомендовал в качестве источника дополнительных материалов для вашей программы можете также найти множество курсов ( www.photoshop-master.org ). Они считаются одними из лучших во всем интернете.

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

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

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

Зимний текст в фотошопе — Arttopia.Уникальные уроки рисования и дизайна в Adobe Photoshop

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

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

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

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

Приступаем к работе

Готовим фон

В меню «File» — «Open» (Ctrl+O) открываем текстуру, которая будет служить фоном для нашего текста. Скачать текстуру, которую использовала я, можно здесь. Вы можете также использовать любую другую свою текстуру.

Переходим к палитре слоев «Layers»- клавиша F7. Сейчас в палитре будет только один слой «Background» с нашей текстурой.

Пишем текст

Cоздаем новый слой, на котором будем писать наш текст. Для этого нажмите на иконку нового слоя в самом низу палитры слоев, либо нажмите Ctrl+Alt+N.

Выберите инструмент Horizontal Type Tool (T) на панели инструментов слева.

Я выбрала шрифт Century Gothic, стиль Bold, размер 110 pt.

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

Добавляем стили текстовому слою

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

Появится такое вот окно:

Последовательно ставим галочки слева и выставляем настройки для разных эффектов.

1. Gradient Overlay (наложение градиента). Ставим галочку напротив этого эффекта и выделяем эту строку, щелкнув на ней мышкой. Устанавливаем такие настройки: Style(Стиль) — Reflected (Отражение), Angle (Угол) — 90, Scale (Масштаб) — 125%. Затем задаем цвет градиента. Для этого щелкните на полоску, в строке «Gradient».

Поочередно щелкайте по маркерам на концах градиента, а затем на окно «Color»(Цвет), чтобы установить цвет градиента.

Я сделала растяжку от цвета #cd0030 до #ff0048. Вы можете использовать эти же цвета или выбрать свои на глаз (цвет меняется от темного к светлому слева направо).

Ставим галочку напротив эффекта «Satin», выделяем эту строку, ставим такие настройки:

Режим смешивания — Soft Light (мягкий свет), Angle(угол) — 90, Distance (дистанция) -1px, Size(размер) — 5px. В окне Countour выбираем Roling Slope — Descending.

Переходим к следующему эффекту. Ставим галочку напротив Bevel and Emboss, выделяем его в строке.

Ставим настройки как на картинке.

Depth (глубина)- 261, Direction (Положение) — Up, Size — 2, Soften — 0. Angle -90, Altitude -80.

Highligth Mode — Linear Dodge, Opacity — 50, цвет по умолчанию(белый).

Shadow Mode — Soft Light, меняем цвет на #bdbdbd.

Выделяем подпункт «Contour», в выпадающем меню выбираем тип контура «Half Round».

Следующий эффект «Inner Glow»(Внутреннее свечение), выделите его в строке и отметьте галочкой. Делаем такие настройки:

И последний эффект, который мы применим к нашему тексту — «Inner Shadow»(Внутренняя тень). Отмечаем галочкой и выделяем его. Выставляем такие настройки:

После того, как настроили все эффекты, нажмите «Ок».

Посмотрим, что у нас получилось на данном этапе:

Создаем дубликат слоя с текстом. Для этого в палитре слоев щелкаем по слою правой кнопкой и выбираем «Duplicate Layer…»(Дублировать слой)

Далее работаем на только что созданном дубликате текстового слоя.

Щелкаем по слою в палитре слоев правой кнопкой, нажимаем «Convert to Smart Object»(Преобразовать в смарт-объект).

Возле миниатюры слоя появятся черно-белые квадратики. Еще раз щелкаем правой кнопкой, выбираем «Rasterize Layer»(Растрировать слой).

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

Рисуем снег

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

Создадим новый слой. Он будет четвертым в списке слоев. Работаем на нем.

Берем инструмент кисть Brush Tool (B), загружаем кисть с точками, выбираем ее в палитре кистей.

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

Идем дальше. Я установила размер кисти 70, цвет — белый.

Рисуйте кистью с точками по верхушкам букв произвольно, не бойтесь выйти за края. Уменьшите размер кисти до 30 и пройдитесь в некоторых отдельных местах снова.

Вот что получилось у меня.

Переходим в палитру слоев — F7. Устанавливаем курсор между 4 и 3 слоями и зажимаем Alt. Как только курсор превратится в два пересекающихся кружка(в CS5), щелкаем правой кнопкой на границе слоев.

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

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

Поскольку буквы у нас немного выпуклые, нам нужно немного пройтись резинкой Eraser tool (E) по контуру букв и убрать лишнее.

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

Выбираем эффект «Outer Glow»(Внешнее свечение), ставим галочку напротив, устанавливаем настройки как на картинке:

Ставим галочку напротив «Drop Shadow» (Падающая тень), выделяем ее. Настройки для этого эффекта такие:

И последний эффект, который мы выделяем и отмечаем галочкой «Bevel and Emboss».

Вот что у нас получилось:

Рисуем снежные шапки для букв

Создаем новый слой Ctrl+Alt+N.

Выбираем инструмент Brush Tool (B), обычной круглой кистью небольшого диаметра(у меня 9 px) белым цветом рисуем закругленные снежные шапочки нашим буквам.

Чтобы снег не выглядел плоским, на новом слое нарисуем кистью 5 px тень бледно-голубым цветом (у меня #8fc1dd).

Идем в меню «Filter» — «Blur» — «Gaussian blur».

Устанавливаем Radius — 2 pixels. Тень стала мягче.

Добавим немного текстуры снегу. Идем в меню «Filter» — «Noise» — «Add Noise». Делаем настройки: Amount 4, ставим галочки напротив «Gaussian» и «Monochromatic».

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

Ставим галочку напротив «Bevel and Emboss». Настраиваем эффект:

Отмечаем галочкой и выделяем строку с эффектом «Drop Shadow»(Падающая тень), делаем такие настройки:

Вот что получилось. Осталось совсем чуть-чуть. Мы забыли кое-что сделать вначале, сделаем это сейчас.

Выделяем слой с редактируемым текстом(он второй снизу на панели слоев). Щелкаем по нему дважды, выбираем галочкой «Drop Shadow». Делаем такие настройки:

Теперь делаем копию этого слоя, щелкнув по слою правой кнопкой — «Duplicate Layer…» -«Ок». Щелкаем по дубликату правой кнопкой, нажимаем «Convert to Smart Object»(Преобразовать в смарт-объект), еще раз щелкаем правой кнопкой, выбираем «Rasterize Layer»(Растрировать слой).

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

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

Теперь мы просто ставим курсор между третьим и четвертым слоями, нажимаем Alt и кликаем левой кнопкой. Маска применилась к другому слою.

Все готово!

Полученный результат:

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

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

До встречи!

Как сделать контур в Фотошопе

Как сделать контур текста в Фотошопе

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

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

Теперь нужно выделить наш текст. Про различные способы выделения, Вы можете прочесть, перейдя по ссылке. Поскольку текст однотонный и достаточно контрастный, по отношению к фону, я буду использовать инструмент «Magic Wand Tool» (Волшебная палочка).

В следующем окне задайте значение допуска «Tolerance» и нажмите «ОК».

Оставляем выделенным созданный слой «Layer 1».

После этого, на панели инструментов выберите «Path Selection Tool» (Выделение контура).

Кликните мышкой внутри выделенного контура и выберите из меню «Stroke Path» (Выполнить обводку контура).

Контур текста будет обведен. В примере, кистью салатового цвета.

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

На этом все – мы сделали контур для текста в Фотошопе.

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

Для данного примера это делается так: разблокируйте слой «Background», удалите слои «Background» и «comp-profi.com», сохраните изображение в формате *.png или *.gif.

Как сделать контур для изображения

Теперь рассмотрим, как сделать контур для объекта на изображении. Создадим контур для этой розы.

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

На палитре слоев создаем новый слой и оставляем его выделенным.

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

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

Рисовать будем на том слое, где выделен контур, поэтому активным должен быть «Layer 1».

Я выбрала черный цвет для кисти, размер – 4 и обвела все линии внутри розы.

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

Оценить статью: Загрузка… Поделиться новостью в соцсетях

Об авторе: Олег Каминский

Вебмастер. Высшее образование по специальности «Защита информации». Создатель портала comp-profi.com. Автор большинства статей и уроков компьютерной грамотности

Тип по контуру в Photoshop

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

Исходное изображение.

Приступим!

Шаг 1. Выберите инструмент «Эллипс»

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

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

Шаг 2. Выберите опцию «Пути»

Когда выбран инструмент «Эллипс», панель параметров в верхней части экрана изменяется, показывая нам различные варианты работы с инструментом.В крайнем левом углу панели параметров находится серия из трех значков, каждая из которых представляет разные типы фигур, которые мы можем нарисовать в Photoshop. Мы можем рисовать векторные фигуры, пути или фигуры на основе пикселей. Щелкните по середине из трех значков, чтобы выбрать вариант Paths :

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

Шаг 3. Нарисуйте свой путь

Выбрав инструмент «Эллипс» и выбрав «Пути» на панели параметров, щелкните внутри документа и протяните эллиптический контур.Удерживая нажатой клавишу Shift при перетаскивании, путь будет образован идеальным кругом. Чтобы нарисовать путь из его центра, а не из угла, при перетаскивании удерживайте нажатой клавишу Alt . Если вам нужно изменить положение пути при его рисовании, удерживайте пробел , перетащите путь в новое место, затем отпустите клавишу пробела и продолжайте перетаскивание.

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

Растяните контур внутри документа.

Шаг 4. Выберите инструмент «Текст»

Нарисовав наш путь, мы можем добавить наш текст. Выберите инструмент Type Tool на панели инструментов:

Выберите инструмент «Текст».

Шаг 5. Выберите шрифт

Выбрав инструмент «Текст», выберите настройки шрифта на панели параметров. Я собираюсь использовать Futura Condensed Medium со значением 13 pt. Мой цвет текста установлен на белый:

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

Шаг 6. Переместите курсор по траектории

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

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

Шаг 7: Щелкните путь и добавьте свой тип

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

Текст следует по форме круга.

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

Щелкните галочку на панели параметров, когда закончите добавлять текст.

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

Текст следует по пути, но его необходимо переместить.

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

Чтобы переместить текст вдоль контура, выберите инструмент выделения контура на панели инструментов:

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

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

Переместите инструмент «Выделение контура» над текстом, затем щелкните и перетащите его по контуру.

Однако посмотрите, что произойдет, если я перетащу текст слишком далеко. Кое-что обрезается в конце:

Слишком большое перетаскивание текста привело к обрезанию конца.

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

Найдите маленький кружок на месте обрезки текста.

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

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

Переворот текста по контуру

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

Перетаскивание по контуру переворачивает и переворачивает текст.

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

Скрытый путь

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

Выберите любой слой, кроме слоя «Текст», чтобы скрыть путь в документе.

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

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

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

Как создать контур из текста в Photoshop CS5

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

Преобразование текста в рабочий контур в Photoshop CS5

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

Начните с открытия изображения Photoshop в Photoshop CS5.

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

Щелкните опцию Create Work Path в контекстном меню. Может показаться, что что-то не произошло, но теперь ваш путь существует. Кроме того, на этом этапе вы можете получить сообщение об ошибке, если пытаетесь создать путь из текста, который включает определенные элементы стиля. Например, у меня на одном из моих шрифтов был выделен искусственный жирный шрифт, что не понравилось Photoshop.Вы можете отключить подобные элементы на панели Character .

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

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

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

Мэтью Берли пишет технические руководства с 2008 года.Его сочинения появились на десятках различных веб-сайтов и были прочитаны более 50 миллионов раз.

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

Его основные писательские темы включают iPhone, Microsoft Office, Google Apps, Android и Photoshop, но он также писал и на многие другие технические темы.

Связанные

Отказ от ответственности: Большинство страниц в Интернете содержат партнерские ссылки, в том числе некоторые на этом сайте.

Текст по контуру | Анна Аспнес Дизайн

Сегодня aA Член творческой группы делится тем, как создать текст на контуре в Photoshop Elements.

Текст по контуру

Введение

Узнайте, как разместить текст:

Вокруг Форма
На выбор
На настраиваемом пути

1. Создание макета фундамента
Создайте основу макета, используя бумагу Artsy Paper и фотографию, прикрепленную к маске FotoBlendz.
Перейдите в меню File> New и создайте новый макет размером 12 x 12 дюймов, 300 PPI.
Откройте цифровую бумагу из палитры Artplay в рабочую область.
Переместитесь на основу компоновки с помощью инструмента перемещения из панели инструментов .
Добавьте обтравочную маску FotoBlendz на основу макета.
Выберите фотографию по своему усмотрению и переместите слой с фотографией поверх маски.
Обрежьте изображение по маске, выбрав «Слой »> «Создать обтравочную маску» .
Измените размер фотографии или FotoBlendz слоя обтравочной маски, как описано в видео «Методы использования в Photoshop» и «Elements».
Наконечник. См. Раздел «Изменение обтравочных масок», чтобы узнать обо всем, что вам нужно знать об использовании FotoBlendz для успешного совмещения фотографий.
2. Текст на фигуре
Создайте фигуру и добавьте текст так, чтобы он соответствовал контуру фигуры.
Выберите инструмент Type на панели инструментов .
Выберите вариант Текст на фигуре внизу экрана.
Выберите опцию Shape по выбору и создайте форму Shape.
Наведите указатель мыши на путь, пока значок курсора не изменится на значок курсора «I-Bar».
Щелкните контур Shape , чтобы выбрать точку для начала текста.
Введите или вставьте текст по своему усмотрению.
Щелкните «Галочку» в граничной рамке , чтобы принять преобразование.
Примечание.
Измените положение начала текста на контуре фигуры или его следы внутри / снаружи фигуры:
Щелкните курсором в тексте.
Удерживая нажатой клавишу CTRL / CMD , нажмите и удерживайте кнопку мыши LEFT , чтобы курсор превратился в «двустороннюю» стрелку.
Переместите текст вокруг, внутри или за край Shape , чтобы изменить положение текста.
Отпустите клавишу CTRL / CMD , когда вас устраивают результаты.
Создайте собственный контур и добавьте текст, чтобы он повторял контур фигуры.
Как набирать текст на контуре в Photoshop с помощью инструмента «Фигуры и перо»
Обычное горизонтальное направление текста слева направо часто использовалось в любой дизайнерской графике, которую вы видели. Создание индивидуального пути к типу, которому нужно следовать, оживляет тексты и предлагает творческий подход. Итак, как набрать контур в фотошопе?
Посмотрите видео ниже или продолжите чтение.

См. Также:
Создание GIF из видео, как в Tumblr
Использование инструмента «Перо»
Инструмент «Базовая форма»
Мы можем использовать инструмент «Перо» для создания траектории свободы, чтобы мы могли настроить все, что захотим. Также с помощью основного инструмента формы.
Как набирать текст по контуру в Photoshop с помощью инструмента «Перо»?
Используйте инструмент «Перо», чтобы создать путь свободы. После щелчка левой кнопкой мыши создается отрезок прямой линии.Используйте инструмент «Перо», щелкнув левой кнопкой мыши, он создаст точку привязки, в которой будет создан сегмент линии.
В этом руководстве я создам простой настраиваемый изогнутый путь, которому будет следовать тип.
Это окончательный проект, который мы реализуем.
Сначала я сделаю красную метку, чтобы вы могли видеть, что мы будем создавать. Красная линия обозначает путь, который мы собираемся создать.
Далее мы собираемся использовать инструмент «Перо», чтобы реализовать отметку линии.
Поскольку я собираюсь печатать по контуру, мне нужно переключить инструмент «Перо» в режим контура. В этом режиме мы не можем добавить заливку или обводку. Вы можете найти опцию в верхнем меню (см. Изображение ниже).

После того, как мы изменим режим инструмента «Перо», я собираюсь создать три точки на нашем изображении. Я сделал это для того, чтобы мы могли создать точный или хотя бы баланс внутри кривой.
Обратите внимание на то, что некоторые привязки контура находятся в точке, я собираюсь сделать их изогнутыми, чтобы текст не перекрывался.Используя инструмент «Перо», наведите указатель мыши на центральную точку. Удерживая нажатой клавишу ALT / Option на клавиатуре, вы увидите символ курсора в виде треугольника (см. Изображение ниже). Щелкните и перетащите его вправо, удерживая клавишу shift , пока не найдете изогнутую вправо.
Наконец, выбрав инструмент горизонтального типа, я наведу курсор на путь, и вы увидите шрифт на символе пути (см. Изображение ниже).
Введите символ пути
Щелкните по нему и начните добавлять свои тексты.
После добавления моих текстов нажмите галочку вверху, чтобы подтвердить текущее изменение. Мой текст не был таким привлекательным, поэтому я изменю размер , шрифт и цвет на .
Вот что я придумал:
Что, если мы хотим изменить положение начальной точки текста?
Что ж, я могу использовать инструмент выбора пути .
Использование инструмента выбора пути
Изменение длины сегмента пути
Отразить текст по контуру photoshop
Изменить длину сегмента контура
При наведении курсора на контур вы увидите курсор в виде символа типа с треугольным флажком (см. Изображение ниже).
Если на вашем пути свободы флажок курсора направлен влево, это означает, что он будет контролировать конечную точку сегмента. Если он обращен вправо, он будет контролировать начальную точку ваших типов текста.
Отразить текст по контуру photoshop
Если вы хотите, чтобы текст был обращен вниз, используйте инструмент выбора контура, затем наведите указатель мыши на контур, пока не увидите курсор выбора контура с символом флага, нажмите и удерживайте. В результате вы увидите перевернутый текст на пути .
Кроме того, если вы не видите путь при выборе инструмента выбора пути, просто щелкните другой слой и снова щелкните текстовый слой.
Это последнее изображение, которое я создал:
Как набирать текст по контуру в Photoshop с помощью инструмента «Основная форма»?
Инструмент «Прямоугольник»
Инструмент «Прямоугольник со скругленными углами»
Инструмент эллипса
Инструмент «Многоугольник»
Инструмент «Линия»
Инструмент произвольной формы
Я собираюсь создать путь с помощью инструмента эллипс .Таким же образом преобразуйте режим инструмента в форму .
Я собираюсь создать путь, окружающий оранжевый объект на нашем изображении.
Сначала, удерживая клавишу shift (чтобы создать идеальный круг), щелкните центр нашего объекта и перетащите, чтобы увеличить размер формы .
Во-вторых, выберите инструмент типа и наведите указатель мыши на только что созданный путь, затем щелкните и начните вводить текст. Используйте инструмент выбора пути , чтобы отрегулировать положение.
Это практически тот же процесс, единственное отличие — это форма пути , который мы собираемся создать.
Стиль текста такой же, как при обычном выравнивании по горизонтали.
Вот несколько примеров, которые я сделал:
Изображение предоставлено: https://pixabay.com
В заключение, вы можете создать текст на траектории, используя инструмент «Свободное перо» или инструмент основных форм. Инструмент «Перо» позволяет более свободно создавать пользовательский путь , в то время как инструмент формы может быть полезен, если вы хотите создать идеальный контур формы для ваших типов текста.
Photoshop CS и набор текста по контуру — Planet Photoshop
Одна из наиболее востребованных функций наконец-то появилась в Photoshop с выпуском Photoshop CS. Теперь, как и в Adobe Illustrator, вы можете размещать текст по любому пути. BНет и тип, и путь остаются полностью редактируемыми.
Photoshop имеет функцию деформации текста, начиная с Photoshop 6, которая позволяет вам деформировать текст в несколько форм, сохраняя при этом возможность редактирования.Но эта функция (которая сохраняется в Photoshop CS) не обеспечивает гибкости использования любого векторного пути в качестве базовой линии типового объекта. Вы можете создать контур с помощью инструмента «Перо», инструмента «Форма» и даже добавить текст вдоль контура, созданного из шрифта!
Вот основы шрифта по контуру в Photoshop:
• Создайте или вставьте путь, затем щелкните по нему с помощью инструмента «Текст». Чтобы добавить текст внутри контура, щелкните внутри контура.Курсор инструмента «Текст» меняет внешний вид, показывая, что вы добавляете текст на контур.
• Текст на контуре можно настроить с помощью палитры символов. Например, смещение базовой линии можно использовать, чтобы поднять шрифт с контура, который будет обведен или заполнен.
• Закончив редактирование текста, нажмите Command-Return (Mac) или Control-Enter (Windows), чтобы принять изменение типа, и еще раз, чтобы скрыть путь.
• Удерживайте нажатой клавишу Command (Mac) или клавишу Control (Windows) и поместите инструмент «Текст» рядом с текстом, чтобы изменить его положение по отношению к контуру.Перетащите начальную и конечную точки. Переверните шрифт поперек пути. Когда курсор не находится рядом с типом и нажата клавиша-модификатор, у вас (как обычно) доступен инструмент «Перемещение». Когда вы нажмете клавишу-модификатор и курсор окажется в положении для перетаскивания начальной или конечной точки, курсор изменится, чтобы вы знали, в каком направлении (ах) вы можете перетащить.
• Инструмент «Выбор контура» (инструмент «черная стрелка») также можно использовать для управления шрифтом на контуре.
• Исходный контур сохраняется отдельно в палитре «Контуры». Дубликат контура отображается в палитре «Контуры», когда текстовый слой активен в палитре «Слои». (Это поведение сравнимо с поведением слоев-фигур и их контуров.)
• Типовые контуры нельзя обводить или заливать (потому что вы не можете добавлять пиксели к текстовому слою). Однако, поскольку исходный контур сохраняется, вы можете добавить новый слой и обвести или заполнить этот контур.
• Использование функции «Тип деформации» разрушает контур текстового слоя, однако текст деформируется от своей формы вдоль контура.
• Если вам нужно добавить обычную точку или абзац рядом с существующим контуром, сначала либо отмените выбор контура в палитре «Контуры», либо удерживайте нажатой клавишу Shift при щелчке или перетаскивании инструмента «Текст».
Как создать путь для текста — Урок Photoshop
В этом уроке я хочу показать вам, как можно создать путь для текста.Это простое руководство, которое познакомит вас с текстовым инструментом Adobe Photo Shop CS2. Конечный результат:

Автор:
Просмотры: 35105
Оценка: 8,56 / 10
Автор заработал: $ 15

Шаг 1
Давайте начнем это руководство с создания нового документа в фото магазин.
Файл> Создать>
ширина: 581 пиксель
Высота: 297
Разрешение: 72
Фон — прозрачный
Щелкните O.k.

Шаг 2
Создав новый документ, убедитесь, что у вас выбран «Слой 1», и раскрасьте его в черный цвет с помощью инструмента «Ведро с краской». Это будет наша предыстория.
Черный # 000000

Шаг 3
Создайте текст, который вы хотите использовать.
Шрифт: Arial
Размер: 125.28
Цвет: белый, но это не обязательно, гигантский текст является ориентиром.

Step 4
нам нужно немного раздвинуть текст, чтобы при добавлении текста контура они не пересекались друг с другом.
перейти на
Вкладка «Окно»> «Символ»
Это приведет к увеличению свойств шрифта вашего персонажа
(или щелкните инструмент «Текст», затем найдите значок на панели инструментов вверху, который выглядит как вкладка меню, как показано на изображении)
Искать то, что выглядит как горизонтальные стрелки, нам нужно настроить горизонтальный AV на 100.

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

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

Step 7
Так как это непростая форма, и все контуры не соединены, каждую деталь нужно будет обрабатывать отдельно.
Вам нужно будет активировать векторную миниатюру для работы с каждым контуром, поэтому лучше работать изнутри текста, а не снаружи.
Теперь, когда у нас активирован контур формы, наведите инструмент для текста на внутреннюю часть D-контура, подождите, пока вы не увидите букву T с волнистым символом, который является вашим инструментом типа текстового контура. Идите вперед, нажмите и начните вводить текст, ваш текст должен начать течь по внутренней части вашего D
. Снова нажмите на векторную миниатюру, наведите инструмент типа текста на внутреннюю часть буквы g и снова дождитесь инструмента типа текста пути. появится символ, нажмите, введите текст и наблюдайте, как текст перемещается по внутренней части g.
Снова щелкните эскиз вектора и наведите инструмент набора текста на внутреннюю часть a и снова дождитесь появления символа инструмента типа пути текста, нажмите и введите текст и наблюдайте, как текст перемещается по внутренней части a.

Шаг 8
это результат, который вы должны получить на шаге 7

Шаг 9
Теперь давайте поработаем над внешней частью, помните, что каждый контур необходимо активировать отдельно, прежде чем вы начнете работать с ними.
Наведите инструмент типа текста на внешний контур D и дождитесь появления инструмента типа текста.Щелкните и начните вводить текст.

Шаг 10
Результаты шага 9
Снова активируйте эскиз вектора, чтобы работать со следующей буквой, и дождитесь появления инструмента ввода текста пути.

Шаг 11
Это результат, который вы должны получить после выполнения шагов 9 и 10

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

Шаг 13
Выберите все ваши новые текстовые слои> Щелкните правой кнопкой мыши и продублируйте, затем объедините вместе, щелкнув правой кнопкой мыши и затем перейдите к «Объединить слои»
, это будет наш дополнительный эффект

Шаг 14
С выбран объединенный слой
перейти к
Filters> Blur> Radial Blur>

Step 15
установите эти настройки для радиального размытия
количество — 34
Метод размытия — отжим
Качество-Наилучшее

Шаг 16
Окончательные результаты

Как добавить текст по контуру в Photoshop
Думаете о , добавляющем текст по произвольному пути ??? Ввод текста по произвольному пути позволяет нам составлять слова или предложения различной формы.Это будет отличным дополнением к оформлению творческого документа.
Давайте проверим этот урок Photoshop, чтобы выполнить эту задачу.
Совместимые платформы: Photoshop CS6 или Photoshop CC
Давайте начнем с открытия фонового изображения и создания пути. Для этого мы можем выбрать несколько вариантов, таких как инструменты круга, эллипса, прямоугольника или инструмент «Перо» для создания контуров.
Шаг 1. Открытие необходимого фонового изображения
Откройте необходимое фоновое изображение для вашего документа.Здесь я использую образец изображения из моей галереи изображений.
Шаг 2: Выбор формы
Выберите инструмент для рисования эллипс из T ool Box . При выбранном инструменте «Эллипс» для панели параметров на панели инструментов по умолчанию будет установлено значение Форма . Измените его на Path option.
Шаг 3. Рисование эллипса
Чтобы нарисовать путь, перетащите мышь, удерживая , щелкните мышью и Shift Button .Когда мышь переходит от одной точки к другой, мы можем заметить, что образуется идеальный круг. Затем отпустите мышь, чтобы получить круг идеальной формы.
Шаг 4: Выбор типа инструмента и его свойств
На этом этапе мы добавим текст к нашему настраиваемому пути. В панели инструментов выберите инструмент горизонтального типа . И не забудьте установить стиль шрифта , размер и выравнивание . На приведенном выше рисунке показано, как в моем документе установлены соответствующие значения.
Шаг 5: Ввод по пути
Щелкните путь и начните вводить текст, пока курсор появляется на пути
Шаг 6: Скрытие пути
После ввода текста наш путь все еще виден под текстом.
No related posts.