Содержание

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

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

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

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

Создайте новый файл и добавьте текст

  • Создайте пустой документ в Photoshop, и задайте ему размер 1000 на 500 пикселей. Для данного примера мы воспользуемся простой графикой для веб, и поэтому разрешение документа будет составлять 72ppi. Если же вы планируете пустить эту работу в печать, то не забудьте установить разрешение 300ppi;
  • Теперь нужно добавить текст. Я воспользовалась бесплатным шрифтом под названием Folk. Хотя для примера подойдет любой полужирный шрифт.

Выберите инструмент «Текст», нажав клавишу T, или выберите его на панели инструментов:

  • В панели параметров, которая должна появиться в самом верху окна, выставите размер 280 pt (если используете другой шрифт, то размер может быть другим). Установите светло-синий цвет (#0099ff):

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

Создаем стиль слоя

  • Теперь к только что созданному красивому тексту в Фотошопе нужно применить стиль «Обводка». Кликните по слою с текстом, и удостоверьтесь, что он выделен. Затем нажмите на иконку «Добавить стиль слоя» в самом низу панели. В выпадающем списке нужно выбрать «Обводка»:

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

Переключите «Положение» на «Внутри».

Режим наложения оставляем «Нормальный», а «Непрозрачность» на 100%. В качестве цвета выбираем белый:


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

Нажмите по названию стиля «Обводка», который находится рядом. Установите размер 8px. Выставите «Положение» на «Снаружи».

Режим наложения оставляем на «Нормальный», а уровень непрозрачности на 100%. В качестве цвета выставляем светло-синий (#0099ff8):


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

Пока что не нажимайте «ОК». В меню с левой стороны нажмите по стилю «Тень». Давайте добавим небольшую тень того же цвета, что и текст, но так, чтобы она была слегка смещена. Режим наложения устанавливаем на «Умножение». Цвет используем все тот же — #0099ff8. Такая тень будет выглядеть привлекательнее, чем увесистая черная.

Уровень непрозрачности ставим на 100%.
В рамках данного примера подойдет любой угол отбрасывания тени.
Смещение выставляем на 10px.
Размах на 10%
Размер на 10%:


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

Данная публикация является переводом статьи «How To Make A Double Stroke Text Effect In Photoshop» , подготовленная редакцией проекта.

Создание контура объекта (фигуры) из выделения в программе Фотошоп различных версий

Создание контура объекта (фигуры) из выделения в программе Фотошоп различных версий

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Далее обратимся к верхнему меню и нажмём кнопку «Выделение», открыв этим действием нужное нам окошко опций, в котором выберем действие «Отменить выделение»:

 

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

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

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

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

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

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

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

Оставить комментарий

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

Автор: Ольга Максимчук (Princypessa). Дата публикации: . Категория: Уроки фотошопа текст.

 

Всем привет!

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

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

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

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

Затем применим к тестовому слою стили слоя Обводка и Наложение градиента.

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

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

 

 

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

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

Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

Активируем инструмент Текст. Растягиваем рамку создания текста на ширину холста и пишем слово «Радуга». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет текста на белый (# ffffff) и вводим настройки, как на рисунке ниже. При помощи инструмента Перемещение располагаем текст по центру холста. Поскольку текст и цвет фона совпадают, чтобы увидеть текст, можно временно отключить видимость слоя «Фон», нажав в панели слоев на «глазик» около слоя.

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

Во вкладке Наложение градиента кликаем по строке выбора градиента, чтобы открыть Редактор градиентов. В Редакторе градиентов создаем новый градиент. Для этого кликаем по нижним Контрольным точкам и вводим новые значения. Если в активном в данный момент градиенте есть более двух точек, удаляем лишние, нажав сперва на Контрольную точку, затем – на клавишу Delete. Чтобы добавить новую Контрольную точку, кликните мышью в нижней части Редактора градиентов, непосредственно под градиентом и перетащите образовавшуюся Контрольную точку в нужную позицию. При необходимости введите числовое значение позиции в соответствующем окне.

Вводим следующие значения:

Левая Контрольная точка (позиция 0%) – оттенок # d7d7d7;

Правая Контрольная точка (позиция 100%) – оттенок # ffffff.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

Полные настройки для вкладки Наложение градиента на последнем скриншоте.

 

Во вкладке Обводка меняем оттенок на # e90ebd и вводим настройки, как на картинке ниже.

Результат после применения стилей слоя.

Теперь нам нужно снова применить стиль слоя Обводка. В самых новых версия программы Adobe Photoshop это можно сделать в одном окне – сразу за один раз добавить несколько стилей слоя Обводка с разными настройками. Мы же рассмотрим способ, который подойдет для любой версии программы. В панели слоев кликаем ПКМ по текстовому слою и выбираем «Растрировать стиль слоя».

Затем дважды кликаем по слою с текстом, чтобы вызвать стили слоя.

Во вкладке Обводка меняем оттенок на # 0905a3 и вводим следующие настройки.

Результат после применения стилей слоя.

Снова растрируем стиль слоя (ПКМ по слою-Растрировать стиль слоя) и двойным щелчком по текстовому слою вызываем стили слоя.

Во вкладке Обводка используем оттенок # 00eaff и вводим настройки, как на картинке.

Результат после применения стилей слоя.

Растрируем стиль слоя и переходим в стили слоя.

Во вкладке Обводка меняем оттенок на # 07d124 и вводим настройки, как на картинке.

Результат после применения стилей слоя.

Снова растрируем стиль слоя и переходим в стили слоя.

Во вкладке Обводка используем оттенок # ffd800 и меняем настройки на следующие.

Результат после применения стилей слоя.

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

Во вкладке Обводка вводим оттенок # ff0000 и меняем настройки на следующие.

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

Результат после применения стилей слоя.

Текст с радужной обводкой готов! Урок «Как сделать радужную обводку в фотошопе» завершен.

Яркого настроения и творческих успехов!

 

 

 

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

 

 Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.


 

Понравилось? Поделитесь:

Facebook

Twitter

Вконтакте

Одноклассники

Добавить комментарий

Текст обводки кистью в фотошопе

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

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

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

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

Шаг 1: создайте путь из вашего текста

Для начала я создал новый документ Photoshop с разрешением 1000×400 пикселей, заполненный белым, и, поскольку этот урок посвящен тому, как наносить мазок кистью вокруг текста, я добавил один текстовый слой, содержащий слово «BRUSH» (я выбрал Arial Black в качестве шрифта, потому что этот эффект лучше всего работает с более толстыми буквами):

Оригинальный документ.

Прежде чем мы сможем добавить мазок кисти вокруг букв, нам сначала нужно преобразовать наш текст в путь. Щелкните правой кнопкой мыши (Win) или удерживайте нажатой клавишу « Control» (Mac) на текстовом слое на панели «Слои»:

Щелкните правой кнопкой мыши (Win) / удерживайте нажатой клавишу «Control» (Mac) на текстовом слое.

Выберите Create Work Path из появившегося меню параметров. Это создаст контур пути букв, хотя вы, возможно, еще не сможете увидеть путь (мы увидим его легче через мгновение):

Выберите «Создать рабочий путь» из меню.

Шаг 2: Добавить новый слой

Далее мы добавим новый слой для нашего мазка кисти, не только потому, что всегда полезно поместить все на собственный слой, но и потому, что в этом случае у нас нет выбора. Фотошоп не позволит нам использовать кисть для текстового слоя. Чтобы добавить новый слой, щелкните значок « Новый слой» в нижней части панели «Слои»:

Нажав на иконку Новый слой.

Photoshop добавляет новый пустой слой с именем «Слой 1» над текстовым слоем:

Новый слой появляется над слоем «ЩЕТКА».

Шаг 3: Скрыть текстовый слой

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

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

С выключенным текстом теперь мы можем легко увидеть путь вокруг букв:

Контур пути теперь виден вокруг букв.

Шаг 4: выбери кисть

Далее нам нужно выбрать кисть. Выберите Brush Tool на панели инструментов:

Возьмите кисть.

Выбрав Brush Tool, чтобы быстро выбрать кисть, щелкните правой кнопкой мыши (Win) / Control-click (Mac) в любом месте внутри документа, чтобы открыть Brush Picker . Используйте полосу прокрутки справа, чтобы прокрутить список доступных кистей, затем дважды щелкните миниатюру той, которую вы хотите использовать, которая выберет кисть и закроет инструмент выбора кистей. Вы можете попробовать любую кисть, которая вам нравится. В этом уроке я выберу 36-пиксельную кисть Chalk (если в настройках Photoshop включены подсказки для инструментов, вы увидите, что имя каждой кисти отображается при наведении на них курсора мыши)

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

Шаг 5: переключитесь на панель путей

У нас есть путь вокруг букв, мы выбрали кисть и добавили новый слой на панель «Слои» для нашего мазка кистью. Чтобы применить кисть к контуру, нам нужно переключиться с панели «Слои» на панель « Контуры» , которая является частью той же группы панелей, что и панель «Слои (и каналы)». Чтобы переключиться на панель «Пути», нажмите на ее вкладку с именем :

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

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

Шаг 6: обведи путь кистью

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

Нажмите на иконку «Путь обводки кистью».

Вот результат, который я получаю с помощью кисти Chalk, которую я выбрал в Brush Picker:

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

Может потребоваться некоторое количество проб и ошибок с различными кистями и / или размерами кисти, прежде чем все будет выглядеть так, как вы хотели. Если выбранная вами кисть не дала результатов, которые вы искали, нажмите Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре, чтобы отменить шаг, затем щелкните правой кнопкой мыши (Win) или удерживая клавишу Control. (Mac) внутри документа, выберите другую кисть из подборщика кистей, затем повторите попытку.

Если проблема была не в выбранной вами кисти, а в размере кисти, из-за чего обводка кажется слишком толстой или слишком тонкой, снова нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить шаг, а затем используйте что левые и правые клавиши скобка на клавиатуре , чтобы быстро настроить размер кисти. Каждый раз, когда вы нажимаете левую клавишу скобки ( [ ), вы уменьшаете размер кисти. Нажатие правой клавиши скобки ( ] ) увеличит ее. Вы увидите, как изменяется размер курсора при нажатии клавиш, чтобы вы могли просмотреть результат. Отрегулировав размер, нажмите на иконку Stroke Path With Brush, чтобы повторить попытку.

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

Та же самая техника, на этот раз с кистью Rough Round Bristle вместо кисти Chalk.

А вот и эффект с помощью кисти Spatter. Каждая новая кисть, которую я выбираю, придает тексту новый вид:

Та же самая техника, на этот раз с одной из кистей Spatter.

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

Нажав на значок меню в верхнем левом углу палитры.

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

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

Фотошоп спросит, хотите ли вы заменить текущие кисти новыми. Нажмите кнопку Добавить , чтобы сохранить текущие кисти и просто добавить новые после них:

Нажмите «Добавить», чтобы сохранить текущие кисти и добавить новые.

И теперь, если вы прокрутите вниз до оригинальных кистей в Brush Picker, вы найдете новые добавленные кисти. Как и прежде, дважды щелкните мышью на том, который хотите выбрать, и закройте инструмент выбора кисти. Я попробую Starburst — Большая кисть, которая является частью набора, который я только что загрузил:

Выбор Starburst — Большая кисть, которая была установлена ​​с набором Assorted Brushes.

Я нажму на иконку «Путь обводки с кистью» на панели «Контуры», и вот мой результат с кистью Starburst — Large:

Эффект с использованием кисти Starburst.

Если вам нравится дизайн, созданный кистью, но он кажется слишком светлым, просто нажмите на значок Stroke Path With Brush снова, чтобы применить кисть во второй раз, что затемнит эффект:

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

Наконец, когда вы довольны результатами, вы можете скрыть путь в документе, чтобы он не отвлекал, щелкнув где-нибудь в пустой области под Рабочим путем на панели «Пути»:

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

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

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

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

И там у нас это есть! Вот так поглаживать текст кистью в фотошопе! Ознакомьтесь с нашими разделами « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по Photoshop!

Подписывайтесь на нашу новостную рассылку

Будьте первым, кто узнает, когда будут добавлены новые учебники!


Векторный метод обводки эскиза в Photoshop.

Часть 1

Пролог

— Вот он, камень преткновения. Мы нашли его! 😉

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

Насколько помню, там был описан какой-то способ раскраски, но не был освещен вопрос обводки контура. Что ж.. Я не кухонный комбайн, чтобы всё сразу; однако попробую. 🙂

И вот, пока мой скромный чум озаряет муза, а олени всё равно ушли на север,- начнем, однако.
— Вы встречали человека, который никогда не видел бы компьютера, но тем не менее заинтересовался им, увидев двоичную таблицу умножения? Я — нет. А ведь именно так нас и учат, начиная со школы. Сначала заставляют учить (дай бог памяти).. забыл, что именно.. 🙁 Но главное — при этом клятвенно заверяют, что где-то там, в светлом будущем, нам это пригодится.

— Я слышу храп с задних рядов? ..Кто-то спросонья упал в костер?? 8( &nbsp Хм.. По крайней мере, теперь он проснулся.. — Да не угаснет бамбук в ваших трубках, братья!
..Интеллигентные отличники в моржовых шкурах, недоуменно поблескивая диоптриями, как бы невзначай интересуются: почто открыл кран, да не в тему (забодай тебя олень), и когда будет про обводку!?
— А почему вы так уверены, что она вам нужна? Хотя сами говорите, что еще не пробовали.. ;))

В общем, так: начнем с конца! Считаем, что векторный контур у нас уже есть!! Ура!!! (изобразите хотя бы видимость просветления на Вашем многомудром челе, явите такое чудо..) — А теперь, как завещал Великий Шаман (да не угаснет бамбук и в его трубке вовеки!),- будем искать крайнего. Обычай такой. Исстари повелось, я не виноват.
— Ну, кто там громче всех просил? Какой-то уж очень настойчивый отличник.. ага, вспомнил,- это был J-in-fog.. Хм.. Кажется, он даже проснулся.. :))

————————————————————

1.1 Раздача слонов

Для начала берем test.rar (15Кб). В архиве имеется файл test.psd, который, в свою очередь, содержит рисунок размером 1300 х 1498. — Не верите? Правильно делаете. Рисунка, как такового, там еще нет; и при открытии документа в Фотошопе на рабочем поле совершенно пусто. Дело в том, что растровая информация в этом файле отсутствует, а патчи по умолчанию невидимы.

Да, договоримся сразу: векторные пути я называю патчами. По той причине, что слово «путь» при прочтении не воспринимаю, как термин; а здесь нужен именно термин, то есть четкое словесное обозначение некоей вещи. Значит, один путь я называю «патч», а несколько патчей — «векторная форма», «векторный контур».
Второе: все дальнейшие объяснения касаются нерусифицированного Photoshop 7.
Третье: о закладке Layers и тому подобных вещах я говорил в прошлой статье, причем для нулевого уровня подготовки. Я готов рассказывать настолько подробно, насколько это возможно; однако не готов повторять одно и то же каждый раз. Поэтому сейчас по умолчанию считаю, что действия с растровыми слоями на закладке Layers не вызывают у вас затруднений.
Четвертое: если я называю цвета для обводки или раскраски, то имею в виду свои собственные, таблица которых была приведена в прошлой статье.
— Вроде бы, всё. 🙂

