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

Содержание

Как сделать прерывную обводку объекта в фотошопе. Создаем эффект двойной обводки в Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1 голос

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

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

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

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

Открываем фотошоп. Не забывайте, что у вас есть возможность работать в онлайн версии этой программы (https://pixlr.com


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

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

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

Размер не так важен. Пусть будет 600х400. Люблю прямоугольники.

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

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

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

Итак, мы написали текст.

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

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

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

Посмотрите, вот так выглядит текстовый слой.

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

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

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

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

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

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

Теперь выделение более заметно.

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

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

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

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

Ну а теперь давайте перейдем к «фишечкам».

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

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

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

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

Также вы можете попробовать тиснение – контур.

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

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

Куча бесплатных дополнений можно найти на сайте https://photoshop-master.ru


.

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

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

Теперь возвращаемся в фотошоп. Напомню путь. Текстовый слой, правая кнопка мыши — «Режим наложения», «Выполнить обводку», тип обводки: «Узор». Найдите вот такую гайку, как на скриншоте.

Теперь нужно загрузить узоры.

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

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

Готово. Узоров стало больше! Можете применять к тексту.

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

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

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

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

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

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


.

Жду не дождусь когда смогу услышать лекции совладельца компании Red Keds. Компания очень крутая. Безумная команда, известная не меньше, чем студия Артемия Лебедева.

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

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

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

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

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

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

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

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

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

Результат:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Инструкция

При помощи команды «New» («Новый») из меню «File» («Файл») создайте новый документ в программе Photoshop. Можете сделать то же действие, используя сочетание клавиш «Ctrl»+»N». В палитре «Инструменты» выберите инструмент «Horizontal Type Tool» («Горизонтальный текст»). Поместите указатель курсора на созданный документ, щелкните левой кнопкой мыши в нужном месте и напишите текст. Переведите написанный текст . Для этого щелкните правой кнопкой мыши по текстовому слою в палитре «Layers» («Слои») и выберите опцию «Rasterize Type» («Растрировать текст»).Выполните текста
. Для этого воспользуйтесь командой «Stroke» («Обводка») из меню «Edit» («Редактирование»). В открывшемся окне настроек выберите ширину обводки в пикселях, цвет обводки и ее расположение: внутри обводимого контура, по центру или снаружи контура. Нажмите кнопку «ОК». Сохраните созданный документ при помощи команды «Save» («Сохранить») в меню «File» («Файл»).

Другой способ создания обводки дает возможность не переводить текст в . Иначе говоря, вы сможете с обводкой, созданной как стиль слоя. Для этого создайте слой с текстом, воспользовавшись инструментом «Горизонтальный текст».Кликните правой кнопкой мыши по текстовому слою и выберите опцию «Blending Options» («Опции наложения»). Поставьте галочку в чекбоксе «Stroke» («Обводка»). Кликните по этой вкладке левой кнопкой мыши. В открывшейся вкладке настроек выберите ширину обводки в пикселях. Этот параметр можно настроить, вводя чистовые значения в поле «Size» («Размер»), или передвигая ползунок. Из раскрывающихся списков выберите позицию обводки и режим наложения. В раскрывающемся списке «Fill Type» («Тип заливки») выберите, чем будет заполняться обводка: цветом, градиентом или текстурой. В открывшейся палитре настройте цвет, градиент или текстуру для обводки. Результат изменения параметров будет отображаться в документе, который вы создали. Нажмите кнопку «ОК».Сохраните текст с обводкой при помощи команды «Save» («Сохранить») в меню «File» («Файл»).

Источники:

  • Обводка текста в Photoshop

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

Вам понадобится

Инструкция

Используйте пользовательскую функцию на языке JavaScript, чтобы организовать в HTML-странице сокрытие и отображение нужных блоков текста
. Общая для всех блоков функция намного удобнее, чем добавление кода к каждому из них по отдельности. В заголовочную часть исходного кода страницы поместите открывающий и закрывающий теги script, а между ними создайте пустую пока функцию с названием, например, swap и одним обязательным входным параметром id:

Добавьте две строки JavaScript-кода в тело функции — между фигурными скобками. Первая строка должна считывать текущее состояние блока текста
— включена его видимость или выключена. Таких блоков в документе может быть несколько, поэтому каждый должен иметь собственный идентификатор — именно его функция получает в качестве единственного входного параметра id. По этому идентификатору она и разыскивает в документе нужный блок, присваивая значение видимости/невидимости (состояние свойства display) переменной sDisplay:sDisplay = document.getElementById(id).style.display;

Вторая строка должна менять свойство display нужного блока текста
на противоположное — скрывать, если текст видим, и отображать, если скрыт. Это можно делать таким кодом:document.getElementById(id).style.display = sDisplay == «none» ? «» : «none»;

Обводка в фотошопе контура рисунка и текста: быстро в два клика

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

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

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

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

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

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

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

В статье как растянуть изображение я рассказывал почему лучше не копировать картинку при помощи Ctrl+C и вставлять (Ctrl+V), а перетаскивать его из папки в окно программы. Не буду повторяться. Именно этим способом я добавил фотографию набора micro SD и USB переходника с Aliexpress в заранее подготовленное окно.

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

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

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

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

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

Теперь я выбираю тип обводки. Вы можете выполнить его в одном цвете.

Щелкаете по плашке рядом с цветом и в открывшемся меню выбираете подходящий оттенок.

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

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

Только на последнем этапе работы с рисунком я определяюсь с толщиной линии.

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

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

Обводка нестандартных форм при помощи формата

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

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

Текст

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

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

Выполните все настройки и готово. Обводка букв выполнена.

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

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

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

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

Далее выбираете выделение и рисуете фигуру. Если вам нужен ровный круг или квадрат, просто зажмите Shift пока ведете курсором.

Правой клавишей мыши щелкаете в центре выделенной фигуры и выбираете «Выполнить обводку».

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

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

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

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

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

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

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

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

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

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

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

Изучение Photoshop

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

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

До новых встреч.

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

Инструкция

При помощи команды «New» («Новый») из меню «File» («Файл») создайте новый документ в программе Photoshop. Можете сделать то же действие, используя сочетание клавиш «Ctrl»+»N». В палитре «Инструменты» выберите инструмент «Horizontal Type Tool» («Горизонтальный текст»). Поместите указатель курсора на созданный документ, щелкните левой кнопкой мыши в нужном месте и напишите текст. Переведите написанный текст . Для этого щелкните правой кнопкой мыши по текстовому слою в палитре «Layers» («Слои») и выберите опцию «Rasterize Type» («Растрировать текст»).Выполните текста
. Для этого воспользуйтесь командой «Stroke» («Обводка») из меню «Edit» («Редактирование»). В открывшемся окне настроек выберите ширину обводки в пикселях, цвет обводки и ее расположение: внутри обводимого контура, по центру или снаружи контура. Нажмите кнопку «ОК». Сохраните созданный документ при помощи команды «Save» («Сохранить») в меню «File» («Файл»).

Другой способ создания обводки дает возможность не переводить текст в . Иначе говоря, вы сможете с обводкой, созданной как стиль слоя. Для этого создайте слой с текстом, воспользовавшись инструментом «Горизонтальный текст».Кликните правой кнопкой мыши по текстовому слою и выберите опцию «Blending Options» («Опции наложения»). Поставьте галочку в чекбоксе «Stroke» («Обводка»). Кликните по этой вкладке левой кнопкой мыши. В открывшейся вкладке настроек выберите ширину обводки в пикселях. Этот параметр можно настроить, вводя чистовые значения в поле «Size» («Размер»), или передвигая ползунок. Из раскрывающихся списков выберите позицию обводки и режим наложения. В раскрывающемся списке «Fill Type» («Тип заливки») выберите, чем будет заполняться обводка: цветом, градиентом или текстурой. В открывшейся палитре настройте цвет, градиент или текстуру для обводки. Результат изменения параметров будет отображаться в документе, который вы создали. Нажмите кнопку «ОК».Сохраните текст с обводкой при помощи команды «Save» («Сохранить») в меню «File» («Файл»).

Источники:

  • Обводка текста в Photoshop

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

Вам понадобится

Инструкция

Используйте пользовательскую функцию на языке JavaScript, чтобы организовать в HTML-странице сокрытие и отображение нужных блоков текста
. Общая для всех блоков функция намного удобнее, чем добавление кода к каждому из них по отдельности. В заголовочную часть исходного кода страницы поместите открывающий и закрывающий теги script, а между ними создайте пустую пока функцию с названием, например, swap и одним обязательным входным параметром id:

Добавьте две строки JavaScript-кода в тело функции — между фигурными скобками. Первая строка должна считывать текущее состояние блока текста
— включена его видимость или выключена. Таких блоков в документе может быть несколько, поэтому каждый должен иметь собственный идентификатор — именно его функция получает в качестве единственного входного параметра id. По этому идентификатору она и разыскивает в документе нужный блок, присваивая значение видимости/невидимости (состояние свойства display) переменной sDisplay:sDisplay = document.getElementById(id).style.display;

Вторая строка должна менять свойство display нужного блока текста
на противоположное — скрывать, если текст видим, и отображать, если скрыт. Это можно делать таким кодом:document.getElementById(id).style.display = sDisplay == «none» ? «» : «none»;

1 голос

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

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

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

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

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

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


.

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

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

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

Изучение Photoshop

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


».

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

Диалоговое окно стиля русскоязычном и англоязычном Photoshop:

Размер (Size)

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

Положение (Position)

Интерфейс опции выполнен в виде выпадающего списка, состоящего из трёх пунктов, задающих положение обводки относительно края объекта:
Снаружи (Outside) — обводка находится за краями объекта
Внутри (Inside) — внутри краёв
Из центра (Center) — середина обводки совпадает проходит по краю объекта

С этим всё понятно. А теперь о тонкостях взаимодействия с другими стилями. На рисунке ниже я привёл примеры. Обводку частично перекрывает стиль слоя «Тиснение» (Bevel and Emboss) , но в свою очередь, обводка перекрывает внешнюю Тень (Drop Shadow), а стили «Наложение узора» (Pattern Overlay), «Наложение цвета» (Color Overlay) её не перекрывают:

Режим наложения (Blend Mode)

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

Непрозрачность (Opacity)

Эта опция регулирует прозрачность обводки. С этим всё понятно, но здесь также присутствует одна особенность.
Если обводка имеет положение «Внутри» или «Из центра», то при непрозрачности 0% она скроет перекрываемое ею содержимое слоя. Это видно на примере ниже. К верхнему тексту стиль не применён, к среднему применена обводка в положении «Из центра» с непрозрачностью 100%, а к нижнему тексту применена точно такая же обводка, но с непрозрачностью 0%

Тип обводки (Fill Type)

Эта опция управляет заполнением Обводки. Заполнение может быть трёх вариантов: Цвет (Color), Градиент (Gradient), или Узор (Pattern).
Каждый из этих вариантов дает нам дополнительные возможности для оформления обводки:

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

«Узор»
заполняет обводку паттерном (готовым узором) по принципу стиля слоя «Наложение узора» (Pattern Overlay) .

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

Прежде всего, мы можем настроить градиентную заливку. Это может быть простой двухцветный вариант, либо сложный набор из цветов для специальных эффектов, таких как металл. Проставленная галка в чекбоксе «Инверсия» развернёт на 180° направление градиента. Градиент настраивается так же, как и в стиле Наложение градиента(Gradient Overlay) .

Но тут имеется одно важное дополнение, это дополнительный стиль градиента — «Разбивка фигуры»
, в англ. версии — «Shape Burst»
:

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

Сохранение и загрузка настроек стиля слоя по умолчанию

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Результат:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Photoshop CS4 — Рисование окружности или квадрата









&nbsp &nbsp Использование Photoshop CS4







Раскраска / Заливка и обводка выделенных областей, слоев и контуров




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

  1. В панели «Слои» нажмите кнопку «Создать слой» , чтобы создать новый слой для окружности или квадрата. Если для окружности или квадрата выделен отдельный слой, с этим объектом становится проще работать.
  2. Выберите инструмент «Овальная область» или «Прямоугольная область» на панели инструментов.
  3. Перетащите курсор в окне документа, чтобы создать форму. Нажимайте клавишу «Shift» во время перетаскивания, чтобы ограничить форму окружностью или квадратом.
  4. Выберите меню «Редактирование» > «Выполнить обводку».
  5. В диалоговом окне «Обводка» введите значение для параметра «Ширина», а затем щелкните образец цвета, чтобы открыть окно палитра цветов Adobe.
  6. В окне палитра цветов Adobe укажите необходимый диапазон цветов с помощью треугольных ползунков на панели спектра цветов, а затем щелкните требуемый цвет в поле цвета. Выбранный цвет появляется в верхней половине образца цвета. Первоначальный цвет остается в нижней половине. Нажмите кнопку «ОК».
  7. Задайте местоположение обводки по отношению к области, выбрав значение «Внутри», «По центру» или «Снаружи». В случае необходимости измените другие настройки и нажмите «ОК». Photoshop выполнит обводку линии с использованием заданных значений параметров цвета и обводки.

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

Автор Admin На чтение 2 мин Просмотров 662 Опубликовано
Обновлено

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

Итак, для начала – нам нужна сама фотография. У нас – это рандомная фотка с интернета, у вас – это может быть все, что угодно.

Изначально – заряжаем фотку в фотошоп. Дальше – делаем новый слой.

Теперь, в левом меню – выбираем инструмент «прямолинейное лассо».

Для удобства – можно увеличить картинку. Лучше все сделать медленнее, но качественнее. Собственно, выбранным прямолинейным лассо – обводим наш объект.

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

Вот, что у вас должно получиться в итоге.

Теперь – кликаем правой кнопкой мышки по выделенному участку (в нашем случае – по девушке) и выбираем «перенести на новый слой».

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

А вот, собственно, и то, что у вас получится.

Если, все-таки, вы быстро вырезали объект – то наверняка он получится у вас кривоватым. Собственно, вы это можете видеть, на наших скринах выше. Однако это – совсем не проблема. Для этого:

  1. Зажмите ctrl и кликните по иконке данного слоя (на примере – слой 1).
  2. Сверху – находите пункт «выделение», выбираете там пункт «модификация», и там уже – выбираете пункт «сжать».

У вас выскочит маленькая табличка. Сжимайте на 1 пиксель, больше, в принципе, не надо.

Переходите туда же, только теперь выбирайте «сгладить». Тут – выбирайте сглаживание на 5 пикселей. Кликните правой кнопкой мышки по выделенной области и выбирайте «инверсия выделенной области».

Наживаете delete, чтобы убрать все неровности. Ну и вот – результат. То, что получается у нас в итоге:

Спасибо, что выбрали именно наш урок. Все удачи и до новых встреч.

Как сделать обводку в фотошопе: 4 потрясающих способа

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

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

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

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

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

Содержание статьи

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

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

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

Название типаОписаниеНазначение
ЦветЛинии границы одного цветаСамый обычный тип. Используется для обычного выделения
ГрадиентКонтур с переходящим цветом по вектору градиентаБолее интересный вариант, больше подходит для оформления.
УзорГраница с наложением узораАналогично предыдущему больше подходит для украшения объекта.

 

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

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

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

Более детально тема Фотошоп раскрыта в данном курсе. Здесь вас научат с нуля разбираться в данном редакторе и плюс сможете с этими знаниями хорошо зарабатывать.

Делаем обводку к любому слою в Photoshop

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

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

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

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

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

После добавления текста, он отобразится в панели слоёв в правой нижней части экрана. Откройте вкладку «слои», если она у вас не открыта и нажмите два раза левой клавишей мыши на наш новый текстовый слой, либо правой кнопкой и из выпадающего списка выбирайте пункт «Параметры наложения» («Blending options» в англоязычной версии).

В появившемся окне настроек нам необходим пункт «выполнить обводку» («Stroke» в английской версии). Убедитесь, что галочка слева от пункта установлена.

Сейчас я расскажу про имеющиеся здесь настройки:

  • Размер – регулирует толщину линии обводки
  • Положение – внутри, снаружи, из центра. Соответственно, устанавливает положение обводки и в какую сторону она будет утолщаться при изменении размера
  • Режим наложения – очень много вариантов режимов наложения цвета или узора. Попробуйте выбрать разные, чтобы наглядно увидеть разницу.
  • Непрозрачность – ползунок регулирует прозрачность линии обводки
  • Тип обводки – то, что мы рассматривали в начале статьи в таблице.
  • Цвет – комментарии излишни.

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

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

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

Ищите примерно так: «pat текстура скачать»

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

После этого останется лишь выбрать его в меню, и он наложится на линии вашего объекта.

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

Цвет

Градиент

Узор

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

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

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

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

Заключение

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

Понравилась статья? Обязательно порекомендуйте её друзьям и оставьте свой комментарий! Ваша поддержка очень важна для блога!

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

С Уважением, автор блога Федор Лыков!

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

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

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

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

Выберите шрифт из панели параметров

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

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

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

Шаг 6: Отрегулируйте размер и положение инсульта

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

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

Шаг 7: Установите «Заполнить» текста на 0%

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

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

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

Шаг 8: Дублируйте текстовый слой

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

Шаг 9: Изменение цвета штриха и положение исходного текстового слоя

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

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

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

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

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

Шаг 10: повторное дублирование исходного текстового слоя

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

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

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

Шаг 11: выберите другой новый цвет для инсульта и увеличьте размер обводки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    ):

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

