Как сделать в фотошопе двойную обводку: Двойная и тройная обводка текста в фотошопе
Содержание
Как сделать круглый контур в фотошопе. Как в фотошопе сделать контур изображения
Каждый веб дизайнер знает, что сложнее всего поддается отрисовке шапка сайта. И, соответственно, именно к этой части работы клиент предъявляет больше всего требований. Порой, поймать нужную волну удается далеко не с первого раза. А чем больше багаж ваших знаний, тем больше может разгуляться ваша фантазия. Чем скорее вы выкатываете клиенту удачный вариант, тем меньше тратите время на разработку. А это выгодно. Будьте готовы к тому, что вам следует удержать в голове сотни вариаций обработки текста и фото. Некоторые из них используются практически постоянно. К ним относится обводка текста.
Добавление обводки тексту в фотошопе — одна из самых простых, но, в то же время одна из самых востребованных операций. Потому, знать, как ее выполнять просто необходимо любому веб дизайнеру. Приступим же.
Начнем с самого простого. Как сделать обводку текста одинарную. Создаем новый документ. Пишем текст. Я выберу крупный шрифт и жирное начертание. На фоновый слой я добавила градиент. Если уже делать, то красиво.
Делаем обводку черным цветом. Переходим к окну слоев. Выбираем наш, с текстом. Кликаем по нему левой клавишей мыши.
Нам нужно найти «параметры наложения».
Выбираем пункт «обводка» и задаем настройки.
Результат:
Настройки можно менять на ваше усмотрение. Ширина обводки. Ее цвет и тип.
Давайте несколько усложним задачу. И сделаем двойную обводку. Но! К сожалению, фотошоп не дает возможности сделать двойную обводку тем же способом. Потому, следует прибегнуть к хитрости. И перевести нашу надпись в смарт-объект. Правда, тут есть один недостаток. Ваша надпись становится уже картинкой. То есть, отредактировать ее в режиме текста уже не получится. В том же окне слоев вызываем левой клавишей мышки тот же список операций. И выбираем «преобразовать в смарт-объект». Он будет располагаться чуть ниже параметров наложения.
Слой примет подобный вид:
Теперь возвращаемся к параметрам наложения и обводке. Задаем следующие настройки.
Вуаля! Теперь обводка двойная.
Оказалось, что на первый взгляд такой мощный инструмент фотошопа как обводка совсем прост в создании. Поэтому, давайте зайдем чуть дальше. И добавим шрифту обводку градиентом.
Я изменила фоновый слой, дабы наш текст смотрелся лучше. И добавила тексту вот такой градиент:
Плюс простая черная обводка. Исходное изображение у меня выглядит так:
Теперь преобразовываю его в смарт-объект и добавляю ему обводку градиентом. Для этого в параметрах наложения во вкладке обводка в выпадающем списке выбираем «градиент»
Задаем настройки:
И вот, что имеем. Текст с обводкой градиентом. Благодаря игре цветов мы создали эффект светящейся надписи. Выглядит очень интересно, не находите?
Благодаря парочке инструментов у нас получилось создать классную надпись, которая вполне может подойти для создания шапки сайта.
Вам следует запомнить несколько вещей.
- Обводку текста нельзя делать бесконечно. Всему есть предел. Либо вы делаете множество тонких обводок, либо парочку, но толстых.
- Обводка бывает как внешней, так и внутренней. У внутренней есть существенный недостаток. Она «съедает» обводимый объект.
- С помощью обводок вы можете создать иллюзию объема. Все дело в цветах. При подборе нужной комбинации вы запросто достигните подобного эффекта.
- Обводка текста не увеличивается пропорционально тексту. Допустим, вы сделали обводку шрифта с кеглем 20px и обводку в 2 px. Если вы увеличите кегль до 40 px, обводка останется того же размера. То есть, выглядеть она будет совершенно иначе.
В этом видео я покажу, как сделать обводку объектов в программе Адоб фотошоп. Обводка — это подчеркивание контуров объектов с помощью цвета, при этом объектом может быть, как изображение, так и текст. Чаще всего обводку используют для выделения объектов, которые сливается с фоном, особенно это актуально для изображения небольшого масштаба, например, таких, как значки для роликов на YouTube. Для текста, кстати, вы можете на нашем сайте.
Покажу небольшой пример, допустим, есть какой-то фон, в данном случае это красный и на этом фоне есть какой-то близкий по цвету объект, в данном случае это текст. Сейчас объект хоть и виден, но все равно немного сливаются с фоном, а если увеличил масштаб, но для разбора им нужно будет сливается с фоном. А если уменьшить масштаб, то для разбора надписи нужно будет всматриваться. Но стоит обвести этот текст каким-то контрастным цветом, например, белым, и читаемость резко возрастает, даже при небольшом масштабе. вот это и есть обводка. И сейчас я покажу, как ее сделать.
Чтобы показать процесс с нуля, этот документ я закрою и создам новый. Пользуясь я, кстати, английской версией фотошопа. На данный момент это фотошоп СС2015.5, но в каких-то ключевых моментах, я буду говорить, как опция называется и в русской версии.
Итак, для начала, чтобы было наглядней сделать заливку фона каким-нибудь серым цветом. Затем добавлю на этот фон объект, т.е. вставлю текст. И выберу для этого текста какой-нибудь не контрастный текст, например, бледно-желтый. О! Шикарно! В миниатюре вообще не понятно, что там написано, то что нужно.
А теперь самое время делать обводку. Первое, что нужно сделать – это перейти в окно «Layers», в русской версии оно называется «Слои». Если этого окна нет, его можно включить через меню Программы/Window. В окне «Слои» нажимаем правой кнопкой мыши на слой с объектом, в данном случае это верхний слой, и выбираем пункт blending options, в русской версии этот пункт называется «Параметры наложения». Появляется вот такое окно, в нем находите пункт «Stroke», в русской версии называется «Обводка», и кликаете на этот пункт левой кнопкой мыши. После этого обводка включается, это видно по галочке перед названием, и открываются настройки обводки. На объекте, как видите, уже отображается результат, который соответствует вставленным параметрам. Эти параметры можно изменять, и давайте их рассмотри по порядку.
Первый ползунок – размер в пикселях. С помощью этого параметра можно менять толщину обводки. Можно задать значение с помощью ползунка, а можно вписать вручную, вот в это поле.
Ниже идет меню «Position», т.е. положение. Здесь, на выбор есть три пункта: outside (снаружи), т.е. обводка начинается от края объекта и идет на внешнюю сторону; inside (внутри), т.е. обводка начинается от края объекта и идет внутрь, как бы заполняя объект; center, в этом случае обводка идет от края, одновременно в обе стороны, напополам.
Следующее меню – режим наложения. На нем останавливаться не буду, т.к. режимы наложения – это отдельная большая тема, да и при обводке, режимы наложения не используются. Под режимами наложения находится параметр «opacity», т.е. непрозрачность. Здесь с помощью бегунка можно регулировать непрозрачность обводки, т.е. будет сквозь нее просвечиваться фон или нет. Ниже идет пункт «overprint». Его мы пропускаем, т.к. он нам не нужен. Это опция нужна для устранения нежелательных артефактов при печати.
Еще ниже идет меню «Тип обводки», в котором можно выбрать один из трех вариантов. Вариант первый – Color, т.е. цвет. Он стоит по умолчанию, и, выбрав его, объект будет обводится каким-то одним цветом, который можно выбрать, если кликнуть Левой кнопкой мыши вот сюда, на этот прямоугольник с цветом. Появляется окно выбора цвета, в нем выбираете нужный цвет, чаще всего используют белый или черный, но бывают и исключения, и, когда цвет выбран, нажимаем «ОК».
Второй вариант в меню типа обводки – это градиент. Выбрав этот пункт, обводка получается не одного цвета, а разноцветной с плавно переходящими цветами. Здесь можно выбрать тип градиента, задать цвета, угол перехода, масштаб и направление. В общем, если нужна обводка градиентом, просто покрутите настройки и сами поймете, какая за что отвечает.
Ну и последний, третий вариант типа обводки – это узор. Здесь можно выбрать один из предлагаемых вариантов узора и поменять масштаб этого узора.
И нижние две кнопки – это сделать данную настройку настройкой по умолчанию, и сбросить настройки на стандартные.
В общем, после того, как определитесь с типом обводки и ее цветом, нажимаете на кнопку «ОК». Готово!
Аналогичным образом работает и обводка с изображением. Например, есть какое-то изображение. В данном случае, логотип Youtube на прозрачном фоне. Выделяете это изображение любым способом. Копируете его сочетанием клавиш «Ctrl+C». Вставляете куда нужно сочетанием клавиш «Ctrl+V», а дальше все точно также, как с текстом. Правой кнопкой мыши на слое/Blending options/ Stroke и настраиваете.
Мне кажется, что каждый из нас хоть раз в своей жизни обводил карандашом кисть своей руки, положив её на лист бумаги. А может быть это происходило на пляже. Кисть руки лежала на песке и мы обводили её какой-нибудь палочкой или длинным камушком. И в том и другом случае у нас получался контур. А давайте сделаем что-то подобное, но теперь в программе Фотошоп.
Помогать нам будет фото кисти руки:
Для работы в Фотошопе данное изображение ладони, — материал идеальный и простой. И вот почему. Однотонный, белого цвета фон и объект — кисть руки, тоже можно считать относительно однотонной, а на белом фоне рука выглядит довольно контрастно.
В тех случаях, когда общий фон и интересующий нас объект, контур которого мы собираемся создать, в значительной степени контрастируют, то мы можем воспользоваться инструментом «Быстрое выделение». Чтобы инструмент работал точнее нам нужно ему немного помочь. Наша помощь может выразиться в дублировании слоя. И сделаем мы это для того, чтобы усилить контраст. То есть сделаем кисть руки более насыщенной, ну или темнее.
С этой целью, наведём курсор мыши на слой в палитре слоёв (синие выделение), и сделаем щелчок правой кнопкой мыши. Этими действиями мы откроем окошко опций, в котором выберем пункт «Создать дубликат слоя»:
После того как мы выбрали опцию «Создать дубликат слоя», щелчком левой кнопки мыши, перед нашими глазами появилось новое окошко:
Мы можем просто нажать кнопку «Ок», а можем, после появления этого окошка, сразу же на клавиатуре что-то написать, то есть присвоить слою имя, ну или название и уже после этого нажать кнопку «Ок». Делаем на своё усмотрение.
Я просто нажал кнопку «Ок»:
Готово! Слой-дубликат появился в палитре (окне) слоёв.
Теперь нужно изменить режим наложения слоя-дубликата, и сделать нам это нужно для затемнения кисти руки, ну или усиления контраста с белым общим фоном фото.
Обратимся к перечню режимов наложения в верхней менюшке окна слоёв, раскрыв список режимов обычным щелчком мыши по кнопке-стрелке:
Перед нашими глазами появился перечень режимов наложения слоя:
A давайте усилим контрастность, так усилим. Выберем из перечня режим «Линейный затемнитель»:
И вот что мы получили в результате:
Ну вот, для работы инструментом «Быстрое выделение» всё готово. Наводим курсор мыши на нужный нам в данный момент инструмент «Быстрое выделение» в окошке инструментов:
И щелчком левой кнопки мыши выбираем его. Курсор мыши превратился в кружок с перекрестием внутри.
Теперь уделим внимание техническим настройкам инструмента. Переведём свой взгляд на блок управления этими самыми техническими настройками:
Инструмент должен работать в режиме «Добавить к выделенной области». Чтобы так и было, нажмём на значок инструмента с плюсиком. Если значок подсвечивается синим цветом, то тогда щёлкать мышкой по нему не нужно, — режим уже активизирован:
Если установить значение 3 или 5, то выделение будет более чётким. Если выбрать значение значительно больше видимого нам сейчас, а видим мы значение 18, то начав выделять ладонь, мы будем захватывать белый фон, так как с большим диаметром инструмента уменьшится его чувствительность.
Пожалуй «золотой серединой» можно считать значение, при котором кружок-курсор инструмента будет немного меньше какого-нибудь пальца кисти руки. Для меня удобен диаметр инструмента в пределах 15-22. Я остановил выбор на значении 18. Пожалуй, лучше ориентироваться на свои ощущения и на сам процесс выделения. В зависимости от того, насколько удобно и качественно (нет захвата белого фона) мы осуществляем выделение, нам и нужно двигать ползунок регулировки диаметра инструмента, подбирая оптимальное значение.
Чтобы инструмент работал, как говорится, «на полную катушку», жёсткость нужно установить 100%. Ну вот у нас всё готово к выделению кисти руки. Предлагаю начать выделение с запястья:
Интервалы пунктира-выделения тоже устанавливаем не очень большие. В моём случае 7%. Если мы установим интервалы выделения значительно больше, то выделение будет менее ровным, я бы даже сказал, грубым или черновым. Но и это может быть в некоторых случаях нужным. Делаем всё, конечно же, на своё усмотрение.
Ну что же, начнём. Подводим курсор инструмента к запястью. Нажав и удерживая левую кнопку мыши, начинаем вести инструмент вверх по направлению к кончикам пальцев:
Заводим инструмент на большой палец, затем на ладонь и другой палец…, а далее инструмент сработал самостоятельно, и кисть стала полностью охвачена выделением.
Если такого самостоятельного выделения не произошло, то мы плавно ведём курсор инструмента по всем пальцам до полного выделения руки.
В том случае, когда мы почувствовали неудобство в удержании левой кнопки мыши или какой-то физический дискомфорт стала испытывать наша рука, то процесс выделение можно приостановить. Перестанем держать мышку вовсе. Покрутим кистью, разомнём пальчики, а затем вновь продолжим процесс выделения с того места на котором остановились.
Что же делать, если в область выделения всё же попал белый фон? Можно отменить выделение вообще, нажав сочетание клавиш Ctrl+D и начать выделять ладонь заново. А можно обратиться к блоку технических настроек инструмента и переключить режим его работы щелчком мыши, но теперь уже по значку инструмента с минусом:
Менять другие настройки инструмента вовсе не обязательно (диаметр курсора-кружочка, его жёсткость, интервалы самого пунктирного выделения).
Такое переключение режима даёт нам возможность удалить «захват» выделением белого фона:
Ну что же, избавимся от ненужного нам выделения части белого фона. Подводим курсор-кружок инструмента к выделению и, нажав левую кнопку мыши с последующим её удержанием, начинаем сдвигать лишнее выделение в сторону края ладони. Стараемся производить смещение выделения плавно, чтобы не сместить выделение вглубь ладони:
Когда один из участков лишнего выделения коснётся контура ладони, мы переходим к следующему участку выделения и таким же образом смещаем и его.
В том случае, когда мы всё же залезли выделением на ладонь, то тогда нам нужно вновь переключить режим работы инструмента, нажав его значок с плюсом и плавными движениями сместить выделение к краю (контуру) ладони. Для того чтобы выделение было качественным и чётко обтекало контур кисти руки, да и нам самим было удобнее работать лучшим будет, приступая к выделению, увеличить масштаб видимости:
И вот когда у нас всё получилось, а у нас получилось, и я в этом нисколечко не сомневаюсь, мы переходим к той части процесса, которая связана, непосредственно с созданием контура ладони. Отпускаем левую кнопку мыши и делаем выдох облегчения.
Кисть выделена — «муравьи» выделения активно бегут по её контуру, а мы производим смену инструмента и создаём новый слой в окошке слоёв.
Давайте начнём с создания нового слоя. Нажмём в нижней менюшке окна слоёв, значок создания нового слоя. Готово:
Этот новый слой через несколько секунд превратится в слой-контур ладони, а точнее будущий контур. У нас есть пока только выделенная область, а создание контура впереди.
Теперь произведём смену инструментов или режимов выделения. Обычным щелчком мыши выберем инструмент обычного (не быстрого) выделения. И какой именно инструмент из перечня мы выберем, в нашем данном случае, не имеет значение:
Давайте самый верхний. Он же первый сверху вниз, носящий название «Прямоугольная область»:
Итак, новый пока ещё пустой слой создан, смена инструмента произведена и теперь, мы заводим курсор инструмента на область ладони и оказываемся курсором внутри выделения. Курсор инструмента имеет вид двух крестиков. Один большой, а другой маленький. Делаем щелчок правой кнопкой мыши. Появилось окошко опций, в котором нам в данный момент интересна опция «Выполнить обводку»:
Выберем её. И вот появилось следующее окошко настроек:
В этом окошке мы можем по своему желанию отрегулировать толщину (ширину) линии контура, её цвет, а также выбрать расположение обводки, а затем нажать кнопку «Ок». Я не буду менять настройки и просто нажму кнопку «Ок». И вот что получилось:
Для того чтобы мы могли полноценно полюбоваться свои творением, нам необходимо мешающие обзору ненужные видимые элементы скрыть или удалить. Давайте не будем спешить удалять элементы, а просто у части из них отключим видимость. Предлагаю начать со слоёв. В окошке слоёв щёлкнем мышкой по значку «Глаз» у слоя-фона и слоя фона копия:
Ну вот, другое дело:
Чтобы быть уверенными в том, что созданный нами контур без изъянов и дефектов, увеличим масштаб видимости (версия Фотошоп CS5):
К сожалению надо признать, что контур получился «так-себе». Линия контура имеет много неровностей, которые были заметны уже в самом начале его создания и при 100% масштабе видимости.
Используя технику создания контура из выделения, мы не должны увлекаться затемнением (осветлением) выделяемой области будущего контура. Чрезмерное усиление контраста усиливает имеющиеся шероховатости у изображений, с которым мы работаем, даже если они и хорошего качества.
Кроме этого, само изображение может не являться оригиналом. Так, изображение ладони, с которой мы только что работали, уже подвергалось не очень качественной обработке в каком-то редакторе изображений, что и отразилось на созданном нами контуре из выделения. Именно размещение изображений на белом фоне позволяет скрывать шероховатость контура с одновременным уменьшения контраста объекта (осветление).
Но при всех тех неровностях получившегося контура, занижать удобство и значительность техники создания контура из выделения всё же не стоит.
В ближайшее время мы продолжим говорить о создании контуров с использованием других техник, ну или подходов.
Хотите сделать свой текст привлекательным и оригинальным? Появилась необходимость оформить какую-либо надпись красивым стилем? Тогда читайте этот урок.
В уроке представлен один из приемов оформления текста, а конкретно – обводка.
Для того чтобы сделать обводку в Фотошопе нам понадобится непосредственно «пациент». В данном случае это будет одна большая буква «А».
Сделать обводку текста можно стандартными средствами Фотошопа. То есть дважды кликнуть по слою, вызвав стили и выбрать пункт «Обводка»
.
Здесь можно настроить цвет, расположение, тип и толщину обводки.
Это путь дилетантов, а мы с Вами настоящие профи, поэтому и действовать будем по другому.
Почему так? При помощи стилей слоя можно создать только линейную обводку, а способ, который мы изучим в этом уроке, позволит создать обводку любой конфигурации.
Итак, текст у нас есть, приступаем.
Зажимаем клавишу CTRL
и кликаем по миниатюре слоя с текстом, тем самым получив выделение, повторяющее его форму.
Теперь нужно определиться, чего же мы хотим добиться. Я хочу довольно толстую обводку со скругленными краями.
Идем в меню «Выделение – Модификация – Расширить»
.
Здесь настройка только одна. Пропишу значение в 10 пикселей (размер шрифта 550 пикс).
Получаем вот такое выделение:
Чтобы произвести дальнейшее редактирование необходимо активировать один из инструментов группы «Выделение»
.
Ищем на верхней панели инструментов кнопку с названием «Уточнить край»
.
Нашли? Нажимаем.
Здесь нам необходимо изменить только один параметр – «Сглаживание»
. Поскольку размер текста у нас огромный, то и значение также будет довольно большим.
Находясь на этом слое нажимаем сочетание клавиш SHIFT+F5
. Появится окно с параметрами заливки.
Здесь выбираем «Цвет»
. Цвет может быть любой.
Получаем следующее:
Снимаем выделение сочетанием клавиш CTRL+D
и продолжаем.
Помещаем слой с обводкой под слой с текстом.
Здесь выбираем пункт «Наложение градиента»
и кликаем по значку, что указан на скрине, открывая палитру градиентов. Вы можете выбрать любой градиент. Набор, который Вы сейчас видите, называется «Черно-белое тонирование»
и входит в стандартную комплектацию Фотошопа.
Затем выберем тип градиента «Зеркальный»
и инвертируем его.
Жмем ОК и любуемся…
Что-то не так…
Продолжим эксперимент. Извиняюсь, урок.
Переходим на слой с текстом и изменяем непрозрачность заливки на 0%
.
Дважды кликаем по слою, появляются стили. Выбираем пункт «Тиснение»
и настраиваем примерно, как на скриншоте.
Итоговый результат у меня получился вот такой:
Имея немного желания и фантазии при помощи данного приема можно добиться очень интересных результатов.
Весь прошлый урок мы рисовали фигуры, выбирая на панели параметров режим «Слой-фигура», сегодня рассмотрим два остальных режима —
«Контуры» и «Заливка пикселов».
Контуры
Линия, ограничивающая фигуру, представляет собой контур.
Рабочий контур — это временный контур, который появляется на панели «Контуры» и определяет границы
фигуры.
Контуры можно использовать несколькими способами:
- Контуры можно использовать в качестве векторной маски, чтобы скрыть отдельные области слоя.
- Контур можно преобразовать в выделенную область.
- Контур можно залить или обвести произвольным цветом.
Создайте новый файл для экспериментов. Возьмите инструмент -фигура- на панели инструментов, выберите режим «Контуры» на панели
параметров и растяните мышкой контур на холсте. Теперь посмотрите на панель «Слои», выберите на ней вкладку «Контуры»:
В нижней части панели находятся кнопки, за которыми закреплены наиболее полезные команды работы с контурами:
Выполнить заливку контура основным цветом.
Выполнить обводку контура.
Загрузить контур как выделенную область.
Сделать из выделенной области рабочий контур.
Создать новый контур.
Удалить активный контур.
Итак, вы нарисовали контур, теперь щелкните по иконке -выполнить заливку контура основным цветом- и вот ваш контур похож на фигуру.
Попробуйте в деле и другие кнопки панели «Контуры».
Теперь посмотрите на верхнюю часть панели и щелкните по трем параллельным черточкам:
Здесь можно выбрать инструмент для обводки контура. Аналогично можно настроить и заливку контура в соответствующем пункте меню.
На самом деле основным инструментом для работы с контурами является «Перо», это очень полезный инструмент и ему посвящен следующий урок.
Заливка пикселов
В этом режиме фигура рисуется, растрируется и заливается основным цветом.
Растровые фигуры создаются с использованием текущего основного цвета и их нельзя редактировать как векторный объект.
- Выберите слой на котором будете рисовать.
- Выберите на панели инструментов желаемый основной цвет.
- Выберите инструмента «Фигура» на панели инструментов.
- Выберите на панели параметров режим «Заливка пикселов», остальные параметры по желанию.
- Растяните мышкой фигуру на холсте.
На этом урок закончен, в следующий раз мы познакомимся с очень полезным инструментом — «Перо».
3 пошаговых способа сделать двойную экспозицию на фото
Встречали ли вы в Инстаграм привлекательные кадры, когда силуэт человека соединен с лесом или морем? Уверены, что да. Этот прием называется двойная экспозиция.
Его суть в том, чтобы выбрать 2 изображения и соединить их. Получится необычный 3 итоговый вариант, который отлично будет смотреться в ленте Инстаграм.
Такие снимки не оставляют никого равнодушными. Ваши подписчики не смогут пройти мимо. Если картинка получилась весьма привлекательной, то есть шанс, что поклонники поделятся ей со своими друзьями через Инстаграм или другие соц.сети.
Что такое двойная экспозиция
Этот прием, кажущийся на первый взгляд довольно сложным, является сейчас простым и доступным. Благодаря разработчикам приложений для смартфонов, мы можем творить из обычных снимков шедевры фотошопного искусства.
Есть несколько рекомендаций для того, чтобы создать уникальную и привлекательную картинку:
- Выбирайте нейтральный фон. Это необязательно, но весьма выигрышно смотрится в конечном результате.
- Силуэт накладываемого предмета (животного или человека) должен быть четким и хорошо различимым.
- Второе фото выбирайте такое, чтобы на нем было много интересного: лес, море, город. Чем больше элементов, тем притягательней изображение.
Пример картинки для двойной экспозиции.
- Фото выбирайте в хорошем качестве. При загрузке в Инстаграм оно слегка ухудшится. Читайте в нашем блоге, как не терять качество при загрузке в Instagram.
Двойная экспозиция в Snapseed
Отличным помощником для редактирования снимков для Инстаграм станет приложение Snapseed. У него много функций, которые позволят пользователям создать необычные картинки из имеющихся фото.
Одна из таких волшебных палочек – двойная экспозиция. Давайте пошагово пройдем весь путь редактирования фото для Инстаграм:
Двойная экспозиция в Пиксарт
Приложение PicsArt является платным. Пользоваться им могут все, у кого есть смартфон. Разработчики позаботились о том, чтобы держатели и Айфон, и Андроид могли его приобрести. Чтобы сделать двойную композицию в PicsArt, проделайте следующие действия:
- Загрузка и установка приложения. Бесплатный период длится 7 дней, но от вас сразу же требуют привязать карту. Будьте к этому готовы.
- Добавьте 1 снимок с нужным силуэтом.
- Загрузите и пейзажную картинку следом.
- Растягивайте снимок до нужного масштаба. На этом этапе можно отрегулировать «Насыщенность».
- Кликните на «Смешать». Выберите подходящий режим наложения изображений друг на друга.
- При помощи «Ластика» сотрите лишние элементы фото.
- Сохраните готовый результат. Выложите его в своем профиле в Инстаграм.
Двойная экспозиция в Фотошопе
Доверяете двойную экспозицию только Photoshop? Тогда мы расскажем, как можно при помощи этой программы создать волшебное изображение. Выполняйте следующие шаги:
- Откройте программу. Подберите подходящие снимки из имеющихся на компьютере или поищите исходники на бесплатных фотостоках. Там очень много качественных изображений, которые любой человек может использовать без угрызений совести.
- При помощи инструмента «Перо» выделите силуэт предмета. Обрисуйте контур. Старайтесь не оставлять задний фон этого снимка, лучше немного «обрежьте» сам силуэт.
- Замкните контур на первоначальной точке. Кликните на правую кнопку мыши. Выберите «Образовать выделенную область». Установите «Радиус растушевки».
- Если вас не устраивает вид линии контура силуэта, она кажется вам слишком грубой и угловатой, то можно смягчить ее. Загляните в «Выделение», затем в «Уточнить край». Измените радиус «Определения краев», сдвиньте края для образования активного выделительного контура.
- Расширив границы контура, вы можете немного взять от основного фона. Чтобы избавиться от нежелательных элементов, воспользуйтесь инструментом «Удалить уточнения». Пройдитесь данной функцией по тем местам, где вы захватили лишние частицы.
- При помощи функции «Уточнить радиус» вы можете захватить все частички изображения, которые упустили ранее.
- Полученное выделение перенесите на новый слой с белым фоном.
- Добавьте снимок с природой поверх всех имеющихся слоев. Загрузите активный контур при помощи клавиши Ctrl.
- Добавьте маску к пейзажу. Появиться активный контур поверх снимка с природой.
- Уберите связь между слоями. Это можно сделать в нижней правой части экрана. В результате вы получите четкий контур силуэта, внутри которого будете перемещать природу или город (в зависимости от выбранного изображения). Подберите лучшее расположение картинки в силуэте.
- Скопируйте слой с выделенным силуэтом. Копию поставьте поверх всех слоев. Затемните изображение предмета через инструмент «Уровни».
- Измените режим наложения слоев на «Осветление».
- Слой-маску наложите поверх последнего полупрозрачного слоя. Закрасьте при помощи кисти имеющиеся пробелы.
- Возьмите слой с белым фоном и замените оттенок фона на подходящий по цвету.
- Имеющиеся недочеты можно исправить и подкорректировать при помощи мягкой кисти или инструмента «Пипетка».
- Добавьте новый слой поверх остальных. Он должен подходить по цветовой гамме к основным изображениям. Прозрачность данного корректирующего наложения выставляйте до 30%.
- При помощи «Уровней» улучшите контраст. Используя «Карту градиента» можно создать стиль разделительных тонов.
- Сохраните свои труды. Обязательно поделитесь творением с миром!
Фотошоп является одновременно и сложной, и простой программой. Если вы сможете ее освоить, то ваши работы с медиафайлами точно не останутся незамеченными!
Изучайте новые способы редактирования фото и видеоконтента для Инстаграм вместе с нами! Экспериментируйте и радуйте своих читателей новыми работами.
Особенно подписчикам понравится, если вы поделитесь своими небольшими лайфхаками по созданию привлекательных снимков. Это значительно повысит интерес публики к вашему блогу в Инстаграм!
Как в фотошопе сделать обводку
Создаем эффект двойной обводки в Photoshop
В сегодняшнем руководстве я хотел бы рассказать, как сделать обводку текста в Фотошопе.
Стили слоя в Photoshop позволяют без труда добавлять тени, свечения, контуры, цветовые наложения и многое другое. Комбинируя эти эффекты, можно оформлять тексты, фигуры и другие элементы на изображении. В старых версиях Photoshop можно было добавлять только одну тень, только один эффект обводки, и это создавало определенные ограничения. На сегодняшний день в Photoshop CC можно применять один и тот же стиль бесконечное количество раз, и именно этим мы сегодня займемся.
Мы добавим двойной контур к одному и тому же тексту. Давайте узнаем, как это сделать.
Создайте новый файл и добавьте текст
- Создайте пустой документ в Photoshop, и задайте ему размер 1000 на 500 пикселей. Для данного примера мы воспользуемся простой графикой для веб, и поэтому разрешение документа будет составлять 72ppi. Если же вы планируете пустить эту работу в печать, то не забудьте установить разрешение 300ppi;
- Теперь нужно добавить текст. Я воспользовалась бесплатным шрифтом под названием Folk. Хотя для примера подойдет любой полужирный шрифт.
Выберите инструмент «Текст», нажав клавишу T, или выберите его на панели инструментов:
- В панели параметров, которая должна появиться в самом верху окна, выставите размер 280 pt (если используете другой шрифт, то размер может быть другим). Установите светло-синий цвет (#0099ff):
Чтобы изменить цвет текста в Фотошопе, кликните по цветному квадратику в панели опций, после чего откроется палитра цветов:
Как только разберетесь с настройками, переведите фокус ввода на документ и напишите какой-нибудь текст:
После этого кликните по какому-нибудь другому слою или по галочке на панели опций:
Создаем стиль слоя
- Теперь к только что созданному красивому тексту в Фотошопе нужно применить стиль «Обводка». Кликните по слою с текстом, и удостоверьтесь, что он выделен. Затем нажмите на иконку «Добавить стиль слоя» в самом низу панели. В выпадающем списке нужно выбрать «Обводка»:
- Перед вами откроется диалоговое окно с настройками стиля. Не забудьте поставить галочку возле параметра «Просмотр», чтобы видеть изменения, которые вы вносите. Установите размер 5px.
- Нажмите по названию стиля «Обводка», который находится рядом. Установите размер 8px. Выставите «Положение» на «Снаружи».
- Пока что не нажимайте «ОК». В меню с левой стороны нажмите по стилю «Тень». Давайте добавим небольшую тень того же цвета, что и текст, но так, чтобы она была слегка смещена. Режим наложения устанавливаем на «Умножение». Цвет используем все тот же — #0099ff8. Такая тень будет выглядеть привлекательнее, чем увесистая черная.
Переключите «Положение» на «Внутри».
Режим наложения оставляем «Нормальный», а «Непрозрачность» на 100%. В качестве цвета выбираем белый:
Сейчас текст в Фотошопе выглядит немного странно, так как располагается на белом фоне, и при этом имеет белую обводку. Далее мы добавим еще одну обводку, и все станет гораздо интереснее.
Режим наложения оставляем на «Нормальный», а уровень непрозрачности на 100%. В качестве цвета выставляем светло-синий (#0099ff8):
В принципе можно закончить и на этом этапе, так как все выглядит вполне привлекательно, но я бы хотел добавить немного теней.
Уровень непрозрачности ставим на 100%. В рамках данного примера подойдет любой угол отбрасывания тени.
Смещение выставляем на 10px.
Размах на 10% Размер на 10%:
Теперь нажимаем «ОК», и получаем примерно такой текст в Фотошопе:
Этот эффект отлично смотрится с несимметричными и рукописными шрифтами, но его можно применять к абсолютно любому тексту и шрифту. Надеюсь, это руководство помогло вам узнать что-то новое.
Перевод статьи “How To Make A Double Stroke Text Effect In Photoshop” был подготовлен дружной командой проекта Сайтостроение от А до Я.
Как сделать обводку с острыми углами в фотошопе
Как всегда я не смог нагуглить решение проблемы. Были советы нарисовать обводку кистью. дублировать под слой трансформированную версию слоя. Меня это не устраивало. Хотелось решения проще. Пришлось разобраться во всем самому. И вот что у меня вышло. Есть у нас такой текст с такой отстойной обводкой, которая уже успела опротиветь на рекламных баннерах.
Так выглядит слой. Обводку в стилях можете отключить сразу. Сейчас будем делать новую.
Давайте сделаем дубль этого слоя поверх старого и удалим стили. Стили удаляем у нового слоя.
Обязательно нужно преобразовать в кривые. Правым кликом мыши по новому слою, вызвав контекстное меню.
Работаем с текстом в кривых. Выберите инструмент перо (P). Появились настройки, где нужно убрать заливку и сделать белую обводку.
Окей, заливку убрали, обводку добавили. Но обводка получилась внутри текста. Исправить это можно в настройках.
Получилась отличная обводка текста. Без прогона текста через иллюстратор или корел.
По просьбе выкладываю вариант обводки с растровым слоем.
Обводка в фотошопе контура рисунка и текста: быстро в два клика
Доброго времени суток, уважаемые читатели моего блога. Что-то давно я не писал про фотошоп. Надо исправляться. Сегодня мы поговорим с вами про очень простую опцию, благодаря которой можно делать картинки более привлекательными, а сайт красивее.
Я и сам пользуюсь этой функцией для картинок практически в каждой своей статье. А как иначе? Делаешь скриншот, а по краям белый цвет, который сливается с фоном самого сайта. Спасает обводка в фотошопе. Про нее мы с будем сегодня говорить.
Пока готовился к этой статье полазил в интернете, посмотрел что пишут другие и диву дался! Как все сложно и заморочено. У меня на эту операцию уходит не более пары минут. Сейчас покажу каким образом я справляюсь с задачей.
Из этой публикации вы узнаете как работать с прямоугольными рисунками, текстом и нестандартными формами. Начнем?
Простая обработка прямоугольных изображений
Я уже рассказывал как сделать красивую рамку и размыть края в фотошопе. Сегодня я научу вас в два клика обводить их узорами, дополнять контур градиентами и одним цветом. Делается это максимально просто.
Я уже создал готовую основу, куда буду вставлять прямоугольную фотографию. Если вам нужно выполнить обводку внутри фотографии, то это делать не обязательно. Но так как я хочу показать вам все возможности инструмента, выбора у меня не было. Сейчас вы все поймете.
В статье как растянуть изображение я рассказывал почему лучше не копировать картинку при помощи Ctrl+C и вставлять (Ctrl+V), а перетаскивать его из папки в окно программы. Не буду повторяться. Именно этим способом я добавил фотографию набора micro SD и USB переходника с Aliexpress в заранее подготовленное окно.
Больше я ничего не делаю. Просто щелкаю по этому слою в меню справа, чтобы сделать его активным. Далее, в панели чуть ниже перехожу к инструменту «Добавить стиль слоя» и нахожу обводку среди инструментов.
Нередко я обрабатываю картинки пачкой, те же скриншоты. Просто открываю все фото сразу и работаю с размером и обводкой. В этом случае инструмент «Добавить стиль слоя» закрыт. Чтобы его открыть, нужно просто щелкнуть по замочку рядом со слоем изображение и возможность обвести край у вас появится.
Но, так как я хочу показать вам все функции инструмента, буду работать с вставленной в основу картинкой. После того как вы щелкните по обводке откроется дополнительное окно. Вы можете посмотреть изменения в режиме реального времени. Поставьте галочку рядом с возможностью предварительного просмотра.
Первым делом я выбираю где будет располагаться обводка: по внутреннему краю картинки, внешнему или из центра. Последняя возможность, думаю, самая непонятная. Предположим, вы ставите обводку в 6 пикселей, тогда 3 из них будут находиться внутри картинки и 3 снаружи.
Если бы я не вставил картинку в подготовленный фон, то мне бы не удалось показать вам обводку внешнего края.
Теперь я выбираю тип обводки. Вы можете выполнить его в одном цвете.
Щелкаете по плашке рядом с цветом и в открывшемся меню выбираете подходящий оттенок.
Также вы можете поступить, если в меню типа обводки выбираете градиент.
Ничем не будет отличаться и узорная обработка картинки с острыми углами.
Только на последнем этапе работы с рисунком я определяюсь с толщиной линии.
Кстати, вы можете добавить два разных типа одновременно. Например, несколько внутренних разной толщины или наружной. Для этого щелкаете по плюсу рядом с инструментом в меню слева. Тут есть и много дополнительных инструментов, например, тень.
Вот так мое изображение будет выглядеть в итоге.
Обводка нестандартных форм при помощи формата
Если вы добавите не jpeg, а png нестандартной формы и выполните все те же действия, то получите совершенно иной результат.
Можно удалить все ненужные элементы со слоя и выполнить обводку контура.
Текст
Если вы хотите обвести текст, то также можете воспользоваться этими шагами. Просто напишите текст. Щелкните по слою, чтобы его активировать.
Далее, чуть ниже выбираете «Добавить стиль слоя», в появившемся меню находите обводку и применяете ее к шрифту.
Выполните все настройки и готово. Обводка букв выполнена.
Кстати, о том, как красиво обвести текст в моем блоге есть отдельная статья.
Произвольная обводка — фигуры
На заготовку я наложил скриншот космических леденцов с Ali и хочу обвести в овал само изображение. Как это сделать.
Сперва я растрирую слой. Это нужно если вы просто перетащили картинку из папки в рабочее поле программы. Щелкаете правой клавишей мыши по выбранному слою, чтобы появилось дополнительное окно, а затем выбираете растрировать.
Далее выбираете выделение и рисуете фигуру. Если вам нужен ровный круг или квадрат, просто зажмите Shift пока ведете курсором.
Правой клавишей мыши щелкаете в центре выделенной фигуры и выбираете «Выполнить обводку».
К сожалению, сейчас вам придется действовать по наитию. Никого предварительного показа не предусмотрено.
В результате у меня получился вот такой вариант.
На мой взгляд это не лучший способ. Намного проще нарисовать круг или квадрат при помощи соответствующей фигуры. Убрать заполнение и оставить только контур. Применить к нему нужный вам стиль и готово.
Произвольная обводка объекта
Чтобы выполнить обводку объекта произвольной формы первым делом вам нужно будет выбрать кисть.
Сразу же настройте ее. Определитесь с цветом, в моем случае лучше всего подойдет белый, размер, жесткость, прозрачность и так далее.
Теперь, нужно выделить фигуру. Заставить «муравьев» ползать по краю. Сделать это можно при помощи пера, волшебной палочки и еще множества инструментов. Не знаете как это сделать – прочитайте мою статью о пяти способах вырезать изображение.
Я воспользуюсь простым методом. Зажму Ctrl и щелкну по эскизу слоя. Кстати, в качестве примера я снова взял картинку с Ali. На этот раз – это наклейка «Карта мира» на стену.
Теперь перехожу во вкладку контуры и создаю новый рабочий.
Осталось только нажать правой кнопкой по новому контуру и выбрать обводку.
Ну вот и все. Если вам понравилась эта статья – подписывайтесь на рассылку и я сделаю вашу жизнь легче. Существует множество методов выполнить задачу. Я нахожу самые простые решения.
Изучение Photoshop
Если вы хотите всерьёз заняться изучением фотошопа, не рыскать в интернете ответы на те или иные вопросы, а систематично и последовательно постигать азы этой удивительной программы, даже если вы полный ноль, то настоятельно рекомендую курс Зинаиды Лукьяновой — «Фотошоп с нуля в видеоформате VIP 3.0».
Даже если вы новичок, я покажу как можно быстро освоить фотошоп, создать сайт, заняться продвижением группы и при этом не тратить много времени и денег. Создавать легко и приятно, если не морочить голову сложными настройками. Узнавайте секреты и учитесь на опыте других.
До новых встреч.
Векторный метод обводки эскиза в Photoshop.
Часть 1
Пролог
— Вот он, камень преткновения. Мы нашли его! 😉
Уважаемые товарищи, прочитавшие мою
первую статью
с неудобочитаемым названием, которое я уже забыл,- попеняли мне,
что с помощью этого опуса начать цивильное рисование
ну никак невозможно.
А я так надеялся на обратное..
Насколько помню, там был описан какой-то способ раскраски, но не был освещен
вопрос обводки контура. Что ж.. Я не кухонный комбайн,
чтобы всё сразу; однако попробую. 🙂
И вот, пока мой скромный чум озаряет муза, а олени всё равно ушли на север,-
начнем, однако.
— Вы встречали человека, который никогда не видел бы компьютера,
но тем не менее заинтересовался им,
увидев двоичную таблицу умножения?
Я — нет. А ведь именно так нас и учат,
начиная со школы. Сначала заставляют
учить (дай бог памяти).. забыл, что именно.. 🙁
Но главное — при этом клятвенно заверяют,
что где-то там, в светлом будущем, нам это пригодится.
— Я слышу храп с задних рядов? ..Кто-то спросонья упал в костер?? 8(  
Хм.. По крайней мере, теперь он проснулся..
— Да не угаснет бамбук в ваших трубках, братья!
..Интеллигентные отличники в моржовых шкурах, недоуменно поблескивая диоптриями,
как бы невзначай интересуются:
почто открыл кран, да не в тему
(забодай тебя олень), и когда будет про обводку!?
— А почему вы так уверены, что она вам нужна? Хотя сами говорите, что
еще не пробовали.. ;))
В общем, так: начнем с конца! Считаем, что векторный контур у нас уже есть!! Ура!!!
(изобразите хотя бы видимость просветления
на Вашем многомудром челе, явите такое чудо..)
— А теперь, как завещал Великий Шаман (да не угаснет бамбук
и в его трубке вовеки!),-
будем искать крайнего. Обычай такой.
Исстари повелось, я не виноват.
— Ну, кто там громче всех просил? Какой-то уж очень настойчивый отличник..
ага, вспомнил,- это был 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> (курсор принимает вид ножниц), затем кликаю мышкой,
пока все ячейки не будут стерты. Автоповтор нажатия здесь не поддерживается.
Таким способом получаем пустое поле. Кстати, собственно файл палитры, которую
мы вроде бы стерли, этим действием не портится. Изменения сохранятся только по
команде меню закладки Swatches — Save Swatches; да и то,
только в том случае, если для сохранения
вы выберете имя, совпадающее с именем файла, содержащего текущую палитру.
После этого появится стандартный запрос Windows
на замену существующего файла. И только после того, как вы подтвердите замену,
текущее состояние палитры будет занесено в указанный файл. — Категорически не советую
сохранять измененный цветовой набор под именем какой-нибудь стандартной палитры;
этим самым вы ее испортите.
Теперь для каждого цвета, заносимого в нашу палитру, повторяем следующее:
1) Вызываем окно Color Picker, выбираем нужный цвет. Можно выбрать его на глаз
в окне, где изображен спектр. Можно вводить числовые значения RGB или
шестнадцатиричный код, если они вам известны. В случае с палитрой PANTONE solid coated
надо в окне Color Picker перейти в режим Custom Colors (кнопка Custom),
из выпадающего меню выбрать
указанную палитру, после чего ее цвета появятся в вертикальной полосе прокрутки.
Оттуда выбрать нужный цвет. Нажимаем OK, после чего
выбранный цвет становится текущим.
2) На закладке Swatches нажимаем
кнопку Create New Swatch совместно с клавишей <Alt>,
вводим имя для нашего цвета (не длиннее 64 символов) и нажимаем OK.
Прибавляется одна ячейка в палитре.
После заполнения всех необходимых ячеек, палитру надо сохранить командой меню
закладки Swatches — Save Swatches. Как я предупреждал, выбирать
для файла имя уже существующей палитры следует только в том случае,
если это имя вашей собственной палитры, которую вы вызвали, отредактировали и
теперь хотите сохранить внесенные в нее изменения (для этого надо сохранить файл
под тем же именем). Но никогда
не выбирайте для сохранения имена, совпадающие с названиями стандартных палитр
Фотошопа, поскольку таким способом вы их лишитесь.
Сохраненную палитру можно вызывать командой меню закладки Swatches —
Replace 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
Урок по рисованию в Фотошоп при помощи инструмента «Перо» (Урок)
Автор: Moonray
Жанр: Иллюстрации
Графический планшет — вещь удобная, но доступна не всем. Однако стилус вполне способен заменить знакомый каждому пользователю Фотошопа инструмент «Перо». Конечно, в отличие от работы стилусом на рисование лайнарта и его раскрашивание придется потратить чуть больше времени, да и изящность линий будет отличаться. Тем не менее, результат может получиться вполне симпатичный.
Итак, создавать контур при помощи пера просто. Как правило, я никогда не рисую в Фотошоп или Sai с нуля. Первым делом рисунок создается от руки, и уже потом сканируется/фотографируется и переносится в графический редактор для дальнейшей обработки. Представим, что набросок на бумаге отсканирован и открыт в Фотошоп. Чтобы обвести контуры, для начала нужно определиться с размером кисти. Чем мельче кисть, тем тоньше будут контуры.
Выбрав размер кисти (инструмент кисть-правый клик-выбираем нужный размер), переключаемся на инструмент «Перо». Затем создаю новый слой и обвожу на нём пером рисунок. Замыкать выделение при этом не обязательно. Когда нужная линия нарисована, жмем правый клик и выбираем «выполнить обводку контура».
1. 1.
Получаем линию, после чего снова жмём правый клик и выбираем «удалить контур».
2. 2
Принцип рисования таким способом понятен. Именно при помощи Пера я перенесла контуры своего рисунка:
3. 3
Далее поступить можно по-разному: кто-то предпочтет распечатать лайнарт и взяться за карандаши, а кто-то захочет продолжить работу в графическом редакторе) Раскрашивается лайнарт так же при помощи пера. Создаем под нашим лайнартом новый слой (и все дальнейшие слои будут расположены под ним) и создаем пером выделенную область. В данном случае выделяем самый верхний предмет одежды, шапку.
4. 4
Замыкаем выделение.
5. 5
Всегда стараюсь, чтобы выделение не вылезало за пределы контуров. Далее правый клик — образовать выделенную область. Заливаем шапку нужным цветом и снимаем выделение.
6. 6
Для создания выделенной области можно использовать инструмент «волшебная палочка».
7. 7
Этот способ быстрее, но я предпочитаю всё делать пером. При использовании «волшебной палочки» у выделения образуются неаккуратные края, плюс каждая область должна быть замкнута, иначе выделение захватит лишнее пространство. Поэтому здесь я предпочитаю уделить время аккуратному результату.
В общем, выделяя поэтапно каждый предмет одежды, раскрашиваем персонажа. Желательно помещать каждый предмет одежды на новый слой и подписывать его, дабы не запутаться ^_^
8. 8
Теперь добавляем немного теней. Инструмент «Затемнитель» прекрасно с этим справляется. Так как покрас цветочков расположен на отдельном слое, легко подчеркнуть их, добавив внешнее свечение (двойной щелчок по слою с покрасом — внешнее свечение. Настраиваем параметры свечения на свой вкус)
9. 9
Если есть тени, должны быть и светлые участки, или просто осветленные участки. Добавляем их при помощи инструмента «Осветлитель».
10. 10
Затем я добавляю нечто среднее между обводкой рисунка и внешним свечением. Для тех, кому лень этим заниматься, можно оставить как есть — работа от этого не станет хуже)
1. Объединяем все слои, на которых есть покрас. Лайнарт и фон не трогаем.
2. Волшебной палочкой выделяем свободную (белую) часть слоя.
11. 11
3. Инвертируем выделение (ctrl+shift+I).
4. Слегка сдвигаем выделение в сторону.
12. 12
5. Опять инвертируем выделение (ctrl+shift+I).
13. 13
Затем инструментом «ластик» стираем ту часть покраса, которую не затрагивает выделение. Снимаем выделение. Получаем следующее:
14. 15
Добавляем нехитрый фон, можно поиграть стилями и оттенками на свой вкус. Рисунок готов) Именно таким способом я рисовала до приобретения планшета)
Как быстро создать двойную рамочку
В этом коротеньком уроке я расскажу, как создать тонкую рамочку — обводку, используя фильтр, который встроен в программу. Как я уже писала ранее, мои уроки рассчитаны на начинающих фотошопистов, этот урок тому подтверждение. Хотя бывает и так, что сложное умеешь, а простого, даже не знаешь. И так приступим. Кстати готовые рамки можно скачать здесь.
Открыть Photoshop CS5 и создать Новый документ (CTRL+N), размер любой, можно для наглядности залить цветом:
Вот так:
Создать новый слой. Взять инструмент Прямоугольная область и начертить прямоугольник:
Выполнить обводку. Зайти в меню Редактирование — Выполнить обводку. Поставить цвет, ширину:
Отменить выделение CTRL+D. Получим такой результат:
Зайти в меню Фильтр — Оформление — Фрагмент:
Результат:
Зайти в меню Фильтр — Усиление резкости — Резкость+
Результат:
Вот и всё! Быстро и просто. Можно так же применить к этой рамочки стиль слоя, поменять цвет и т.д. Это вариант, если взять ширину обводки 5 px. и два раза применить фильтр Резкость+
А это вариант если ширина 10 px. :
А эта рамочка выполнена немного по-другому: (это я уже эксперементирую)
Создать новый слой. Взять инструмент Прямоугольник :
Выставить такие параметры:
Нарисовать прямоугольник:
Взять инструмент Кисть, выбрать фигурную, настроить её:
Зайти в Контуры и выполнить обводку контура кистью:
Получится вот так:
Контур удалить:
Зайти в меню Фильтр — Оформление — Фрагмент. Такой результат:
Применить два раза фильтр Резкость+
Можно ещё поэксперементировать. Пробуйте, творите и у Вас всё получится!
Творческих находок и новых идей!
Ваша Иришка.
Автор урока: IrinaM
Желаю успехов !
Всегда для Вас: photoshoplesson.ru
У Вас возникло желание показать результаты Ваших трудов ? Выложите свои работы на наш форум !
Уважаемые посетители сайта, потратившие время на прочтение этого урока . Нам очень хотелось бы знать понравился ли он вам и был ли он вам полезен. Не поленитесь оставить комментарий . Заранее спасибо.
ПОХОЖИЕ УРОКИ:
✅ Как сделать обводку текста в фотошопе
Обводка текста в фотошопе
Каждый веб дизайнер знает, что сложнее всего поддается отрисовке шапка сайта. И, соответственно, именно к этой части работы клиент предъявляет больше всего требований. Порой, поймать нужную волну удается далеко не с первого раза. А чем больше багаж ваших знаний, тем больше может разгуляться ваша фантазия. Чем скорее вы выкатываете клиенту удачный вариант, тем меньше тратите время на разработку. А это выгодно. Будьте готовы к тому, что вам следует удержать в голове сотни вариаций обработки текста и фото. Некоторые из них используются практически постоянно. К ним относится обводка текста.
Добавление обводки тексту в фотошопе — одна из самых простых, но, в то же время одна из самых востребованных операций. Потому, знать, как ее выполнять просто необходимо любому веб дизайнеру. Приступим же.
Начнем с самого простого. Как сделать обводку текста одинарную. Создаем новый документ. Пишем текст. Я выберу крупный шрифт и жирное начертание. На фоновый слой я добавила градиент. Если уже делать, то красиво.
Делаем обводку черным цветом. Переходим к окну слоев. Выбираем наш, с текстом. Кликаем по нему левой клавишей мыши.
Нам нужно найти «параметры наложения».
Выбираем пункт «обводка» и задаем настройки.
Настройки можно менять на ваше усмотрение. Ширина обводки. Ее цвет и тип.
Давайте несколько усложним задачу. И сделаем двойную обводку. Но! К сожалению, фотошоп не дает возможности сделать двойную обводку тем же способом. Потому, следует прибегнуть к хитрости. И перевести нашу надпись в смарт-объект. Правда, тут есть один недостаток. Ваша надпись становится уже картинкой. То есть, отредактировать ее в режиме текста уже не получится. В том же окне слоев вызываем левой клавишей мышки тот же список операций. И выбираем «преобразовать в смарт-объект». Он будет располагаться чуть ниже параметров наложения.
Слой примет подобный вид:
Теперь возвращаемся к параметрам наложения и обводке. Задаем следующие настройки.
Вуаля! Теперь обводка двойная.
Оказалось, что на первый взгляд такой мощный инструмент фотошопа как обводка совсем прост в создании. Поэтому, давайте зайдем чуть дальше. И добавим шрифту обводку градиентом.
Я изменила фоновый слой, дабы наш текст смотрелся лучше. И добавила тексту вот такой градиент:
Плюс простая черная обводка. Исходное изображение у меня выглядит так:
Теперь преобразовываю его в смарт-объект и добавляю ему обводку градиентом. Для этого в параметрах наложения во вкладке обводка в выпадающем списке выбираем «градиент»
И вот, что имеем. Текст с обводкой градиентом. Благодаря игре цветов мы создали эффект светящейся надписи. Выглядит очень интересно, не находите?
Благодаря парочке инструментов у нас получилось создать классную надпись, которая вполне может подойти для создания шапки сайта.
Вам следует запомнить несколько вещей.
- Обводку текста нельзя делать бесконечно. Всему есть предел. Либо вы делаете множество тонких обводок, либо парочку, но толстых.
- Обводка бывает как внешней, так и внутренней. У внутренней есть существенный недостаток. Она «съедает» обводимый объект.
- С помощью обводок вы можете создать иллюзию объема. Все дело в цветах. При подборе нужной комбинации вы запросто достигните подобного эффекта.
- Обводка текста не увеличивается пропорционально тексту. Допустим, вы сделали обводку шрифта с кеглем 20px и обводку в 2 px. Если вы увеличите кегль до 40 px, обводка останется того же размера. То есть, выглядеть она будет совершенно иначе.
Как сделать обводку текста в Фотошопе
Хотите сделать свой текст привлекательным и оригинальным? Появилась необходимость оформить какую-либо надпись красивым стилем? Тогда читайте эту статью, в ней будет представлен один из приемов оформления текста, а конкретно – обводка.
Обводка текста в Фотошопе
Для того чтобы сделать обводку в Фотошопе, нам понадобится непосредственно «пациент». В данном случае это будет одна большая буква «А».
Сделать обводку текста можно стандартными средствами Фотошопа. То есть дважды кликнуть по слою, вызвав стили и выбрав пункт «Обводка». Здесь можно настроить цвет, расположение, тип и толщину обводки. Это путь дилетантов, а мы с вами настоящие профи, поэтому и действовать будем по-другому. Почему так? При помощи стилей слоя можно создать только линейную или градиентную обводку, а способ, который мы изучим в этом уроке, позволит создать борд любой конфигурации.
Итак, текст у нас есть, приступаем.
- Зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом, тем самым получив выделение, повторяющее его форму.
Теперь нужно определиться, чего же мы хотим добиться. Сделаем довольно толстую обводку со скругленными краями. Идем в меню «Выделение – Модификация – Расширить».
Здесь настройка только одна. Пропишем значение в 10 пикселей (размер шрифта 550 пикс).
Получаем вот такое выделение:
Чтобы произвести дальнейшее редактирование, необходимо активировать один из инструментов группы «Выделение».
Ищем на верхней панели инструментов кнопку с названием «Уточнить край».
Здесь нам необходимо изменить только один параметр – «Сглаживание». Поскольку размер текста у нас огромный, значение также будет довольно большим.
Выделение готово. Далее нужно создать новый слой, нажав на значок в нижней части палитры слоев (горячие клавиши здесь не сработают).
Находясь на этом слое, нажимаем сочетание клавиш SHIFT+F5. Появится окно с параметрами заливки. Здесь выбираем «Цвет», он может быть любой.
Снимаем выделение сочетанием клавиш CTRL+D и продолжаем. Помещаем слой с обводкой под слой с текстом.
Далее дважды кликаем по слою с обводкой, вызвав стили. Здесь выбираем пункт «Наложение градиента» и нажимаем на значок, который указан на скриншоте, открывая палитру градиентов. Вы можете выбрать любой градиент. Набор, который вы сейчас видите, называется «Черно-белое тонирование» и входит в стандартную комплектацию Фотошопа.
Затем выберем тип градиента «Зеркальный» и инвертируем его.
Жмем ОК и любуемся…
Переходим на слой с текстом и изменяем непрозрачность заливки на 0%.
Дважды кликаем по слою, появляются стили. Выбираем пункт «Тиснение» и настраиваем примерно, как на скриншоте.
Итоговый результат у нас получился вот такой:
Имея немного желания и фантазии при помощи данного приема можно добиться очень интересных результатов.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Выделение/обводка текста в Фотошопе
Одним из самых используемых инструментов при работе в Фотошопе является “Текст”. И разработчики программы постарались наделить его широкими возможностями.
Помимо того, что мы можем в свойствах задать стандартные параметры жирности и наклона, текст можно еще и выделить, чтобы он обращал на себя больше внимания.
Этот урок будет целиком посвящен тому, как выделить текст в Фотошопе. Начнем!
Способов выделить надпись в программе немало, но мы потрудились и выбрали самые “ходовые” для работы, которыми и сами пользуемся.
Способ №1: Создаем слой с подложкой
Обычно текст выделяют в тех случаях, когда фоновое изображение сливается с ним. Для подобного примера мы возьмем наш логотип в белом цвете
и яркую фотографию. В нашем случае это будет прекрасное фото пляжа с белоснежным песком:
Логотип нужно будет разместить в правом нижнем углу. Выглядит это пока таким вот образом:
Чтобы иметь возможность регулировать контрастность конечного изображения, нужно добавить новый прозрачный слой, на котором нужно будет создать подложку. Для этого:
- На панели слоев создаем новый слой и размещаем его между текстовым и фоновым слоями.
- Затем необходимо взять инструмент “Выделение” ->“Прямоугольная область”.
- На созданном слое (между слоями с текстом и фоном) выделяем прямоугольную область вокруг текста. Перед тем, как это делать, мы убрали рамки вокруг логотип. Смотрите скриншот ниже:
- Остается только залить выделенную область желаемым цветом. Обычно для подложки используют черный цвет. Чтобы не прибегать к панели инструментов, воспользуемся комбинацией горячих клавиш SHIFT+F5. В появившемся окне выбираем в пункте “Содержание” -> “Черный” или любой другой подходящий вариант:
После того, как подложка закрашена, снимите выделение горячими клавишами CTRL+D, или кликнув инструментом выделение по любому месту на холсте. - Чтобы подложка не смотрелась так “грубо”, нужно поиграть со значением “Непрозрачность” на слое. В нашем случае мы установили ползунок на отметке 50%.
- Почти готово. Остался последний штрих – добавление тени. Да, переходим в параметры наложения слоя, на котором находится текст. Для этого кликните правой кнопкой мыши на слой и выберите “Параметры наложения”.
Альтернативный способ вызова – двойной клик по нужному слою. Перед нами откроется окно с множеством настроек. Выбираем “Тень” и настраиваем, как у нас или на свой вкус:
Кликаем “ОК” и получаем неплохой результат, который является одним из самых распространенных.
Экспериментируйте с подложкой, ведь главное в этом деле – практика. Идем дальше.
Способ №2: Обводка текста
Есть еще один способ выделить надпись – сделать обводку. Данный способ подходит, когда у вас очень контрастное и разноцветное изображение. Мы взяли для пример черную версию нашего логотипа и фото леса:
Как видите, логотип практически незаметен. Приступим к выделению текста.
- В этот раз нам не понадобится создавать дополнительный слой, как в первом случае. Все куда проще. Кликаем на слой с логотипом/текстом ПКМ и выбираем “Параметры наложения”.
- После, устанавливаем галочку в пункте “Выполнить обводку”. Появятся настройки обводки. В нашем случае нам достаточно установить размер обводки в 3 пикс. и выбрать белый цвет, т.к. лого у нас черного.
- После настройки обводки, не закрывая окно, переходим к пункту “Тень”. Здесь все параметры тоже индивидуальны, но в нашем случае они таковы:
- После того, как мы ввели все необходимые параметры в пунктах “Выполнить обводку” и “Тень”, кликаем ОК и получаем результат:
Способ №3: Выделение текста при резкой смене цветов
Случается так, что фон, где вы хотите расположить надпись резко переходит с одного цвета на другой. Возьмем для примера наш белый логотип (выделен красным) и это фото:
А теперь давайте разбираться, как выйти из подобной ситуации.
- Для начала нужно зажать клавишу CTRL и кликнуть на панели слоев по миниатюре слоя с надписью. Таким образом Фотошоп автоматически создаст выделенную область вокруг лого:
- Затем необходимо перейти на слой с нашим фоновым изображением, кликнув ЛКМ по нему и, используя горячие клавиши CTRL+J, cкопировать выделение. Программа автоматически создаст новый слой с нашим текстом в цветах фонового изображения:
- Переходим к волшебству. Убираем видимость (галочку) с самого верхнего слоя, где расположена наша надпись. Теперь нужно инвертировать цвета слоя благодаря комбинации клавиш CTRL+I. Должно получиться примерно так:
- Получилось недурно, но еще есть над чем поработать. Давайте добавим нашему тексту немного обводки белого цвета в пункте “Выполнить обводку” в “Параметрах наложения”.
Затем “приправим” надпись немного тенями:
Вот и все! Кликаем “ОК” и получаем шикарный вариант выделенного текста на очень сложном фоне:
Если поработать с эффектами, которых в Photoshop предостаточно, чуть по дольше в каждом из способов, то можно получить результаты и получше тех, что продемонстрированы в этом уроке.
На этом все. Если остались вопросы, пишите об этом в комментариях. До встречи в наших следующих уроках.
Источники:
http://photoshop-work.ru/obvodka-teksta-v-fotoshope
http://lumpics.ru/how-to-stroke-the-text-in-photoshop/
http://myphotoshop.ru/vydeleniye-obvodka-teksta/
вектор — Как добавить ДВОЙНОЙ контур к тексту или фигуре в Adobe Illustrator?
Edit: был лучший способ сделать Quick & Dirty # 1. Я исправил ответ с улучшением. Теперь это мой предпочтительный метод.
Как и многие другие вещи в Illustrator, это можно сделать несколькими способами.
Быстрые и грязные пути
Используйте эти методы, если объект контура находится внизу стека слоев и прозрачность не имеет значения.
Quick & Dirty # 1 (рекомендуется)
- Выберите свой объект и на палитре
Внешний вид
выберите Меню иДобавить новую обводку
- Выберите новую обводку на палитре
Appearance
и перейдите в менюEffect
⇒Path
⇒Offset Path
и сместите ее на точку или 2. - (Необязательно) Если вы хотите повторно использовать этот стиль, откройте палитру
стилей графики
, выберите Меню и выберитеНовый стиль графики...
Quick & Dirty # 2
- Скопируйте и вставьте дубликаты вашего объекта друг над другом, пока у вас не будет 3 одинаковых объекта.
- Сделайте самый нижний слой объекта толстым.
- Сделайте обводку объекта со средним слоем менее толстой и другим цветом.
- Сделайте так, чтобы верхний слой объекта имел самую тонкую обводку.
Если вам действительно нужна прозрачность, вы можете выбрать свои объекты и Outline Stroke
, чтобы сформировать формы с заливкой.Затем вычтите и объедините свои формы, чтобы быстро создать очерченный объект-фигуру со сплошной заливкой.
«Кисть»
Этот метод очень гибкий, но требует больше времени для настройки. Это определенно тот метод, который вы хотите использовать, если вы будете использовать этот стиль границы в нескольких местах.
- Сделайте
Art Brush
- Создайте несколько параллельных линий (я считаю, что проще всего начать с горизонтальных линий)
- Выберите свои строки
- Откройте палитру кистей (F5).
- Щелкните меню и выберите
Новая кисть ...
- Выбрать новую кисть для искусства
- Убедитесь, что стрелка указателя направления указывает правильное направление для ваших линий.
- Примените новую кисть
Brush
к объекту, который вы хотите обвести.- Выберите свой объект.
- Щелкните созданную кисть на палитре
Кисти
.
Создать собственную кисть просто и удобно для основных форм, таких как линии или простые кривые.Если у вашего объекта много углов, вам нужно будет отредактировать кисть, чтобы включить правильный способ формирования углов.
Редактировать: Запоздалая мысль. Если вы создаете сложную форму, требующую контуров, вам нужно будет создать узорную кисть ,
, чтобы приспособить углы, вы не можете сделать это с помощью кисти Art Brush
. Чтобы создать узорчатую кисть
, вам нужно создать каждую из углов и боковых сторон, а затем создать образцы узора. Затем вы используете образцы узора для создания кисти Pattern Brush
.
Вот самый простой из известных мне способов создать узорчатую кисть:
Создайте плитки для каждой из требуемых плиток (Внешний угол, Внутренний угол, Начало, Сторона, Конец).
Имейте в виду, что плитки должны быть выровнены друг с другом по фигурам, поэтому это может помочь создавать квадраты и строить плитки в квадратах. На изображении ниже я сделал ограничивающие квадраты синими, чтобы вы могли их видеть. Когда я использую их для создания образцов на следующем шаге, я уберу обводку с квадратов.Перетащите каждую плитку на палитру
Swatches
, чтобы создать образцы узоров.Создайте новую узорчатую кисть и назначьте свои образцы каждой из соответствующих плиток.
Возможно, вам придется отрегулировать масштаб, если вы создали узор гораздо большего размера, чем предполагалось.
(Обратите внимание, что индикатор конечной плитки вводит в заблуждение. Конечная плитка должна быть направлена в том же направлении, что и ваша начальная плитка, как если бы они были одним и тем же объектом.Диалог, кажется, указывает на то, что его следует смотреть в противоположном направлении, но это неверно.)Примените узор к фигурам, чтобы проверить его.
Когда вы применяете его к шрифту, вам может потребоваться немного очистить привязки, если они расположены слишком близко друг к другу (в зависимости от масштаба вашего шаблона). Например:
- Вот B от шрифта до контуров без очистки (используя мой пример мазка кистью):
- Вот та же Б с удаленной посторонней точкой:
Как создать границу с помощью штрихов в Photoshop | Small Business
Adobe Photoshop поставляется с набором фильтров, которые можно применить, чтобы сделать ваши изображения более привлекательными.Эффекты фильтров также можно использовать для создания интересных границ для ваших фотографий. Фильтр мазков кисти предназначен для создания художественных эффектов, но создает уникальные границы изображения при использовании вместе с маской слоя. Поскольку у вас есть контроль над радиусом распыления и длиной штрихов, вы можете использовать один и тот же эффект с разными параметрами для каждой границы, чтобы создать некоторые вариации.
Откройте Adobe Photoshop и загрузите изображение, к которому вы хотите применить эффект границы.
Выберите инструмент «Прямоугольная область» в окне «Инструменты», затем щелкните и перетащите выделение вокруг фотографии. Эффект обводки границы будет применен к области за пределами выделения.
Дважды щелкните значок «Редактировать в режиме быстрой маски», оформленный в виде сплошного прямоугольника с пунктирным кружком внутри, в окне «Инструмент» и щелкните переключатель «Выбранные области». Нажмите «ОК», чтобы применить к фотографии быструю маску.
Нажмите «Фильтр» в строке меню и затем выберите «Фильтр галереи».»
Щелкните и перетащите ползунки« Длина штриха »и« Радиус распыления »вправо, проверяя раздел предварительного просмотра. Чем выше значения длины и радиуса, тем сильнее выражен эффект границы. Идеальные значения зависят от размера исходное изображение и свои собственные предпочтения, так что экспериментируйте, пока не будете удовлетворены предварительным просмотром.
Выберите направление штрихов в раскрывающемся списке «Направление мазка» и затем нажмите «ОК».
Нажмите «Редактировать в стандарте» Mode »в окне« Инструменты », чтобы превратить быструю маску в выделение.Щелкните выделение правой кнопкой мыши и выберите «Слой через копию» в контекстном меню.
Нажмите «Создать новый слой» в окне «Слои» и выберите инструмент «Заливка» в окне «Инструменты». Щелкните палитру «Цвет переднего плана» в окне «Инструменты» и выберите цвет границы.
Нажмите «ОК», затем щелкните холст, чтобы залить весь слой выбранным цветом. В окне «Слои» щелкните и перетащите «Слой 2», который представляет собой слой сплошного цвета, под «Слой 1», который является слоем изображения.
Нажмите «Файл» и выберите «Сохранить как», чтобы сохранить изображение с примененной рамкой.
Ссылки
Предупреждения
- Информация в этой статье относится к Adobe Photoshop CS6. Он может незначительно или значительно отличаться от других версий или продуктов.
Writer Bio
Практически выросшая в мастерской по ремонту компьютеров, Наоми Болтон была страстью столько, сколько себя помнила. После получения диплома о четырехлетнем курсе графического дизайна в колледже Cibap, Болтон открыла собственный фотографический бизнес.Ее работы были представлены в Blinklist, Gameramble и многих других.
Создание текстового эффекта с несколькими штрихами с использованием новых функциональных возможностей стиля слоя в Photoshop
Последняя версия Photoshop оснащена некоторыми очень полезными улучшениями стиля слоя. В этом кратком руководстве вы узнаете, как использовать новые функции стиля слоя для добавления нескольких штрихов к объекту, используя только один слой. Давайте начнем!
Step 1
Для этого эффекта мы будем использовать простой фон, заполненный этим узором из углеродного волокна.
Создайте текст, к которому вы хотите добавить обводку. Текст здесь написан заглавными буквами с использованием шрифта Anja Eliane Normal. Размер — 135 пунктов, цвет — # e7bd4f, кернинг — оптический, а отслеживание — 150, чтобы избежать перекрытия штрихов.
Вы можете использовать любые значения, которые вам нравятся, но не забудьте также соответствующим образом изменить значения хода.
Шаг 2
Дважды щелкните текстовый слой, чтобы начать добавлять штрихи. Начните с добавления обводки 5 пикселей, используя цвет # cd4949.
Step 3
Это добавит к тексту нормальную красную обводку.
Step 4
Щелкните маленький + справа от вкладки Stroke. Это добавит еще один экземпляр Stroke поверх нажатого.
Выберите новую вкладку «Обводка», измените размер на 3 и непрозрачность на 0%. Также убедитесь, что флажок Overprint снят.
Step 5
Это создаст прозрачную обводку между текстом и красной обводкой.
Step 6
Добавьте еще один экземпляр Stroke.
Порядок экземпляров Stroke — важная часть создания эффекта. Вы можете управлять порядком, выбрав экземпляр, который вы хотите переместить, а затем щелкнув значки «Переместить эффект вверх» или «Переместить эффект вниз» в нижней части поля «Стиль слоя».
Здесь вам нужно переместить новый экземпляр вниз.
Step 7
После перемещения измените размер на 8 и непрозрачность на 0%.
Шаг 8
Добавьте еще один экземпляр, переместите его вниз и измените его размер на 10, непрозрачность на 100% и цвет на # 16a2b3.
Step 9
Как видите, мы добавляем прозрачные штрихи поверх больших непрозрачных, чтобы создать эффект.
Step 10
Вы также можете расширить эффект внутрь. Для этого добавьте еще один экземпляр, переместите его вниз, затем измените его размер на 1, его положение внутри и непрозрачность на 0%.
Шаг 11
Добавьте еще один экземпляр внизу, измените его размер на 4, положение внутри, непрозрачность на 100% и цвет на # c28c36.Это добавляет последние два штриха внутрь текста.
Заключение
Вы можете поиграть с порядком, размером, непрозрачностью и значениями цвета до 10 различных экземпляров эффекта Stroke, чтобы добавить несколько штрихов к объекту, используя только один слой и один стиль слоя. Пожалуйста, не стесняйтесь оставлять свои комментарии, предложения и результаты ниже.
Как очертить текст, формы и изображения в Photoshop Учебное пособие по Photoshop
www.psd-dude.com
Text Outline Учебное пособие по созданию эффектов Photoshop для начинающих. Быстрый и простой урок о том, как создать контурный текст в Photoshop. Текстовый эффект обводки в Photoshop очень легко сделать. Вы можете использовать контур для текста, фигур и изображений.
Твитнуть
Эффект Outline Photoshop всего за несколько простых шагов.Контур можно применить к слою любого типа: текст, фигура и вырезанные изображения. Этот вид текстового эффекта отлично подходит, например, если вы хотите отредактировать текст на изображении или добавить текст поверх изображения.
Как обвести текст в Photoshop
Добавьте текст на новый слой.
Дважды щелкните текстовый слой, чтобы открыть окно стиля слоя. Чтобы создать контур, добавьте стиль слоя Stroke . Выберите положение мазка, которое вам нравится. Вы можете выбрать снаружи, внутри или по центру в зависимости от типа шрифта.
Если вам нужен только контур текста, вы должны установить Заливку слоя на 0%.
Когда вы добавляете текстовый контур или штрих, вам нужно отрегулировать интервал текста в Photoshop. Отслеживание — это интервал между каждым символом. Вы можете найти меню регулировки трекинга прямо под линией на палитре символов.
Применение нескольких штрихов к тексту в Photoshop
Если вы конвертируете текстовый слой в смарт-объект, вы можете добавить второй контур.Щелкните правой кнопкой мыши на слое и Преобразовать в смарт-объект . Затем добавьте еще один стиль слоя Stroke .
Форма контура Photoshop
Чтобы очертить форму в Photoshop, вы должны установить Заливку на 0% и добавить стиль слоя Stroke . Установите размер штриха и положение.
В принципе, вы можете сделать это для любой формы. Я сделал обширный урок о том, как создать треугольник в Photoshop, где я также расскажу о создании контура для треугольника.
Как обвести изображение в Photoshop
Если вы хотите очертить изображение в Photoshop, вам нужно начать с выреза. Итак, выделите элемент, который хотите вырезать. Убрать фон.
Снова добавьте стиль слоя Stroke к слою с вырезом. Установите размер обводки и желаемый цвет. Установите положение хода вне .
Если вам нужны быстрые результаты, вы можете попробовать этот бесплатный экшен Photoshop Outline Text от PhotoshopSupply.Вы можете добавить несколько контуров к тексту, фигурам и изображениям.
А если вы хотите сделать контурный шрифт онлайн, вы можете попробовать текстовый редактор Mockofun.
Если вы хотите создать контур в Photoshop с различными эффектами, вы можете попробовать эти классные экшены Photoshop. В набор входит более 20 эффектов наклеек и этикеток.
Как пользоваться инструментом Photoshop Pen
Photoshop CC — творческое оружие, которое выбирают многие дизайнеры. Его инструменты «Перо» и «Кисть» — одни из самых мощных и удобных в использовании аспектов программы.В этом уроке Photoshop мы сосредоточимся на инструменте «Перо» (есть отдельная статья с советами по использованию инструмента «Кисть» Photoshop).
Инструмент «Перо» — это простая функция выделения, которая позволяет заливать, обводить или выделять все, что вы рисуете. Это один из основных инструментов, который вам нужно освоить, прежде чем вы начнете изучать более продвинутые функции или использовать плагины Photoshop. В этой статье мы дадим несколько советов по использованию инструмента «Перо» и дадим советы, как извлечь из него максимум пользы.
Лучшие на сегодняшний день предложения Adobe Creative Cloud
Заполнить путь
Щелкните значок в правом верхнем углу, чтобы увеличить изображение
Выберите инструмент «Перо» с помощью ярлыка P . Чтобы сделать выбор, щелкните две точки, чтобы создать линию между ними, и перетащите точку, чтобы создать изогнутую линию. Используйте Alt / opt-перетащите ваши линии, чтобы изменить их. Ctrl / щелкните правой кнопкой мыши свой путь на вкладке «Контуры» справа, а затем выберите «Заливка контура», чтобы создать из него форму.
Щелкните значок в правом верхнем углу, чтобы увеличить изображение.
Измените содержание на передний или задний план, в зависимости от образца цвета, который вы хотите использовать. Используйте Content Aware, если вы хотите заполнить пикселями остальную часть изображения.
Режим наложения и непрозрачность заливки определяют, как пиксели взаимодействуют с другими пикселями ниже. Например, 50-процентная непрозрачность, экран придаст вашей форме легкое осветление.
Используйте радиус растушевки, чтобы смягчить края заполняемой фигуры.Чтобы создать полностью твердую форму, оставьте это значение на 0 пикселей.
Сделайте выделение
Щелкните значок в правом верхнем углу, чтобы увеличить изображение
Перо — не только опытный инструмент для рисования, но и полезный инструмент выбора. Вы можете выбрать фигуры для рисования. cmd / Ctrl + щелкните путь, чтобы выбрать его после создания формы, или Ctrl / щелкните правой кнопкой мыши путь и выберите «Сделать выделение».
Щелкните значок в правом верхнем углу, чтобы увеличить изображение.
Сделайте новое выделение (слева на изображении выше), или добавьте ( cmd / Ctrl + Shift + click ) или вычтите ( cmd / Ctrl + Alt / Opt + щелкните ) выделение, если на вашем слое выделены пиксели.
Дважды щелкните путь и дайте ему имя, чтобы сохранить его в качестве будущего выбора (палитра «Пути» показана справа вверху). Эти пути появятся в виде списка на вкладке «Пути». Щелкните значок пунктирного контура в меню внизу палитры, чтобы сделать выбор. В качестве альтернативы используйте значки «Удалить», «Маска» и «Создать», как в палитре «Слои».
Обводка контура
Щелкните значок в правом верхнем углу, чтобы увеличить изображение
Щелкните правой кнопкой мыши путь и выберите «Обводка», чтобы применить линию к выделению любой выбранной кисти.Для этой конкретной линии люстры мы использовали рассеивающую кисть, чтобы равномерно распределить точки.
Используйте раскрывающийся список во всплывающем окне, чтобы изменить инструмент, который вы используете для обводки линии — например, вместо того, какой файл кисти вы выбрали, вы можете переключиться на карандаш.
Флажок Simulate Pressure применяет давление, которое вы обычно используете при создании штриха с помощью инструмента «Кисть», то есть ваша линия будет сужаться в конце.
Щелкните значок в правом верхнем углу, чтобы увеличить изображение.
Панель инструментов в верхней части интерфейса позволяет быстро выбрать цвет обводки и заливки для всего, что вы создаете с помощью инструмента «Перо», вместо того, чтобы выбирать его вручную. .
Эта статья изначально была опубликована в ImagineFX, мировом бестселлере для цифровых художников. Купить issue 159 или подписаться .
Подробнее:
Photopea — Стили слоев
Дизайнерам часто требуется добавить к изображению какой-то «общий» эффект, например, обводку , тень или внешнее свечение .
Создание таких эффектов вручную (например,рисовать мазок кистью) может быть сложно.
И как только вы измените изображение, эффект придется заново перерисовывать вручную.
Photopea может добавлять такие эффекты автоматически с помощью стилей слоя (также называемых эффектами слоя).
К каждому слою (обычному слою, текстовому слою и даже папке) может быть прикреплен список стилей.
Каждый стиль имеет большой набор параметров (например, для Stroke это толщина, цвет, непрозрачность и т. Д.).
Эти стили автоматически перерисовываются при изменении слоя.Вы также можете изменить их параметры или отключить в любой момент.
Стили не изменяют содержимое слоя, но автоматически добавляются к окончательному изображению.
Когда к слою применены стили, вы можете увидеть список их стилей на панели «Слои» прямо под этим слоем.
Список стилей можно свернуть и развернуть с помощью стрелки справа.
Каждый примененный стиль можно включить или отключить с помощью значка глаза.
Добавить стили
Стили добавляются и управляются в окне Стили слоя .Дважды щелкните слой, чтобы увидеть это окно,
или щелкните слой правой кнопкой мыши и выберите «Параметры наложения».
Вы можете увидеть все доступные стили слоя (эффекты) в левой части окна Стили слоя.
Установите флажок для каждого стиля, чтобы включить его (или отключить). Когда вы щелкаете по названию этого стиля,
параметры стиля откроются в центре.
Когда вы закончите редактирование стилей слоев, вы можете подтвердить свои изменения, нажав кнопку ОК в правой части окна.
Удалить стили
Чтобы удалить стили, щелкните слой правой кнопкой мыши и выберите «Стиль слоя — Очистить» или перетащите элемент стиля на значок мусора (нижний правый угол панели «Слои»).
Загрузить и сохранить стили
Photopea позволяет загружать и сохранять стили. Нажмите «Определить новый», чтобы добавить текущий стиль в галерею стилей.
Щелкните миниатюру стиля (под кнопкой «Определить новый»), чтобы открыть галерею стилей. Теперь вы можете выбрать стиль, который хотите применить к слою.Вы также можете щелкнуть маленькую стрелку рядом с галереей и экспортировать текущие стили (или открыть существующие стили) как файл .ASL.
Фотошоп двойной штрих
Эффект обводки можно выровнять снаружи или внутри фигуры, и Photoshop удобно определяет «внутри» и «снаружи», чтобы включить любую векторную обводку, уже примененную к объекту, поэтому эффект обводки 5 пикселей можно добавить к векторной обводке 10 пикселей (снаружи ), вычтите из него (внутри) или оба (в центре) в зависимости от того, как вы устанавливаете параметры.Делать заявления, основанные на мнении; подкрепите их рекомендациями или личным опытом. Появление и исчезновение анимированного .GIF в Photoshop, Как вставить прозрачные изображения GIF или PNG в Photoshop. Если вы хотите создать собственный узор обводки, нажмите «Дополнительные параметры» во всплывающем окне, которое открывается из раскрывающегося списка предустановок. Выберите одну из двух предустановок; пунктирная или пунктирная, и все готово. или Pen Tool. Отрегулируйте размер до любого желаемого числа, но убедитесь, что он больше, чем ваш предыдущий размер обводки.В CS6, когда я рисую мазки после 15-20 штрихов (плюс-минус), Photoshop, кажется, отстает, и тогда я получаю сплошную линию. После двустороннего инсульта часто нарушается подвижность обеих сторон тела. Границы обводки в Adobe-Photoshop. Кара мудах мемберикан эфек инсульт atau mewarnai garis pinggir tulisan di photoshop. rev 2020.12.1.38085, за лучшие ответы проголосовали и они стали лидерами. политики этого сайта, узнать больше о компании Stack Overflow, узнать больше о найме разработчиков или размещении рекламы у нас.Вы можете продублировать свой слой, а затем добавить обводку, когда вы измените размер обводки в каждом слое, вы получите новую обводку по мере того, как вы дублируете больше слоев. Слева от окна наложения вы найдете несколько параметров, включая «Обводка»; Нажмите здесь. На панели «Слои» щелкните значок fx и перейдите к слову «Обводка». У акселерометров MEMS есть нижний предел частоты? Можно ли в Photoshop сделать обводку только фигур без обводки контура? экземпляры выбранных стилей слоя — включая падающую тень, градиент Adobe Photoshop.В диалоговом окне «Обводка» настройте параметры и параметры. ТЕХНИЧЕСКОЕ ОБСЛУЖИВАНИЕ ПРЕДУПРЕЖДЕНИЕ: возможный простой рано утром 2, 4 и 9 декабря по всемирному координированному времени…, уведомления о закрытии вопроса, результаты эксперимента и его окончание. Не уверен, что куплю, потому что очень раздражает, что ваш рабочий процесс снова и снова полностью прерывается через случайные промежутки времени. Введите любой текст. Большое спасибо :-), Ваш электронный адрес не будет опубликован. В следующем примере вы можете видеть, что установка непрозрачности на 0% создает маску там, где обычно появляется обводка.Чтобы обвести весь слой, выберите слой для обводки на панели «Слои». Поскольку векторная обводка и эффект обводки могут быть сплошными цветами, градиентами или узорами, а эффект обводки может иметь любой режим наложения и непрозрачность, которые вы хотите, возможные комбинации ошеломляют (хотя я оцениваю, что лучше, чем 90% из них. представляют серьезный риск кровотечения из глаз). Этот блог мне очень помог … Теперь у вас есть двойной контур вокруг вашего текста! Выберите цвета заливки и обводки; Щелкните шестеренку, чтобы добавить стрелку к началу или концу линии (или к обоим). Установите высоту; Удерживая клавишу Shift, перетащите мышь, чтобы добавить прямую линию.Нажмите кнопку «Параметры пути» (значок шестеренки) на панели параметров. Строгая физиотерапия и упражнения по реабилитации после инсульта могут помочь уменьшить этот побочный эффект. Шаг 2. Затем вторая линия размером 5 пикселей с зазором 5 пикселей между ней и внешней обводкой. Оказывается, вы можете получить почти такой же эффект, грамотно используя стиль Outer Glow в дополнение к стилю Stroke. Если мы посмотрим на панель «Слои», мы увидим изображение на заднем плане… Этот урок применим для Photoshop CS и CC 2015, 2018 и 2019.Ползунок «Непрозрачность» контролирует, насколько прозрачна наша обводка. Меньшее число здесь делает обводку более прозрачной, а большее число — более непрозрачным .. Затем нажмите кнопку «Создать» в диалоговом окне «Стили обводки» и установите всплывающее меню «Тип». to Dash: Вот трюк со всем этим: сложите все тире и штрихи, которые у вас будут, и поместите их в поле Pattern Length. 3. Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику использования файлов cookie, Политику конфиденциальности и наши Условия обслуживания.Есть ли покемоны, которые становятся меньше по мере развития? Как могут образовываться куперовские пары при нулевой температуре, если нет фононов? Шаг 3. Но в Photoshop это прямоугольник, и положение обводки по умолчанию находится «внутри», поэтому вы не можете увидеть никаких изменений ширины обводки (если только вы не сделали действительно «широкую» линию и не сделали обводку тонкой). Это один из тех приемов, которые следует использовать только тогда, когда текст рассматривается как графический элемент. Или, удерживая нажатой клавишу Alt (Option на Mac), щелкните значок «Обводка контура» со значком кисти (обведенным кружком) в нижней части панели.Как использовать grep для поиска строк, в которых любое слово встречается 3 раза? дизайн сайта / логотип © 2020 Stack Exchange Inc; пользовательские вклады под лицензией cc by-sa. Периодическая таблица элементов в формате Adobe Illustrator. Добавьте старомодный штрих. Создание пунктирной линии в Photoshop. Шаг 1. Просто откройте диалоговое окно стиля слоя для того, что вы хотите обвести, и затем щелкните значок плюса справа. Почему сцена была вырезана без ответа Оушена? Уменьшите настройку диапазона до низкого значения, где-то между 1% -5%.Откройте Photoshop, выберите «Файл»> «Создать» для нового файла этого размера и нажмите «ОК». В Adobe Photoshop Elements используйте инструмент «Заливка» для заливки области, используйте команду «Заливка слоя» для заливки области цветом или узором или используйте команду «Обводка», чтобы обвести цветной контур вокруг выделенной области или содержимого слоя. Лучший способ показать людям, что вы живы, просто сфотографироваться? В общем, создайте свою форму и придайте ей заливку и обводку, а затем добавьте эффект обводки через панель «Слои». Надеюсь, вам понравится, и не забудьте прокомментировать, если вы это сделаете.С легкостью добавьте до 10 штрихов. Примечание. На слой можно добавить до 10 штрихов. Как сделать двойной штрих в фотошопе? 760 лучших мазков кисти для бесплатного скачивания от сообщества Brusheezy. Создайте в Photoshop новый пустой файл размером 1000 x 500 пикселей. В моем примере я использовал 48pt Arial. Мы будем очень благодарны за любые указания о том, как точно выполнить этот второй ход. Чтобы получить подробные пошаговые инструкции и самостоятельно приступить к использованию этого привлекательного текстового эффекта, просмотрите этот видео-урок.Более низкое значение сделает второй контур более четким, а более высокое значение слегка размывает внешние края. Настроить путь … Если вы хотите, чтобы линия выглядела полой (как прямоугольник), просто отключите цвет заливки. Кроме того, «[» или «]» (левая или правая скобка) уменьшает или увеличивает вес строки на один пиксель. Я использую пробную версию Creative Cloud. Но поскольку разрешен только один штрих на слой, как вы можете добавить двойной контур или двойной штрих? Обязательные поля отмечены *. Вы можете использовать следующие HTML-теги и атрибуты:
, Как добавить стиль двойного контура вокруг текста в Photoshop.Это добавит фигуре дополнительную обводку. или укладку в разные группы слоев. Вы также можете щелкнуть значок «Обводка контура», не удерживая клавишу Alt (Option на Mac). Создайте новый файл и добавьте текст. Кисти Photoshop - отличный способ сэкономить время и создать потрясающие цифровые изображения с помощью готового набора графики и элементов. Ваш электронный адрес не будет опубликован. ДЖАЗАКАЛЛА .. :), именно то, что искал. ~ Барб Как мне разместить стрелки часов внутри этого циферблата? В меню инструментов выберите инструмент типа (выглядит как значок «t») или просто нажмите «T» в… Почему требуется третье тело при рекомбинации двух атомов водорода? Регистрация займет всего минуту.Вот как нарисовать пунктирную линию в Photoshop. Самый простой способ сделать это - добавить к фигуре эффект обводки. Сеть Stack Exchange состоит из 176 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру. Выберите путь на панели «Контуры». Непрозрачность. Добавление клавиши Shift увеличит или уменьшит линию… На панели «Инструменты» или «Цвета» выберите цвет переднего плана и сделайте выбор по своему усмотрению.Шаг 2. Двойные и тройные мазки Учебное пособие по Photoshop Шаг 1. Создайте исходный текстовый слой. Если двусторонний инсульт приводит к постинсультному параличу, то пассивные упражнения могут помочь улучшить подвижность и улучшить кровоток в пораженных конечностях. Бесплатные кисти Paint Strokes под лицензией Creative Commons, с открытым исходным кодом и т. Д.! Что делают бонусы "Разрешить отключение" в Temple Run? Выберите Правка → Обводка.