Как в фотошопе обводку фото в фотошопе: Заливка и обводка выделенных областей, слоев и контуров в Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нажмите Просмотр

в строке меню.

Щелкните по 200%

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Проще всего оставить один лишь контур в детских фонах, картинках для детей, в которых нет лишних деталей (складок одежды, вырисованной травы, сложных текстур и пр.)

1. Откройте в фотошоп ваше изображение,

2. Примените к нему фильтр -> стилизация -> выделение краев или в английской версии фотошоп Filter -> Stylize -> Find Edges

3. Фильтр -> Эскиз -> Ксерокопия (Filter -> Sketch -> Photocopy) Детализация 7, затемненность 3. У вас могут получиться другие параметры фильтра. Получили белые контуры на черном фоне:

4. Изображение -> Коррекция -> Инверсия (Image -> Adjustments -> Invert)

5. Отрегулируйте Яркость/контрастность, увеличив значения обоих параметров. Если нужно, то лишние детали закрасьте белой кистью.

Прошу посмотреть «дело9м.рф».
Прошу нарисовать отпечаток грязного пальца на краю листа оглавления и след от головки грязного гаечного ключа. Сколько стоит?
Пояснения.
1. Фотошоп для этих целей знаем, но не получается естественности и выразительности. Мы инженеры, а не художники.
2. Смысл заглавной страницы сайта:
— обратить на себя внимание только тех, с кем нам хотелось бы иметь дело: работящих мужиков и толковых инженеров, умеющих жить одновременно своим умом и своим трудом, помнящих слова старинного детского советского стишка: «…чего один не сделает — сделаем вместе».
— оттолкнуть от себя эффективных менеджеров, финансовых аналитиков, гундяевцев и прочих мастеров делить по справедливости чужое.
Соответствующие слова об этом написали, но образ первой страницы не устраивает.
3. Нуждаемся в длительном сотрудничестве.

Нет такого слова «разукрашка». Это называется «раскраска».

Photoshop, 3dmax, textures, art, gallery

Инструкция

1. Загрузите в программу Photoshop исходное изображение.

2. Зайдите в меню «Фильтр» — «Стилизация» — «Выделение краев».

3. Теперь так же откройте меню «Фильтр» и перейдите в «Эскиз» — «Ксерокопия». Откроется окно, в правой части которого необходимо выставить следующие параметры: «Детализация» — 9; «Затемненность» — 5. Нажмите кнопку ОК.

4. Перейдите в меню «Изображение» — «Коррекция» — «Яркость/Контрастность» и отрегулируйте с помощью ползунков параметры, пока не добьетесь наиболее подходящего результата.

Готовое изображение сохраните на компьютер в формате JPEG.

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

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

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

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

Обрамление фото

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

Почему я поступаю именно так? Благодаря этому способу пиксели не сбиваются, подробности об этом моменте можете узнать из статьи «Как растянуть изображение в Photoshop — без потери качества и пропорционально».

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

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

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

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

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

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

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

Еще одна важная настройка — «Цвет». Щелкните по этой плашке и получите доступ к спектру, чтобы изменить оттенок.

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

Сложный контур

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

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

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

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

Перейдите в раздел правого меню «Контуры».

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

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

Готово. Жмете «Ок».

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

В этот раз я поступлю мудрее и выберу объект, который состоит только из одного цвета. Так его будет проще выделять палочкой. Щелкаю ей по женщине, а затем выношу этот объект на новый слой при помощи клавиш Ctrl+J.

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

Теперь выбираете обводку, как делали это ранее, через параметры наложения (fx).

И снова работаете с контуром. Уже привычным образом, как и в первой главе про обрамлении фото. В этот раз можно использовать положение «Снаружи» и «По центру».

Надписи

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

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

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

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

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

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

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

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

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

НАШ САЙТ РЕКОМЕНДУЕТ:

Как вырезать рамку в фотошопе

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

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

Рассмотрим несколько простейших способов.

Способы создания рамки в Photoshop

Способ №1: обводка

Откройте в фотошопе фотографию и выделите изображение с помощью комбинации клавиш ctrl+a или инструментами выделения, перейдя в меню « Редактирование » и кликнув по пункту « Выполнить обводку »:

Выберите цвет, толщину и расположение обводки:

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

Способ №2: рамка вокруг картинки как эффект фона

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

Нажмите F7 , дважды кликните по фоновому слою, и, когда откроется окно « Стиль слоя », выберите панель « Обводка ». Селектор « Снаружи » обязательно необходимо поменять на « Внутри ». Указав все необходимые вам параметры, кликните на « ОК »:

Способ №3: использование кисти

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

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

Повторите данное действие ещё трижды ко всем сторонам картинки, и получится простая обводка. Неудачные действия можно отменить с помощью комбинации ctrl+z . Конечный результат мало отличается от первого способа, однако делать такую рамку вы можете не только по краям изображения, но и в любой части рисунка:

Способ №4: прозрачная рамка

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

Находясь на первом слое, выберите « Фильтр », « Размытие » и « Размытие по Гауссу » и размойте изображение:

Затем в окне « Фильтр » кликните на « Шум » — « Добавить шум ». В параметрах наложения слоёв слоя 2 уже знакомым способом выполните одно пиксельную черную или белую обводку.

Включите видимость всех слоёв и слой 2, применив свободное трансформирование, уменьшите по контуру на необходимую величину.

Получится такая рамка:

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

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

Как вставить фотографию в готовую рамку?

Шаг №1

Откройте загруженную рамку и фотографию в одном проекте Adobe Photoshop :

Шаг №2

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

Шаг №3

В окне « Слои » поместите слой с рамкой выше, чем слой с фотографией, как показано на рисунке:

Теперь фотография находится под рамкой.

Шаг №4

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

В разделе « Тиснение » поставьте галочки, руководствуясь своим вкусом и предпочтениями:

В результате у вас получится объёмное и реалистичное изображение в рамке.

Надеемся, что данный урок стал для вас полезен!

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

Обводка фотографии

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

Открываем фотографию в Adobe Photoshop. На панели слоёв кликаем правой кнопкой мыши по слою с нашей фотографией. Если панели слоёв не видно, то открыть её можно с помощью пункта меню Window/«Окно» → Layers/«Слои».

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

Для того, чтобы его разблокировать, просто дважды кликнем по этому слою мышкой. Замочек исчезнет, а сам слой станет называться Layer 0. После этого кликаем по слою правой кнопкой мыши и в контекстном меню выбираем пункт Blending Options/«Параметры наложения».

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

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