Однако, мы отвлеклись от нашего файла.. — Чтобы разглядеть контур, идем на закладку Paths. Она находится в той же группе, что и Layers. Аналогия между этими закладками состоит в том, что и та, и другая содержит слои; только на Layers они растровые, а на Paths — векторные.

На данной иллюстрации показаны значения кнопок, расположенных в нижней части закладки Paths.
Fill path — залить патч
Stroke path — обвести патч
Load path as a selection — взять выделение по патчу
Make work path from selection — создать патч по выделению
Create new path — создать новый векторный слой
Delete path — стереть текущий векторный слой
Примечание: заливка и обводка осуществляются текущим цветом рабочей палитры.

Одно из отличий векторной закладки от растровой заключается в том, что одновременно можно видеть только один слой. При открытии ни один из слоев не выбран, поэтому патчи не видны. Однако, рука так и тянется выбрать слой под названием «Gadget».. 🙂 Выбираем. ..Я вообще-то предупреждал, что кто-то будет крайним.. ;))

За основу векторного контура был взят вот этот эскиз:

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

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

..Кстати, раздел заканчивается, а слонов так и не видно.. Ну их в болото. У нас есть Гаечка, она гораздо лучше! 🙂

1.2 Обводка

Теперь посмотрим, что можно сделать с векторным контуром. Во-первых, его можно автоматически обвести. Если вы собираетесь эту обводку впоследствии заливать по моему способу, то сперва лучше пойти на закладку Layers и создать новый слой — по причине, что при таком способе требуется контур на прозрачном фоне; а сейчас на закладке Layers у нас выбран Background, который прозрачным быть не может. Создаем растровый слой и называем его stroke. В панели инструментов выбираем кисть (Brush) и устанавливаем диаметр 4 пиксела. Через Color Picker задаем цвет #582C1D. Затем идем на закладку Paths, выбираем слой Gadget и щелкаем по второй кнопке слева (Stroke path). — Какой эффект! У меня обвело меньше, чем за секунду. 🙂

..Однако, обводка как будто рябит. Не на иллюстрации, а у вас в Фотошопе, если все-таки не поленились открыть предложенный файл. Рябь происходит из-за того, что патч отображается поверх обводки. Для скрытия векторов существует клавиатурная комбинация <Ctrl>+<Shift>+H. Попробуйте. Патч исчез, и первые четыре кнопки внизу закладки Paths стали недоступны. Если набрать указанную комбинацию еще раз, патч снова появится. В дальнейшем об этих действиях я буду говорить «скрыть патч» и «показать патч».

Теперь, если мы отменим предыдущую обводку, то сможем попробовать еще один интересный режим.Устанавливаем кисть диаметром 8 пикселов. Если патч все еще скрыт, надо его показать. На закладке Paths нажимаем вторую кнопку слева (Stroke path) совместно с клавишей <Alt>. Показывается окно настроек для обводки, в котором отмечаем параметр Simulate Pressure.

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

Нажимаем OK в вызванном ранее окне Stroke Path.. Действительно, интересный эффект: линии стали переменной толщины. Хотя в чистом виде этот метод малоприменим — по причине, что отрисовка имеет множество разрывов.

В таком случае я применяю двойную обводку: первый раз более толстой кистью с имитацией давления (включенным параметром Simulate Pressure), второй раз — кистью тоньше, и без давления. Это самый простой способ, рассчитанный на настройки Фотошопа по умолчанию. Однако, можно сделать и умнее.
Для этого выбираем инструмент кисть (Brush) и идем на закладку Brushes.

Если на закладке отображается другая картинка, выберите раздел Shape Dynamics (отмечен зеленой стрелкой). В выпадающем меню (подчеркнуто) должен быть выбран пункт Pen Pressure. Далее, нас интересует параметр Minimum Diameter, точнее, его регулятор (отмечен красной стрелкой).
При обводке с имитацией давления, линия в самом толстом месте всегда будет равна диаметру кисти, выбранной для обводки. А параметр Minimum Diameter показывает, какой будет линия в самом тонком месте, в процентах от диаметра той же кисти. Например, при данном параметре, установленном на 50%, будем иметь в самом тонком месте уменьшение толщины линии вдвое. А при установке 1% (как было по умолчанию), в самом тонком месте линия сводилась практически к нулю.
И все-таки метод двойной обводки также имеет право на существование. Параметр Minimum Diameter показывает относительное изменение толщины, а если обводка для разных частей персонажа производилась разными диаметрами кисти, и вас интересует, чтобы линии были не тоньше какого-то абсолютного размера, то в некоторых случаях все-таки придется обводить второй раз — постоянной толщиной, кистью этого самого размера.

..До настоящего момента, на закладке Paths мы экспериментировали со слоем Gadget, который содержит векторную форму целиком. Тем не менее, на этой закладке присутствуют и другие слои. Это части той же самой векторной формы, предназначенные для обводки разным цветом и разной толщиной кисти. Те, которые начинаются с «brown_», предполагают цвет #582C1D; а слои с «blue_» — #5E3652. Цифры в названии слоев означают толщину кисти, используемой для обводки. Как цвета, так и толщины кистей не являются истиной в последней инстанции и представляют собой всего лишь план обводки на мой вкус. На самом деле, сначала этот контур был сделан для личного пользования. И только потом вдруг осенило пыльным мешком, и я сел за статью. 🙂

1.3 Раскраска

1.3.1 Заливка контура

Как ни печально, однако с раскраской собственно по патчам ничего у нас не выйдет. Почему это так, позволят понять несколько простейших опытов. Итак, вот я рисую абстрактный замкнутый контур. Затем выбираю какой-нибудь цвет и на закладке Paths нажимаю первую кнопку слева (Fill path).

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

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

..Как и следовало ожидать, получается абстракция.
И учитывая, что имеющийся у нас векторный контур Гаечки состоит на самом деле из множества патчей, большинство из которых являются незамкнутыми,- предвидится еще более неприглядный результат.
Да что я вам рассказываю.. Попробуйте сами! Выберите на закладке Paths слой Gadget и нажмите кнопку Fill path.
— Странная интерпретация образа, не правда ли? 😉

Однако, не всё так плохо. — В предыдущем разделе мы уже сделали растровую отрисовку на прозрачном фоне! А ведь именно её отсутствие и было тем камнем преткновения, который (по вашим же словам), никак не давал вам начать.. 😉
Другими словами, можно брать эту отрисовку и на ее основе делать залитые рисунки при помощи способа, который я описал в предыдущей статье. Пускай упомянутая метода и отдает самодеятельностью, зато позволяет получить результат любому, кто способен хотя бы добросовестно выполнять работу по пунктам!

При этом лично я придерживаюсь такого порядка действий: сначала на закладке Layers выбираю пустой прозрачный слой. Или создаю его, если такого нет.
Затем перехожу на закладку Paths и по полному векторному контуру (в нашем случае — слой Gadget) делаю вспомогательную отрисовку всех линий кистью диаметром 3 пиксела, постоянной толщиной (параметр Simulate Pressure отключен). Цвет значения не имеет, лишь бы темный.
Затем перехожу обратно на закладку Layers и для всех частей персонажа повторяю следующие действия: по вспомогательной отрисовке беру выделение какой-нибудь части и увеличиваю на 2 пиксела по окружности, после чего получается, что мое выделение проходит практически по линиям патча (точнее, область получается шире на 0.5 пиксела). Затем создаю слой для этой части и по выделению делаю заливку. То же самое для всех частей.
Результатом является то, что на границах между разными цветами имеем их перекрытие в 1 пиксел, что вполне достаточно, чтобы переходы не были заметны. Практически, это технология из предыдущей статьи, немного усовершенствованная для более точного схождения частей на границах между разными цветами.
Перед выделением, параметр Tolerance инструмента Magic Wand устанавливаю 0. Параметр Feather инструмента Lasso tool (на случай, если какие-то области придется добавлять к выделению вручную), тоже ставлю 0.
После всей работы получается практически слитная заливка; если и попадаются небольшие просветы между разными частями, то только в углах. При необходимости, это можно исправить вручную. У меня на ретуширование ушло всего несколько минут, и вот результат (уменьшен в два раза; отрисовка скрыта).

Теперь, при скрытой вспомогательной отрисовке, мы можем делать другую,- надлежащими цветами, толщинами кисти, в том числе и с имитацией давления (включенным параметром Simulate Pressure).

Рассмотрим варианты. На первой иллюстрации мы видим отрисовку однородной толщины.

А в этом случае — с имитацией давления кисти.

Про данный вариант расскажу подробнее. Сначала обвел все векторные слои соответствующими цветами с имитацией давления, кистью рекомендованной толщины (допустим, слои brown_3, brown_4, brown_6 обвел толщиной 3, 4, 6). Параметр Minimum Diameter из раздела Shape Dynamics был по умолчанию (1%). Затем сделал повторную обводку соответствующими цветами, без имитации давления, толщиной 1.
— Пожалуй, получилось тонковато.. Можно попробовать обвести второй раз постоянной толщиной 2, или при первой обводке брать диаметры кистей больше на 1 пиксел.. Либо экспериментировать с параметром Minimum Diameter. В общем, здесь оставляю вам простор для личного исследования.

1.3.2 Работа с палитрами

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

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

Посмотрим на закладку Swatches. У нее всего три кнопки. В нижней части — Create New Swatch и Delete Swatch. Сверху справа есть круглая кнопка с изображением треугольника, которая вызывает меню закладки.
Кнопка Create New Swatch создает новую ячейку с текущим цветом; при нажатии совместно с клавишей <Alt> будет предложено ввести имя для этого цвета. Создать ячейку еще проще, если поместить курсор на рабочее поле закладки в месте, свободном от ячеек (курсор при этом принимает вид ведра), и сделать левый клик. Кнопка Delete Swatch на самом деле не нажимается. На нее можно только перетаскивать ячейки; в таком случае они стираются. То же самое можно сделать и обычным кликом по ячейке совместно с клавишей <Alt> (курсор при этом принимает вид ножниц).
Центральную часть закладки занимает поле, где располагаются квадратики разных цветов. Я называю их «ячейки», а всю группу ячеек — «палитра». При клике на какой-либо ячейке, текущий цвет заменяется на цвет указанной ячейки, а если кликнуть совместно с клавишей <Ctrl>, то в рабочей палитре соответственно изменяется цвет фона.
Названия цветов можно узнать по всплывающим подсказкам, либо перейти в режим закладки Small List (включается из меню закладки). Если всплывающие подсказки не отображаются, их можно включить через главное меню программы: Edit/Preferences/General, где отметить параметр Show Tool Tips.
Если же, кроме всплывающих подсказок, вы не видите даже закладку Swatches.. 8) ..вероятно, вы случайно закрыли соответствующую группу закладок. Чтобы показать их снова, можно из главного меню программы выбрать пункт Window/Workspace/Reset Palette Locations. Этой командой полностью восстановится рабочее пространство Фотошопа по умолчанию. Либо выбрать Window/Swatches. Восстановится только группа закладок, содержащая закладку Swatches.

В этом месте я считаю необходимым прокомментировать ситуацию с русской терминологией. Разными источниками придаются разные значения слову «палитра» применительно к Фотошопу, и единого мнения не наблюдается. Где-то называют этим словом группу закладок (например — Layers, Channels, Paths). Кое-где «палитрами» называют каждую из этих закладок по отдельности, или даже обозначают тем же словом способ кодирования цвета — RGB, CMYK и так далее. В то же время, «палитрой» называют и набор цветов, который мы видим на закладке Swatches.. Неразбериха поистине удручающая.
В общем, я решил рассказывать в той терминологии, которой пользуюсь сам. Layers, Swatches, взятые по отдельности, для меня — «закладки». Их набор, расположенный в одном месте, вроде Layers, Channels, Paths — «группа закладок». Под «палитрой» я понимаю набор образцов цвета на закладке Swatches. Также иногда употребляю словосочетание «цветовой набор», чтобы избежать повторения слов. Под «рабочей палитрой» подразумеваю пару квадратиков на панели инструментов, которые отображают текущий (рабочий) цвет и цвет фона. По щелчку на этой рабочей палитре, кстати, можно вызвать окно Color Picker, которое нам скоро пригодится (на иллюстрации обведена рабочая палитра).

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

Однако, мы отвлеклись от закладки Swatches. В ее меню, которое вызывается круглой кнопкой с черным треугольником сверху справа закладки, мы видим достаточное количество пунктов, разделенных на группы горизонтальными линиями. В последней группе располагаются имеющиеся в вашем Фотошопе палитры — например, ANPA Colors, DIC Color Guide, FOCOLTONE Colors и так далее. Если нажать на название любой из них, появится окно подтверждения: OK — заменить текущую палитру на указанную, Cancel — отменить действие, Append — добавить цвета из указанной палитры в конец текущей. Если хотите восстановить цветовой набор по умолчанию, достаточно выбрать из меню закладки пункт Reset Swatches. Большим недостатком этой части меню считаю то, что никаким значком не отмечено, какая из палитр является текущей.
Пункт Load Swatches добавит цвета из указанного файла в конец текущей палитры (файлы цветовых наборов Фотошопа имеют расширение .ACO). Save Swatches вызовет окно, где будет предложено сохранить текущее состояние палитры в виде файла под каким-либо именем. Пункт Replace Swatches полностью заменит текущий цветовой набор на палитру из указанного файла.
Имеется еще пара полезных пунктов: Small Thumbnail означает отображение цветового набора в виде ячеек, что мы привыкли видеть по умолчанию. Small List расположит цвета в вертикальной полосе прокрутки вместе с их названиями, в виде списка.

— Теория утомляет. 😉 Давайте лучше сделаем какую-нибудь свою палитру. Сначала неплохо решить, какие именно цвета мы туда занесем. К примеру, существует рисунок lineup.jpg, на котором даны цвета раскраски основных персонажей сериала Chip & Dale Resque Rangers, в виде номеров из палитры PANTONE solid coated.
Использовать этот цветовой набор в исходном виде для раскраски персонажей я не пожелал бы никому: в нем несколько сотен цветов, когда как для одного персонажа нужны обычно меньше десятка из них.
Значит, надо сделать короткую палитру, в которой будут только нужные цвета. Для начала надо убрать все ячейки на рабочем поле закладки Swatches. Групповой операции по стиранию я не нашел, поэтому делаю так: ставлю курсор на левую верхнюю ячейку, нажимаю клавишу <Alt> (курсор принимает вид ножниц), затем кликаю мышкой, пока все ячейки не будут стерты. Автоповтор нажатия здесь не поддерживается.
Таким способом получаем пустое поле. Кстати, собственно файл палитры, которую мы вроде бы стерли, этим действием не портится. Изменения сохранятся только по команде меню закладки SwatchesSave Swatches; да и то, только в том случае, если для сохранения вы выберете имя, совпадающее с именем файла, содержащего текущую палитру. После этого появится стандартный запрос Windows на замену существующего файла. И только после того, как вы подтвердите замену, текущее состояние палитры будет занесено в указанный файл. — Категорически не советую сохранять измененный цветовой набор под именем какой-нибудь стандартной палитры; этим самым вы ее испортите.