Обводка объектов — photoshop-tutorial.org

Этот урок очень важен и почти необходим в большинстве ситуаций с Photoshop. Вы обнаружите, что во многих ситуациях вам может потребоваться изменить цвет определенного объекта на фотографии или вырезать отдельный объект с плаката. Проблема в том, что, хотя мы можем видеть и различать желаемый объект, компьютер не может. Для них это один файл изображения. Так что же нам делать? Нам просто нужно очертить объект, который мы хотим, и сохранить его как другой файл изображения, чтобы компьютер его распознал.Затем мы можем делать с нашим обведенным объектом все, что захотим, от изменения его цвета до преобразования и т. Д.

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

ПРИМЕЧАНИЕ : После того, как вы выбрали свой объект любыми средствами, вы можете продублировать контур и превратить его в слой, чтобы вы могли его редактировать или сохранить. После того, как ваш план будет завершен, просто нажмите Ctrl + J (Cmd + J) , чтобы сделать это.

ВАЖНО : Перед обводкой убедитесь, что вы выбрали правильный слой, на котором вы обводите контур. Если не при попытке дублировать слой, он будет дублировать контур, но другого слоя, который вы выбрали ранее.

1. Инструмент «Лассо»

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

2. Многоугольное лассо

Далее у нас есть инструмент Polygonal Lasso Tool. Если вы его не видите, просто удерживайте инструмент «Лассо», чтобы отобразить больше выделений, и выберите инструмент «Многоугольник». Я часто использую этот метод, так как он дает мне максимальную точность. Как это работает очень просто, вы просто «соединяете точки». Каждый раз, когда вы щелкаете, вы формируете точку, а следующая точка, по которой вы щелкаете, образует линию между двумя точками.Вкратце, просто расставьте точки вокруг изображения, которое хотите выбрать. Это может занять больше времени, чем другие методы, но определенно дает наиболее точную схему. Когда вы соедините последнюю точку вместе, будет сформирован контур.

