Разное

Как в фотошопе обрезать по контуру: Как вырезать круг в Фотошопе

Содержание

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

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

Для создания презентации или другого дизайн-макета часто требуется изображение без фона. Можно поискать готовое изображение в формате PNG. Но что, если требуется поработать со своими материалами? Тогда нужно:

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

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

Это можно сделать

  1. онлайн. Для этого существуют разные сервисы. Мы рассмотрим два: Remove.bg, Фотошоп онлайн и Gravit Designer.

2. В фотошопе. В программе Adobe Photoshop существует много альтернативных инструментов выделения. Например:

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

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

Новички могут попытаться отделить картинку от фона в онлайн-редакторах.

1. Для Интернета. Быстро, просто, но с потерей размера. Онлайн-сервис Remove.bg

Remove.bg понравится новичкам, вебмастерам и SMM-специалистам.

Плюсы:
  1. Это бесплатный, простой и удобный сервис
  2. Помогает удалить фон
  3. Сохраняет изображение с прозрачностью в формате PNG.
  4. Используя вырезанные изображения можно с легкостью создавать картинки для сайтов и  социальных сетей.
Минус:

Выдает фото небольших размеров. У меня получилось 612 на 408.

2.  Для замены фона используйте Фотошоп онлайн

Это аналог фотошопа, инструментов меньше, но простые операции выполнить можно.

Трудоемко, но точно и красиво в Gravit Designer

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

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

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

Самое очевидно решение – использовать графический редактор Adobe Photoshop. Здесь есть несколько простых способов выделения.

магнитное лассо

Это хороший инструмент для выделения объектов с гладкими контурами.

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

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

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

Что делать в этом случае? Ставьте маркеры принудительно при помощи щелчков ЛКМ. Для перемещения по увеличенному изображению зажмите клавишу «Пробел». Постепенно вы замкнете контур, после чего побежит пунктирная линия. Замыкает контур также двойной щелчок ЛКМ. К сожалению, в нашем случае это слишком сложно — прическа мальчика не позволяет выделить картинку таким способом быстро.

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

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

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

Как это работает? Этот инструмент по щелчку ЛКМ выделит область, окрашенную близкими оттенками.

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

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

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

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

Настройки «Волшебной палочки». Добавление к выделенной области

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

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

Фоновый ластик

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

Цветовой диапазон (Color Range)

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

Что нужно делать? Чтобы активировать этот инструмент, надо

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

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

3. В выпавшей вкладке выбрать «Цветовой диапазон».

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

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

4. В самой верхней части диалогового окна «Цветовой диапазон» имеется опция «Выбор» (Select), с помощью которой мы можем выбрать, откуда брать образцы цветов. По умолчанию установлен параметр «По образцам» (Sampled Colors), который определяет, что мы будем самостоятельно выбирать образцы в изображении.

Параметр «По образцам» определяет, что образец цвета мы выбираем сами

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

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

Выбор пипетки, которая добавляет оттенки к выделению

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

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

Выделение пером

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

Использование маски

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

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

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

Выделение волос через повышение контраста

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

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

Повысить контраст между фоном и объектом можно с помощью:

  • уровней (CTRL+L) или кривых (CTRL+M)
  • инструментов «Осветлитель» и «Затемнитель» (O), которые будут воздействовать на локальные участки,
  • черной кисти, которой нужно закрасить лицо.

Получив контрастное изображение, нажмите «Выделение/Цветовой диапазон». Нажмите ОК.

Комбинация всех инструментов поможет точно вырезать картинку по контуру

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

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

Выбираю «Файл — Сохранить как». Даю название файлу, тип файла — PNG. Изображение готово. Теперь его можно вставить в презентацию или создать такую композицию, используя векторный клипарт.

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

Вверх

Изображения для собственных коллажей и композиций можно найти на этих сайтах:

Unsplash  Pixabay.com  Pxhere.com   Freeimages.com,   Textures.com, Morguefile.com, Dreamstime.com/free-photos, FreePhotosBank. IM Free. Public Domain Pictures. Stockvault. Gratisography.

Фото доступны после регистрации: Dreamstime,  Freerangestock.

фото: pxhere.com

Designed by Freepik

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

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

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

С чего начать

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

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

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

Изображение на однотонном фоне

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

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

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

  • Если фон полностью однотонный, установите чувствительность кисти 5−10 единиц. Этот параметр можно изменить в панели инструментов сверху.
  • Если фон не просто однотонный, но с небольшими помарками или переходами цветов, установите чувствительность кисти чуть выше. Выберите такую чувствительность, чтобы выделение захватывало однородный фон, но не касалось рисунка, который нужно вырезать.
  • Щелкните кнопкой по фону. Может понадобиться несколько кликов, если фон захвачен не полностью.
  • Выделенный контур можно удалить клавишами Delete или Backspace. Готово, изображение вырезано!