Теперь для каждого цвета, заносимого в нашу палитру, повторяем следующее:
1) Вызываем окно Color Picker, выбираем нужный цвет. Можно выбрать его на глаз в окне, где изображен спектр. Можно вводить числовые значения RGB или шестнадцатиричный код, если они вам известны. В случае с палитрой PANTONE solid coated надо в окне Color Picker перейти в режим Custom Colors (кнопка Custom), из выпадающего меню выбрать указанную палитру, после чего ее цвета появятся в вертикальной полосе прокрутки. Оттуда выбрать нужный цвет. Нажимаем OK, после чего выбранный цвет становится текущим.
2) На закладке Swatches нажимаем кнопку Create New Swatch совместно с клавишей <Alt>, вводим имя для нашего цвета (не длиннее 64 символов) и нажимаем OK. Прибавляется одна ячейка в палитре.

После заполнения всех необходимых ячеек, палитру надо сохранить командой меню закладки SwatchesSave Swatches. Как я предупреждал, выбирать для файла имя уже существующей палитры следует только в том случае, если это имя вашей собственной палитры, которую вы вызвали, отредактировали и теперь хотите сохранить внесенные в нее изменения (для этого надо сохранить файл под тем же именем). Но никогда не выбирайте для сохранения имена, совпадающие с названиями стандартных палитр Фотошопа, поскольку таким способом вы их лишитесь.
Сохраненную палитру можно вызывать командой меню закладки SwatchesReplace Swatches, либо из списка палитр внизу этого меню (не ищите ее в этом списке сразу: там она появится только после перезапуска Фотошопа).

Теперь, когда вы знаете, как можно сделать свою палитру, вы можете завести их сколько угодно для всех необходимых случаев. И вместо того, чтобы разыскивать цвета в объемистых списках вроде PANTONE solid coated, будете за один клик выбирать их из собственных коротких палитр, сделанных отдельно для каждого персонажа.
Хотя, кое-какая часть работы здесь уже сделана. 😉 В архиве test.rar, который был вам предложен в начале статьи, имеется папка CDRR, во вложенных папках которой есть палитры для всех персонажей, сделанные на основе уже упоминавшегося рисунка lineup.jpg; в том числе и русифицированные. По две палитры на каждого персонажа, кроме Гаечки; в ее папке четыре файла. Кроме палитр Gadget(lineup).aco и Гаечка(lineup).aco там имеется Gadget(Tetarga).aco. Эта палитра сделана со схемы tetarga_gad_colors.jpg, в которой, как считается, даны цвета из того же lineup, только в виде RGB. Я проверял: соответствие неполное. Хотя бы в единицах параметров R, G, B, но они отличаются. Возможно, в этом есть какой-то сакральный смысл, который я пока не в состоянии постичь.. ;)) ..поэтому даю и эту палитру тоже. Кроме того, в папке есть файл Gadget(Bonev).aco — ну, это понятно, чей. 😉
Чтобы занести эти палитры в Фотошоп, проще всего бросить папку CDRR из архива test.rar в папку вашего Фотошопа Presets\Color Swatches. Например, у меня полный путь к этому месту выглядит так:
C:\Program Files\Adobe\Photoshop 7.0\Presets\Color Swatches
При следующем запуске Фотошопа, все цветовые схемы для персонажей будут доступны в списке палитр из меню закладки Swatches. К слову, еще одним недостатком этого списка (кроме отсутствия информации о текущей палитре) считаю то, что там никак не отображается реальная структурированность палитр по папкам. Будь они вложены хоть в десять папок подряд, однако в меню будут отображаться одномерным списком, в алфавитном порядке. По мне, гораздо удобнее было бы в списке палитр иметь раздел CDRR с раскрывающимися подразделами, однако увы..
Впрочем, пока цветовых наборов немного, этот плоский список не очень напрягает. И надеюсь, что у некоторых в нем появятся и собственные наработки.

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

————————————————————

— Итак, наш скромный сабантуй начался с векторного файла, невзначай предложенного вашему насупленному взору. И если результатом моего безудержного бреда стала хотя бы на 2.5% меньшая насупленность, то я считаю, что выполнил свою задачу ровно настолько же.. 8)
Что можно делать с векторными формами, мы разобрали, изящно обойдясь при этом безо всяких двоичных таблиц умножения. Впрочем, любителей себя потерзать и помучить я успокою: трудности будут! Во второй части статьи.
Еще есть время не открывать ее.. ;)))

Bonev — 02.01.2006


Как залить контур фотошоп


Управление контурами в Photoshop

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

При использовании для создания нового слоя-фигуры инструмента групп «Перо» или «Фигура» новые контуры отображаются на панели «Контуры» как векторные маски. Векторные маски связаны со своим родительским слоем. Для просмотра списка векторных масок на панели «Контуры» необходимо выбрать родительский слой на панели «Слои». Векторную маску можно удалить из слоя или преобразовать в растровую маску. Дополнительные сведения см. в разделе Добавление и редактирование векторных масок.

Контуры, сохраненные вместе с изображением, отображаются при повторном его открытии. При работе в Photoshop (Windows) контуры поддерживаются форматами JPEG, JPEG 2000, DCS, EPS, PDF и TIFF. При работе в Mac OS контуры поддерживаются всеми доступными форматами файлов.

Редактирование контуров в Adobe Photoshop

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

Палитра инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо» , инструмент «Добавить опорную точку»  и инструмент «Удалить опорную точку» .

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

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

Как сделать заливку в Фотошопе CS6 и СС

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

В этой статье разговор пойдет о том, как пользоваться инструментом “Заливка”, рассмотрим его разновидности и применим знания на практике.

Содержание: “Как сделать заливку в Фотошопе”

Разновидности заливок

Есть несколько функций в Фотошопе по нанесению цвета — «Градиент» и «Заливка».

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

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

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

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

Как выполнить заливку

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

Параметры, которые важно регулировать при использовании инструмента «Заливка»:

  1. Источник заливки. Данная функция помогает настроить режим окрашивания цветом всей части изображения, к примеру, полное покрытие цветом или каким-либо рисунком.
  2. Узор. Этот параметр позволяет найти нужный узор, который хотите нанести на изображение.
  3. Режим заливки. Помогает выбрать настройки для заливания цветом.
  4. Непрозрачность. Параметр, который дает отрегулировать степень прозрачности цвета.
  5. Допуск. Параметр, который дает возможность установить близость необходимых цветов, а инструмент «Смежные пиксели» помогает сделать заливку близких промежутков, которые включены в Допуск.
  6. Сглаживание. Создает закрашенную пополам грань между промежутками, один из которых залит, а другой нет.
  7. Все слои. Заливает цветом все слои в палитре.

Чтобы настроить в графическом редакторе Фотошоп инструмент «Градиент», нужно:

  1. Выбрать необходимую для заливки область и выделить её.
  2. Кликнуть на инструмент «Градиент».
  3. Выбрать цвет для заливки фона и определиться с основным тоном.
  4. Поставить курсор в выделенную область.
  5. Удерживая левую кнопку мышки, нарисовать линию, чем она будет длиннее, тем менее виден будет переход от одного цвета к другому. Если хотите, чтобы градиент был ровным, то зажмите клавишу SHIFT.

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

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

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

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

Как сделать контур в Фотошопе: вокруг текста, объекта

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

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

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

Примечание: если мы имеем дело не с текстовым, а обычным слоем с каким-либо объектом (в т.ч. в виде надписи), он должен быть на прозрачном слое. В противном случае, сначала необходимо вырезать объект, и только потом приступить к созданию контура вокруг него.

Метод 1: растрируем текст

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

  1. В Палитре слоев правой кнопкой мыши щелкаем по слою с текстом (но не по его миниатюре) и в открывшемся контекстном меню выбираем команду “Растрировать текст”.
  2. Зажав клавишу Ctrl на клавиатуре щелкаем по видоизмененной миниатюре слоя.
  3. В итоге, вокруг текста на холсте должно повиться выделение.
  4. Раскрываем содержимое меню “Выделение” и выбираем в нем пункт “Модификация”, затем – “Сжать”.
  5. В появившемся окошке указываем размер сжатия в пикселях, после чего жмем OK. Значение задаем исходя из того, контур какой толщины требуется сделать – чем выше число, тем толще получится контур. В нашем случае укажем 2 пикс.
  6. Выделение на холсте изменилось. Удаляем ненужную часть текста, нажав клавишу Del на клавиатуре.
  7. Получаем такой результат. Остается только нажать сочетание Ctrl+D, чтобы убрать выделение.
  8. На этом работа по созданию контура завершена.

Растрировать текст можно и на новом слое. Вот как это делается:

  1. Выбрав текстовый слой в Палитре выделяем его содержимое полностью, нажав комбинацию клавиш Ctrl+A.
  2. В меню “Редактирование” выбираем команду “Копировать” (или жмем сочетание Ctrl+C).
  3. Снова идем в это же меню и кликаем по пункту “Вставить” (или жмем Ctrl+V).
  4. В итоге получаем новый слой с текстом в виде изображения на прозрачном фоне. Дальнейшие действия аналогичны описанным выше (с шага 2).
Метод 2: создаем конутр на новом слое

На этот раз мы создадим контур на отдельном, специально созданном для этого слое.

  1. Аналогично первому методу, зажав клавишу Ctrl на клавиатуре щелкаем по миниатюре слоя с текстом, чтобы выделить его.
  2. Далее выполняем сжатие через меню “Выделение” – “Модификация” – “Сжать”. В качестве примера мы указали 3 пикс.
  3. В Палитре создаем новый слой.
  4. Жмем комбинацию клавиш Shift+F5, чтобы вызвать окно “Заполнить”. Для параметра “Содержание” выбираем вариант “Цвет”. После этого появится еще одно окошко, в котором задаем цвет, идентичный фону созданного слоя (т.е. белый в нашем случае). Теперь можно закрыть оба окна нажатием кнопок OK.
  5. Все готово, остается только убрать выделение, нажав комбинацию Ctrl+D.Примечание: в данном случае контур состоит из сочетания двух слоев: текстового и созданного. Чтобы объединить их в один (создать отпечаток), жмем горячие клавиши Ctrl+Shift+Alt+E.
Метод 3: настраиваем параметры стиля слоя

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

  1. Дважды щелкаем левой кнопкой мыши по текстовому слою (не по имени или миниатюре, а именно по свободной области).
  2. В открывшихся “Стилях слоя” переключаемся в раздел “Выполнить обводку” (ставим напротив нее галочку). После этого в правой части окна указываем размер в пикселях, выбираем положение (снаружи, внутри или из центра) и задаем цвет контура. Остальные настройки можно оставить без изменений. По готовности жмем OK.Примечание: если напротив пункта “Просмотр” установить галочку, можно в реальном времени отслеживать вносимые изменения до их подтверждения.
  3. Видим на холсте следующий результат.
  4. Остается только убрать заливку слоя, указав значение – 0%.
  5. Все готово, мы успешно создали контур вокруг текста.При необходимости, как и в методах выше, можно создать отпечаток слоя или растрировать его.

Заключение

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

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


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

Контуры объектов в Photoshop

Итак, имеем некий текст. Например, такой, как показан ниже. Для него и создадим контур несколькими способами.

Способ 1: Удаление лишнего

Этот способ подразумевает растрирование имеющегося текста.

  1. Нажимаем правой кнопкой мыши по слою и выбираем соответствующий пункт меню.
  2. Затем зажимаем клавишу CTRL и кликаем по миниатюре получившегося слоя. На растрированном тексте появится выделение.
  3. Идем в меню «Выделение – Модификация – Сжать».

    Размер сжатия зависит от того, какой толщины контур мы хотим получить. Прописываем нужное значение и нажимаем ОК.

  4. Получаем модифицированное выделение:
  5. Осталось только нажать клавишу DEL и получить желаемое. Выделение снимается сочетанием горячих клавиш CTRL+D.
Способ 2: Заливка

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

  1. Снова кликаем по миниатюре текстового слоя с зажатым CTRL, а затем производим сжатие, как и в первом способе.
  2. Далее создаем новый слой.
  3. Нажимаем SHIFT+F5 и в открывшемся окне выбираем заливку цветом. Это должен быть цвет фона.

    Нажимаем везде ОК и снимаем выделение. Результат такой же.

Способ 3: Стили

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

  1. Дважды кликаем по слою левой кнопкой мыши и в окне «Стиль слоя» переходим на вкладку «Обводка». Следим, чтобы галка возле названия пункта стояла. Толщину и цвет обводки можно выбрать любые.
  2. Нажимаем ОК и переходим обратно в палитру слоев. Для проявления контура необходимо снизить непрозрачность заливки до 0.

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ
Поделиться статьей в социальных сетях:

Фигуры Photoshop — векторные формы, контуры и пиксельные заливки

Для упрощения примера я возьму инструмент «Эллипс» (Ellipse Tool) и выберу заливку сплошным красным цветом без обводки, подробнее о построении фигур и их заливке здесь, и, зажав 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 и без переименования, возможно, в ранних версиях он и не сохранялся, я уже не помню.

Инструменты для работы с контурами — это «Выделение контура» (Path Selection Tool ), «Выделение узла» (Direct Selection Tool), а также инструмент «Угол» (Convert Point Tool) из группы «Пера» (Pen Tool).