3. Магнитное лассо

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

4. Инструмент быстрого выбора

Инструмент быстрого выбора — еще один отличный инструмент для контуров.Как следует из названия, он должен помогать вам быстро выбирать материал! Он работает так же, как Магнитное лассо, за исключением того, что он не прилипает к краям, а скорее группирует выделение. По сути, вы просто «раскрашиваете» объект в надежде, что инструмент выберет именно то, что вы хотите. Если он чрезмерно выделяет некоторые области, вы можете просто удерживать Alt и перетащить его назад. Удерживая Alt, вы просто снимаете выделение, а не выбираете, поэтому вы убираете ненужные части. Как видите, неплохая выборка сделана с использованием этого.

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

5. Волшебная палочка

Наконец, мы получили Magic Wand. Волшебная палочка на самом деле предназначена не только для этой цели обрисовки, но это может быть ОЧЕНЬ быстрый способ сделать это в нужных ситуациях. Magic Wand просто выбирает все пиксели того же значения, которое вы выбрали. С точки зрения непрофессионала, если вы выберете оттенок синего, все, что связано с этим оттенком синего, будет выбрано на картинке.Излишне говорить, что Magic Wand хорошо работает с объектами со сплошным цветом.

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

Еще одна хитрость в использовании Magic Wand — также, если вам нужно очертить объект, который имеет много цветов и который относительно трудно очертить, НО находится на простом фоне.В данном случае мы хотим обрисовать голову викинга, но это кажется довольно сложным, а? Не так, если мы воспользуемся этим сокращенным методом. Используя Magic Wand, нажмите на белый фон, чтобы выделить весь фон белым. Убедитесь, что Contiguous отмечен галочкой, чтобы белые в голове Viking тоже не выделялись. Вы можете увидеть пунктирную линию вокруг белого холста, что означает, что мы обрисовали фон.