• Size/«Размер» — толщина обводки в пикселях. Чем больше разрешение фотографии, тем больше должно быть это значение для заметного эффекта.
• Position/«Положение» — положение обводки. Возможны варианты расположения внутри, снаружи и по центру. У нас обводка по краю кадра, а значит все варианты, кроме расположения внутри (Ins >

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

Так, добавить рамке объём можно с помощью настроек Bevel & Emboss/«Тиснение». Их выбор тут довольно велик, а влияние на изображение каждой наглядно отображается на превью, поэтому предлагаем просто попробовать разные варианты и подобрать нужный.

Внутренняя рамка

Открываем фотографию в Adobe Photoshop. Для того, чтобы сделать белую рамку в Фотошопе, надо выделить всю фотографию целиком. Сделать это можно либо с помощью комбинации клавиш Ctrl+A, либо с помощью команды меню Select/«Выделение» → All/«Все».

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

После того как фотография выделена по периметру, нужно сделать так, чтобы выделение проходило именно там, где нужна рамка. Для этого воспользуемся командой Select/«Выделение» → Modify/«Модификация» → Contract…/«Сжать…».

В появившемся диалоговом окне нужно будет ввести отступ в пикселях от края кадра, на котором должна находится рамка. Отступ будет сделан внутрь. Значение отступа зависит как от того, насколько далеко от края вы хотите сделать рамку на фотографии, так и от разрешения исходного снимка. Не забудьте поставить галочку Apply effect at canvas bounds/«Применить эффект на границах холста», которая указывает на то, что отступ нужно делать от границы.

Нажимаем Ok и видим, что выделение сместилось к центру кадра. Если положение будущей рамки нас устраивает, то двигаемся дальше, если нет — отменяем выделение с помощью комбинации клавиш Ctrl+D и повторяем всё сначала, пока не найдём идеальное положение.

Когда нужное положение выделения подобрано, надо просто выполнить обводку по этому контуру. Для этого воспользуемся командой Edit/«Редактирование» → Stroke…/«Выполнить обводку…».

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

В этом примере мы указали, что обводка должна быть толщиной в 3 пикселя и белого цвета. А располагаться должна по центру выделения. Это значит, что линия выделения в виде «бегущих муравьёв» будет проходить по центру будущей обводки.

А вот и результат.

Рамка с неровными краями

Как сделать красивую рамку в Фотошопе? Для этого можно добавить к фотографии рамку с неровными и рваными краями.

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

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

Область для рамки теперь выделена красным. Осталось добавить к ней неровные края. Для этого воспользуемся фильтрами, которых в Adobe Photoshop имеется в изобилии. Это пункт меню Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…».

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

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

Теперь инвертируем выделение с помощью команды Select/«Выделение» → Inverse/«Инверсия».

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

Паспарту

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

Как и раньше, открываем фотографию в Adobe Photoshop и снимаем блокировку с основного слоя.

После этого нам надо увеличить размер холста, для чего воспользуемся командой Image/«Изображение» → Canvas Size…/«Размер холста…».

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

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

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

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

Вставка фотографии в рамку

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

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

После этого перемещаемся в документ с рамкой, выделяем её целиком с помощью комбинации клавиш Ctrl+A, после этого копируем выделение Ctrl+C, переключаемся на файл с фотографией и вставляем скопированную рамку туда Ctrl+V.

Из-за того, что размеры и формат рамки и фотографии отличались, аккуратно вставить не получилось. Поэтому надо изменить размер рамки и подогнать под неё фотографию. Делаем активным слой с рамкой, кликнув по нему мышкой, и с помощью инструмента трансформации изменяем размер рамки Edit/«Редактирование» → Free Transform/«Свободное трансформирование».

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

7 простых способов как делать свои рамки в фотошоп.
Приветствуем тебя, дорогой читатель сайта Гикфо!

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

Достаточно и минимальных знаний фотошопа.

Итак, начинаем от простого к более сложному.

Способ 1 – выполнить обводку.

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

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

После того, как выделение готово, идем в –

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

Если же будет выбрано расположение обводки –снаружи-, то тогда размер изображения можно уменьшить воспользовавшись командой –Свободное трансформирование – сочетание клавиш CTRL+T, удерживая клавишу Shift для сохранения пропорций.

Или же увеличить размер холста на необходимые размеры.

Из вышесказанного вытекает способ 2: с использованием подлежащего слоя:

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

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

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

Способ 3. Используем стили.

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

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

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

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

Способ 4. Используем параметры наложения – стили слоя.

Создаем новый документ, допустим 10 см х15 см.

Заливаем слой понравившемся узором.

Выделяем область, ощищаем содержимое – клавиша Del

Снимаем выделение, Ctrl+D.

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

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

Под полученный слой помещаем изображение.

Способ 5. Маски в фотошоп.

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

На новом слое создаем быструю маску – клавиша Q.

Затем свободная трансформация – уменьшаем маску в размере.

Идем в Фильтр –Штрихи- Аэрограф.

Размеры устанавливаем по своему вкусу

Выходим из быстрой маски: еще раз нажимаем клавишу Q

Заливаем выделенную область (слой 1) цветом или градиентом.

Способ 6. Используем растровые фигуры.

Открываем изображение, разблокируем фоновый слой.

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

Выделяем нужный фрагмент

Меняем расположение слоев, и нажав клавишу Alt встаем мышкой между слоями.

Появится значок – кликаем.

Затем можно объединить слои Ctrl+E

Добавить новый слой ниже слоя с изображением

В слое с изображением добавить эффекты наложения

Нижний слой залить фоном переднего плана, и можно применить фильтр .

Или любой другой, поиграться – что больше всего будет по душе.

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

Способ 7. Делаем прозрачную рамку в фотошоп.

Открываем изображение, дублируем три раза фоновый слой – нажимая три раза сочетания клавиш Ctrl+J

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

Находясь на слое 1 идем в – – .

Добавим шум. Идем в – –

Все в том же Слое 1 вызываем параметры наложения слоев

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

На Слое 2 вызываем свободное трансформирование Ctrl+T, удерживая клавишу Shift, уменьшаем изображение.

В слое 2 вызываем параметры наложения слоев, выставляем примерно такие значения:

Получили вот такую славную рамочку:

Не бойтесь экспериментировать, включайте свою фантазию, и у вас обязательно все получится!

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

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

В уроке представлен один из приемов оформления текста, а конкретно – обводка.

Для того чтобы сделать обводку в Фотошопе нам понадобится непосредственно «пациент». В данном случае это будет одна большая буква «А».

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

Здесь можно настроить цвет, расположение, тип и толщину обводки.

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

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

Итак, текст у нас есть, приступаем.

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

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

Идем в меню «Выделение – Модификация – Расширить»
.

Здесь настройка только одна. Пропишу значение в 10 пикселей (размер шрифта 550 пикс).

Получаем вот такое выделение:

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

Ищем на верхней панели инструментов кнопку с названием «Уточнить край»
.

Нашли? Нажимаем.

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

Находясь на этом слое нажимаем сочетание клавиш SHIFT+F5
. Появится окно с параметрами заливки.

Здесь выбираем «Цвет»
. Цвет может быть любой.

Получаем следующее:

Снимаем выделение сочетанием клавиш CTRL+D
и продолжаем.

Помещаем слой с обводкой под слой с текстом.

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

Затем выберем тип градиента «Зеркальный»
и инвертируем его.

Жмем ОК и любуемся…

Что-то не так…

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

Переходим на слой с текстом и изменяем непрозрачность заливки на 0%
.

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

Итоговый результат у меня получился вот такой:

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

Весь прошлый урок мы рисовали фигуры, выбирая на панели параметров режим «Слой-фигура», сегодня рассмотрим два остальных режима —
«Контуры» и «Заливка пикселов».

Контуры

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

Контуры можно использовать несколькими способами:

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

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

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

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

Выполнить обводку контура.

Загрузить контур как выделенную область.

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

Создать новый контур.

Удалить активный контур.

Итак, вы нарисовали контур, теперь щелкните по иконке -выполнить заливку контура основным цветом- и вот ваш контур похож на фигуру.
Попробуйте в деле и другие кнопки панели «Контуры».

Теперь посмотрите на верхнюю часть панели и щелкните по трем параллельным черточкам:

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

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

Заливка пикселов

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

1. Выберите слой на котором будете рисовать.
2. Выберите на панели инструментов желаемый основной цвет.
3. Выберите инструмента «Фигура» на панели инструментов.
4. Выберите на панели параметров режим «Заливка пикселов», остальные параметры по желанию.
5. Растяните мышкой фигуру на холсте.

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

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

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

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

Обрамление фото

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

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

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

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

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

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

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

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

Еще одна важная настройка – «Цвет». Щелкните по этой плашке и получите доступ к спектру, чтобы изменить оттенок.

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

Сложный контур

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

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

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

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

Перейдите в раздел правого меню «Контуры».

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

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

Готово. Жмете «Ок».

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

В этот раз я поступлю мудрее и выберу объект, который состоит только из одного цвета. Так его будет проще выделять палочкой. Щелкаю ей по женщине, а затем выношу этот объект на при помощи клавиш Ctrl+J.

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

Теперь выбираете обводку, как делали это ранее, через параметры наложения (fx).

И снова работаете с контуром. Уже привычным образом, как и в первой главе про обрамлении фото. В этот раз можно использовать положение «Снаружи» и «По центру».

Надписи

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

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

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

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

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

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

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

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

». Из него вы сможете узнать много полезного о инструментах и возможностях Adobe Photoshop.

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

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

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

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

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

Шаг 1

Напишем текст, с которым будем работать в дальнейшем. Создадим новый слой, при помощи инструмента Текст
(Text Tool) напишем слово «style». Цвет заднего плана чёрный.

Вот так выглядит панель слоёв на данном этапе нашей работы:

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

Из выпадающего списка выберите стиль Обводка
(Stroke).

В открывшемся диалоговом окне выберите цвет нашей будущей обводки в подменю Цвет
(Color):

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

После того, как вы подобрали цвет, нажмите ОК.

Нажимаем ОК. Вот что получается у нас после добавления первой обводки к нашему тексту:

Шаг 2

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

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

Чтобы это сделать, нажмите на значок в верхней части панели слоёв, как показано на скриншоте:

В выпадающем меню выберите опцию Преобразовать в Смарт-объект
(Convert To Smart-Object)/

После преобразования слоя в Смарт-объект
, в нижнем правом углу предварительного просмотра слоя появится такой значок:

Шаг 3

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

Снова откроется диалоговое окно стиля слоя Обводка
(Stroke). Как и в предыдущем шаге с добавлением обводки, выберите подходящий вам цвет и размер обводки. Я выбрал синий цвет и размер обводки 10 пикс.

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

Вот, что у меня получилось в результате добавления обводки к смарт-объекту с текстом внутри:

Шаг 4

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

Нажимаем ОК, чтобы закрыть диалоговое окно стиля слоя. И теперь у меня получается три линии обводки вокруг текста. Выглядит всё так, как будто я добавил тройную обводку к тексту, хотя на самом деле я использовал только одну обводку непосредственно к самому тексту, средняя линия обводки приходится на первый смарт-обект, а верхняя линия обводки — на второй смарт объект.

Вот так легко и очень просто можно добавить любое количество обводок к тексту, используя всего лишь стиль слоя Обводка
(Stroke) и Смарт-объекты
(Smart-Object) программы Фотошоп.

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

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

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

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

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

А теперь самое время делать обводку. Первое, что нужно сделать – это перейти в окно «Layers», в русской версии оно называется «Слои». Если этого окна нет, его можно включить через меню Программы/Window. В окне «Слои» нажимаем правой кнопкой мыши на слой с объектом, в данном случае это верхний слой, и выбираем пункт blending options, в русской версии этот пункт называется «Параметры наложения». Появляется вот такое окно, в нем находите пункт «Stroke», в русской версии называется «Обводка», и кликаете на этот пункт левой кнопкой мыши. После этого обводка включается, это видно по галочке перед названием, и открываются настройки обводки. На объекте, как видите, уже отображается результат, который соответствует вставленным параметрам. Эти параметры можно изменять, и давайте их рассмотри по порядку.

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

Ниже идет меню «Position», т.е. положение. Здесь, на выбор есть три пункта: outside (снаружи), т.е. обводка начинается от края объекта и идет на внешнюю сторону; inside (внутри), т.е. обводка начинается от края объекта и идет внутрь, как бы заполняя объект; center, в этом случае обводка идет от края, одновременно в обе стороны, напополам.

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

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

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

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

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

В общем, после того, как определитесь с типом обводки и ее цветом, нажимаете на кнопку «ОК». Готово!

Аналогичным образом работает и обводка с изображением. Например, есть какое-то изображение. В данном случае, логотип Youtube на прозрачном фоне. Выделяете это изображение любым способом. Копируете его сочетанием клавиш «Ctrl+C». Вставляете куда нужно сочетанием клавиш «Ctrl+V», а дальше все точно также, как с текстом. Правой кнопкой мыши на слое/Blending options/ Stroke и настраиваете.

Обводка выделенной области. Выделение объектов в фотошопе

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

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

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

Все инструменты одинаковые для всех версий Фотошоп, в том числе последних, начиная с CS6.

Как вырезать объект в Фотошопе

Используем инструмент «Лассо»

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

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

• «Лассо
  ». Обычное «Лассо» представляет собой один из самых простых способов выделить нужный объект на картинке. Работать с ним достаточно просто, необходимо зажать левую кнопку мыши и вести курсор по контуру от начальной до конечной точки;
• «Прямолинейное лассо
  ». Инструмент, позволяющий быстро создать контуры, состоящие из прямых линий. Лучше всего подходит для выделения геометрических фигур. Пользоваться им просто, жмем «ЛКМ» и ставим начальную точку, отпускаем клавишу мыши и переносим курсом далее по контуру добавляя новую метку. Таким образом выделяем элемент до того момента, пока курсор снова достигнет начальной точки;
• «Магнитное лассо
  ». Данная функция, позволяет быстро и точно создать контур. Наиболее точное определение магнитного лассо – инструмент автоматического распознавания краев. Алгоритм его работы заключается в том, что он пытается распознать края объекта находя отличия в яркости, насыщенности, контрасте.

Как вырезать изображение:

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

Быстрое выделение

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

Как вырезать:

Стираем фон Ластиком

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

Процесс достаточно простой:

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

Вырезание сложных объектов

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

Порядок действий:

Инструмент «Перо»

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

Порядок действий:

Инструмент Select Subject

Инструмент является новой разработкой компании Adobe. Он использует искусственный интеллект для быстрого выделения объекта. Далее рассмотрим подробно, как им пользоваться. Важно знать, что Select Subject используется исключительно версиях Photoshop
CC 2016
и более поздних сборках.

Инструкция:

• открываем фото и создаем дубликат слоя;
• выбираем инструмент «Быстрое выделение» и щелкаем «Select Subject
  »;
• автоматически произойдет выделение объекта, далее кликаем «Select
  and Mask
  »;
• в правой части откроется панель настройки параметров. Подгоняем каждый ползунок на свое усмотрение и щелкаем «Ок».

Цветовой диапазон

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

Как копировать объект

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

Первый способ:

• выделяем объект одним из способов, представленных выше;
• затем щелкаем комбинацию клавиш «CTRL+C
  »;
• после этого, создаем новый слой и нажимаем сочетание клавиш «CTRL+V
  ». Элемент будет помещен на новый слой.

Второй способ.

Данный вариант самый простой, слой с выделенной областью будет создан автоматически. Достаточно выделить объект и нажать сочетание клавиш «CTRL+J
» и он будет помещен на новый слой.

Третий метод.

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

Как вставить фон

• открываем нужное фото и используем один из методов удаления фона выше;
• инвертируем
  : «Выделение» и «Инверсия», жмем «Ок»;
• удаляем
  старый фон с помощью клавиши «Delete»;
• открываем картинку с фоном, щелкаем на клавиатуре «CTRL+C» и вставляем изображение поверх вырезанного элемента «CTRL+V»;
• после этого перетаскиваем фон
  под слой с вырезанным объектом, зажав левую кнопку мыши.

Как увеличить или уменьшить вырезанный объект

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

Вырезаем геометрические фигуры

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

• открываем изображение с геометрическими фигурами и делаем дубликат;
• затем выбираем вкладку «Выделение
  » и в ней открываем пункт «Цветовой диапазон»;
• производим настройку параметров: в пункте «Выбрать» используем команду «По образцам
  »;
• после этого щелкаем по значку «Пипетка+
  » и добавляем образцы оттенков. Если предварительный результат устраивает, щелкаем «Ок».

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

Посмотрите на это изображение:

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

1 способ:

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

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

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

2 способ:

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

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

Сначала выделили грубо:

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

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

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

Там вас спросят про растушевку. Если вы хотите, чтобы края выделенного объекта слегка смягчились, то поставьте 1 — 2 px
.

Кого заинтересовал инструмент Перо, советую прочитать эту .

3 способ:

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

Главное угадать с параметром «Допуск». Я, например, установила 45
и щелкнула 1 раз по фону. У меня почти все выделилось.

Потом я зажала Shift
и пощелкала по светло-зеленым участкам. Готово!

Осталось нажать Shift+Ctrl+I
, чтобы инвертировать выделение.

4 способ:

Как еще можно сделать выделение?
С помощью быстрой маски!

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

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

Контур в Фотошопе

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

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

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

Как создать контур изображения Фотошопе?

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

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

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

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

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

Контур рисунка в Фотошопе

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

Когда предмет выделен — перейдите по пути «Слои>Новый слой-заливка>Цвет». Дальше вам будет предоставлена знакомая уже палитра цветов. Выберите тот или иной цвет, после чего им будет залита вся выделенная область. Заливка окажется на новом слое. Мы повторили рассмотренную ранее операцию, но уже другим путем. Графический редактор Adobe Photoshop тем и хорош, что он позволяет добиться одного и того же результата при помощи разных действий.

Если вы повторяли действия вслед за нами, то уже догадались о том, что силуэт можно окрасить не только в какой-нибудь цвет. Ещё раз перейдите по пути «Слои>Новый слой-заливка». В выскочившем контекстном меню имеются пункты «Градиент» и «Узор». Они действуют сходим образом, только теперь вам будут предоставлены на выбор градиенты и узоры. Градиент вы даже сможете создать с нуля.

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

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

Откройте фотографию, на которой изображен человек. Желательно, чтобы он был сфотографирован почти в полный рост, так в силуэте точно можно будет узнать мужчину или женщину. Ещё нужно помнить, что для правильного выделения нужна четкая фотография. Если она получена при помощи зеркальной камеры, то это идеальный вариант. Снимки, сделанные «мыльницей» или смартфоном тоже подойдут. Но на выделение человека в этом случае вы потратите очень много времени.

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

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

Как в Фотошопе вырезать контур?

Выделение почти завершено. Осталось лишь уточнить края выделения. Ведь как бы вы не старались — помарки будут. Устранить их поможет автоматика. А если точнее, то кнопка «Уточнить край». Нажмите её, после чего выскочит не самое маленькое диалоговое окно. Если вы знакомились с нашими прошлыми уроками, то суть этого окна вам уже знакома.

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

Остается лишь перейти по пути «Слои>Новый слой-заливка>Цвет». Щелкните по черному цвету и нажмите кнопку «OK».

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

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

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

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

Но исказить таким образом можно не только человека. В данный момент выделен его контур. Если же перейти по пути «Выделение>Инверсия», то картина изменится. Теперь можно произвести любые изменения с фоном. Попробуйте перейти по пути «Фильтр>Размытие>Размытие по Гауссу». Далее останется лишь подобрать степень размытия. После этого лишь размытый контур вокруг человека не позволит сказать, что кадр получен при помощи сильного раскрытия диафрагмы. Как избавиться от этого контура — тема отдельного урока, который уже имеется на сайте.

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

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

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

Зачем нужна обводка контура? Это очень интересный вопрос. Пожалуй, умение совершить данную операцию пригодится при создании именной открытки. Также обводкой контура регулярно пользуются для создания эффекта рисунка. Так создается впечатление, что контур человека обведен тушью (при этом используется черный цвет). А ещё можно попробовать создать привидение. Для этого уже используется белый цвет и сильная прозрачность. Затем слой с этим контуром переносится на новую картинку. После этого остается изменить размер этого контура и поменять его местоположение. При необходимости нижнюю часть контура можно стереть инструментом «Ластик». А если вы ещё и фильтр «Размытие» к этому слою примените…

Как обвести контур в Фотошопе?

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

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

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

Выделение контура в Фотошопе

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

Выделение контура в Фотошопе — это одна из самых простых операций. Лишь сперва она кажется очень сложной. Если вы научитесь всему этому, то в дальнейшем сможете создавать очень интересные коллажи. Например, давайте напоследок попробуем создать уникальную картинку. Пусть наш мужчина будет выделен по контуру. Обводка будет окрашена в градиентные цвета. За мужчиной будет располагаться надпись «Котельнич». При этом головой человек должен заслонять одну из букв. Сможете создать такое изображение самостоятельно? Если нет, то читайте инструкцию.

Как обрезать по контуру в Фотошопе?

Возьмите фотографию. Выделите человека при помощи инструмента «Магнитное лассо». Теперь перейдите по пути «Редактирование>Копировать» или воспользуйтесь сочетанием клавиш Ctrl+C. Так вы сможете человека обрезать по контуру в Фотошопе, затем перейдите по пути «Редактирование>Вставить». Или нажмите сочетание клавиш Ctrl+V. Повторите последнее действие. Визуальных изменений не произойдет. Но на самом деле теперь существует три слоя с позирующим мужчиной.

В панели «Слои» выберите второй по счету слой. Далее перейдите по пути «Редактирование>Выполнить обводку». Подберите ширину, цвет — не важен. В качестве расположения выберите «Снаружи». Вновь перейдите в панель «Слои» и нажмите в нижней части панели кнопку «Fx». Щелкните по пункту «Наложение градиента». Выберите понравившийся градиент или создайте новый. Когда закончите — жмите кнопку «OK».

Большая часть работы сделана. Теперь осталось лишь задействовать инструмент «Горизонтальный текст». Напишите слово «Котельнич» или любую другую надпись. Затем выделите её, после чего измените размер и тип шрифта. Далее можно окрасить надпись в другой цвет или даже воспользоваться каким-либо стилем. Когда будете довольны результатом — вернитесь в панель «Слои». Вам нужно слой с текстом сделать вторым снизу. То есть, он должен располагаться над слоем «Фон». Вот и всё, картинка готова!

Итоги урока

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

Обтравка контура пером. Урок для новичков в Photoshop.

На мой взгляд перо — самый удобный, понятный и легкий в использовании инструмент. Давайте вместе начнем с самого простого. Займемся обтравкой контура.
Честно говоря, этот урок мне дается с огромным трудом, ибо перейдя в иллюстратор я рисую без Alt, и мне очень непросто сообразить, куда поставить точку, если Alt использовать все-таки можно. Но работа с использованием Alt, очень проста, и избавит нас от всех страхов перед пером. Дальше мы бесстрашно сможем учиться работать пером и без Alt в гладких точках. Итак начнем.
Вырежем цветочек. Я взяла эту картинку. Картинка увеличивается кликом по превью.

Мы будем вырезать из нее этот цветок:

Совсем подробно:-) Кликаем по превью первой картинки, скачиваем ее и открываем эту картину в photoshop.
Нажимаем сочетание клавиш Ctrl+0 (ноль), или так:

Берем инструмент «Pen» — «Перо» для чего нажимаем клавишу «P» (Расклад клавиатуры английский). Или так:

Настройки пера такие:

Ставим первую точку:

Теперь внимательно:-). Сначала читаем, потом делаем, — ибо это — единственное, что надо понять, — остальное просто. 🙂
Ставим вторую точку (красная стрелка), не отпускаем левую клавишу мышки, немного отводим (не отпуская клавишу мыши) перо в сторону — около точки появятся две стрелочки (направляющие — синяя стрелка), тянем за направляющую (синяя стрелка), поворачиваем ее, выгибая контур (зеленая стрелка), чтобы он лег четко по контуру цветка. НЕ ОТПУСКАЕМ МЫШКУ!

Теперь зажимаем клавишу Alt (мышку мы не отпускаем!) и загоняем направляющую (синяя стрелка) обратно в нашу вторую точку, так (красная стрелка):

Загнали. Отпускаем клавишу мышки! 🙂

Прочитали? Теперь можно делать. :-))))
Для того чтобы обтравить весь цветок, нам остается провести сию операцию несколько раз. Кнопка Alt и загон направляющей помогают как бы зафиксировать перо, чтобы с каждой новой точкой контур гнулся куда нам надо. На самом деле и без Alt контур гнется в строго определенном направлении, а не беспорядочно. Но здесь надо потренироваться, понять логику Пера. Поэтому понимать сию логику мы начнем, работая с использованием Alt:-)
Вы заметили — пока мы тянем за направляющие, — перо приобретает вид такого примерно треугольничка:

Ставим третью точку (красная стрелка), не отпускаем клавишу мыши, выгибаем контур (зеленая стрелка), зажимаем Alt и загоняем направляющую в эту самую третью точку(черная стрелка):

Отпускаем мышку.

Ставим четвертую точку и т.д. Вот все мои точки, — осталось только замкнуть контур, т.е. поставить последнюю точку в первую (строго в нее! :-)):

Кстати, подумалось…. Вы можете скачать именно эту картинку и для начала ставить точки строго туда, куда я ставила. Ибо — если у меня контур выгнулся, — значит и у вас он выгнется:-)

Ставим последнюю точку строго в первую, не отпускаем мыши и выгибаем контур. Alt у нас на этом последнем этапе уже не будет работать (если мы точно попали в первую точку). Поэтому, выгнув контур, просто отпускаем клавишу мышки. Все. обтравка контура закончена. 🙂
Вот так:

У нас все еще включен инструмент Pen — Перо. 🙂 Клацаем правой клавишей мыши по файлу в любой точке и в выпавшем окне выбираем «Make Selection»- «Сделать выделение»:

В открывшемся окне ставим Feather Radius — Радиус пера, радиус растушевки. Я ставлю 2 пкс (т.к. картинка у нас не слишком маленькая, и эта растушевка не будет резать глаз. Чем больше картина, тем большую растушевку можно ставить, и, соответственно, чем меньше — тем меньшую). Итак у меня 2 пкс, и жму ОК:

Цветок у нас выделился — вместо контура (простой линии) вокруг него выделение — переливающаюся пунктирная линия:

Теперь нажимаем сочетание клавиш Ctrl+C или так:

Нажимаем Ctrl+N или так (открываем новый файл, короче:-)))):

Умный фотошоп сразу ставит нужные параметры открываемого файла, чтобы вставить скопированное. Нам остается нажать кнопку ОК. Но, на всякий случай…, (доверяй, но проверяй) проверяем, чтобы все у нас было, как на скрине. Зеленая стрелка — фон прозрачный. Если у вас другой — выбираем прозрачный. Синяя стрелка — можем поменять название. Ну и жмем ОК:

Файл открылся:

Нажимаем сочетание клавиш Ctrl +V, или так:

Все, мы всю работу выполнили. У нас вырезанный цветок на прозрачном фоне:

Сохраняем файл в Png. Так:

Дополнительно:-)

Перед сохранением файла можно проверить, все ли у нас хорошо. Открываем палитру слоев (нажимаем клавишу F7) или так:

В палитре слоев с зажатой клавишей Ctrl щелкаем сюда (клавишу Ctrl зажимаем, чтобы новый слой у нас был ПОД слоем с цветком):

Вот у нас появился новый слой:

Мы стоим на этом новом пустом слое (видите — он выделен синим?), нажимаем сочетание клавиш Shift + F5 или так:

В открывшемся окне нажимаем на галочку (красная стрелка) и в выпавшем списке выбираем Black — черный (синяя стрелка):

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

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

Встаем в открытой палитре истории на пункт Close Path (красная стрелка). И наш мы возвращаемся к тому моменту, где мы замкнули путь (синяя стрелка):

Снова берем инструмент перо и зажимаем клавишу Ctrl
!!! Тыкаем (все делаем с зажатой клавишей Ctrl!!!) по любой точке контура и видим, что у нас появились все опорные точки с направляющими):

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

Собственно, пока все. У этого метода преимущество — простота. Но есть недостатки — у нас остается одна направляющая, что сокращает возможности редактирования. И, если мало опыта работы с пером, контур может получиться не слишком плавным. Но начнем все же с этого, чтобы научиться гнуть контур:-)
По этому же методу можно отрисовывать картинки
Урок
. Здесь конкретно — отрисовка контура. Весь урок
Именно по этому уроку я и училась:-)

P.s. После того как мы проверили обтравку картинки, вынеся ее на черный фон, — этот слой с фоном удаляем и сохраняем в png.

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

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

Если заявить, что в плане разнообразия и удобства способов выделения «Фотошоп» не имеет себе равных, это не будет преувеличением (во всяком случае, явным).

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

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

По тщательно обрисованному пером контуру объекта стучат правой кнопкой мыши и выбирают команду «Образовать выделенную область» (Make Selection), затем в открывшемся диалоговом окошке задают радиус растушевки, ставят/убирают галочку в чекбоксе «Сглаживание» (Anti-aliasing) и нажимают OK. Все, выделение готово.

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

Прямоугольные и округлые выделения

Инструменты выделения прямоугольниками, эллипсами (окружностями) и узкими полосками (линиями) собраны на панели в группу с подсказкой «Прямоугольная область»(Rectangular Marquee Tool), куда, кроме названного, входят инструменты «Овальная область» (Elliptical Marquee Tool), «Область горизонтальная строка» (Single Row Marquee Tool) и «Область вертикальная строка» (Single Column Marquee Tool).

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

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

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

Параметры настроек всех выделений на панели вверху одинаковы, за исключением овального выделения, для которого предусмотрен режим «Сглаживание» (Anti-aliased) для сглаживания переходов непрозрачности на краях.

Сложные контуры выделения

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

Для элементов со сложными контурами к вашим услугам предоставлена группа инструментов с подсказкой «Прямолинейное/Многоугольное лассо» (Polygonal Lasso Tool), куда, кроме означенного, входят инструменты Tool) и «Магнитное лассо» (Magnetic Lasso Tool).

Простое «Лассо» сродни карандашу. Нажав левую кнопку мыши, обводят (набрасывают лассо) нужную область (объект) и отпускают кнопку. Контур автоматически замкнется, где бы вы ни отпустили кнопку. Если контур не удался, можно, не отпуская кнопку, нажать клавишу Esc, убрав, таким образом, выделение, и «набросить лассо» еще раз.

Включив «Прямолинейное/Многоугольное лассо», вы обводите объект не плавной, непрерывной линией, а угловатым контуром, последовательно щелкая мышкой от точки к точке, между которыми протягиваются прямые линии. Для замыкания контура не обязательно совмещать начало с конечной точкой — достаточно приблизиться к ней настолько, чтобы рядом с курсором появился кружочек, намекающий на то, что можно смело щелкать — контур замкнется. Создать контур, не замыкая его полностью, можно и двойным щелчком мыши или с клавишей Ctrl.

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

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

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

«Волшебные» инструменты

Еще одна «сладкая парочка» средств выделения, спрятанных под одной кнопкой на панели инструментов, включает инструменты «Волшебная палочка» (Magic Wand Tool) и «Быстрое выделение» (Quick Selection). Эти инструменты позволяют выделять на изображении области одного цвета или близких по тону красок.

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

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

Есть немало причин, по которым использование стандартных инструментов выделения в определенных ситуациях неуместно или нежелательно, поэтому желательно разобраться, как выделить объект в «Фотошопе» в таком капризном случае.

Для этого используют группу стирающих инструментов (ластиков), среди которых тоже есть «волшебники». Группа включает собственно «Ластик» (Eraser Tool), «Фоновый ластик» (Background Erser Tool) и «Волшебный ластик» (Magic Eraser Tool).

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

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

«Фоновый ластик» хоть и не волшебный, но если показать ему образец (кликнуть мышкой над удаляемой областью) и, удерживая кнопку, обвести контур объекта, он удалит именно то, что нужно, независимо от сложности границы, и даже великодушно позволит вам «нагло» залезать курсором-прицелом на объект.

В качестве альтернативного варианта выделения по цвету можно рассматривать команду «Цветовой диапазон» (Color Range) в меню «Выделение» (Select). По этой команде откроется окно параметров настроек этой функции с уменьшенной копией изображения в центре. Цвет, который должен быть выделен, указывают, щелкнув мышкой (пипеткой) на миниатюре или на самом изображении. Можно щелкать «до потери пульса», пока выбранный оттенок не устроит вас, причем, если кликать с клавишей Shift, новый цвет добавиться к ранее выделенным, а щелчок с клавишей Alt, напротив, исключает указанный оттенок из кандидатов на выделение (то же самое делают пипетки с +/-).

Для контроля над выделением многоцветной области нужно выбрать под миниатюрой радиокнопку «Выделенная область» (Selection).

Извлечение объекта из фона

С задачей отделения объекта от фона «Фотошоп» прекрасно справляется по команде «Извлечь» (Extract) в меню Эта команда переносит нас в отдельное диалоговое окно, достойное статуса мини-редактора выделений. От нас требуется выбрать слева вверху похожий на фломастер инструмент, задать толщину мазка и обвести объект, показывая таким образом программе, где пройдет граница между отделяемым элементом и фоном. Граница обязательно должна оказаться внутри нарисованной линии, окаймляющей объект. Замкнув контур, выбираем ведерко с краской (Fill Tool) и заливаем объект, щелкнув внутри (не снаружи!) нарисованного контура. Только после этого кнопка «OK» позволит нажать себя и убедиться в незаурядных способностях фильтра Extract.

Выделение с использованием цветовых каналов

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

Для этого в панели слоев переходят на вкладку «Каналы» (Channels) и выбирают наиболее контрастный (чаще всего это синий) канал. Затем дублируют слой выбранного канала, переходят в «Изображение» (Image) > «Коррекция» (Adjustments) > «Яркость»(Brightness)/»Контрастность» (Contrast) и усиливают оба параметра, предельно зачерняя объект и «отбеливая» фон. При необходимости можно внести уточнения черной или белой кистью.

Далее изображение инвертируют (Invert), выбрав эту команду в том же меню «Изображение» > «Коррекция». Теперь остается только щелкнуть с нажатой клавишей Ctrl по слою копии канала и, «закрыв ему глазик», вернуться на вкладку «Слои» в режим RGB, где вас уже заждалось аккуратное и точное выделение.

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

Можно выделить/вырезать объект и с помощью инструмента «Быстрая маска» (Quick selection tool), расположенного в самом низу панели инструментов. Область выделения здесь просто рисуют черным цветом (но у маски цвет красный) с помощью обычных кистей. Частичное выделение для растушевки его границ получается не только вариациями жесткости, непрозрачности и нажима кисти, но и закрашиванием различными оттенками серого цвета. В режиме маски можно применять и градиентную заливку «от черного к белому» или наоборот.

Нередко возникает потребность по каким-либо соображениям немного передвинуть объект на изображении. Такую операцию лучше проводить в условиях относительно однородного фона, чтобы легче было «залатать дыру» на старом месте смещенного фрагмента. Оказывается, есть программы, в которых это делается почти автоматически «без шума и пыли». Например, можно CS6 и «незаметно» перенести его в другое место с помощью инструмента «Перемещение с учётом содержимого» (Content-Aware Move Tool), который находится в группе инструментов «Точечная восстанавливающая кисть».

Для этого нужно выделить объект любым способом и просто передвинуть в нужное место, а уж программа позаботится о том, чтобы на фоне не осталось следов (во всяком случае, явных) прежнего места проживания «переселенца». Если получится грязновато, инструменту «Перемещение с учётом содержимого» можно помочь «замести следы», выбрав в меню «Редактирование» команду «Выполнить заливку» и указав в списке «Использовать» вариант «С учетом содержимого».

Уточняем края выделения

Начиная с версии CS5 в «Фотошопе» появляется мощный инструмент «Уточнить край» (Refine Edge), расположенный в числе прочих параметров на панели настроек всех инструментов выделения. С помощью этого инструмента можно установить ширину области обнаружения краев (настройка «Радиус» и функция «Умный радиус») и отрегулировать параметры смещения, сглаживания, растушевки и контрастности границ выделяемого объекта.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тонировка

Шаг 1

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

Шаг 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.

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

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

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

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

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

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

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

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

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

.

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

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

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

С чего начать

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

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

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

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

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

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

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

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

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

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

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

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

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

Цвет

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

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

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

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

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

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

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

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

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

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

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

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

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

Создание многослойной обводки в Photoshop CS 5

В этом уроке, я хочу рассказать, как в Photoshop CS 5 создать многослойную обводку при помощи преобразования объекта (текста, картинки, рамки) в смарт — объект.

Открыть Фотошоп. Создать новый документ CTRL+N, размер любой (у меня 800х500) разрешение 300 px., цвет прозрачный:

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

Наложила на фон параметры стиля слоя — Внутреннее свечение:

Взять инструмент Текст, выставить шрифт, размер, цвет, написать слово:

Зайти в параметры наложения, нажав на значок внизу панели слоёв:

Выбрать — Обводка:

Поставить такие значения (значения подбираются экспериментальным путем):

Можно добавить — Тиснение с такими значениями:

Результат:

Стоя на этом слое нажать правую кнопку мыши, выйдет вкладка, выбрать — Преобразовать в смарт — объект:

Появится вот такой значок:

Снова зайти в параметры наложения, выбрать — Обводка:

Поставить другой цвет и размер обводки:

Результат:

Если надо ещё создать обводку, проделать те же действия ещё несколько раз. После наложения параметров, преобразовать в смарт — объект. В конце наложить — Тень:

Результат:

Всё, надпись готова.

Так же можно создать рамку. Я покажу на этом документе.

Добавить новый слой. Взять инструмент Прямоугольное выделение (М) и нарисовать прямоугольник:

Выполнить обводку. Зайти — Редактирование — Выполнить обводку:

Поставить цвет, размер обводки — 5 px.

Вот так:

Наложить параметры — Обводка:

Преобразовать в смарт — объект:

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

Преобразовать снова в смарт — объект и наложить Тень:

Такая получилась рамочка:

Добавить декоративные элементы.

Это конечный результат моей осенней фантазии:

Пробуйте, эксперементируйте и у Вас всё получится!

Творческого вдохновения и новых идей!

Ваша Иришка.

Автор урока: IrinaM

Желаю успехов !
Всегда для Вас: photoshoplesson.ru
У Вас возникло желание показать результаты Ваших трудов ? Выложите свои работы на наш форум !

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

ПОХОЖИЕ УРОКИ:

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

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

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

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

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

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

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

1: Перейдите в

Файл> Открыть , чтобы открыть изображение

Конечно, вам нужно будет начать с открытия изображения, вокруг которого вы хотите добавить границу. Чтобы открыть изображение в Photoshop, просто запустите программу, затем выберите File> Open в верхнем левом углу экрана.

Для этого урока мы собираемся добавить контур вокруг фотографии Олега Прачука из Pexels .

2: дважды щелкните слой, чтобы открыть окно стилей слоя

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

Здесь вы должны увидеть только один слой. Это потому, что наше изображение было открыто как один сплющенный файл. Дважды щелкните этот слой в Layers Window , и вы должны заметить, что открылось новое окно под названием Layer Styles .

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

3: Добавьте обводку и отредактируйте ее свойства

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

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

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

На этом этапе вы можете выбрать режим наложения и значение непрозрачности обводки. Различные режимы наложения будут генерировать разные визуальные эффекты, а более высокая непрозрачность (ближе к 100%) сделает обводку более заметной.

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

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

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

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

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

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

Как очертить только один фрагмент изображения

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

В этой части руководства мы будем использовать фотографию Анны Швец из Pexels .

1: Выберите инструмент

Object Selection Tool

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

Если, однако, вы предпочитаете использовать другой инструмент, тогда в большинстве случаев подойдет Quick Selection Tool , а также Magic Wand Tool , если область состоит из одного цвета. .

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

2: Измените настройки инструмента на панели в верхней части экрана

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

Здесь отметьте Auto-Enhance и Object Subtract.

Затем мы собираемся установить Mode на Rectangle.

3: Сделайте выделение вокруг вашего объекта

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

Отпустите кнопку мыши, когда вы будете довольны прямоугольным выделением, и вы должны заметить, что Photoshop автоматически делает осознанный выбор элемента, содержащегося в поле! Довольно круто, правда?

4: Дублируйте слой с активным выделением

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

Для этого продублируем выделенную область. При активном выделении нажмите Ctrl + J [Win] / Cmd + J [Mac], чтобы продублировать область слоя, ограниченную выделением. Вы увидите, что это создает новый слой в Layers Window , который содержит только выбранный элемент, который мы хотим выделить.

5: Добавьте обводку к новому слою и задайте его свойства

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

Как и раньше, мы будем работать в этом окне, чтобы добавить обводку к слою. Итак, повторите те же шаги, что и мы, чтобы добавить обводку вокруг всего изображения: щелкните подменю Stroke , выберите Fill Type , Color , значение для непрозрачности , и Size. для хода.

Единственное, что мы сделаем иначе, так это установим для Position значение Outside на этот раз, а не Inside .

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

6 (Необязательно): Добавьте дополнительный контур вокруг слоя

Если вы хотите усилить эффект, вы можете добавить больше контуров разных цветов вокруг одного и того же объекта! Сделать это довольно просто. Начните с открытия Layer Styles Window снова, дважды щелкнув по слою.

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

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

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

Итак, это все, что вам нужно знать о том, как добавить контур вокруг всего изображения или только одного элемента изображения! Хотите увидеть более наглядную демонстрацию процесса? Тогда посмотрите это видео от CreativeSalek, которое дает четкое объяснение задействованных методов!

Об авторе Betchphoto

Очарованный цифровым миром и особенно увлеченный всем, что связано с творчеством, Мартин — фотограф-любитель и специалист по цифровому маркетингу, имеющий более чем 10-летний опыт работы с Adobe Photoshop.Ознакомьтесь с его страницей о себе здесь

Это сообщение может содержать партнерские ссылки.

Как превратить изображение в штриховой рисунок в Photoshop
— Путь

от Бекки Килимник, , 5 января, 2019

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

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

Перед тем, как начать: как очертить изображение в Photoshop

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

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

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

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

1. Отрегулируйте контрастность фотографии
2. Настройте слои
3. Преобразуйте изображение в оттенки серого с помощью корректирующего слоя
4. Преобразуйте фотографию в рисунок
5. Установите цвета фона и переднего плана
6. Добавьте штриховку карандашом к изображению
7. Добавьте к изображению эффект перекрестной штриховки
8. Внесите последние изменения

Шаг 1. Отрегулируйте контрастность вашей фотографии

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

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

Перейдите на панель Layers и убедитесь, что выбран слой, содержащий ваше изображение. Если вы работаете со сведенным изображением (например, JPG), этот слой будет заблокированным фоновым слоем.

Выберите «Изображение »> «Коррекция»> «Кривые » в раскрывающемся меню в верхней части окна приложения Photoshop.

Появится диалоговое окно Curves . Убедитесь, что установлен флажок Preview .

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

Примечание. Если вы работаете с изображением CMYK, вы потянете вверх середину линии, а не вниз.

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

Шаг 2. Настройте слои

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

Чтобы дублировать слой, выберите слой на панели Layers , щелкните меню панели Layers в верхнем правом углу панели и выберите Duplicate Layer .

Шаг 3. Преобразование изображения в оттенки серого с помощью корректирующего слоя

Выберите дублированный слой в верхней части панели Layers .

Выберите значок Adjustment Layer в нижней части панели Layers (значок выглядит как наполовину черный, наполовину белый круг). В раскрывающемся меню выберите Hue / Saturation .

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

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

На панели Properties вы увидите три ползунка: Hue , Saturation и Lightness . Перетащите ползунок Saturation до упора влево, чтобы значение, указанное для Saturation , теперь было -100.

Ваше изображение теперь отображается в оттенках серого.

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

Наличие корректирующего слоя Hue / Saturation делает изображение в оттенках серого, но если вы хотите полностью удалить весь цвет из изображения во время работы, вы можете преобразовать изображение в оттенки серого, выбрав Image> Mode> Grayscale из раскрывающегося меню вверху окна приложения.

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

Шаг 4. Преобразуйте фотографию в рисунок

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

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

Щелкните раскрывающееся меню в верхней части панели Layers рядом с Normal . Выберите Color Dodge .

Не снимая выделения с того же слоя, инвертируйте изображение, набрав CTRL + I (COMMAND + I на Mac). Вы также можете инвертировать изображение, выбрав Image> Adjustments> Invert из раскрывающегося меню в верхней части окна приложения Photoshop.

Затем выберите Filter> Blur> Gaussian Blur из раскрывающегося меню в верхней части окна приложения.

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

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

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

Как сделать штрихи на рисунке более толстыми в Photoshop

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

Выберите Фильтр> Галерея фильтров … в раскрывающемся меню в верхней части окна приложения.

Выберите Glowing Edges под Stylize .Здесь вы можете настроить ширину края в правой части окна. Уменьшение яркости краев приведет к более чистому краю.

Щелкните ОК .

Вернувшись на свой слой, нажмите CTRL + I (COMMAND + I на Mac), чтобы инвертировать слой, и измените режим наложения слоя на Multiply.

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

Шаг 5. Установите цвета фона и переднего плана

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

Затем установите для Foreground Color средний серый цвет. Дважды щелкните квадрат Foreground Color на панели инструментов. В диалоговом окне «Палитра цветов (цвет переднего плана) » щелкните в середине левой части большого цветового поля.

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

По теме: 9 альтернатив фотографии продукта на белом фоне

Шаг 6. Добавьте штриховку карандашом к изображению

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

Выберите Фильтр> Галерея фильтров … в раскрывающемся меню в верхней части окна приложения.

В окне Filter щелкните папку с пометкой Sketch и выберите Charcoal .

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

Щелкните ОК .

На панели Layers щелкните раскрывающееся меню рядом с Normal и настройте Layer Blend Mode для угольного слоя на Multiply .

Шаг 7. Добавьте к изображению эффект перекрестной штриховки.

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

Выделив последний слой, выберите «Фильтр»> «Галерея фильтров»… еще раз из раскрывающегося меню в верхней части окна приложения. Если вы видите опцию Filter Gallery более одного раза в раскрывающемся списке, убедитесь, что вы выбрали нижнюю опцию.

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

Когда вы будете довольны появлением фильтра Torn Edges , щелкните значок New , расположенный в правом нижнем углу окна Filter .(Этот значок выглядит как лист бумаги со загнутым уголком, точно так же, как значок Новый слой на панели Слои .)

Вы увидите, что Torn Edges дважды появятся в правой части окна Filter . Пока выбран верхний экземпляр Torn Edges , щелкните фильтр Graphic Pen и измените Stroke Diagonal на Left Diagonal .

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

Щелкните ОК .

Измените Layer Blend Mode с Normal на Умножьте , как вы делали с предыдущим слоем.

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

Не снимая выделения с того же слоя, выберите Filter> Blur> Motion Blur из раскрывающегося меню в верхней части окна приложения.

В диалоговом окне Motion Blur установите угол на -45 ° и переместите ползунок Distance влево, чтобы создать очень легкое размытие. Убедитесь, что Preview отмечен галочкой, чтобы вы могли видеть размытие, прежде чем применять его.

Щелкните ОК .

Шаг 8: Внесите последние настройки

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

Отрегулируйте непрозрачность слоев

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

На изображении ниже непрозрачность верхнего слоя уменьшена до 60%, а непрозрачность следующего нижнего слоя составляет 70%.

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

Убрать артефакты

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

Чтобы удалить такие темные пятна, нанесите штамп на слои, выбрав все слои, включая корректирующий слой «Цветовой тон / насыщенность» на панели «Слои». Введите CTRL + A + E (COMMAND + OPTION + E на Mac), чтобы создать штампованный слой, который появится в верхней части панели «Слои».

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

Известно ли вам обо всех инструментах, доступных в Photoshop CC 2018?

Готовое изображение теперь будет похоже на карандашный набросок.

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

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

Бекки Килимник