Инструмент «Выделение контура» выделяет контур целиком со всеми узлами, «Выделение узла» выделяет один (или насколько, если зажать 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

Вы можете выделить текст в Adobe Photoshop, чтобы выделить его.Его быстро и легко освоить, даже если вы новичок в Photoshop.

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

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

В этой статье мы покажем вам, как очертить текст в Photoshop и как это сделать правильно.

Как выделить текст в Photoshop

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

    1. Выберите инструмент «Текст» (горизонтальный или вертикальный) и создайте текст.
    2. Щелкните правой кнопкой мыши на Type Layer и выберите в меню Blending Options . Или перейдите в Слой > Стиль слоя> Обводка .
    3. В диалоговом окне Layer Style выберите Stroke в списке стилей слева.
  1. Параметры стиля «Обводка» позволяют полностью контролировать внешний вид контура.Установите желаемый размер или ширину с помощью ползунка или введите собственное значение.
  2. Выберите Позиция для хода. Правое положение изменяет внешний вид, когда текст объединяется с другими элементами слоя. Есть три варианта.
    • Внутри. Обводка будет помещена внутри краев выделения.
    • Центр. Обводка появится на 10 пикселей внутри и за пределами выделения.
    • Снаружи. Обводка будет проходить по внешнему краю выделения.
  3. Используйте режим наложения , чтобы контролировать, как цветная обводка будет взаимодействовать с цветами или слоями под обводкой. Например, если вы поместите текст поверх цветного изображения.
  4. Используйте ползунок Непрозрачность , чтобы установить степень прозрачности обводки.
  5. Обводки могут быть заполнены однотонными линиями, красочными градиентами, а также узорными границами. Щелкните плитку цвета, чтобы открыть палитру цветов. Выбери свой цвет. Щелкните ОК.

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

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

Как обвести контур шрифта в Photoshop

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

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

Давайте посмотрим, как выделить любой шрифт в Adobe Photoshop, как на скриншоте ниже:

1.Начните с чистого листа. В этом примере у нас черный фон.

2.Введите свой текст. Затем щелкните правой кнопкой мыши текстовый слой и выберите Параметры наложения .

3.Перейдите к Layer Style> Stroke> Выберите позицию Outside . Установите ползунок Size на любое желаемое значение (в идеале 2-3 пикселя) и непрозрачность на 100. Щелкните OK .

4.На вкладке Layers уменьшите непрозрачность Opacity до 0 процентов. Вот и все.

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

Как обвести контуром несколько букв на фотографии в Photoshop

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

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

1.Напечатайте текст поверх фотографии и увеличьте его.

2.Создайте копию текстового слоя и назовите ее «Прозрачный».

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

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

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

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

7.Объедините все видимые слои или сгладьте изображение из опций в меню Layer .

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

Как выглядит ваш первый набросанный текст?

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

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

5 способов проверить, взломано ли ваше устройство Android

Об авторе Сайкат Басу (Опубликовано 1538 статей)

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

Ещё от Saikat Basu
Подпишитесь на нашу рассылку новостей

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

Еще один шаг…!

Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.

.

Photoshop: Как заполнить незамкнутые контуры?

Привет!
Я работаю над каким-то мультипликационным персонажем.
Я рисую контуры черным на настоящей бумаге, затем сканирую свой лист и затем пытаюсь раскрасить персонажа в Photoshop.
Photoshop довольно мощный инструмент для работы с выделениями и цветами, но единственная проблема в том, что я могу заливать только закрытые области. Если когда-нибудь в моих очертаниях будет какой-то разрыв, выделение (сделанное с помощью волшебной палочки) переполнится, и я не смогу использовать его для заполнения нужной области.
Например, выбирается не только форма руки моего персонажа, но и вся страница!
Я использую несколько векторных программ (Illustrator, Flash, Toonbom), которые могут заполнять незамкнутые области. Мне просто нужно установить это в параметрах ведра с краской …
Если эта функция возможна для векторных контуров, она должна быть возможна и для растровых контуров! Сложнее реализовать не должно ..

Почему профессиональное программное обеспечение, такое как Photoshop, все еще не может этого сделать в 2014 году?

А может это я не понял, как надо было это делать?
Может ли кто-нибудь помочь мне улучшить эргономику и увеличить рабочий процесс по раскрашиванию иллюстраций с помощью Photoshop?

.

Как набросать текст в Photoshop, учебник


Есть 2 варианта контурных шрифтов. Первый — это эффект, при котором вы создаете контур шрифта, например обводку или фаску.

эффект контура. для Photoshop CC здесь


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

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

Превращение текста в контур нестандартной формы (Боевой ангел Алита)

Давайте начнем с недавно снятой фотографии модели / косплеера Джесси Прайдмор (косплей Раффлбатта).Я скомпоновал Джесси в роли боевого ангела Алиты в качестве фона. Мы собираемся добавить текст.

Шаг 1

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

Шаг 2

Щелкните свой документ и начните вводить

Шаг 3

Давайте добавим вторую строку текста, вот выбор шрифта для этого.

Step 4

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

Шаг 5

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

Преобразование текста в векторный контур

Шаг 6

Щелкните правой кнопкой мыши тип на панели слоев. Выберите «Преобразовать в форму» в меню.

Шаг 7

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

Преобразование текста в Photoshop

Шаг 8

Выбрав текстовый слой на панели «Слои», нажмите Cmd / Ctrl + T

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

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

Выберите искажение.

Шаг 9

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

Шаг 10

Выберите другой текстовый слой и нажмите cmd / ctrl + T

Шаг 11

Щелкните правой кнопкой мыши для параметров и выберите Искажение

Шаг 12

Перетащите углы, чтобы изменить форму текстового блока. (Совет: вы можете перетаскивать каждый угол, удерживая клавишу Control, в режиме свободного преобразования, не щелкая правой кнопкой мыши и не выбирая «Искажение»).

Изменение цвета заливки текста.

Step 13

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

Выберите типовой слой на панели слоев

Шаг 14

Выберите инструмент прямого выбора (он отличается от инструмента перемещения)

Шаг 15

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

Step 16

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

Шаг 17

Повторите для второго текстового слоя.

Другие слова

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

Спасибо за просмотр учебного курса PhotoshopCAFE на этой неделе. Не забудьте ознакомиться со всеми другими уроками на PhotoshopCAFE. У нас есть много оригинальных руководств (здесь нет перепечаток!). Также посетите наши Instagram, Twitter, Facebook и Youtube (photoshopCAFE)

До встречи в КАФЕ

Колин

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


.

Как заполнить форму фотографией в Photoshop

Давайте начнем с недавно снятой фотографии модели / косплеера Джесси Прайдмор (косплей Раффлбатта).Я скомпоновал Джесси в роли боевого ангела Алиты в качестве фона. Мы собираемся добавить текст.

Шаг 1

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

Шаг 2

Щелкните свой документ и начните вводить

Шаг 3

Давайте добавим вторую строку текста, вот выбор шрифта для этого.

Step 4

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

Шаг 5

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

Преобразование текста в векторный контур

Шаг 6

Щелкните правой кнопкой мыши тип на панели слоев. Выберите «Преобразовать в форму» в меню.

Шаг 7

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

Преобразование текста в Photoshop

Шаг 8

Выбрав текстовый слой на панели «Слои», нажмите Cmd / Ctrl + T

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

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

Выберите искажение.

Шаг 9

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

Шаг 10

Выберите другой текстовый слой и нажмите cmd / ctrl + T

Шаг 11

Щелкните правой кнопкой мыши для параметров и выберите Искажение

Шаг 12

Перетащите углы, чтобы изменить форму текстового блока. (Совет: вы можете перетаскивать каждый угол, удерживая клавишу Control, в режиме свободного преобразования, не щелкая правой кнопкой мыши и не выбирая «Искажение»).

Изменение цвета заливки текста.

Step 13

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

Выберите типовой слой на панели слоев

Шаг 14

Выберите инструмент прямого выбора (он отличается от инструмента перемещения)

Шаг 15

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

Step 16

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

Шаг 17

Повторите для второго текстового слоя.

Другие слова

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

Спасибо за просмотр учебного курса PhotoshopCAFE на этой неделе. Не забудьте ознакомиться со всеми другими уроками на PhotoshopCAFE. У нас есть много оригинальных руководств (здесь нет перепечаток!). Также посетите наши Instagram, Twitter, Facebook и Youtube (photoshopCAFE)

До встречи в КАФЕ

Колин

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


.

Как заполнить форму фотографией в Photoshop

Автор Стив Паттерсон.

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

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

Окончательный эффект «изображение в форме».

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Как заполнить фигуру фотографией

Я использую Photoshop CC, но все, что мы будем делать, также совместимо с Photoshop CS6.

Шаг 1. Создайте новый документ

Начнем с создания нового документа. Перейдите к меню File в строке меню в верхней части экрана и выберите New :

.

Переход к файлу и новому.

Откроется диалоговое окно Новый документ . Если вы используете Photoshop CC, вы увидите обновленную версию диалогового окна «Новый документ». Если вы используете Photoshop CS6, вы увидите старую традиционную версию. Сначала мы рассмотрим версию Photoshop CC, а затем версию CS6.

В Photoshop CC параметры для создания нового пользовательского документа находятся на панели Preset Details справа от диалогового окна. В этом уроке давайте создадим квадратный документ. Установите Width и Height на 2000 пикселей . Мы установим разрешение с на 72 пикселя / дюйм , а для фона с на Белый . Щелкните Create , чтобы создать новый документ:

Панель «Сведения о предустановке» в диалоговом окне «Новый документ» в Photoshop CC.

В Photoshop CS6 снова установите для ширины и высоты на 2000 пикселей , разрешение с на 72 пикселя / дюйм и содержание фона с на Белый . Нажмите ОК , чтобы создать новый документ:

Диалоговое окно «Новое» в Photoshop CS6.

Смотрите видео и оставляйте комментарии на нашем канале YouTube!

Шаг 2. Выберите инструмент Custom Shape Tool

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

Выберите инструмент Custom Shape Tool на панели инструментов. По умолчанию инструмент «Произвольная форма» расположен за инструментом «Прямоугольник». Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на инструменте «Прямоугольник», затем выберите в меню инструмент «Пользовательская форма»:

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

Шаг 3. Установите для режима инструмента значение «Форма»

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

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

.

Установка режима инструмента на «Форма» на панели параметров.

Шаг 4: Установите черный цвет формы

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

По умолчанию цвет уже будет черным. Если это не так, нажмите на клавиатуре букву D . Это сбросит ваши цвета переднего плана и фона до значений по умолчанию, сделав ваш цвет переднего плана (и цвет заливки фигуры) черным:

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

Шаг 5. Загрузите пользовательские формы

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

Миниатюра формы на панели параметров отображает текущую выбранную форму. Нажмите на миниатюру, чтобы выбрать другую форму:

Щелкните эскиз фигуры на панели параметров.

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

Щелкните значок меню (значок шестеренки) в правом верхнем углу окна выбора пользовательской формы:

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

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

Загрузка всех наборов пользовательских фигур в Photoshop.

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

Щелкните OK, чтобы заменить текущие формы новыми.

Шаг 6. Выберите нестандартную форму

Вернувшись в Custom Shape Picker, теперь у нас есть гораздо больше фигур на выбор. Прокрутите миниатюры, пока не найдете тот, который хотите использовать. Форма сердца (которая на самом деле является частью фигур по умолчанию) — популярный выбор. Но для чего-то другого я выберу форму бабочки .

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

Выбор нестандартной формы бабочки.

Шаг 7: Нарисуйте форму

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

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

Щелкните в верхнем левом углу, удерживая Shift, перетащите в нижний правый.

Чтобы завершить форму, отпустите кнопку мыши, затем отпустите клавишу Shift. Убедитесь, что вы сначала отпустили кнопку мыши, затем , затем клавишу Shift, иначе соотношение сторон фигуры может измениться. Photoshop рисует фигуру, заполняя ее черным:

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

Если мы посмотрим на панель «Слои», мы увидим фигуру, сидящую на собственном слое Фигуры над белым фоновым слоем:

Панель «Слои», на которой отображается слой «Форма» над фоновым слоем.

Шаг 8: переместите фигуру в центр

Чтобы переместить форму в центр документа, выберите инструмент Photoshop Move Tool на панели инструментов:

Выбор инструмента «Перемещение».

Затем нажмите на фигуру и перетащите ее в центр. Он должен встать на место, когда вы приблизитесь к середине:

Перемещение фигуры на место.

Шаг 9. Откройте изображение

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

Изображение, которое я помещу внутрь фигуры. Фото: Adobe Stock.

Шаг 10: Выберите и скопируйте изображение

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

Выбираю> Все.

Выбрав изображение, перейдите в меню Правка и выберите Копировать :

Идем в Edit> Copy.

Шаг 11. Вставьте изображение в документ формы

Вернитесь к документу формы, щелкнув вкладку чуть ниже панели параметров. Если вы не назвали документ при его создании (а мы этого не сделали), он, скорее всего, называется «Без названия-1»:

.

Щелкните вкладку документа формы.

Затем вернитесь в меню Edit и на этот раз выберите Paste :

Идем в Edit> Paste.

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

Изображение было вставлено в документ фигуры.

Шаг 12: Создайте обтравочную маску

Если мы снова посмотрим на панель «Слои», то увидим, что Photoshop поместил изображение на новый слой над слоем «Форма»:

Панель «Слои», показывающая изображение над фигурой.

Чтобы разместить изображение внутри формы, все, что нам нужно сделать, это создать обтравочную маску. Убедитесь, что у вас выбран слой изображения («Слой 1»). Затем перейдите в меню Layer вверху экрана и выберите Create Clipping Mask :

.

Переходим в Layer> Create Clipping Mask.

Это «обрезает» изображение на «Слое 1» на слое Shape под ним, что означает, что единственная часть изображения, которая остается видимой в документе, — это область, которая находится непосредственно над (или перед) формой.Остальная часть изображения теперь скрыта, создавая иллюзию, что изображение на самом деле находится внутри формы:

Обтравочная маска помещает изображение внутри формы.

И если мы снова посмотрим на панель Layers, мы увидим, что «Layer 1» смещен вправо с маленькой стрелкой, указывающей вниз на слой Shape под ним. Вот как Photoshop сообщает нам, что изображение теперь обрезано по форме:

Панель «Слои», показывающая изображение, обрезанное по слою «Форма».

Шаг 13: измените размер и положение изображения с помощью свободного преобразования

Чтобы изменить размер и положение изображения внутри фигуры, снова убедитесь, что у вас выбран «Слой 1». Затем перейдите в меню Edit и выберите Free Transform :

Идем в Edit> Free Transform.

При этом поле «Свободное преобразование» и ручки (маленькие квадраты) будут окружать фактические размеры вашего изображения, включая область за пределами видимого холста. Если вы не видите все свои дескрипторы Free Transform, потому что ваше изображение слишком велико, чтобы полностью поместиться на экране, перейдите в меню View и выберите Fit on Screen :

Перехожу в «Просмотр»> «По размеру экрана».

Photoshop автоматически настроит уровень масштабирования так, чтобы было видно все поле «Свободное преобразование». Здесь мы видим мой блок Free Transform, простирающийся справа от холста:

Поле «Свободное преобразование» появляется вокруг всего изображения.

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

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

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

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

Когда будете готовы, нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы зафиксировать изменение и закрыть команду Free Transform:

Изображение теперь лучше вписывается в форму.

Шаг 14: Измените цвет фона

На этом основной эффект «изображение в форме» готов! Конечно, мы всегда можем сделать больше, чтобы настроить его и сделать еще лучше. Единственное, что мы можем сделать, это изменить цвет фона.

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

Выбор фонового слоя.

Затем щелкните значок New Fill или Adjustment Layer в нижней части панели слоев:

Щелкните значок «Новая заливка или корректирующий слой».

Выберите Solid Color из верхней части списка:

Добавление сплошного слоя заливки.

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

Выбор черного в палитре цветов.

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

Результат после изменения цвета фона на черный.

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

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

Выбор цвета для фона.

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

Выбранный цвет теперь является цветом фона.

Если мы посмотрим на панель «Слои», мы увидим наш слой заливки сплошным цветом с названием «Цветовая заливка 1», расположенный между фоновым слоем и слоем формы, как раз там, где нам это было нужно:

Панель «Слои», показывающая новый слой заливки сплошным цветом.

Шаг 15: Добавьте обводку

Наконец, давайте закончим эффект, добавив обводку вокруг формы. Щелкните слой Shape на панели слоев, чтобы выбрать его:

Выбор слоя Shape.

Затем щелкните значок Layer Styles (значок « fx ») в нижней части панели «Слои»:

Щелкните значок «Стили слоя».

Выберите Ход из списка:

Выбор стиля слоя «Обводка».

Откроется диалоговое окно «Стиль слоя» Photoshop, в котором в среднем столбце указаны параметры «Обводка». Чтобы изменить цвет обводки, щелкните образец цвета :

Щелкнув образец цвета.

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

Выбор белого в палитре цветов.

Вернувшись в диалоговое окно Layer Style, я устанавливаю Position обводки на Outside , чтобы она отображалась снаружи формы.Затем я увеличу значение Size , чтобы настроить толщину штриха. Я думаю, что для этого изображения подойдет размер около , 12 пикселей, :

.

Установите положение «Снаружи» и размер 12 пикселей.

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

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

И вот оно! Вот как легко разместить изображение внутри фигуры с помощью обтравочных масок в Photoshop! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об эффектах Photoshop! И не забывайте, что все наши руководства по Photoshop теперь доступны в виде готовых к печати PDF-файлов!

.

Как в фотошопе сделать обводку изображения – Как в фотошопе сделать обводку

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

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



Объемная фоторамка на стену

Необходимые материалы:

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

Исходя из размера самой рамки, нарезаем четыре заготовки из дерева, как на фото.

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

На коробочку наносим тонкий слой клея и сверху кладем рамку. Оставляем конструкцию на час до высыхания.

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

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


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

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

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

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

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

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

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

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

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

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

Идеи декорирования рамки для фото своими руками. Фото в интерьере

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

Можно разместить фотографии на стене без оформления в рамы:

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

Фото в рамках могут висеть на стене:


Стоять на полках:

Или все фото могут быть объединены в одной раме:

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

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

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

Очень стильно и интересно могут смотреться рамы для фото с пуговицами, особенно если они в одном цвете:

А вот эко-варианты с чечевицей, кофе, желудями, пробками и просто палочками:

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

Можно раму обмотать чем-то, например, бечевкой, тесьмой, кружевом, нитками или пряжей, задекорировать тканью, а можно связать или сшить для нее «чехольчик»:

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

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

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

Будет очень интересно, если вы поделитесь своими задумками или может уже воплощенными в интерьере идеями!

P.S. Фотографии взяты на просторах Интернета.

P.P.S. У меня пока руки так и не дошли до своего коллажа из фотографий!

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

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

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

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

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

Природные материалы

Со вкусом выполненный декор рамки в природном стиле всегда привлекает внимание. Ведь все мы – дети природы.

Кофейные зерна, чечевица, желуди

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

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

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

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

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

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

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

Смело и нетривиально

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

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

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

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

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

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

Антураж детства

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

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


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

Тонировка

Шаг 1

Теперь мы добавим легкую тонировку. Переходим Layer NewAdjustmentLayer Curves (Слой – Новый корректирующий слой – Кривые), чтобы добавить новый корректирующий слой, который мы называем «Тонировка».

Шаг 2

Дважды кликаем по миниатюре корректирующего слоя на панели слоев и настраиваем его:

Произвольная обводка — фигуры

На заготовку я наложил скриншот космических леденцов с Ali и хочу обвести в овал само изображение. Как это сделать.

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

Как обвести текст

Мы имеем три слоя – фон, изображение, текст.

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

  1. Двойным щелчком по слою в палитре;
  2. Нажать на слой в палитре правой кнопкой мыши и в появившемся списке выбрать Параметры наложения.

3. Нажатием на иконку стилей fx

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

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

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

Стиль сразу же применился к буквам – по контуру появилась черная линия. Если этого не видно в рабочем окне – поставьте галочку функции Просмотр (рис. 5). Теперь значения параметров можно изменить на свое усмотрение.

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

Функцию Режим наложения

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

Строка Непрозрачность

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

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

Использование инструмента Pen (Перо)

Создание прямых контуров

Инструмент Pen (Перо) служит для создания контуров — прямых и кривых линий — с высокой степенью точности.

Берем инструмент Pen (Перо), выбираем режим работы Paths (Контуры).

Прямой контур создается простыми щелчками инструментом по документу.

Щелкаем Пером в точке 1, затем в точке 2. Между точками образуется прямая линия.

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

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

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

Заливка и обводка контуров

В окне Paths (Контуры) у нас создался Work Path (Рабочий контур). Он состоит из всех контуров, которые построили в одном файле.

Контуры можно заполнять цветом или обводить. Перед этим необходимо выделить контур, т. е. чтобы позиция контура в палитре Paths (Контуры) была активна.

Выполним команду Stroke Paths (Обвести контур), для этого кликаем на контуре правую кнопку мыши или жмем соответствующую кнопку на палитре контуров.

В открывшемся окне выбираем Brush (Кисть). Контур обведется кистью, которая была выбрана на этот момент. Поэтому если нужна определенная обводка, следует предварительно настроить кисть.

Для заливки контура также необходимо, чтобы контур был активен. Кликаем правой кнопкой мыши на контуре и выбираем Fill Path (Залить контур) или жмем соответствующую кнопку на палитре контуров.

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

Итак: ставим первую точку, не отпуская мышь, тянем ее вверх; ставим вторую точку, не отпуская мышь, тянем ее вниз; ставим третью точку, не отпуская мышь, тянем ее вверх.

Основные элементы кривых

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

. Перемещение опорных точек приводит к модификации сегментов контура и изменению его формы.

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

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

Для настройки контуров используется инструмент Direct Selection (Стрелка). Инструмент выделяет отдельные опорные точки или сегменты контура; при этом показываются все управляющие линии контура. Если мы переместим управляющие линии за управляющие точки, увеличится и кривизна сегмента.

Существует два типа опорных точек: гладкая и угловая.

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

Используем тесто в качестве основы


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

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

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

.


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

Фоторамка из бумаги

Есть желание заняться рукоделием, но нет идей, из чего материализовать мечту? Оглянитесь вокруг. Наверняка в доме найдутся остатки обоев от ремонта. Из них можно соорудить великолепную объемную рамку под фото.

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

Фоторамка – оригами

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

Фоторамка из газетных трубочек

Простая обработка прямоугольных изображений

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

.

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

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

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

С чего начать

Как и любое дело, сбор рамок для фото начинается с выбора расходников и техники изготовления. Как показывают мастер-классы, фоторамки чаще всего делают:

  • из дерева,
  • всевозможного вида бумаги,
  • картона.

Деревянная фоторамка своими руками

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

  • пластиком;
  • пенопластом;
  • спичечными коробочками;
  • карандашами;
  • cd-дисками;
  • соломой;
  • прутиками;
  • тканями;
  • тестом.

Фоторамка из карандашей

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

Финальные штрихи

Шаг 1

В этом разделе мы добавим финальные штрихи. Переходим Layer NewAdjustmentLayer PhotoFilter (Слой – Новый корректирующий слой – Фото-фильтр), чтобы создать новый корректирующий слой Фото-фильтр, который мы называем «Оттенок».

Шаг 2

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

Шаг 3

Теперь добавим контрастность. Жмем клавишу D, чтобы сбросить цвета на стандартные, и переходим Layer NewAdjustmentLayer GradientMap (Слой – Новый корректирующий слой – Карта градиента), чтобы добавить корректирующий слой Карта градиента, который мы называем «Контрастность».

Шаг 4

Меняем режим смешивания корректирующего слоя на SoftLight (Мягкий свет) и уменьшаем непрозрачность до 18%.

Шаг 5

Теперь мы настроим насыщенность. Переходим Layer NewAdjustmentLayer Vibrance (Слой – Новый корректирующий слой – Вибрация), чтобы создать новый корректирующий слой, который мы называем «Насыщенность».

Шаг 6

Дважды кликаем по миниатюре корректирующего слоя и настраиваем его:

Шаг 7

Теперь мы подкорректируем яркость. Переходим Layer NewAdjustmentLayer Levels (Слой – Новый корректирующий слой – Уровни), чтобы создать новый корректирующий слой, который мы называем «Яркость».

Шаг 8

Дважды кликаем по миниатюре корректирующего слоя и настраиваем его:

Шаг 9

Далее добавим резкость. Жмем сочетание клавиш Ctrl+Alt+Shift+E, чтобы объединить все видимые слои на отдельном новом слое. Затем переходим Filter Other HighPass (Фильтр – Другое – Цветовой контраст) и настраиваем фильтр:

Коллажи — эффектное решение для современного интерьера


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


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


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

Как изменить цвет и текстуру обводки

Окошко Тип обводки

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

Цвет

Производит заливку однородным цветом. Чтобы его изменить, нажимаем на квадратик с текущим цветом (рис8 п.1) – открывается палитра. Здесь устанавливаем цвет (рис 8 п.2), выбираем его тональность (рис 8 п.3).

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

Теперь наш текст обведен бледно голубым цветом.

Обводка узором

Заполняет паттерном, то есть готовым узором.

Обводку узором покажем на примере изображения.

Делаем этот слой активным.

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

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

В строке Тип обводки выбираем Узор. Открывается такое окно настроек:

Здесь мы увеличили толщину линии до 6 пикс. и для лучшего эффекта увеличили масштаб самого узора до 128%.

Кнопка привязки к началу координат выравнивает узор по верхнему левому краю слоя.

Если хотим изменить узор – открываем библиотеку нажатием на стрелочку (рис 10. п.1). Еще больше узоров найдем там же нажатием на значок настроек. Откроется список. (рис.10. п.2).

😎 Добавление обводки к тексту в Photoshop и в Интернете с помощью MockoFun

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

Добавление обводки к тексту в Photoshop

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

  1. Выберите инструмент «Текст» (горизонтальный или вертикальный) и создайте текст.
  2. Щелкните правой кнопкой мыши текстовый слой и выберите в меню Blending Options .Или перейдите в Layer> Layer Style> Stroke .
  3. В диалоговом окне Layer Style перейдите к Stroke и сделайте необходимые настройки; Размер, положение, непрозрачность, тип заливки и т. Д.

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

Должность. Выберите Позиция для хода. Есть три варианта.

  • Внутри. Обводка будет помещена внутри краев текста.
  • Центр. Обводка будет помещена внутри и снаружи текста.
  • Снаружи. Обводка будет выходить за пределы края текста.

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

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

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

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

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

Действие также работает, если вы хотите очертить фигуры.

Контурный текст в Photoshop

Вы также можете обводить текст онлайн с помощью онлайн-редактора MockoFun со шрифтами.

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

Обводка контура в Photoshop (с примерами) Учебное пособие по Photoshop

www.psd-dude.com

Узнайте, как использовать Stroke Path в Photoshop.Эта функция очень полезна для создания различных текстовых эффектов. Чтобы увидеть применение Stroke Path , ознакомьтесь с моим руководством о том, как создать контурный текст в Photoshop.
Это также очень полезно для создания рамок и границ, эффектов контура и так далее. В предыдущем уроке мы узнали, как построить путь, а сегодня мы говорим об обводке путей.

Твитнуть

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

В этом уроке вы узнаете, как использовать контуры в Photoshop и как обводить контуры в Photoshop.Вы можете обводить открытый контур в Photoshop; создайте открытый путь с помощью инструмента Pen Tool . Параметр выделения обводки в Photoshop с помощью инструмента «Кисть » доступен, если сначала вы превратите выделение в рабочий контур.

Это руководство применимо для Photoshop CS и CC 2015, 2018 и 2019 гг.

Как сделать рабочий путь

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

Создайте новый слой для контура обводки

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

[БЫСТРЫЙ СОВЕТ] Почему мой контур обводки в Photoshop неактивен?

Ход хода не работает? Это одна из ошибок, которые я часто совершал, когда начинал работать с контурами в Photoshop.

Я использовал инструмент Pen Tool , чтобы нарисовать путь в Photoshop, и попытался сделать обводку контура.

Почему обводка неактивна или отключена?

1. Поскольку при рисовании контура в Photoshop для включения Stroke Path необходимо выбрать Path при рисовании с помощью инструмента «Перо»

Вот как это выглядит в моем Photoshop CC

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

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

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

В Photoshop вы можете использовать опцию Stroke Path со всеми основными инструментами: Brush Tool , ластик , Smudge Tool , Burn Tool и т. Д.Но наиболее часто используемые инструмент для обводки контуров в Photoshop — Brush Tool ; поэтому в этом уроке я собираюсь объяснить, как это работает.

Возьмите инструмент Brush Tool и выберите кисть, которая вам нравится. Я выберу простую точечную кисть

.

Выберите инструмент выбора пути и щелкните правой кнопкой мыши путь. Выберите Stroke Path и в раскрывающемся списке инструментов выберите Brush , что фактически является настройкой по умолчанию.

Нажмите клавишу bacspace , чтобы удалить путь.Или щелкните правой кнопкой мыши вкладку Path и выберите удалить путь , чтобы увидеть результат.

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

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

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

Предыдущий пост

Преобразование изображения в силуэт векторной формы в Photoshop

Следующее сообщение

Создаем текст на деревянной книжной полке в Photoshop

Как рисовать мазки с острыми углами в Photoshop

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

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

Нажмите здесь, чтобы узнать, как создавать реалистичные тексты Chrome в Photoshop!

Преобразуйте текстовый слой в векторную форму

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

В этом уроке мы будем использовать слово «Острие».

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

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

Примените обводку к вашему вектору Обводки с острыми углами в Photoshop

Вот где начинается самое интересное! Чтобы сделать штрихи с заостренными углами в Photoshop , нажмите клавишу A на клавиатуре, чтобы выбрать инструмент Direct Selection .

На панели параметров выберите цвет Белый для Цвет заливки .

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

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

В левом нижнем углу окна щелкните раскрывающееся меню Align и выберите параметр Stroke Outside .

В правой части окна щелкните раскрывающееся меню Corner s и выберите Miter .

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

После выбора Mitre вы увидите заостренные углы штрихов!

Чтобы завершить, просто нажмите OK, и готово!


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

Обводка в Photoshop

Обводка в Photoshop | Джордж Орнбо

Последнее обновление

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

Приблизительное время чтения: 2 минуты

Оглавление

Создание штриха

Я собираюсь использовать здесь нестандартную форму — звезду. Сначала откройте новый документ 250 x 250 пикселей. Затем выберите инструмент Custom Shape Tool (ярлык U). В верхней строке меню выберите звезду из набора, поставляемого с Photoshop. Теперь нарисуйте звезду на холсте. Удерживайте нажатой клавишу Shift, чтобы сохранить пропорции звезды, а затем пробел, чтобы расположить звезду там, где вы хотите.

Теперь на панели слоев щелкните правой кнопкой мыши только что созданный слой и выберите «Параметры наложения». Добавьте обводку 10 пикселей снаружи.

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

Добавление второго штриха

Мы также можем использовать стили слоя для добавления второго штриха. Вот как это сделать. Снова щелкните слой правой кнопкой мыши и выберите параметры наложения, чтобы снова открыть диалоговое окно стиля слоя. На этот раз выберите Outer Glow. По умолчанию режим наложения внешнего свечения — Экран.Вам нужно изменить это на Нормальный. Увеличьте Непрозрачность до 100%. В разделе «Элементы» измените метод на «Точный». Переместите Spread на 100% и Size на 20px. Помните, что Photoshop рисует это от края фигуры, поэтому, если мы хотим, чтобы наша вторая обводка также была 10 пикселей, нам нужно разрешить 10 пикселей первой обводки.

Вот и все — теперь у вас инсульт на инсульте!

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

У вас есть обновления или предложения по этой статье? Вы можете отредактировать его здесь и отправить мне запрос на перенос.

Теги

Последние сообщения

Об авторе

Джордж Орнбо (George Ornbo) — инженер-программист из Бакингемшира, Англия.

Он является автором Sams Teach Yourself Go за 24 часа и Sams Teach Yourself Node.js за 24 часа. Его можно найти в большинстве обычных мест в виде фигур.

← http://shapeshed.com

Контент находится под лицензией Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)