Проверить смежность = Выбрать тот же цвет в ОБЛАСТИ

Снимите флажок «Смежный» = выберите один и тот же цвет ВЕЗДЕ на всем изображении

Затем перейдите в строку меню : Select> Inverse. По сути, это означает, что выбранный фон вывернут наизнанку и инвертирован, так что мы получим выделение, которое ранее не было выделено, или «внутри фона». Надеюсь, это было нетрудно понять. После этого вы можете видеть, что у нас теперь есть контур выделения головы викинга. И все сделано менее чем за минуту!

Вот и все, и это лишь некоторые из множества способов обвести объект в Photoshop! Просто не забудьте «сохранить» свой план (Ctrl + J или Cmd + J), когда вы закончите, и вы можете продолжить редактирование оттуда!

Ознакомьтесь с руководством по составлению схемы и сохранению здесь!

Adobe Photoshop — Как обвести это изображение толстой черной рамкой

Я вижу, вы уже приняли ответ Джуджаа, но…

Чтобы получить более гладкий результат, начиная с метода joojaa, установите Tolerance примерно на 10, прежде чем делать свой выбор …

Затем, инвертировав выделение, как посоветовал joojaa, выберите «Выделить и замаскировать» (или «Уточнить выделение» в старых версиях PS) и изменить вид на Черно-белый:

Теперь нажмите клавишу B , чтобы активировать инструмент «Кисть» (используйте клавиши с квадратными скобками [ и ] , чтобы изменить размер кисти вверх и вниз, и нажмите и удерживайте клавишу Alt для переключения с белого на черный) , и мы можем немного улучшить выделение вручную (не обязательно идеальным):

Затем нажмите «ОК».Используя мой метод, отсюда нам просто нужно черно-белое изображение, поэтому нажмите клавишу D , чтобы убедиться, что у вас активны цвета по умолчанию:

При активном выборе нажмите:

  • Ctrl + Backspace для заливки центра белым цветом
  • Ctrl + Shift + I , чтобы инвертировать выделение
  • Alt + Backspace для заливки фона черным

Границы кувшина для воды слишком близки к краю холста для этого эффекта, поэтому перейдите в «Изображение»> «Размер холста», отметьте «Относительный» и добавьте 40 пикселей к значениям ширины и высоты.

Перейдите в меню «Изображение»> «Режим» и выберите «Оттенки серого». Теперь у нас есть что-то вроде этого:

Перейдите в Фильтр> Галерея фильтров и в разделе «Эскиз» выберите «Штамп» и поверните ползунок «Гладкость» до тех пор, пока край не станет более гладким … затем добавьте еще один фильтр (нажав кнопку «Новый слой эффекта» в правом нижнем углу диалогового окна «Галерея фильтров») и выберите «Фотокопия».

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

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

Множественных штрихов текста со смарт-объектами в Photoshop

Версия Примечание: Используете Photoshop CC 2020 или более поздней версии? Ознакомьтесь с моим новым руководством по добавлению нескольких штрихов к тексту с помощью эффектов слоя.

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

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

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

Множественные штрихи текста с использованием смарт-объектов.

Приступим!

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

Шаг 1. Добавьте начальный штрих к тексту

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

Исходный документ.

Если мы посмотрим на мою панель «Слои», мы увидим слой «Текст» над фоновым слоем. Слой Type в настоящее время активен (выделен синим):

Панель «Слои».

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

Щелкнув значок «Эффекты слоя».

Затем я выберу Stroke в нижней части появившегося списка эффектов слоя:

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

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

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

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

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

Выбрав цвет, я нажимаю ОК, чтобы закрыть палитру цветов. Я хочу обводить буквы толстой обводкой, поэтому увеличу значение обводки Размер до 21 пиксель :

Увеличение размера обводки до 21 пикселя.

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

Первый штрих появляется вокруг текста.

Шаг 2. Преобразование текстового слоя в смарт-объект

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

По крайней мере, я не мог добавить второй штрих вокруг самого текста.Но что, если бы мы могли как-то поместить текст внутри контейнера, а затем добавить новую обводку вокруг контейнера? Как оказалось, это именно то, что мы можем сделать с помощью смарт-объектов Photoshop ! Смарт-объект — это, по сути, виртуальный контейнер для содержимого слоя, и все, что нам нужно сделать, это преобразовать наш текстовый слой в смарт-объект, после чего мы можем добавить второй штрих вокруг смарт-объекта!

Для этого щелкните значок меню в правом верхнем углу панели «Слои».Откроется список различных вариантов:

Щелкнув значок меню.

Выберите Преобразовать в смарт-объект из списка вариантов меню:

Выбор «Преобразовать в смарт-объект».

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

Типовой слой теперь является смарт-объектом.

Шаг 3. Добавьте обводку вокруг смарт-объекта

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

Выбираем другой эффект слоя Stroke, на этот раз для смарт-объекта.

Photoshop снова откроет диалоговое окно «Стиль слоя» с параметрами обводки. Чтобы изменить цвет обводки, я нажму на образец цвета , как я делал раньше, и когда появится палитра цветов, я выберу тот же более темный оттенок синего, что и мой текст.Я оставлю для параметра Size нового штриха значение по умолчанию 10px , что сделает второй штрих тоньше исходного:

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

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

Теперь вокруг начального штриха появляется вторая более темная синяя полоса.

Шаг 4. Повторите шаги 2 и 3, чтобы добавить больше штрихов (необязательно)