Лассо

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

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

Когда лассо завершит круг и вернется в исходное положение, будет выделен объект, а не фон. Теперь необходимо его инвертировать. Для этого можно нажать на выделенную область правой кнопкой мыши и выбрать «Инверсия выделенной области». Либо можно воспользоваться горячими клавишами: Ctrl + Shift + I.

Затем удаляем лишнюю область.

Изображение на неоднородном фоне

Маска

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

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

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

Удаление фона без выделения

Еще один вариант: вручную стереть фон инструментом «Ластик». Для этого можно брать ластик любого диаметра и не бояться задеть изображение, ведь он под маской. Этот вариант не самый удобный, но может понадобиться при работах с деталями. По сути, это удаление фона без выделения. Нужно просто взять инструмент «Ластик» и удалять фон. Кисть настраивается так же, как и при использовании «Быстрой маски». Если вы допустили ошибку, можно отменить последние действия сочетанием кнопок Ctrl + Z для отмены одного действия или Ctrl + Shift + Z для нескольких.

Удаление слоя с помощью маски

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

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

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

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

Если на фотографии однотонный светлый фон, этот процесс можно облегчить.

  • Создайте дубликат слоя (Ctrl + j).
  • Сделайте изображение черно-белым (Выбрать в меню «Изображение» — «Коррекция» — «Обесцветить»).
  • На дубликате слоя использовать «Уровни» («Изображение» — «Коррекция»).
  • В появившемся окне отрегулируйте с помощью ползунков фотографию, чтобы создать максимальный контраст между вырезаемым объектом и фоном. Допустим, если вы вырезаете голову девушки, ее лицо и волосы должны стать черным, а фон — белым.
  • Если на лице остались белые участки, закрасьте их с помощью черной кисти. Весь контур должен быть черным, без дыр.
  • Выберете меню «Выделение» — «Цветовой диапазон». Обозначьте чувствительность 50.
  • Правой кнопкой мыши нажать на выделенную зону, выбрать «Растушевка», радиус — 2 пикселя.
  • В окне со слоями уберите видимость, нажав на пиктограмму с глазом. Теперь сделайте инверсию выделения.
  • Удалите выделение. Готово, теперь вы умеете вырезать сложные объекты.

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

Видео

Из этого видео вы узнаете, как правильно вырезать в Фотошопе сложные объекты.

5 способов быстро вырезать картинку по контуру в Photoshop

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

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

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

Важный момент, без которого чуда не произойдет

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

Сделали дубликат слоя.

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

Полезные советы для работы

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

Если вас интересуют уроки и вы хотите научиться владеть фотошопом на профессиональном уровне, я рекомендую вам курс Зинаиды Лукьяновой — « Photoshop от А до Я ».

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

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

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

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

Итак, открываем фото и создаем дубликат слоя.

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

Выбираем. Допуск – 30.

Щелкаем там, где нужно убрать цвет.

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

Нажмите кнопку Del на клавиатуре и уберите видимость нижнего слоя (фона).

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

Теперь можно нажать одновременно Ctrl + А, затем Ctrl + C и вставить картинку в другое фото. Результат мне не очень нравится, я продолжаю кликать по синему морю, которое виднеется через решетку забора, и нажимать delete.

Вот что в итоге у меня получилось. Вполне неплохо.

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

Открываем фото и делаем дубликат слоя.

Находим инструмент «Быстрое выделение».

И начинаем потихоньку выделять объекты. Как вы можете увидеть, здесь чувствительность к цвету меньше, чем у палочки, а к объектам выше. Обычно я действую потихонечку: немного выделил – удалил (кнопка del).

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

Теперь удаление не проблема.

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

В этом месте мне вообще пришлось проковыряться минуты 3.

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

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

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

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

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

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

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

Выбираем нужный инструмент.

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

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

Копируете и вставляете при помощи Ctrl+C и Ctrl+V. Убираете видимость лишних слоев и можно сохранять в формате png.

Почти готово. При помощи все того же магнитного лассо убираем фон под хвостом девушки и треугольник между ногами.

Готово, Вот такой результат получается в итоге.

Прямолинейное лассо

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

Копируем – вставляем. Убираем видимость двух ненужных слоев.

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

Лассо

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

Открываем и делаем дубликат.

Обводим от руки фрагмент.

Копируем, вставляем, готово.