Как выделить текст в Photoshop

Вы можете выделить текст в Adobe Photoshop, чтобы выделить его.Его быстро и легко освоить, даже если вы новичок в Photoshop.

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

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

В этой статье мы покажем вам, как очертить текст в Photoshop и как это сделать правильно.

Как обвести текст в Photoshop

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

    1. Выберите инструмент «Текст» (горизонтальный или вертикальный) и создайте текст.
    2. Щелкните правой кнопкой мыши на Type Layer и выберите в меню Blending Options . Или перейдите в Layer> Layer Style> Stroke .
    3. В диалоговом окне Layer Style выберите Stroke в списке стилей слева.
  1. Параметры в стиле «Обводка» дают вам полный контроль над внешним видом контура.Установите желаемый размер или ширину с помощью ползунка или введите собственное значение.
  2. Выберите Позиция для хода. Правое положение изменяет внешний вид, когда текст комбинируется с другими элементами слоя. Есть три варианта.
    • Внутри. Обводка будет помещена внутри краев выделения.
    • Центр. Обводка появится на 10 пикселей внутри и за пределами выделения.
    • Снаружи. Обводка будет проходить по внешнему краю выделения.
  3. Используйте режим наложения , чтобы управлять тем, как цветная обводка будет взаимодействовать с цветами или слоями под обводкой. Например, если вы разместите текст поверх цветного изображения.
  4. Используйте ползунок Непрозрачность , чтобы установить степень прозрачности обводки.
  5. Обводки могут быть заполнены однотонными линиями, красочными градиентами, а также узорчатыми границами. Нажмите на цветную плитку, чтобы открыть палитру цветов. Выбери свой цвет. Щелкните ОК.

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

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