Photoshop позволяет нам вкладывать смарт-объекты в другие смарт-объекты, что означает, что мы можем использовать эту технику, чтобы добавить еще больше штрихов, если захотим! Все, что нам нужно сделать, это повторить шаги 2 и 3. Сначала преобразуйте текущий смарт-объект в новый смарт-объект, щелкнув значок меню в верхнем правом углу панели «Слои» и выбрав Преобразовать в смарт-объект в список. Это поместит текущий смарт-объект внутрь нового.Затем добавьте обводку вокруг нового смарт-объекта, щелкнув значок Layer Effects внизу панели «Слои» и выбрав Stroke из списка.

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

.

Добавление третьего обводки вокруг текста (после создания еще одного нового смарт-объекта).

Я нажму OK, чтобы закрыть диалоговое окно Layer Style, и теперь у меня есть три обводки вокруг моего текста! Однако, как мы узнали, только выглядит как , как будто у меня есть три штриха вокруг текста.На самом деле, вокруг самого текста есть только внутренний штрих. Средняя обводка находится вокруг смарт-объекта, содержащего текст, а внешняя обводка — вокруг нового смарт-объекта, содержащего исходный смарт-объект (который содержит текст):

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

Куда идти дальше …

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

[PDF] Обводка объектов с помощью Photoshop CS3

Скачайте Outlining Objects с помощью Photoshop CS3…

Выделение объектов с помощью Photoshop CS3

Выделение объектов с помощью Adobe Photoshop CS3

Чтобы начать этот проект:

* Щелкните правой кнопкой мыши изображение школы. * SavePictureAs на свой компьютер. * Открыть изображение в фотошопе.

Теперь вы готовы к работе.

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

Обводка объектов с помощью Photoshop CS3

Сила Photoshop — это способность оценивать изображение и вносить в него изменения.Свет на этом изображении необходимо отрегулировать, для этого перейдите в Изображение> Коррекция> Уровни

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

Обводка объектов с помощью Photoshop CS3

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

Обводка объектов с помощью Photoshop CS3

Затем необходимо настроить цвет.Перейдите в меню «Изображение»> «Коррекция»> «Цвет».

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

Остаток.

Обводка объектов с помощью Photoshop CS3

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

Обводка объектов с помощью Photoshop CS3

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

Selection Tool, размер кисти был 15.Чтобы использовать этот инструмент, щелкните левой кнопкой мыши и, удерживая кнопку мыши, перетащите или раскрасьте, что для вас более важно. На первом изображении ниже, с помощью инструмента быстрого выбора, я выбрал больше области, чем то, что я искал. Обратите внимание, что на втором изображении я выбрал инструмент «Быстрое выделение», который убирает выделение для точной настройки моего выделения.

Обводка объектов с помощью Photoshop CS3

Перейдите в палитру «Инструменты

»> выберите инструмент «Масштаб»

лучше.Затем выберите инструмент Lasso

Tool

щелкните в области, которую вы хотите увеличить, чтобы увидеть уведомление

на панели Option

, вы можете добавить или убрать

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

Обводка объектов с помощью Photoshop CS3

После того, как вы выбрали только первого мальчика> Вправо

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

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

Обводка объектов с помощью Photoshop CS3

Затем выберите слой Boy

2 в нижнюю часть панели слоев и выберите Fx (Добавление стиля слоя). Выберите> Обводка

Обводка объектов с помощью Photoshop CS3

По умолчанию обводка будет красной> Влево

Щелкните образец цвета и измените цвет на Белый.

Обводка объектов с помощью Photoshop CS3

Измените размер обводки

на 6 со значения по умолчанию 3> Нажмите OK

Обводка объектов с помощью Photoshop CS3

Теперь скопируйте

Стиль в слой Boy 2, щелкнув правой кнопкой мыши> Выбор > Скопируйте стиль Лайера.

Обводка объектов с помощью Photoshop CS3

Выберите слой Boy

1> Щелкните правой кнопкой мыши> Выбрать> Вставить стиль слоя.

Обводка объектов с помощью Photoshop CS3

Это сокращение при повторении одной и той же функции.

Обводка объектов с помощью Photoshop CS3

Теперь выберите фон

Copy Layer. Затем перейдите в Фильтр> Размытие> Размытие по Гауссу.

Измените радиус

на 2,0 пикселя в диалоговом окне «Размытие по Гауссу» и убедитесь, что вы всегда выбираете предварительный просмотр, чтобы увидеть вносимые вами изменения. Щелкните ОК. Это позволяет нам смягчить фон, чтобы больше сосредоточиться на мальчиках.

Обводка объектов с помощью Photoshop CS3

Затем выберите инструмент Text

, шрифт> Arial Black, Regular, размер 49 pt, цвет белый.Введите «Снова в школу» с помощью текстового инструмента.

Обводка объектов с помощью Photoshop CS3

На панели Layers

с выбранным текстовым слоем перейдите к Fx внизу панели и добавьте Drop Shadow и Outer Glow. Щелкните текст Outer Glow, чтобы выделить его, в палитре образцов щелкните левой кнопкой мыши по нему и измените цвет, используя пипетку для выбора цвета из тени ступенек.

Обводка объектов с помощью Photoshop CS3

При добавлении

Drop Shadow и Outer Glow текст будет выделяться.

Затем перейдите к палитре инструментов

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

Я использовал светлый

Gray для заливки

Outlining Objects в Photoshop CS3

С выбранным слоем Rectangle

> перейдите в режимы наложения> выберите> Multiply.

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

Обводка объектов с помощью Photoshop CS3

Как обвести изображение в фотошопе

