Как в фотошопе сделать контур изображения: Как в Фотошопе сделать контур изображения • Дигмаст

Как в Фотошопе сделать контур изображения • Дигмаст


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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если объект является частью изображения, то все равно обводка делается точно также. Возьму, например, вот такую фотографию с медалью, и выделю медаль с помощью инструмента «Быстрое выделение». Можно использовать и другой инструмент для выделения, тут уже кому удобнее и у кого, чем лучше получается. Когда объект выделен, его можно скопировать в нужное место, как я только что делал с логотипом ютуба, либо, если нужно сделать обводку тут же, нажимаете сочетание «Ctrl+J». Этим действием мы копируем выделение на новый слой, а дальше действуем уже по знакомому алгоритму: правой кнопкой мыши на слое/верхний пункт/ Stroke и настраиваем.

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

4.3 – Оценок: 16


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

Содержание:

  • Обрамление фото
  • Сложный контур
    • Альтернативный более простой вариант
  • Надписи
  • Видео инструкция

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Надписи

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

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

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

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

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

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

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

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

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

Обведение рисунка в Photoshop | Small Business

Ларри Симмонс Обновлено 14 января 2019 г.

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

  1. Откройте изображение в Photoshop

  2. Запустите Photoshop и откройте изображение, которое вы хотите обвести в Photoshop.

  3. Откройте панель слоев

  4. Нажмите на меню «Окно» в главном меню в верхней части приложения и выберите «Слои», чтобы открыть панель слоев, если она еще не открыта.

  5. Дублируйте слой

  6. Нажмите «Ctrl-J», чтобы дублировать исходный слой. Слои на панели называются «Фон» и «Слой 1». Дважды щелкните имя «Фон» на панели «Слой», чтобы выделить существующее имя. Введите «Оригинал», чтобы переименовать слой. Переименуйте Слой 1 в «Верх», чтобы различать различные слои, используемые для создания рисунка.

  7. Переименуйте слои

  8. Дважды нажмите «Ctrl-Shift-N» и «ОК», чтобы создать два новых слоя. Перетащите мышью новые слои под слой «Верх». Переименуйте первый новый слой в «Фон», а другой новый слой — в «Контур».

  9. Изменение цвета фона

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

  11. Сделайте слой контура активным

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

  13. Выберите кончик кисти и цвет

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

  15. Создать контур вокруг изображения

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

  17. Создать кривую линию

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

  19. От контура до контура

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

  21. Выберите кисть

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

  23. Удалить контур

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

  25. Продолжить описание других разделов

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

  27. Скрыть все, кроме контурного слоя

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

  29. О рисовании в сплаве компьютерных технологий и бизнеса. У него есть B.S. по экономике, степень магистра в информационных системах, М.С. в области коммуникационных технологий, а также значительную работу по получению степени MBA в области финансов. Он опубликовал несколько сотен статей в Demand Studios.

    Как обвести изображение в Photoshop — Brendan Williams Creative

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

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

    Видеоруководство

    Как обвести края изображения

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

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

    Вот как это сделать:

    Дублируйте слой, вокруг которого вы хотите создать границу. Таким образом, у вас всегда будет резервный слой, если что-то пойдет не так. Используйте сочетание клавиш Command + J (Mac) или Control + J (ПК), чтобы дублировать слой.

    Если у вас уже есть большая группа слоев, продублируйте и объедините их с помощью Command + Option + Shift + E (Mac) или Control + Alt + Shift + E (PC). Этот ярлык создаст новый объединенный слой, чтобы добавить в него контур.

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

    Выберите «Обводка».

    Установите положение обводки на «внутри» и оставьте непрозрачность на уровне 100%.

    Установите тип заливки «цвет» и выберите цвет, которым вы хотите обвести фотографию.

    Когда все настроено, отрегулируйте размер штриха с помощью ползунка размера. Этот вариант полностью зависит от вас, и нет правильного или неправильного.

    Результат

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

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

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

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

    Вот как это сделать:

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

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

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

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

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

    При активном выделении объекта нажмите Command + J (Mac) или Control + J (PC), чтобы дублировать выделение на новый слой.

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

    Выберите «Обводка».

    Установите положение «снаружи» и оставьте непрозрачность на уровне 100%.

    Установите тип заливки на «цвет» и выберите цвет для границы выделения.

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

    Результат

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

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

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

    Вот как это сделать:

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

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

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

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

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

    Результат

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

    Как добавить градиентный контур к изображению

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

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

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

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

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

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

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

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

    Как обвести изображение текстурой

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

    Создав исходный контур, измените тип заливки с «цвет» на «узор».

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