Bio: Имея более чем 18-летний опыт работы в качестве графического дизайнера, Бекки увлечена тем, что помогает людям улучшать их контент, осваивая программное обеспечение для обработки изображений.Бекки работала с различными издательствами в сфере образования в США и Великобритании и преподавала дизайн в шести университетах.

Краткое руководство по добавлению контуров к изображениям в Photoshop

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

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

Изначально я изучал этот метод, когда хотел украсить свои эскизы на YouTube, и когда я узнал, насколько это просто, мне пришлось поделиться с вами учебным пособием! Я собираюсь провести вас через свой простой процесс, и, прежде чем вы это узнаете, ваш текст будет POP, куда бы вы его ни поместили! Хорошее старое видео, прикрепленное внизу, для еще лучших визуальных эффектов, проверьте его!

Шаг 1. Создайте слой заливки цветом

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

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

Шаг 2: Давайте сначала попробуем этот метод с фотографией

Перетащите выбранную фотографию в Photoshop, но всегда убедитесь, что у используемой фотографии нет фона.Я ОГРОМНЫЙ поклонник remove.bg, потому что все, что вы делаете, это загружаете свою фотографию, через 3 секунды после ее рендеринга и БУМ, ваша фотография волшебным образом остается без фона. Это очень просто и заставляет вас чувствовать, что вы можете делать что угодно в области редактирования. Я серьезно, тебе даже думать не надо. Вы только посмотрите на те великолепные штрихи, с которыми мне не пришлось бороться.

Шаг 3. Расширьте пиксели контура

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

Шаг 4: Создайте новый слой

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

Шаг 5: Добавьте схему POP!

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

Обрисовка действия — Урок Photoshop

Обрисовка действия

Шаг 1: Дублируйте фоновый слой

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

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

Давайте продублируем этот слой, перейдя в меню Layer в верхней части экрана, выбрав New , а затем выбрав Layer через Copy . Или, для более быстрого способа, используйте сочетание клавиш Ctrl + J (Win) / Command + J (Mac):

Перейдите в меню «Слой»> «Создать»> «Слой через копирование» или нажмите «Ctrl + J» (Win) / «Command + J (Mac)».

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

Копия фонового слоя появляется над оригиналом.

Шаг 2: Выберите основной объект фотографии

Используйте выбранный инструмент выделения (инструмент «Лассо», «Перо» и т. Д.), Чтобы выделить основной объект фотографии.Для чистых, профессионально выглядящих выделений лучше всего подойдет Pen Tool (если вы не знаете, как использовать Pen Tool, вы найдете все, что вам нужно знать, чтобы приступить к работе с ним, в нашем Making Selections With Учебник Pen Tool ), но инструмент Lasso Tool также будет работать. В моем случае я хочу выбрать футболиста (или футболиста, в зависимости от того, где вы живете), а также мяч, который он собирается ударить, поэтому я выберу их обоих. Когда вы закончите, у вас должен появиться контур выделения вокруг вашего основного объекта (ов):

Контур выделения появляется вокруг основного объекта (объектов) на фотографии.

Для получения дополнительной помощи по созданию выделения в Photoshop, ознакомьтесь с нашим учебным курсом Full Power Of Basic Selections , который вы найдете в разделе Photo Editing на веб-сайте.

Шаг 3: скопируйте выделение на новый слой

Нам нужно скопировать выделенную область на отдельный слой, чтобы мы могли работать с ней отдельно от остальной части изображения. Мы можем сделать это, используя тот же метод, который мы использовали для дублирования фонового слоя минуту назад, за исключением того, что на этот раз будет дублирована только область внутри нашего выделения, а не все изображение.Вернитесь к меню Layer в верхней части экрана, выберите New , а затем выберите Layer через Copy или нажмите сочетание клавиш Ctrl + J (Win) / Command + J (Mac ). Кажется, что с изображением в окне документа ничего не произошло, но если мы посмотрим на палитру слоев, мы увидим, что теперь у нас есть новый слой с именем «Layer 2», расположенный над «Layer 1», и если мы посмотрим в эскиз предварительного просмотра для «Слоя 2», мы можем видеть, что слой содержит копию основного объекта, в то время как остальная часть слоя пуста, обозначенная серым шаблоном шахматной доски:

Главный объект теперь отображается на отдельном слое в палитре слоев.

Шаг 4. Применение стиля слоя «Обводка»

Чтобы обвести контур вокруг нашего основного объекта (ов), мы можем использовать стили слоя Photoshop. Щелкните значок Layer Styles в нижней части палитры слоев, после чего появится список всех доступных стилей слоев, из которых мы должны выбрать. Выберите стиль слоя Stroke внизу списка:

Щелкните значок «Стили слоя» и выберите «Обводка» внизу списка.

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

Щелкните образец цвета, чтобы изменить цвет обводки.

Откроется палитра цветов Photoshop . Выберите белый из палитры цветов. Простой способ выбрать белый цвет — просто ввести значение 255 в параметры R , G и B в нижней центральной части диалогового окна.Когда закончите, нажмите OK, чтобы выйти из палитры цветов:

.

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

Теперь, когда цвет обводки установлен на белый, давайте настроим ширину обводки. Мы можем сделать это с помощью ползунка Size в верхней части параметров Stroke. Фактический размер, который вы выберете, будет зависеть от размера изображения, с которым вы работаете, и от того, насколько большим вы хотите, чтобы ваша обводка отображалась, поэтому следите за своей фотографией в окне документа, когда вы перетаскиваете ползунок размера, чтобы увеличить или уменьшить ширина штриха.Перетаскивание ползунка вправо увеличивает ширину обводки, а перетаскивание влево уменьшает ее. Для моего изображения я выберу размер обводки 4 пикселя (пикселей):

Отрегулируйте размер обводки с помощью ползунка «Размер».

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

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

Шаг 5: Добавьте стиль слоя Outer Glow

Давайте добавим немного больше интереса к нашему эффекту контура, применив также стиль слоя Outer Glow. Пока диалоговое окно Layer Style все еще открыто, щелкните непосредственно на слове Outer Glow в левой части диалогового окна. Убедитесь, что вы нажимаете непосредственно на сами слова, а не только внутри флажка слева от слов. Мы хотим иметь возможность изменять некоторые параметры для стиля слоя, и единственный способ получить доступ к параметрам — это щелкнуть непосредственно по имени стиля слоя:

Щелкните непосредственно на слове «Outer Glow» слева в диалоговом окне «Стиль слоя».

Это изменяет средний столбец диалогового окна Layer Style на параметры Outer Glow. По умолчанию цвет свечения установлен на желтый, что, на мой взгляд, отлично работает с этим эффектом, поэтому я оставлю его в покое. Увеличьте Непрозрачность внешнего свечения до 100% . Затем в разделе «Элементы» увеличьте Spread до 6% и Size до 30 пикселей :

.

Параметры внешнего свечения в диалоговом окне «Стиль слоя».

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

Эффект контура теперь включает внешнее свечение.

Щелкните OK, чтобы выйти из диалогового окна Layer Style на этом этапе. Мы закончили применять стили слоя.

Шаг 6. Увеличьте цвет основного объекта с помощью корректирующего слоя «Цветовой тон / насыщенность»

Основной эффект контура на этом завершен, но давайте еще больше улучшим наше изображение с помощью пары корректировок цвета и некоторого размытия.Во-первых, мы увеличим насыщенность цвета нашего основного объекта. Для этого мы можем использовать корректирующий слой Hue / Saturation . Однако мы хотим убедиться, что наш корректирующий слой влияет только на основной объект, а не на все изображение, поэтому мы собираемся обрезать корректирующий слой до «Layer 2», который является слоем, содержащим наш основной объект. . Удерживая нажатой клавишу Alt (Win) / Option (Mac), щелкните значок New Adjustment Layer в нижней части палитры слоев.Выберите Hue / Saturation из появившегося списка корректирующих слоев:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните значок «Новый корректирующий слой» и выберите «Цветовой тон / насыщенность» из списка.

Удерживая нажатой клавишу Alt / Option при щелчке по значку нового корректирующего слоя, мы говорим Photoshop открыть диалоговое окно New Layer , которое позволяет нам установить некоторые параметры перед добавлением корректирующего слоя. Непосредственно под опцией «Имя» находится опция под названием «Использовать предыдущий слой для создания обтравочной маски» .Если этот параметр выбран, то корректирующий слой будет обрезан непосредственно под ним, что означает, что в нашем случае все, что мы делаем с нашим корректирующим слоем, будет влиять только на наш основной объект на «Слое 2». Щелкните внутри флажка, чтобы выбрать этот параметр, затем щелкните OK, чтобы выйти из диалогового окна «Новый слой»:

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

Как только мы выходим из диалогового окна, появляется диалоговое окно Hue / Saturation. Мы хотим использовать его для увеличения насыщенности цвета нашего основного объекта, поэтому щелкните ползунок Saturation в середине диалогового окна и перетащите его вправо.Чем дальше вы перетаскиваете вправо, тем больше вы увеличиваете насыщенность цвета, поэтому следите за своим изображением в окне документа, перетаскивая ползунок, чтобы не переусердствовать. Я собираюсь перетащить ползунок насыщенности до значения около +35 , что придаст моему основному объекту приятный оттенок:

Перетащите ползунок «Насыщенность» вправо, чтобы увеличить насыщенность цвета основного объекта.

Щелкните OK, чтобы выйти из диалогового окна, когда закончите. Если мы на мгновение посмотрим на палитру Layers, мы увидим корректирующий слой Hue / Saturation, расположенный над «Layer 2».Обратите внимание, как корректирующий слой смещен вправо. Это говорит нам о том, что слой обрезан до слоя под ним:

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

Вот мое изображение после увеличения насыщенности цвета основного объекта:

Увеличена насыщенность цвета основного объекта без изменения остальной части фотографии.

Шаг 7. Примените фильтр «Размытие по Гауссу» к «Слою 1».

Мы закончили работу над нашей основной темой.Давайте закончим, уменьшив важность остальной части фотографии. Щелкните «Layer 1» в палитре слоев, чтобы выбрать его. Текущий выбранный слой всегда выделяется синим цветом в палитре «Слои». Мы собираемся размыть остальную часть фотографии, и для этого воспользуемся фильтром Photoshop Gaussian Blur . Поднимитесь в меню Filter в верхней части экрана, выберите Blur , а затем выберите Gaussian Blur :

.

Перейдите в Фильтр> Размытие> Размытие по Гауссу.

Откроется диалоговое окно фильтра «Размытие по Гауссу». Установите Radius размытия примерно на 10 пикселей . Опять же, вам может потребоваться увеличить или уменьшить это количество в зависимости от размера изображения, над которым вы работаете, но 10 пикселей обычно работают хорошо:

Фильтр размытия по Гауссу.

Нажмите OK, чтобы выйти из диалогового окна «Размытие по Гауссу», и если мы посмотрим на наше изображение в окне документа, мы увидим, что фон красиво размывается, а основной объект остается резким:

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

Шаг 8: Уменьшите насыщенность цвета фона с помощью «Цветовой тон / Насыщенность»

В качестве последнего шага давайте снизим насыщенность цвета фона, чтобы выделить главный объект еще больше. Не снимая выделения с «Layer 1», еще раз щелкните значок New Adjustment Layer в нижней части палитры слоев и выберите Hue / Saturation из списка. На этот раз не нужно удерживать кнопку Alt / Option:

Выберите другой корректирующий слой «Цветовой тон / насыщенность» на палитре «Слои».

Когда появится диалоговое окно «Оттенок / насыщенность», перетащите ползунок Насыщенность влево, чтобы уменьшить насыщенность цвета фона. Чем дальше вы перетаскиваете влево, тем сильнее вы уменьшаете насыщенность. Я собираюсь перетащить ползунок на значение около -25 :

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

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

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

советов по использованию фильтра контуров чернил в Photoshop

STEP 2
Элемент управления Stroke Length носит любопытное название. Установка максимального значения (50) приводит к распространению светлых участков и смещению обведенной линии — сравните этот крупный план с предыдущим примером.

ШАГ 3
Полезная компромиссная настройка (15, 5 и 50) дает более эффективный результат, более легкий и не столь выразительный.

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

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

ШАГИ 1 и 2
Дублируйте исходное изображение в палитре «Слои» и примените фильтр «Чернильные контуры». Держите длину штриха небольшой, чтобы не загромождать исходное изображение. Здесь мы использовали следующие значения: Stroke Length 2, Dark Intensity 11 и Light Intensity 30.

ШАГИ 3, 4 и 5
Даже при такой низкой настройке, как эта, эффект слишком сильный. Используйте Edit> Fade> Ink Outlines , чтобы ограничить его.

STEP 6
Крупным планом легко увидеть оживляющий эффект фильтра.

Исправление цветовых оттенков с помощью чернильных контуров
Другая спасательная операция связана с устранением необратимых цветовых оттенков.

ШАГ 1
Тяжелый слепок из-за флуоресцентного освещения, без корректирующей фильтрации в момент съемки, все же можно обойти.

ШАГ 2
Выделите изображение целиком (Ctrl / Cmd + A) и скопируйте его (Ctrl / Cmd + C). Откройте палитру каналов, создайте новый канал и вставьте в него изображение (Ctrl / Cmd + V). В окне канала вставленное изображение теперь будет монохромным.

STEP 3
Используйте фильтр Ink Outlines при низких значениях: Stroke Length 2, Dark Intensity 14 и Light Intensity 26.

STEP 4
Удерживая нажатой клавишу Ctrl / Cmd, щелкните миниатюру альфа-канала.Вернитесь к палитре слоев, где исходное изображение покажет выбор альфа-канала. Скройте выделение (Ctrl / Cmd + H), чтобы было удобнее видеть рабочую область.

ШАГИ 5a и 5b
Используйте Изображение> Коррекция> Яркость / Контраст , чтобы осветлить и уменьшить интенсивность цвета выбранных областей.

ШАГИ 6a и 6b
Хотя поправка допустима, более детальная работа может принести дивиденды.Первоначально ярко-желтые сигнальные панели и поручни теперь розовые. Щелкните инструмент Пипетка в типичной розовой области и перейдите к Select> Color Range . Выберите центральный значок пипетки, чтобы добавить больше связанных цветов к выделению, щелкнув в главном окне изображения. Время от времени выбирайте матовый белый в качестве предварительного просмотра выделения, чтобы проверить прогресс. Когда все будет готово, нажмите ОК.

ШАГИ 7a и 7b
Используйте Image Adjustments> Color Balance (Ctrl / Cmd + B), снимите флажок «Сохранить яркость» и увеличьте желтый компонент в областях Highlight, Midtone и Shadow.Когда вы закончите, нажмите OK, а затем Ctrl / Cmd + D, чтобы снять выделение. Поручни и сигнальные панели теперь намного ближе по цвету к оригиналу.

Photoshop CS5 и Photoshop CS5 Extended — лучшие предложения от Adobe
Adobe Photoshop CS5 предоставляет революционные возможности, которые помогут вам создавать впечатляющие изображения. Уточните свой
изображения с помощью переработанных инструментов фотографии для удаления шума, добавления зернистости и создания высокодинамичных
диапазон (HDR) изображений.Получите точные результаты при выборе сложных элементов. Удалите любой элемент изображения и
увидеть, как пространство заполняется почти волшебным образом. Рисуйте мазками с естественной текстурой и реалистичными цветовыми переходами. Узнайте больше о Photoshop CS5.

Программа Adobe Photoshop CS5 Extended поможет вам создавать идеальные изображения
для печати, Интернета и видео. Наслаждайтесь всеми возможностями современного редактирования, композитинга,
и возможности рисования в стандартном Photoshop CS5, а также
высокая производительность благодаря кроссплатформенной поддержке 64-бит.Также создайте 3D-экструзии
для логотипов, графики и анимированной графики; редактировать 3D-объекты с помощью расширенных инструментов; а также создавать и улучшать контент, основанный на движении. Узнайте больше о Photoshop CS5 Extended.

Найдите варианты обновления до CS5 и предложения Creative Suite 5 в Adobe Store . Ознакомьтесь с ценами на CS5 в британской валюте в магазине Adobe UK Store. Посетите страницу специальных предложений Adobe, чтобы узнать о последних предложениях. Сэкономьте 80% на Adobe Student Editions. Попробуйте перед покупкой — загрузите бесплатную пробную версию Photoshop CS5.

Adobe Creative Suite 5 Design Premium
Adobe Creative Suite 5 Design Premium дает вам свежие новые инструменты для творчества, а также
с возможностью быстрее воплощать идеи в печати и создавать интерактивный контент без написания
код. Plus Design Premium интегрируется с онлайн-сервисами Adobe CS Live для максимального увеличения
время разработки за счет оптимизации критически важных задач, не связанных с проектированием.

Adobe Creative Suite 5 Design Premium объединяет Adobe InDesign CS5, Photoshop CS5 Extended, Illustrator CS5, Flash CS5 Professional, Dreamweaver CS5, Fireworks CS5 и Acrobat Pro с дополнительными инструментами и услугами. Загрузите бесплатную 30-дневную пробную версию CS5 Design Premium.

Учебные пособия по Photoshop CS5 и ресурсы CS5
В нашем Центре ресурсов Photoshop CS5 можно найти бесплатные учебные пособия по Photoshop CS5 и загрузить бесплатную пробную версию Photoshop CS5. В нашем центре ресурсов Photoshop CS4 можно найти бесплатные учебные пособия по Photoshop CS4.

Эксклюзивная скидка 15% на все плагины Topaz — используйте код купона PHOTOSHOPSUPPORT — включает пакеты и обновления

Введите наш эксклюзивный код скидочного купона PHOTOSHOPSUPPORT во время процесса оформления заказа в Topaz Labs мгновенная скидка 15% на любой продукт Topaz, включая наборы и обновления.

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

Topaz Adjust
Создавайте потрясающие и динамичные изображения с помощью этого уникально мощного плагина, который обладает возможностями, подобными HDR, и улучшает экспозицию, цвет и деталь.
Topaz Detail
Трехуровневый плагин настройки детализации, который специализируется на улучшении микроконтрастности и резкости без артефактов.
Topaz ReMask
Самая быстрая и эффективная программа маскирования и извлечения с уточнением маски в один клик.
Topaz DeNoise
Подключаемый модуль для высококачественного шумоподавления, который удаляет большинство шумов и цветовых шумов, сохраняя при этом максимальную детализацию изображения.
Topaz Simplify
Обеспечивает творческое упрощение, художественные эффекты и акцентирование линий для легкого единственного в своем роде искусства.
Topaz Clean
Управляйте глубиной деталей ваших изображений с помощью обширных инструментов сглаживания, управления текстурой и улучшения краев.
Topaz DeJPEG
Значительно улучшает качество веб-изображений и других сжатых фотографий.

Узнайте больше о комплекте плагинов Topaz для Photoshop. Загрузите бесплатную пробную версию.

Эксклюзивное программное обеспечение onOne 15% купон на мгновенную скидку

Введите наш эксклюзивный код купона на скидку — PSSPPT06 — во время процесса оформления заказа в onOne Software, чтобы получить мгновенную скидку 15% на любой продукт onOne.Это включает в себя подлинные фракталы и их потрясающий набор плагинов для Photoshop.

Новый Plug-In Suite OnOne решает шесть наиболее частых проблем, с которыми фотографы сталкиваются в Photoshop. Этот пакет был удостоен награды «Выбор редактора» журнала American Photos Magazine за лучшее программное обеспечение для редактирования изображений. В набор подключаемых модулей входят:

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

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

PhotoTools Pro объединяет сотни высококачественных фотографических эффектов в один удобный плагин. Это быстро и легко. Придает вашим фотографиям профессиональный вид.

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

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

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

Просто введите наш эксклюзивный код купона на скидку — PSSPPT06 — во время оформления заказа в onOne Software, чтобы получить мгновенную скидку в размере 15% на любой продукт onOne.

Nik Software Мгновенная скидка 15% — Эксклюзивный купон 15%

Введите код эксклюзивного скидочного купона — NIKPSS — во время процесса оформления заказа в Nik Software и получите мгновенную скидку 15% на любой продукт Nik Software . Этот эксклюзивный код купона на скидку может быть применен ко всем последним плагинам Nik Software Photoshop, включая Silver Efex Pro, Color Efex Pro, Viveza, Sharpener Pro и Dfine.

Color Efex Pro
52 фотографических фильтра с более чем 250 эффектами для изображений профессионального качества.
Полностью оригинал. Совершенно незаменим.

Nik Software Color Фильтры Efex Pro — лучшие фотографические фильтры для цифровой фотографии. Отмеченные наградами фильтры Color Efex Pro широко используются многими современными профессиональными фотографами по всему миру для экономии времени и получения результатов профессионального уровня. Независимо от того, выберете ли вы Complete Edition, Select Edition или Standard Edition, вы получите традиционные стилизирующие фильтры, которые предлагают практически безграничные возможности для быстрого и простого улучшения и преобразования изображений.

Запатентованная технология U Point обеспечивает полный контроль для выборочного применения улучшений без необходимости использования каких-либо сложных масок, слоев или выделений. Управляйте цветом, светом и тональностью ваших изображений и создавайте уникальные улучшения с профессиональными результатами. С помощью 52 фильтров и более 250 эффектов в Color Efex Pro вы можете выполнять высококачественное ретуширование, цветокоррекцию и бесконечное количество творческих улучшений ваших фотографий. Загрузите бесплатную пробную версию.

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

Два самых важных фактора в создании отличных фотографий — это цвет и свет. Овладение искусством выборочного исправления или улучшения каждого из них теперь возможно для каждого фотографа без необходимости использования сложных масок или выделения или знания Photoshop на уровне эксперта. Благодаря интеграции отмеченной наградами технологии U Point, Viveza является самым мощным и точным инструментом для управления светом и цветом на фотографических изображениях.

U Point управляемые точки контроля цвета, размещаемые непосредственно на цветах или объектах изображения (таких как небо, кожа, трава и т. Д.)), открывают простые в использовании элементы управления, которые фотографы могут использовать для быстрой настройки яркости, контрастности или цвета за долю времени, необходимого для других инструментов. С Viveza вы потратите больше времени на съемку фотографий и сэкономите часы на редактировании изображений. Загрузите бесплатную пробную версию.

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

Silver Efex Pro от Nik Software — это самый мощный инструмент для создания черно-белых изображений профессионального качества из ваших фотографий.Впервые вся передовая мощность и контроль, необходимые для профессиональных результатов, были объединены в одном удобном инструменте.

Обладая запатентованной технологией Nik Software U Point для выборочного управления тональностью и контрастностью изображения, Silver Efex Pro включает расширенные алгоритмы обработки изображений для защиты от нежелательных артефактов, полную коллекцию эмулированных типов черно-белой пленки, регулируемый селектор тонирования для добавления традиционные методы тонирования, более 20 предустановленных стилей одним щелчком мыши и современный механизм воспроизведения зерна, который помогает создавать черно-белые изображения высочайшего качества из ваших цветных изображений, обеспечивая большую свободу для экспериментов.Загрузите бесплатную пробную версию, чтобы использовать Silver Efex Pro.

Введите наш эксклюзивный код купона на скидку — NIKPSS — во время оформления заказа в Nik Software, чтобы получить мгновенную скидку 15%. Этот эксклюзивный код купона на скидку может быть применен ко всем последним плагинам Nik Software Photoshop, включая Silver Efex Pro, Color Efex Pro, Viveza, Sharpener Pro и Dfine.

Плагин Photoshop Masking Fluid Mask — эксклюзивная мгновенная скидка

Обзор Fluid Mask 4 1/2 из 5 звезд на MacWorld начинается с того, что этот плагин Photoshop упрощает извлечение фона, «и далее рекомендует последнюю версию, заявляя, что» Fluid Mask — очень эффективный инструмент для отделения объектов от их фона.Он предлагает множество полезных функций для решения практически любого сложного изображения, от тонких волос до сложной листвы. Онлайн-видеоуроки и интерактивные тренинги помогают упростить процесс обучения ».

Наши друзья из Vertus, разработчики плагина Fluid Mask Photoshop Plugin, создали специальную эксклюзивную скидку на PhotoshopSupport.com. Перейдите на нашу страницу Fluid Mask, чтобы получить специальную , эксклюзивная ссылка со скидкой

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

Онлайн-библиотека обучения lynda.com — просмотр бесплатных видеоклипов

Подписки на Lynda.com Онлайн-библиотека обучения обеспечивает доступ в любое время к десяткам тысяч видеоуроков по Photoshop, Illustrator, Dreamweaver, веб-дизайну, цифровым изображениям, 3D, цифровому видео, анимации и многим другим темам. Просматривайте бесплатные видеоклипы.

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

Знаете ли вы, что в Photoshop можно создать целый веб-сайт?
SiteGrinder Плагин Photoshop — мгновенно создавайте сайты

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

По сути, Photoshop — это дизайнерская студия без ограничений, предлагающая художнику, казалось бы, бесконечный набор творческих возможностей. С другой стороны, HTML, CSS, Java и тому подобное следуют строгим правилам взаимодействия, требующим от разработчика принятия во внимание любого количества эзотерических проблем, чтобы гарантировать правильное отображение дизайна в сети.

Превратите Photoshop в полноценный инструмент веб-дизайна
SiteGrinder стремится преодолеть этот разрыв между дизайном и разработкой. По сути, SiteGrinder превращает Photoshop в простой в использовании и полнофункциональный инструмент веб-дизайна. С SiteGrinder дизайнеры теперь будут иметь возможность полностью дать волю своему творчеству, а затем, не пропуская ни секунды, перенести свои проекты в Интернет. SiteGrinder объединяет эстетические аспекты с практическими соображениями и представляет собой удивительно мощный инструмент, который станет фантастическим дополнением к набору уловок любого веб-дизайнера.Версии разблокируемой демоверсии SiteGrinder для Mac OS X и Windows доступны для скачивания.

Основные навыки Photoshop CS4 — Авторы: Марк Галер и Филип Эндрюс

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

Серия Essential Skills Photography от Focal Press уникально предлагает структурированный опыт обучения для фотографов всех возрастов, включающий как основную теорию, так и множество бесценных практических и практических проектов — все от самых талантливых практикующих фотографов / педагоги в мире.

Прочтите 2 бесплатных примера глав:
Советы по ретушированию кожи в Photoshop CS4
Преобразование смарт-объектов в Photoshop CS4
Дополнительные уроки по Photoshop CS4 можно найти на нашей странице руководств по Photoshop CS4.

Прочтите 2 бесплатных примера глав из версии Adobe Photoshop CS3:
Регулировка экспозиции в Adobe Camera Raw CS3
Учебное пособие по Photoshop CS3 High Dynamic Range

Найти больше книг по Adobe Photoshop на Amazon.com
Найти все последние бестселлеры по Photoshop по сниженным ценам на Amazon.com.

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

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

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

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

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

Вот как добавить контур вокруг изображений в Photoshop.

Шаг 01: Откройте изображение в Photoshop. Хотите использовать

Откройте Photoshop, выберите «Открыть». затем выберите изображение, которое хотите отобразить с шиной.

Откройте изображение в Photoshop. Хотите использовать

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

Шаг 02: Выбрать передний план из фона

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

Выберите фон

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

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

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

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

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

Шаг 03: Скопируйте и вставьте передний план

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

На Mac: CMD + C, затем используйте CMD + V.

На ПК используйте CTRL + C, затем CTRL + V

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

Шаг 04: Удаление исходного слоя

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

Удалить исходный слой

1. Исходное изображение
2. Выбранное изображение переднего плана (часть, которую вы хотите сохранить)
3. Исходный фон (только если вы вытащили файл).

Удалите первое изображение и, следовательно, исходный пустой фон. (если применимо).

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

Шаг 05: Выберите «Параметры наложения» на переднем слое.

Теперь, когда у вас есть только один слой, щелкните его правой кнопкой мыши и выберите « Blending Options ».

Шаг 06: Выберите ход

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

Выберите Stroke

. Вы можете увидеть это (ширину, цвет и т. Д.) В параметрах наложения.

Шаг 07: Загрузите окончательное изображение

Как обвести изображение в Photoshop: после добавления мазка и удаления фона вы экспортируете файл как файл PNG и используете его в других инструментах, таких как Canva или Relay That, для завершения эскиза.

Если вы хотите использовать Photoshop для всего, выберите его! Я люблю холст

Вот результат, который я только что сделал (в Canva , после шага, который я только что показал).

Как сделать штрихи на ваших линейных рисунках в Photoshop более толстыми

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

Выберите Фильтр> Галерея фильтров … в раскрывающемся меню в верхней части окна «Инструменты».

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

Вернувшись на свой слой, нажмите CTRL + I (COMMAND + I на Mac) , чтобы инвертировать слой и изменить режим наложения слоя на умножение.

Контур вашего изображения теперь будет толще и темнее.

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

Добавьте текст на новый слой.

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

Если вам нужен только контур текста, вы должны установить заливку слоя на 0% .

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

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

Применение нескольких штрихов к тексту в Photoshop

Если вы измените текстовый слой на разумный объект, вы добавите еще один контур. Щелкните правой кнопкой мыши на слое и выберите «Преобразовать в смарт-объект». Добавьте еще один стиль слоя обводки.

Заключение

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

Подробнее

Как удалить объект в Photoshop CS6 | Clipping Path Client Inc.

Удалить фон в Photoshop 2020 Online — Удалить фон

Как вырезать изображения на белом фоне в Photoshop | Обтравочный контур

Как получить Refine Edge в Photoshop CC | Clipping Path Client Inc.

Как использовать прозрачные изображения в Photoshop | Прозрачные изображения

Разработка контуров в Photoshop CS3

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

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

1 ДУБЛИКАЦИЯ ФОНА
Этот эффект будет работать со всеми типами изображений, но может работать лучше всего, когда у вас есть главный объект, на который вы хотите привлечь внимание. Открыв и изменив размер изображения, нажмите Command-J (ПК: Ctrl-J), чтобы продублировать фоновый слой.

DAVE CROSS

2 ПРИМЕНЯЙТЕ SMART BLUR И ИНВЕРТИРУЙТЕ
Убедитесь, что дублированный слой активен, а затем в меню «Фильтр» выберите «Размытие»> «Умное размытие».Измените Mode на Edge Only, Quality на High и настройте Radius и Threshold, чтобы получить в основном детали контура. (Как правило, вы, вероятно, получите низкий радиус и порог в диапазоне 10–20.) Нажмите OK, чтобы закрыть диалоговое окно, и нажмите Command-I (ПК: Ctrl-I), чтобы инвертировать изображение.

3 ПРИМЕНЯЙТЕ МИНИМАЛЬНЫЙ ФИЛЬТР
Чтобы сделать черные линии толще, перейдите в меню «Фильтр», выберите «Другое»> «Минимум» и установите Радиус на 1 (для изображений с более высоким разрешением может потребоваться увеличить Радиус к 2 или 3).Щелкните ОК.

4 КРАСКА ПОДРОБНЕЕ
Теперь настройте эффект, используя инструмент «Кисть» (B), чтобы закрасить белым цветом области, где вы не хотите иметь никаких контуров. Затем уменьшите непрозрачность слоя контура на панели «Слои» и закрасьте черным цветом, чтобы добавить больше деталей к контуру там, где это необходимо (используйте размер кисти, соответствующий ширине контура). Когда вы закончите, верните непрозрачность до 100%.

5 СДЕЛАЙТЕ БЕЛЫЕ ПРОЗРАЧИВАЕМЫЕ
Чтобы белые области были прозрачными, дважды щелкните справа от имени слоя на панели «Слои», чтобы открыть параметры наложения.Перейдите к ползункам Blend If внизу диалогового окна и перетащите белый треугольник на ползунке This Layer влево. Как только вы это сделаете, белые области должны стать полностью прозрачными. Щелкните ОК, чтобы закрыть диалоговое окно.

6 МАСКА ПРИ НЕОБХОДИМОСТИ
Если есть области, где эффект контура слишком сильный (например, центр цветка в этом примере), добавьте маску слоя, щелкнув значок «Добавить маску слоя» в внизу панели «Слои». Используя черный цвет в качестве цвета переднего плана и непрозрачность кисти 30–40% на панели параметров, закрасьте области, где вы хотите сделать менее очевидный контур.

7 ИЗМЕНИТЬ ЦВЕТ, ЧАСТЬ 1
Есть несколько шагов, чтобы изменить цвет контура. Сначала щелкните значок «Создать новый слой» в нижней части панели «Слои». Перетащите этот новый слой ниже слоя контура. Щелкните слой контура и нажмите Command-E (ПК: Ctrl-E), чтобы объединить два слоя вместе (это навсегда изменит белые области на прозрачные).

8 ИЗМЕНИТЬ ЦВЕТ, ЧАСТЬ 2
Используйте всплывающее меню «Добавить стиль слоя» в нижней части панели «Слои», чтобы добавить наложение цвета.