Иногда мы чувствуем необходимость сделать объект немного более привлекательным. На этом этапе может оказаться полезным очертание объекта. Создайте контур вокруг объекта, изолируйте объект от фона и придайте броский вид. Вы также можете сделать это с помощью эффекта контура фотошопа. Большинство людей думают, что это долгая и критическая процедура. Об оригинальной технике знают немногие.В этой статье я собираюсь раскрыть эту технику. Прочтите эту статью до конца и узнайте, как очертить изображение в Photoshop. Это будет простой и полезный урок. Итак, без дальнейших промедлений, приступим.
Узнайте больше: как отменить выбор в Photoshop | Как сделать что-то золотым в Photoshop

как очертить изображение в Photoshop Шаг 1: Открыть изображение в Photoshop

Чтобы создать контурную форму в Photoshop, откройте изображение в Photoshop.Для этого есть два варианта. Вы можете открыть изображение из ФАЙЛ> ОТКРЫТЬ и затем выбрать изображение. Или вы можете просто щелкнуть и перетащить изображение в Photoshop.

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

Перейдем к следующему шагу.

Шаг 2: Выберите объект

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

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

Убедитесь, что опция «Множественный выбор» включена сверху. Также установите жесткость 0 сверху. Угол менять не нужно, оставьте равным 0. Установите для округлости значение по умолчанию 100%. Затем установите интервал 1%.

Давайте посмотрим здесь.

Теперь увеличьте изображение, нажав « CTRL & +» . Нажмите и удерживайте левую кнопку мыши, переместите ее над объектом, чтобы сделать выбор.В этом процессе будут некоторые области, в которых выбор может быть не идеальным. Именно так.

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

Чтобы изменить форму точки, используйте « CTRL + {» и « CTRL +}». Позвольте мне показать вам мой выбор.

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

Шаг 3. Уточнить края выделенной области

Чтобы очертить изображение в Photoshop, очень важно сделать правильный выбор. Любая ошибка в выборе повлияет на конечный результат. На всякий случай нажмите на опцию « Refine Edge ».

Затем появится новая табличка с дополнительными параметрами. Увеличивайте Radius , пока не получите удовлетворительный вид объекта. Здесь я использую 7.2 Px для образца изображения. После установки радиуса настройте параметр « Smooth » из Adjust Edge .Это сделает края гладкими. Я установил его на 9. Разрешите показать вам, как я настраивал Refine Edge.

Нажмите ENTER, , когда закончите, и перейдите к следующему шагу.

Шаг 4: Создание эффекта контура фотошопа

Теперь мы собираемся добавить эффект контура фотошопа. Сделайте копию выделения на новом слое, нажав « CTRL + J» . Щелкните правой кнопкой мыши новый слой и выберите Blending Option. Будет виден новый прямоугольник с множеством вариантов наложения.Нажмите на Stroke , и вы найдете эти варианты.

По размеру вы можете контролировать ширину контура. После этого установите позицию Outside. Оставьте границу наложения «Нормальная» и выберите желаемую непрозрачность. Я собираюсь оставить его на 100.

Вариант «Цвет» доступен ниже. Нажав на нее, вы можете изменить цвет контура. Убедитесь, что вы поставили отметку на штрих . Нажмите ок, чтобы завершить процедуру.Вот и все. Мы удачно обрисовали изображение.

контур изображения

Теперь вы можете изменить размер и цвет контура всего за несколько щелчков мышью. Разве это не круто? Я так думаю. Надеюсь, вы научились с легкостью обводить изображение в Photoshop. Отныне вы сможете делать это с любым объектом. Оставайтесь с нами, чтобы получить больше потрясающих руководств по редактированию фотошопа. Спасибо, что были здесь.

Подробнее:

Как использовать инструмент «Перо» в Photoshop: Учебное пособие по выделению объектов

Автор admin в Уроки рисования> Уловки Photoshop

Инструмент «Перо» в Photoshop — когда-нибудь его использовали?

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

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

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

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

Если вы не знаете, как использовать инструмент «Перо», просто продолжайте читать — в следующих абзацах я объясню, как использовать инструмент «Перо» для обводки любого типа 3D-объекта. (И я собираюсь использовать это изображение двух восхитительно выглядящих клубник в качестве примера.)

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

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

Выберите инструмент «Перо» на панели инструментов и выберите место на краю объекта — любое место, не имеет значения.

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

Если вы щелкните один раз инструментом «Перо», вы создадите единственную «активную» опорную точку.

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

Подождите секунду и проверьте, открыто ли у вас окно «Пути».