А в этом видео вы можете увидеть еще 4 очень простых и крутых способа выделения объектов в фотошопе: вы научитесь круто вырезать людей с кудрявыми волосами (это очень сложная и профессиональная работа, стирать фон ластиком (то, что я использовал для картинки с Годзиллой), выделять быстрой маской и закрепите информацию о лассо. И все это за 13, 5 минут!

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

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

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

Как при помощи фотошопа вырезать изображение по контуру

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

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

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

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

Шаг 1

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

Шаг 2

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

В фотошопе полно инструментов выделения.

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

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

Шаг 3

Теперь когда выделение готово, мы можем вырезать объект. Чтобы вырезать — можно нажать CTRL+X, а далее нажать CTRL+V чтобы вставить объект на отдельный слой.

Я так и сделал, потом скрыл слой на котором остался фон. У меня получился кот на отдельном слое.

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

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Медиасвод

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

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

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

Новички могут попытаться отделить картинку от фона в онлайн-редакторах.

1. Для Интернета. Быстро, просто, но с потерей размера. Онлайн-сервис Remove.bg

Remove.bg понравится вебмастерам и SMM-специалистам. Это бесплатный, простой и удобный сервис, который поможет удалить фон и сохранить изображение с прозрачностью в формате PNG. Используя вырезанные изображения можно с легкостью создавать картинки для сайтов и социальных сетей:

Минусы:
1. Выдает фото небольших размеров. У меня получилось 612 на 408.

2. Для замены фона используйте Фотошоп онлайн

Это аналог фотошопа, инструментов меньше, но простые операции выполнить можно.

Трудоемко, но точно и красиво в Gravit Designer

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

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

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

Самое очевидно решение – использовать графический редактор Adobe Photoshop. Здесь есть несколько простых способов выделения.

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

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

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

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

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

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

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

Этот инструмент по щелчку ЛКМ выделит область, окрашенную близкими оттенками. Диапазон оттенков, который программа будет включать в выделенную область можно увеличивать или уменьшать посредством настройки «Допуск». Допуск 32 установлен по умолчанию. Уменьшение допуска приведет к повышению чувствительности инструмента. Он будет выделять небольшие фрагменты, очень близкие по цвету. Чтобы расширить область выделения, нужно выбрать режим «Добавить к выделенной области». Так можно выделить равномерно окрашенный фон несколькими щелчками мыши.

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

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

Цветовой диапазон (Color Range)

Поговорим об инструменте выделения Photoshop — «Цветовой диапазон» (Color Range), который выбирает области в изображении по тональности или цвету. По принципу работы этот инструмент похож на «Волшебную палочку» (Magic Wand Tool) тем, что они оба отбирают области изображения на основе тональных и цветовых значений, но этом сходство заканчивается. Чтобы активировать этот инструмент, надо кликнуть по любому инструменту выделения правой клавишей мышки или по вкладке главного меню «Выделение» (Select) и выбрать соответствующую строку.

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

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

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

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

Выделение пером

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

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

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

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

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

Выделение волос через повышение контраста

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

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

Повысить контраст между фоном и объектом можно с помощью:

  • уровней (CTRL+L) или кривых (CTRL+M)
  • инструментов «Осветлитель» и «Затемнитель» (O), которые будут воздействовать на локальные участки,
  • черной кисти, которой нужно закрасить лицо.

Получив контрастное изображение, нажмите «Выделение/Цветовой диапазон». Нажмите ОК.

Комбинация всех инструментов поможет точно вырезать картинку по контуру

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

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

Выбираю «Файл — Сохранить как». Даю название файлу, тип файла — PNG. Изображение готово. Теперь его можно вставить в презентацию или создать такую композицию, используя векторный клипарт.

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

Как обрезать в Photoshop до определенного размера (3 шага)

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

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

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

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

Примечание: приведенные ниже руководства и снимки экрана взяты из Photoshop CC для Windows, другие версии могут выглядеть иначе.

Содержание

  • Шаг 1. Откройте инструмент кадрирования
  • Шаг 2. Переключитесь на разрешение Ш x В x
  • Шаг 3. Обрежьте изображение 

Шаг 1. Откройте инструмент кадрирования

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

Откройте инструмент Crop , щелкнув значок Crop на панели инструментов слева или нажав C на клавиатуре.

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

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

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

Шаг 2. Переключитесь на Ш x В x Разрешение

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

Выберите Ш x В x Разрешение из доступных вариантов и введите свои значения. Первое поле слева — это ширина, а второе — высота. Выберите разрешение (сколько пикселей на дюйм). Не забудьте выбрать единицу измерения в четвертом поле.

Я установил 2000 пикселей в ширину и 3000 в высоту с разрешением 200 пикселей на дюйм.

Шаг 3. Обрезка изображения 

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

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

Чтобы узнать, что получилось перейдите на Изображение в строке меню и выберите Размер изображения . Вы также можете нажать ALT + CTRL + I (для Windows) или Вариант + Команда +

I 9 .

В открывшемся окне мы видим, что обрезанное изображение имеет именно тот размер, который я выбрал, 2000 x 3000 пикселей и разрешение 200 пикселей на дюйм.

Довольно просто! Вы рады узнать больше об обрезке в Photoshop? Узнайте, как создать круглую обрезку, здесь!

О Каре Кох

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

Как обрезать в Photoshop

Изображение 1. Фотография, которую нужно обрезать и выровнять. Весь текст и фотографии (c) Джим Остин Джимеджес.

У вас есть фотография, которую нужно обрезать? Хотите расправить горизонт? Откройте Photoshop и возьмите инструмент кадрирования.

ОБРЕЗКА, РАМКА И ОБРЕЗКА

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

1. БАЗОВАЯ ПОДРЕЗКА

Время: 3-5 минут

Уровень: Простой, новичок.

Рисунок 2: расположение инструмента обрезки.

Шаг 1: Откройте фотографию в Photoshop. Найдите палитру инструментов («Окно» > «Показать инструменты») и щелкните инструмент «Обрезка», третий инструмент слева.

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

Рисунок 3. Установка пользовательского цвета для области за пределами обрезанной области, которую Adobe называет защитным экраном.

Шаг 3: Обратите внимание, что при перетаскивании внутрь область за пределами кадрирования, защитный экран, меняет цвет и становится затененной. Вы можете изменить этот цвет, просто щелкнув круглую шестеренку (см. выше рисунок 3) и выбрав «Включить Crop Shield» > «Пользовательский цвет». Затем выберите цвет из палитры цветов.

[ Совет:  В любой момент, если мы застряли, мы можем нажать клавишу «esc» на клавиатуре, чтобы отменить и выйти из обрезки. Клавиша «ввод/возврат» на клавиатуре применяет инструмент кадрирования к изображению. ]

Шаг 4: Нажмите клавишу Enter или Return, чтобы применить обрезку.

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

2. ВЫПРЯМИТЕ ФОТОГРАФИЮ С ПОМОЩЬЮ ИНСТРУМЕНТА КАДРИРОВАНИЯ

Время: 2 минуты.

Уровень: Легкий, новичок.

Рисунок 4. Здесь показана ограничительная рамка с 6 символами, по одному в каждом углу и 2 в центре, которые нужно щелкнуть и перетащить для обрезки по горизонтали и вертикали. Введите «Enter», чтобы применить обрезку. Все фотографии и текст защищены авторским правом www.jiimages.com

Шаг 1:  Выпрямите. Откройте фотографию в Photoshop. Щелкните инструмент кадрирования. Поместите курсор за пределы области изображения. Вы увидите небольшой изогнутый символ с двумя стрелками на 9.0 градусов. Поместите курсор за пределы ограничительной рамки, приблизитесь к одному из 4 углов, а затем перетащите, чтобы повернуть этот символ по часовой стрелке или против часовой стрелки, чтобы выпрямить фотографию. Например, это полезно, чтобы выровнять фотографию с кривым горизонтом.

Шаг 2: Нажмите Enter или Return, чтобы применить поворот.

3. СДЕЛАЙТЕ МАТОВУЮ РАМКУ С ПОМОЩЬЮ ИНСТРУМЕНТА КАДРИРОВАНИЯ

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

Время: 2-5 минут

Уровень: Средний

Шаг 1: Сначала введите «D» на клавиатуре, чтобы сбросить цвета переднего плана и фона в панели инструментов на черный (передний план) и белый (квадратик фонового цвета, расположенный в нижней части панели инструментов).

Шаг 2: Щелкните и перетащите левый верхний угол ограничительной рамки вверх и влево.

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

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

4. ИЗБАВЬТЕСЬ ОТ НЕПРАВИЛЬНЫХ КРАЕВ НА ФОТОГРАФИИ

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

Время: 5-10 минут.

Уровень: Средний.

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

Шаг 1: Открыв фотографию в Photoshop, щелкните инструмент обрезки. Вы увидите ограничивающую рамку.

Шаг 2: Чтобы удалить ненужные области за пределами изображения, посмотрите вверх в левом верхнем углу главного меню Photoshop. Найдите «Редактировать» между «Файл» и «Изображение». Щелкните Изменить. Появится раскрывающееся меню. Посмотрите на полпути вниз по этому меню, чтобы найти слово «преобразование».

Шаг 3:

Нажмите «Правка» > «Преобразовать».

Шаг 4: Выберите «Правка» > «Трансформация» > «Наклон» или последовательность меню «Правка» > «Трансформация» > «Деформация».

Шаг 5: С помощью курсора вытащите углы ограничивающей рамки из окна изображения. Изображение будет двигаться. Перекосив или исказив изображение, потянув за угловой символ, вы можете заполнить ненужные или пустые области внутри самого изображения. Сделайте так, чтобы ваше изображение заполнило окно изображения, чтобы больше не было видно неправильной области. Иногда последовательность команд Edit > Transform > Warp работает лучше, чтобы избавиться от тонких или неправильных областей.

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

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