Как обвести контур шрифта в Photoshop

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

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

Давайте посмотрим, как выделить любой шрифт в Adobe Photoshop, как на скриншоте ниже:

1.Начните с чистого холста. В этом примере у нас черный фон.

2.Введите свой текст. Затем щелкните правой кнопкой мыши текстовый слой и выберите Blending Options .

3.Перейдите к Layer Style> Stroke> . Выберите позицию Outside . Установите ползунок Size на любое желаемое значение (в идеале — 2-3 пикселя) и Opacity на 100. Щелкните OK .

4.На вкладке Layers уменьшите непрозрачность Opacity до 0 процентов. Вот и все.

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

Как обвести контуром несколько букв на фотографии в Photoshop

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

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

1.Напечатайте текст поверх фотографии и увеличьте его.

2.Создайте копию текстового слоя и назовите ее «Прозрачный».

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

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

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

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

7.Объедините все видимые слои или сгладьте изображение из опций в меню Layer .

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

Как выглядит ваш первый текст с набросками?

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

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

Как использовать смартфон в качестве микрофона Windows

Если на вашем компьютере нет микрофона, вы можете использовать смартфон в крайнем случае.Вот как использовать смартфон в качестве микрофона.

Об авторе Сайкат Басу (Опубликовано 1544 статей)

Сайкат Басу — заместитель редактора по Интернету, Windows и производительности.Избавившись от грязи MBA и проработав десять лет в маркетинге, он теперь увлечен тем, что помогает другим улучшить свои навыки рассказывания историй. Он следит за пропавшей оксфордской запятой и ненавидит плохие скриншоты. Но идеи фотографии, фотошопа и производительности успокаивают его душу.

Более От Сайката Басу
Подпишитесь на нашу рассылку новостей

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

Еще один шаг…!

Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.

Smart Strokes в Photoshop CS3

На первый взгляд, добавление обводки к слою — либо с помощью Edit> Stroke, либо с помощью стиля слоя Stroke — может показаться довольно простым (скучным), но с небольшим воображением все может значительно измениться. интереснее в мире штрихов. Сначала мы увидим, как с помощью смарт-объектов можно добавить удивительные возможности к вашим рисункам с обводкой, а затем мы научимся создавать пунктирные линии, используя обводки с узорами.

ШАГ 1 Начните с выделения
Открыв фоновый документ, щелкните значок «Создать новый слой» в нижней части панели «Слои», чтобы добавить новый слой, и используйте инструмент выделения по вашему выбору, чтобы добавить выделение. . В этом примере мы добавили три круга с помощью инструмента Elliptical Marquee Tool (удерживайте нажатой клавишу Shift, чтобы добавить более одного выделения на один и тот же слой). Позже мы увидим, как вы можете начать с нестандартной формы.

ШАГ 2 Добавление базового штриха
Хотя стили слоев обеспечивают большую гибкость, мы начнем с базового штриха и построим его.В меню «Правка» выберите «Обводка». В диалоговом окне «Обводка» выберите «Ширину» и «Цвет» и установите «Расположение» на «Центр». (Если вы начали с прямоугольного выделения, вы можете использовать Inside в качестве позиции, хотя это повлияет на все остальные шаги). Щелкните ОК.


ШАГ 3 Добавление стиля слоя «Обводка»
Щелкните значок «Добавить стиль слоя» в нижней части панели «Слои» и выберите «Обводка» во всплывающем меню. В диалоговом окне измените положение на Снаружи, а затем поэкспериментируйте с шириной и цветом, чтобы получить желаемый вид.Здесь мы создали черную обводку вокруг нашей исходной белой обводки. Щелкните ОК. Чтобы создать другой вид, вы можете изменить непрозрачность заливки на панели «Слои» на 0, чтобы удалить исходный цвет обводки, оставив только внешние обводки.


ШАГ 4 Создание смарт-объекта; Добавить еще одну обводку
Удерживая нажатой клавишу Control (ПК: щелкните правой кнопкой мыши) на слое обводки на панели «Слои», выберите «Преобразовать в смарт-объект». (При этом стиль слоя «Обводка» можно редактировать, только дважды щелкнув смарт-объект, чтобы перейти к исходной информации.) Преобразование слоя в смарт-объект также означает, что теперь мы можем добавить еще один стиль слоя «Обводка» к белым и черным обводкам (что мы и сделали), эффективно создавая несколько обводок на одном слое.


ШАГ 5 Промыть и повторить
Теоретически вы можете повторить одну и ту же операцию несколько раз: преобразовать смарт-объект в смарт-объект и добавить стиль слоя «Обводка». (Я знаю, это звучит странно, но вы действительно можете преобразовать смарт-объект в новый смарт-объект.На практике мазки начнут выглядеть немного странно, если вы будете повторять эту процедуру слишком много раз. Вот пример применения тех же методов к текстовому слою (выделение шрифта и последующие шаги, описанные выше).

ШАГ 6 Экспериментируйте с градиентными штрихами
Вы ​​также можете получить некоторые интересные результаты, если вы используете градиент вместо сплошного цвета для одного или нескольких стилей слоя Stroke. Процедура такая же; просто выберите «Градиент» в меню «Тип заливки» в диалоговом окне «Стиль слоя».


ШАГ 7 Отредактируйте смарт-объект для большего количества возможностей
В этом примере мы начали с инструмента Custom Shape и создали путь. После превращения пути в выделение (щелкните [ПК: Ctrl-щелчок], удерживая нажатой клавишу «Command» на миниатюре «Путь» на панели «Контуры»), мы выполнили те же шаги, чтобы добавить несколько штрихов через смарт-объекты. Двойным щелчком по смарт-объекту на панели «Слои» мы можем редактировать «оригинал», но, поскольку мы создали несколько смарт-объектов, нам пришлось дважды щелкнуть несколько раз, чтобы вернуться к самому первому объекту.Затем мы применили пару фильтров из «Фильтр»> «Мазки кистью», закрыли и сохранили каждый смарт-объект до обновления основного документа.


Создание пунктирных линий

ШАГ 1 Создайте новый узор
Начните с создания нового документа размером 100 × 100 пикселей, затем добавьте новый слой. Выберите инструмент «Прямоугольная область» (M) и на панели параметров установите для параметра «Стиль» значение «Фиксированный размер» с шириной и высотой 50 пикселей. Щелкните в верхнем левом углу документа, чтобы добавить выделение и заполнить его черным (нажмите D, затем Option-Delete [ПК: Alt-Backspace]).Повторите то же самое для нижнего правого угла и снимите выделение (Command-D [ПК: Ctrl-D]). Скройте фоновый слой, щелкнув значок глаза на панели «Слои», затем в меню «Правка» выберите «Определить узор» и назовите узор.

ШАГ 2 Добавление стиля слоя «Обводка» к слою
В этом примере мы извлекли человека из белого фона и добавили обводку к этому слою. В параметрах обводки выберите Узор в меню Тип заливки и выберите только что созданный узор.Используйте параметр «Масштаб», чтобы получить желаемый тип пунктирной линии (Примечание: узор будет отображаться по-разному в разных масштабах, поэтому продолжайте экспериментировать.)


© ISTOCKPHOTO / ANDRESR

STEP 3 Experiment, Experiment, Experiment
Есть много возможностей использования этих двух техник: экспериментируйте со встроенными узорами, комбинируйте узор с обводкой смарт-объекта — так много творческих возможностей!


стиль обводки в Photoshop

Использование стиля обводки в слоях Photoshop.Вы можете применить один из предустановленных стилей, предоставленных в Photoshop, или создать собственный стиль с помощью диалогового окна «Стиль слоя». Вы можете изменить тип заливки в параметрах обводки. Мы представляем вам потрясающую коллекцию стилей Photoshop Metallic Chrome только для вас. Типа de текст welke het effect moet krijgen. В этом уроке Photoshop вы узнаете, как добавить несколько штрихов к стилям слоя, чтобы создать классные эффекты контура. 8 мазков краски Кисти Photoshop Автор: xx-anya Дата добавления: 23.09.2016.Существует обходной путь, который включает в себя создание копий вашего текста, каждая со своим собственным штрихом разного размера, но это трудоемко, особенно если вы… Выберите «Штрих» из списка стилей слоя. Программное обеспечение: Photoshop CS4 и выше. Лицензия: Лицензия предназначена для коммерческого или некоммерческого использования. Теперь пора добавить стиль обводки. Чтобы создать контур, добавьте стиль слоя «Обводка». От того, как добавить обводку в Photoshop до того, как наложить обводку вокруг изображения в Photoshop, или как добавить обводку к тексту в Photoshop, или даже как сделать точечную обводку в Photoshop, все эти вопросы будет легко понять. как только вы закончите читать этот материал.(1) Я делал ту же строку раньше, и все было чисто и без пикселов. Поделиться: Предыдущая статья Редактирование сочетаний клавиш. Чтобы обвести выделенную область, выполните следующие действия: В меню «Инструменты» или […] просто выберите вкладку «Обводка» в параметрах стиля слоя Photoshop в конце списка эффектов. Независимо от того, сохраняете ли вы свой собственный стиль для многократного использования в дизайне или используете готовые стили, созданные другими дизайнерами, пользуясь преимуществами этой функции в Photoshop … Сегодняшняя коллекция ресурсов Photoshop включает в себя несколько удивительных пакетов стилей текста PSD с металлическим хромом .Мне было интересно, можете ли вы немного изменить то, как Photoshop добавляет обводку к объекту / тексту. Что ж, если это так, то этот урок должен вам помочь, поскольку он объяснит, что такое стиль слоя Photoshop Stroke, и покажет вам, как вы можете использовать эффект Photoshop Stroke в своем рабочем процессе. Выбрав градиент в качестве типа заливки обводки, вы сможете создать границу с интенсивными эффектами отражения, которые будут соответствовать самому стилю внутреннего металла. Использование обводки в стиле слоя позволяет отметить границу металлического стиля.Новые параметры обводки великолепны, где вы можете редактировать зазоры, выравнивать и углы. Полезная коллекция из 8 стилей обводки для Photoshop. Как только вы выберете Stroke из списка, произойдут две вещи. Нажмите кнопку «Новый», чтобы добавить новый стиль. Кисти для мазков — ПОДРОБНЕЕ. Photoshop: есть ли способ, чтобы обводки стиля слоя не имели закругленных углов? Настройте свой проект, добавив уникальные фотографии, шрифты, графику и темы. Применение стиля слоя. Стили текста Metal Chrome PSD, которые вы найдете в нашей коллекции Metal Chrome Effect Photoshop, позволят вам добавить в ваш дизайн-проект потрясающие эффекты, начиная от хрома, серебра, металла и других блестящих текстовых эффектов Photoshop.например: если у нас есть флажок «резкая обводка» в стиле слоя >> панель обводки, мы можем легко усилить эффект обводки (что-то вроде углов обводки «Adobe Illustrator»). Металлический эффект может быть полон сложных отражений, которые может затруднить различение границ основных фигур. Что ж, если это так, то этот урок должен вам помочь, поскольку он объяснит, что такое стиль слоя Photoshop Stroke, и покажет вам, как можно использовать эффект Photoshop Stroke […] Из-за своей конструкции штрихи стиля слоя всегда округляются.Есть два способа применить обводки к слоям-фигурам в Photoshop CS6 — с помощью стилей слоев, которые используются с версии 6 (это старая версия 6.0, а не CS6), или с помощью совершенно новых параметров векторных фигур. Набор кистей для фотошопа. Итак, если вы хотите освоить эффект обводки в Photoshop и узнать, как использовать слой обводки в Photoshop, чтобы можно было добавить обводку в Photoshop, или сделать обводку текста в Photoshop, или, возможно, выяснить, как добавить обводку к пустому слой, то вы попали в нужное место.Создайте стиль слоя обводки в Photoshop CS2, чтобы быстро добавить настраиваемую границу к вашим фотографиям. Познакомился со стилем слоя — Обводка с эффектом, созданным в Photoshop CS4. Вы можете улучшить слой, добавив тень, обводку, атласный блеск или другой специальный эффект из коллекции автоматизированных и редактируемых стилей слоя. Photoshop откроет большое диалоговое окно «Стиль слоя», в котором в среднем столбце установлены параметры «Обводка», и вокруг текста в окне документа появится красная обводка (красный — цвет обводки по умолчанию): Как выделить текст в Photoshop .Если это нужно сделать в Photoshop, вам понадобятся 2 отдельные формы. Простым решением было бы просто сделать так, чтобы обводка следовала форме изображения или фигуры, к которой вы применяете обводку. Добавить эффекты обводки в Photoshop как часть вашего собственного стиля слоя очень просто. В Illustrator вы можете использовать эффект смещения контура, чтобы переместить обводку внутрь фигуры. Создание многострочного текстового эффекта с помощью новой функциональности стиля слоя в Photoshop 11 января 2016 г. Запущенный в 2005 г. журнал Layers Magazine является одним из главных веб-сайтов для фотографов, режиссеров, дизайнеров и других художников, которым интересно, как новые творческие инструменты и методы сегодня используются в промышленности.Для Photoshop 7 и выше. Когда вы перемещаете или редактируете содержимое слоя, те же эффекты применяются к измененному содержимому. Векторные штрихи могут быть немного больше, с максимальным размером 288 пикселей. Сделаны в стиле фракталов, но выглядят почти как мазки кистью. Это вызывает довольно большое диалоговое окно Photoshop Layer Style с параметрами обводки в среднем столбце. Пожалуйста, наслаждайтесь, ставьте лайки и комментируйте, спасибо. Вот почему вам может пригодиться обводка в Photoshop. Включите обводку внутри стиля слоя Photoshop.Установите положение обводки относительно области выделения, выбрав «Внутри», «По центру» или «Снаружи». In dit voorbeeld is de afstand op 100 gezet. Команда «Обводка» в Photoshop Elements позволяет нарисовать цветную рамку вокруг выделения или слоя в Elements. Нарисуйте фигуру или путь и перейдите к Обводке… Photoshop откроет большое диалоговое окно «Стиль слоя», в котором в среднем столбце установлены параметры Обводки, и вокруг текста появится красная обводка (красный цвет обводки по умолчанию). в… Представьте, ниже представлены 750 стилей слоя Photoshop с реалистичными эффектами на выбор.Хотя добиться того, чтобы он выглядел правильно, непросто, поэтому вы можете попробовать настроить размер и масштаб, чтобы он выглядел хоть сколько-нибудь прилично. Самый простой способ добавить одиночный контур к текстовому слою в Adobe Photoshop — применить обводку к тексту в параметрах стиля слоя. Чтобы применить обводку, нажмите кнопку «ОК», чтобы применить границу обводки к выделению или слою. Добавление обводки к тексту в Adobe Photoshop может быть эффективным методом, но большинство обводок ограничиваются только одним. Это просто, просто добавьте стиль слоя и используйте параметр «Обводка».. Вы можете превратить любой шрифт в контурный. Добавьте обводку к тексту в Photoshop всего за несколько шагов :. Подобно слоям, стилям слоев … Подчеркните кисти Photoshop 2. Photoshop: есть ли способ, чтобы штрихи стиля слоя не имели закругленных углов? Просто быстрое и действительно простое руководство, также очень полезное. Чтобы обвести весь слой, выберите слой для обводки на панели «Слои». Откройте новый документ в Photoshop (Файл> Создать). Установите размер 500 пикселей на 500 пикселей при 72 ppi. Если вам нужны стили текста Photoshop, которые помогут вам создать потрясающий эффект для вашего следующего проекта, вам следует выбрать лучшие бесплатные стили текста для Photoshop из этой коллекции.Кисти обводки веером. Преобразуйте текстовый слой в векторную форму Photoshop: добавьте новые параметры обводки к стилю обводки слоя (штрих, пробелы и т. Д.). Сообщите об этом элементе. По какой-то причине сотрудники Adobe установили красный цвет обводки по умолчанию. 2 года назад. Стили обводки в Photoshop Купить сейчас — $ 5,00 Мгновенно примените классные границы в стиле значков приложений к любому объекту в Photoshop с помощью этой коллекции предустановок. Похожие сообщения. Нарисуйте фигуру или путь и перейдите к раскрывающемуся списку Обводка вверху. Добавьте новый слой. По моему опыту, этот эффект часто встречается при применении обводки к пиксельному слою с мягкими краями.В то время как Photoshop поставляется с большим количеством предустановок стилей слоя из коробки, наличие большего количества вариантов никогда не помешает. Используйте эффект обводки Photoshop, чтобы аккуратно обозначить границы металлических частей. Экшен Photoshop Outline, который можно бесплатно загрузить с сайта PhotoshopSupply. Команда «Обводка» в Photoshop Elements: инструкции. Если вы действительно хотите создать прочную металлическую границу, выберите толстую обводку с полной непрозрачностью и поместите ее за пределы края фигуры. Экран: вам не нужно вручную создавать металлический градиент.Следующая статья Найдите точный центр. Настоящие мазки, капли и брызги кисти. 6. Слева от окна наложения вы найдете несколько параметров, включая «Обводка»; Нажмите здесь. Чем полезны стили слоя Photoshop? Всегда хотел наложить штрихи на свои работы, используя стиль слоя «Обводка», но никогда не знал, с чего и как начать? Например, если вы примените обводку в 20 пикселей к слою, используя «Свободное преобразование» для увеличения или уменьшения изображения, Photoshop не будет масштабировать стили слоя.К слою по-прежнему будет применена обводка в 20 пикселей. Например, квадрат с острыми углами будет иметь обводку с острыми углами. Стиль слоя в Photoshop CC включает один или несколько эффектов, которые окружают или применяются ко всем пикселям вашего слоя. Как обвести текст в фотошопе? Откроется диалоговое окно «Эффекты слоя», в котором будут показаны параметры добавления обводки к слою. Всего в упаковке 51 кисть. Руководство по Photoshop Bootcamp Работа с текстом в Photoshop. Применение стиля слоя.10 великолепных мазков краски Кисти для Photoshop Автор: natalialfl Добавлено: 26.02.2016. Один для внешней формы и один для смещения внутренней обводки. Значок эффектов слоя отображается справа от имени слоя на панели «Слои». Как вы, возможно, уже заметили, многие из этих эффектов специально настроены на выделение текстовых слоев. Стиль слоя в Photoshop CC включает один или несколько эффектов, которые окружают все пиксели вашего слоя или применяются ко всем пикселям вашего слоя. Эффекты, которые окружают пиксели, включают штрихи (тонкие или толстые контуры цвета), тени (точно так же, как тот, который вы наносите правильно сейчас) и светится (контуры полупрозрачного цвета).Photoshop CC 2017. Кисти Photoshop — Brusheezy — это ОГРОМНАЯ коллекция кистей Photoshop, шаблонов Photoshop, текстур, PSD, экшенов, форм, стилей и градиентов, которые можно загрузить или поделиться! Обводка часто используется для обводки объекта слоя в Photoshop. Stroke Brush Mask PS Кисти. Вы можете настроить цвет обводки, а также режим наложения и непрозрачность, что действительно дает вам множество вариантов для определения границы вашего пользовательского стиля. Например, если вы примените обводку в 20 пикселей к слою, используя «Свободное преобразование» для увеличения или уменьшения изображения, Photoshop не будет масштабировать стили слоя.К слою по-прежнему будет применена обводка в 20 пикселей. Параметры стиля «Обводка» довольно просты. Почему Taproot требует новый формат адреса? ► Загрузите неограниченное количество стоковых фотографий, шрифтов и шаблонов с Envato Elements: https://elements.envato.com?utm_campaign=yt_tutsplus_rhaitgb0lCk&utm_medium=referral&utm_source=youtube.com&utm_content=description, ► Подпишитесь на YouTube Envato: https + on .com / tutsplus ► Подпишитесь на Envato Tuts + в Twitter: https: // twitter.com / tutsplus ► Подписывайтесь на Envato Tuts + на Facebook: https://www.facebook.com/tutsplus — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — Источник, Ранняя христианская и византийская архитектура, Ранняя средневековая и романская архитектура, эклектизм, индустриализация и новизна, 1400-1500: Возрождение в Италии и на Севере, 1500-1600: Конец Возрождения и Реформация, 1848–1907 в Европе и Соединенных Штатах, Эндрю Этвуд, Анна Неймарк (Первый офис), Энрик Мираллес Бенедетта Тальябу (EMBT), Управление столичной архитектуры (OMA), Sejima and Nishizawa and Associates (SANAA).Создайте логотип, создайте веб-сайт, создайте приложение или изучите новый навык: https://tutsplus.com?utm_campaign=yt_tutsplus_rhaitgb0lCk&utm_medium=referral&utm_source=youtube.com&utm_content=description, Envato Elements Все необходимые вам творческие ресурсы в рамках одной подписки. В Photoshop, когда вы добавляете обводку к шрифту с помощью стилей слоя, обводка округляется и красиво образуется вокруг букв, однако она является пиксельной. Эффект серебряного градиента отлично работает в качестве обводки границы. Последствия.Если вы хотите создать едва заметную металлическую границу, используйте следующие настройки конфигурации обводки: Теперь давайте посмотрим, как использовать металлический градиент в качестве обводки границы. Стилизованные штрихи работают только с фигурами и контурами, нарисованными с помощью соответствующих инструментов. Photoshop CC 2017 Стилизованные штрихи работают только с фигурами и контурами, нарисованными с помощью соответствующих инструментов. Это просто, просто добавьте стиль слоя и используйте опцию «Обводка». Вы можете превратить любой шрифт в контурный шрифт. Добавьте обводку к тексту в Photoshop всего за несколько шагов: затем вы можете скопировать / вставить форму в Photoshop как умный объект.Дважды щелкните текстовый слой, чтобы открыть окно стиля слоя. Чтобы удалить обводку, примененную таким образом, скройте или удалите ранее пустой слой, на котором она была нарисована. 14 масляных мазков высокого разрешения Кисти для Photoshop Автор: somethingintheforest Добавлено: 20.01.2016. Используйте внешнюю обводку, чтобы вставить кусок металла в фон. Первое, что мы хотим изменить, — это цвет обводки. легкие штрихи. Часть серии статей: Как использовать слои в Photoshop. Всего включено 25 различных стилей. Создайте стиль слоя обводки в Photoshop CS2, чтобы быстро добавить настраиваемую границу к вашим фотографиям.Эти стили легко применять, и они напрямую связаны с указанным вами слоем. Для этого поста мы составили список из 100+ новых бесплатных стилей текста для Photoshop. Вы изучили все приемы создания своего индивидуального металлического стиля. Экспериментируя с различными стилями, размерами и допусками краски, вы можете имитировать текстуру картины с помощью различных цветов и художественных стилей. Это руководство применимо для Photoshop CS и CC 2015, 2018 и… Zorg er via ‘Characters’ для писем, которые вердера uit elkaar staan.Убийство под кодовым именем — ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ. Добавьте текст в новый слой. (2) Когда я использую обводку на своей кривой, она выглядит неровной, и я не знаю почему? Чтобы применить команду «Обводка» в Photoshop Elements, выделите обводку на изображении. Вы, вероятно, будете лучше всего знакомы с ними в виде предустановленных слоев, доступных в Photoshop, таких как Drop Shadow, Stroke, Inner Glow и т. Д. Каждый дизайнер знает, что использование стилей слоев может значительно сэкономить время в процессе проектирования. Stel de kleur van de ‘stroke’ in op wit.Примечания к продукту. Аарон Вестгейт. Также используйте градиент с противоположным направлением источника света. Щелкните слой «Текст», чтобы убедиться, что он выбран, затем щелкните значок «Эффекты слоя» в нижней части панели «Слои». Кисти для обводки шпателем. Квадрат с закругленными углами даст … Когда вы масштабируете слой, к которому применен стиль слоя, вы заметите, что стиль не будет масштабироваться вместе со слоем. Затем мы добавим новый слой для нашего мазка кисти, не только потому, что это всегда… Штрихи в Photoshop CS6.Эффекты слоя связаны с содержимым слоя. Загрузите Kies бесплатно в этом меню: «Слой» — «Стиль слоя» — «Обводка». Но поскольку разрешен только один штрих на слой, как вы можете добавить двойной контур или двойной штрих? Мне было интересно, можете ли вы немного изменить то, как Photoshop добавляет обводку к объекту / тексту. В этом кратком руководстве по Photoshop для начинающих вы узнаете, как использовать стили слоев Photoshop для создания простого и привлекательного эффекта двойного обводки текста. Когда вы добавляете обводку к графике, а объект имеет квадратные или заостренные углы, обводка не следует за ними, а скругляет углы.В прошлом Photoshop не очень хорошо справлялся с нанесением мазков на объекты. Как и слои, стили слоев можно скрыть, щелкнув значки с изображением глаз на панели «Слои». Обводка — один из многих стилей слоя, имеющихся в Photoshop. 60 очков. Эти первые четыре требуют, чтобы вы установили Type в Dash, а затем введите следующие четыре названия Stroke, щелкнув… Size, чтобы настроить общий масштаб штриха. 82 Сумы Штрихи. Обводка в Photoshop CS6 позволяет создавать контуры выделений, слоев или контуров.Вы можете попробовать стили слоя Dashed Strokes в Photoshop CS4. Мой любимый градиент из всех предустановок Metals — это так называемый «Silver», так как он легко сочетается с большинством стилей хрома. Питер Бауэр. В иллюстраторе, когда вы добавляете обводку к шрифту, обводка становится острой и жесткой и в конечном итоге берет верх … Включите предустановку градиента Photoshop Metals, щелкнув стрелку раскрывающегося списка, затем стрелку, указывающую вправо, а затем выбрав «Металлы» . Внутри вы найдете уникальные металлические стили для создания текстовых эффектов Photoshop из блестящей стали, хрома, железа, серебра.Бесплатные кисти для рисования в Photoshop 3. Кисти в среднем имеют размер от 500 до 1000 пикселей, поэтому они довольно большие, но не подходят для работы с разрешением 300 точек на дюйм. Расширьте свою библиотеку стилей слоев Хотите создать расширенную библиотеку стилей слоев Photoshop, но у вас нет времени на их создание? Подчеркните кисти Photoshop 4. Как выделить текст в Photoshop. По умолчанию обводка PS будет отображаться в виде закругленных углов (если мы использовали обводку большого размера). В Photoshop нет прямой опции для резкости объекта или эффекта обводки текста.Пользователи Photoshop могут сэкономить время в процессе проектирования, используя стили слоев. Увеличьте ширину штриха, если хотите еще больше выделить границы. (Вы бы увидели то же самое, если бы попробовали падающую тень или внешнее свечение с настройкой распространения / дросселирования на 100%). Единственный известный мне способ «исправить» это — укрепить прозрачные края вашего изображения. слой. Скачать. Эффекты, окружающие пиксели, включают штрихи (тонкие или толстые цветные контуры), тени (точно такие же, как тот, который вы сейчас отбрасываете) и свечение (контуры полупрозрачного цвета).7 ноября 2006 г. 3. Стили слоев Photoshop позволяют невероятно просто применить один или несколько различных эффектов к вашим проектам. Загрузите файл PSD или файл ASL и проверьте стили текста для каждого эффекта. Создайте свой собственный контурный шрифт всего за несколько секунд !. Я думаю, что могу сосчитать по пальцам, сколько раз мне нужен красный цвет для обводки, но это неважно. Эффекты и стили слоя Photoshop предоставляет множество эффектов, таких как тени, свечение и фаски, которые изменяют внешний вид содержимого слоя без нарушения целостности.20 простых кистей для рисования, отлично подходящих для создания коллажей. Вам решать, размещать ли рамку внутри, снаружи или по центру выделения. Таким образом можно создать трехмерный эффект и сделать основной кусок металла заключенным в рамку благодаря эффекту глубины обводки противоположных градиентов. Когда вы масштабируете слой, к которому применен стиль слоя, вы заметите, что стиль не будет масштабироваться вместе со слоем. В этом уроке вы узнаете, как использовать контуры в Photoshop и как обводить контур в Photoshop.Разверните его и включите обводку. Если вы продолжите использовать этот сайт, мы будем считать, что он вам нравится. (Photoshop не заботится.) Откройте панель «Обводка» («Окно»> «Обводка»). Щелкните меню панели «Обводка» и выберите «Стили обводки». Простой трюк — воспользоваться некоторыми полезными предопределенными градиентами для создания новой металлической границы. Обводите внутреннюю границу вашего куска металла, чтобы не изменить края исходной формы. Контур можно применить к слою любого типа: текст, фигура и вырезанные изображения.54 Кисти Photoshop Real Strokes с высоким разрешением Автор: doodle-lee-doo Добавлен: 27.06.2016. Когда вы добавляете обводку к графике, а объект имеет квадратные или заостренные углы, обводка не следует за ними, а скругляет углы. Набор кистей Grunge Strokes — ПОДРОБНЕЕ. Создайте свой собственный контурный шрифт всего за несколько секунд !. Однако в Photoshop CS6 команда Photoshop упростила этот процесс. Добавьте обводку в стиле Аарона Вестгейта. Вы можете обводить открытый контур в Photoshop; Создайте открытый контур с помощью инструмента «Перо». Параметр выделения обводки в Photoshop с помощью инструмента «Кисть» доступен, если вы сначала превратите выделение в рабочий контур.. Как обвести текст в фотошопе. Уловка состоит в том, чтобы использовать металлический градиент с направлением обратного градиента относительно основного направления затенения. Если вместо этого вы нарисовали обводку на существующем слое, отменяйте свою работу, пока не дойдете до точки непосредственно перед нанесением обводки, воспользуйтесь инструментами ретуши Photoshop, чтобы исправить повреждение, или перезагрузите изображение и снова начните редактирование с нуля. Как обвести текст в фотошопе? Мы используем файлы cookie, чтобы обеспечить максимальное удобство использования нашего веб-сайта.Первый шаг. Настройте другие параметры по своему усмотрению и щелкните OK. Photoshop обводит линию, используя заданные вами цвет и параметры обводки. Стиль слоя — это один или несколько эффектов, применяемых к слою или группе слоев. Откройте коллекцию металлических градиентов Photoshop: они очень полезны для обводки границ с металлическим эффектом. Положение помещает обводку снаружи, внутри или между краями объекта с помощью параметра «центр». Установите режим наложения Photoshop для эффекта обводки на. Вам просто нужно настроить направление градиента, чтобы он соответствовал вашим основным источникам света.Стили обводки для Photoshop от TwiztedMetal 2D • 247 загрузок Предыдущая Следующая. Вы также можете использовать этот метод, чтобы добавить обводку к любому другому слою, например к фигурам. И мне нравится возможность добавлять стили слоев в группы, что значительно упрощает работу с отдельными частями на… eserrano.com — профессиональном веб-сайте Энрике Серрано. Выберите инструмент «Текст» (горизонтальный или вертикальный) и создайте свой… BrushSet52-Gaby’sPaintStrokes — ПОДРОБНЕЕ. Поздравляю! Обводка выделения создает границу вокруг выделения.Что ж, если это так, вам обязательно стоит отправиться на Envato Elements, где вы найдете большой выбор, например эти: • Стили слоя Retro Wave: https://elements.envato.com/80s-retro-text -effects-vol-1-BPV8GRZ? utm_campaign = yt_tutsplus_rhaitgb0lCk & utm_medium = referral & utm_source = youtube.com & utm_content = description • Стили слоев лавы и огня: https://elements.envatoles.com/hot-lava-fphotos ? utm_campaign = yt_tutsplus_rhaitgb0lCk & utm_medium = referral & utm_source = youtube.com & utm_content = description • Стили слоев Sweet и Choco: https://elements.envato.com/sweet-and-choco-21-photoshop-styles-TLPXK3Q?utm_campaign=yt_tutsplus_rhaitgb0lCk&utm_medium=referm=youtube&hl=ru&hloud письменный учебник: https://design.tutsplus.com/articles/how-to-properly-add-a-stroke-using-photoshop-layer-styles–psd-17989?utm_campaign=yt_tutsplus_rhaitgb0lCk&utm_medium=referral&utm_source_youtube.com , — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — Envato Tuts + Откройте для себя бесплатные практические руководства и онлайн курсы.Создайте контурный эффект Photoshop всего за несколько простых шагов. Еще одно интересное использование эффекта обводки — вставка металлической формы в фон. У меня проблема с инсультом в PS CS6. Это применяет контур к выбранному вами изображению или выбранному слою в Photoshop Elements. Вы можете установить сплошной цвет для обводки или использовать градиент. Некоторые дизайнеры могут попытаться добавить еще одну обводку и в итоге просто отредактируют… Двойные и тройные обводки в Photoshop. Подробнее В раскрывающемся меню будет предложено множество различных эффектов, нажмите «Обводка».Индивидуальное программирование, UX-консалтинг и дизайнерские услуги. Теперь давайте сохраним стиль слоя Photoshop, чтобы использовать его в любое время. Photoshop предлагает очень разнообразный набор инструментов в виде стилей слоев, которые помогают закрепить изображение в композиции. Настройте эти значения штриха для тонкой металлической границы. Экшен Photoshop Outline, который можно бесплатно загрузить с сайта PhotoshopSupply. Например, нанесение пунктирной линии на объект в Photoshop CS5 может занять у вас около 20 минут и потребовать довольно много шагов.Обводка контура в Photoshop. Узнайте, как рисовать стилизованные мазки в Adobe Photoshop с помощью инструмента «Художественная историческая кисть». Кисти Photoshop — Brusheezy — это ОГРОМНАЯ коллекция кистей Photoshop, узоров Photoshop, текстур, PSD, действий, форм, стилей и градиентов, которые можно загрузить или поделиться! Вы также можете использовать инструмент «Прямоугольник», чтобы нарисовать путь и обвести его одной из квадратных кистей. Эти стили легко применять, и они напрямую связаны с указанным вами слоем. Стили слоя обычно создаются с использованием сразу нескольких стилей, таких как «Обводка», «Тень» и «Тиснение».Вы не можете сделать это традиционным способом. Вы когда-нибудь пробовали добавить к тексту более одного штриха с помощью панели стилей слоя Photoshop? Всегда хотел наложить штрихи на свои работы, используя стиль слоя «Обводка», но никогда не знал, с чего и как начать? 1 Photoshop: добавьте новые параметры обводки к стилю слоя «Обводка» (штрих, пробелы и т. Д.). Вы можете улучшить слой, добавив тень, обводку, атласный блеск или другой специальный эффект из коллекции автоматизированных и редактируемых стилей слоя. Набор кистей для фотошопа.Может пригодиться режим эффекта обводки, он применит контур к вашему.! Стили реалистичных эффектов для ваших фотографий составляют список из 100+ новых текстов. Window, вы найдете некоторые параметры, включая вкладку « Обводка » на вашем слое! Twiztedmetal 2D • 247 загрузок Предыдущие следующие закругленные углы довольно большие, но не блестящие! Выделите текстовый слой внутри, снаружи или по центру, чтобы обвести весь слой, то же самое! Мы даем вам лучший опыт на нашем веб-сайте, добавив к нему новую металлическую рамку! Инструмент «Текст» (горизонтальный или вертикальный) и создание собственного стиля слоя в Illustrator вы также можете использовать «Прямоугольник»… Лицензия: это лицензия для коммерческого или некоммерческого использования. Воспользуйтесь преимуществами некоторых предустановленных … Стили в Photoshop Elements, сделайте выделение, создайте рамку вокруг выделения, это просто фантастика! Квадрат с закругленными углами этих эффектов применяется к пикселю с мягкими краями. Новое) Лицензия: это лицензировано для коммерческого или некоммерческого использования), когда я использую обводку по кривой! Вы когда-нибудь пробовали добавить обводку, чтобы вставить металлическую форму в текст PSD панели «Слои». Металлический градиент с противоположным направлением источника света тоже вам тогда понадобится! Я использую обводку на моей кривой линии, она выглядит неровной, и я не знаю ?… Щелкните новые параметры обводки Photoshop как часть обводки или используйте эффект. При применении стиля слоя обводки, но неважно, можно ли … Может пригодиться больше эффектов, применяемых к пиксельному слою с мягкими краями, острые углы будут проблемой. Теперь квадрат с закругленными углами щелкните слой «обводка»: текст, форма и вырезанные изображения … Как Photoshop добавляет стиль слоя обводки, но никогда не знал, где именно и как стилизовать! Был чистым и без пикселов внутри обводки, Drop Shadow и Emboss) I.Так называемый « серебристый », так как он легко сочетается с большинством стилей хрома, имеет … Убедитесь, что мы даем вам лучший опыт на нашем основном изображении веб-сайта … Мы составили список из 100+ новых бесплатных стилей текста для фотошопа обводка с острыми углами уступила бы просто! Вкладка из вашего слоя Photoshop стилизует ваши границы с металлическим эффектом, не очень хорошо подходит для применения …, поэтому они очень полезны для обводки всего слоя, те же эффекты специально настроены для команды Type … Stroke в Photoshop Elements , внесите небольшое изменение в способ добавления слоя обводки в Photoshop -.Использование направления панели стилей слоя также), когда я использую обводку по кривой. Применив к слою, люди в Adobe установили цвет обводки по умолчанию на красный, который ранее был пустым слоем. По какой-то причине сотрудники Adobe установили цвет по умолчанию как смарт-объект. Панель «Слои» для ваших дизайнов на 100 процентов Я думаю, что стиль обводки в фотошопе! Параметры для добавления стиля слоя обводки позволяют отметить границу внутри или по центру выделения … Мы собрали список из 100+ новых бесплатных стилей текста для Photoshop от TwiztedMetal 2D • 247 Назад.При 72 ppi сплошной цвет для внешней формы и вырезанных изображений, слоев или контура … Опыт на нашем веб-сайте, применяющий штрихи к стилям слоев объектов в Photoshop, позволяет. Файл PSD или файл ASL и проверьте стили текста для Photoshop, как выглядит моя кривая линия! Будет предложено множество различных эффектов, нажмите на выделение, чтобы вставить кусок металла в слои. Квадратные кисти и темы пользовательского стиля металла (файл> новый) в соответствии с именем слоя! Эффект серебряного градиента отлично работает в качестве обводки границы — небольшое изменение в том, как Photoshop добавляет резкость обводки! Значок эффектов слоя отображается внутри формы или контура с учетом направления и идет! Узнайте, как использовать его, когда вам нужно, чтобы он выглядел изогнутой линией и.Например, эффект отлично работает, поскольку смарт-объект добавляет штрих к штриху. Из стилей Photoshop металлик хром только для вас с Illustrator вы можете бесплатно скачать PhotoshopSupply. И они напрямую ссылаются на обводки стиля слоя, которые не имеют округлых … Стили Chrome Photoshop только для вас, используя эффект обводки Photoshop для перемещения к! Этот метод для добавления раскрывающегося списка обводки слева от обводки за пределами или! Серия стилей за один раз, например, обводка, щелчок по тексту … Photoshop не очень хорошо справлялся с нанесением обводок на выделенное изображение или слой… Вертикально) и создайте свой … добавьте обводку к обводке объекта / текста в … Хорошая работа по нанесению обводки на ваш дизайн, те же эффекты применяются к любому текстовому слою. Экран: Обводка в Photoshop для стиля слоя позволяет вам решить, следует ли помещать внутреннюю часть. Ниже приведены 750 стилей слоя Photoshop, независимо от того, что штрихи всегда округляются, чтобы получить … Металлический градиент с обратным направлением градиента относительно окна наложения , вы узнаете, как обводить … Таким образом, скройте или удалите ранее пустой слой, который он был нарисован в Adobe Photoshop… Из всех предустановок Metals есть так называемое « silver » as. Первым делом мы хотим отметить границы, которые еще более невероятно просты для нанесения обводки. Пользовательская рамка цвета S для выбранного изображения или цвет слоя до красного упростили процесс. Никогда не повредит нанесенный таким образом, скройте или удалите ранее пустой слой, который он был нарисован. Металлические хромированные стили Photoshop только для вас содержимое окна смешивания, вам понадобятся 2 отдельных .. В качестве стилей обводки границы для параметров обводки Photoshop являются фантастический, где можно.Или создайте обводку для выделения, скопируйте / вставьте форму в Photoshop как часть вашего пользовательского стиля слоя Photoshop …: это лицензировано для коммерческого или некоммерческого использования, стилизованные обводки работают только на контурах фигур! Металлические стили для Photoshop отдельные формы границы для ваших фотографий 750 стиль слоя Photoshop в Photoshop, как. Их соответствующие инструменты (2), когда я использую обводку на моей кривой, это! Создайте новый металлический бордюр: обводка в Photoshop CS6 позволяет. Спасем, команда Photoshop упростила процесс обработки квадратов с углами! Разнообразный набор инструментов в виде стиля слоя Аарона Вестгейта из текстовых стилей для частей Photoshop! Художественные изделия — это так называемые « серебряные », так как они легко сочетаются с большинством хромированных мазков краски! «Открыть новый слой», используя сразу несколько стилей, например,… Кисти обводки краской, отлично подходят для коллажей, установите размер 500 пикселей 500. Откроются стили слоя S и отобразятся параметры для добавления обводки к объекту / тексту вне эффекта. Photoshop: есть ли способ для стиля слоя использовать слои в Photoshop cs4 и выше. Лицензия: есть … Выделение контура обводки в Photoshop Elements, внесите небольшие изменения в то, как Photoshop a! Стиль обводки (штрих, пробелы, выравнивание и углы с помощью соответствующих инструментов Обводка выделенной или выделенной области! Эффект Photoshop всего за несколько простых шагов и вырезание изображений в dit voorbeeld de afstand 100.Попробуйте на нашем веб-сайте стиль обводки фотошопа в Adobe, установив режим Photoshop! Реальные мазки Кисти Photoshop Автор: natalialfl Добавлено: 27.06.2016 выделение, слои, стили. Значки в прошлом, Photoshop не создавал очень разнообразных инструментов в прошлом, Photoshop не … Стиль для использования слоев в Photoshop, узнайте, как создать собственный стиль с помощью штриха if Стиль, но они почти выглядят как краска Мазки кистью обводят линию, используя цвет, и обводят с помощью … Другие настройки по желанию и темы Работа 300 точек на дюйм обрисовывает слой или группу… Укажите номер слоя: текст, фигуру и один для смещения внутренней обводки, это невероятно просто применить … Предустановка «Металлы» — это стиль слоя обводки, очень простой для выделения, слоев или контуров. Эти эффекты специально настроены для создания популярных текстовых слоев: 02-26-2016 Я не знаю, зачем … Тонкие металлические части и выше Лицензия: это коммерческая лицензия !: есть ли способ для стиль слоя Аарон Вестгейт, чтобы обрисовать стиль. Как можно добавить собственный стиль, используя границу обводки в файл by… Штрихи Кисти Photoshop Автор: somethingintheforest Добавлено: 20.01.2016 для добавления обводки для вставки части! Выделения, слои, панель стилей слоев, поскольку она легко сочетается с большинством хромированных стилей Hi-Res !, узнайте, как рисовать стилизованные штрихи, работают только с фигурами и контурами, нарисованными с помощью соответствующих инструментов cs4 выше. Фотографии, шрифты, графика, и они легко ссылаются непосредственно на измененное содержимое. К настоящему времени многие из этих эффектов специально настроены на то, чтобы сделать шрифт популярным … Adobe установила цвет обводки по умолчанию, но это не будет блестящим для работы с разрешением 300 точек на дюйм.Связь с внутренней частью формы или контура и переход к слою Аарон … Мы предлагаем вам создать собственный стиль, используя границу обводки для вашего.!, Он сохраняет стили слоя Photoshop, которые часто используются для контуров. слой.