Если это так, появится новый «Рабочий путь». (Если вы не видите это окно, нажмите «Окно» в верхней строке меню и выберите «Пути.”

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

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

А теперь самое интересное. . .

Создайте новую опорную точку, но прежде чем отпустить, нажмите И ПЕРЕТАСКИВАЙТЕ. Что-то, что я называю «руль», появится на вашем экране.

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

Так что же случилось? Что ж, конец руля действует как магнит для только что созданной линии. Он ТЯНЕТ к себе линию.

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

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

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

Итак, давайте вернемся к клубнике и применим этот перо к работе. Выберите место для начала, затем нажмите и растяните руль в соответствии с кривой, которая, как вы ДУМАЕТ, вам понадобится.

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

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

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

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

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

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

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

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

Это должно помочь — вы увидите что-то вроде контура пунктирных линий ниже.

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

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

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

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

Красиво, не правда ли? И даже неважно, что это за объект. . . почти все выглядит лучше на чистом белом фоне.

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

ПОЛУЧИТЬ ЛИСТНИК В СВОЕМ ЯЩИКЕ

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

ПРИМЕЧАНИЕ. Вас также может заинтересовать пошаговое руководство по рисованию от EE для художников.Нажмите ниже, чтобы узнать больше!

Этот пост может содержать партнерские ссылки.

Как придать объекту контур в Photoshop


Джетти Негрон

Если у вас есть доступ к Photoshop CS6 Extended, либо через оригинальную свиту, только через стенды, либо через оригинальную облачную подписку, у вас есть в вашем распоряжении самые мощные инструменты 3D, которые когда-либо предлагались в Photoshop.Теперь вы должны были создать кисть, которую вы можете использовать, чтобы хорошо использовать водную линию за считанные секунды. Есть несколько ярлыков. Это портрет Оэнгуса Стоуна, известного австралийского инструменталиста-аборигена. Инструментом «Прямоугольная маркиза» нарисуйте объект примерно. Тень имеет ту же форму, что и отбрасываемый объект. в насильственной вселенной вы возьмете карандаш, чтобы обвести границу или нарисовать контур объекта на листе чистой бумаги, тогда как во вселенной Photoshop вы использовали бы инструмент лассо, чтобы выполнить эту функцию в цифровом виде.С этой точки зрения фон неизбежно когда-нибудь отменит.

как придать объекту очертания в фотошопе

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

как придать объекту очертание в Photoshop

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

Чтобы экспортировать изображение с пленочным фоном, перейдите к файлу> экспорт и выберите 2D-графику.Когда у вас будет чертеж, посмотрите, сможете ли вы заставить статую расплавиться. Я использовал грубую текстуру древовидной диаграммы, чтобы добавить сюрреалистичности фотографии холмистого пейзажа. Поделитесь своим слайд-шоу на YouTube одним щелчком мыши. Добавьте столько сегментов, сколько хотите, и чередуйте изгиб и.

И если вы по правде говоря, инструмент кисти может дать вам много места для экспериментов. Ее / его] время на природе. Что такое tan heighten ai. Другой интересный момент заключается в том, что как только телекамера создает ваше соединительное изображение, она также сохраняет копии обеих одиночных экспозиций одну за другой, так что вы можете потом поиграть с двумя изображениями в фотошопе, если объединение не выпало. точка, как вы дорожили.Прояснение фона — это обширный навык редактирования в фотошопе. Adobe — лидер по убыткам в области инструментов для дизайна, но не где-то рядом с Microsoft и другими гигантами. Это должно закрепить текстуру в форме букв, как на изображении выше.

Простое разрешение — выделить текстовый материал и его поле и скопировать в буфер обмена. Сначала выберите инструменты быстрого выбора из инструментов и щелкните объект / фон, который хотите вырезать. Ранее оконное стекло (левое крыло) и. если он под углом 90 градусов или 0 градусов, то ваша работа выполнена, изображение прямое.И, следовательно, я могу механически переключать, какой слой активен, пока я нахожусь в инструменте перемещения, и я удерживаю командную клавишу. Задача: хитроумно создать потрясающие цветные стрелки на шести простых лестницах. Tl; dr мне нужно перемотать файл в формате PSD, чтобы он получился, есть ли способы сделать это.

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

Все студенты, закончившие этот курс, проходят безопасную кульминацию с проходным баллом (для онлайн-суждения) и получают гарантию по электронной почте.Все, что я хочу, — это иметь веб-страницу размером с правило, которая умещается на экране. … Фактически, psd может сохранить все, что вы можете сделать в Photoshop. Картинки-мемы, размещаемые фотографии с надписями поверх них всплывают повсюду, начиная с досок взаимопомощи в киберпространстве и заканчивая электронными письмами. Очень часто, работая с панорамами метода координационного соединения бренизатора с разумными объектами, такими как люди, я получаю одну или две ошибки, которые мне нужно исправить самому. Как фотографы, мы хотим, чтобы наши фотографии были распечатаны или доставлены нашим клиентам с ровным цветом, который мы видим на нашем мониторе.И это везде, где канитель пригодится. Выберите две фотографии в подборке фотографий, а затем щелкните photomerge> photomerge compile.

Было ли это удовлетворительным делом и каковы последствия, если таковые имеются. По умолчанию я использовал srgb, который не работал. Однако помните, что вы ограничены 40 транзакциями на групповых собраниях. Обычный способ, которым я использую необработанный фильтр телевизионной камеры Photoshop, — это настраивать конкретную целевую область поверхности (например, фон). Это окно будет выглядеть следующим образом: нажмите «Проверить хосты», затем нажмите «patch», а затем скопируйте файл «amtlib.Это может быть немного другим, в зависимости от вашего варианта фотошопа и вашей схемы работы. Также обратите внимание, что изменения в настройках повлияют на резюме фотошопа. эта послушность — вот почему я так люблю эти абстрактные текстуры фотошопа.

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

Как придать объекту очертание в Photoshop Если у вас есть доступ к Photoshop cs6 Extended, либо через оригинальную свиту, выставляйте только товары, …

Как очертить объект в Photoshop Я думаю, у вас есть Photoshop cc. Навыки: совмещайте возможности иллюстраторов в 3D с работой в фотошопе, манипулируйте слоями…

Как очертить объект в Photoshop Что касается существующих блесток, они устраняются, когда медитирует небольшая часть граней объекта .

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *