Darbe.ru

Быт техника Дарби
1 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

Медиасвод

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

Для создания презентации или другого дизайн-макета часто требуется изображение без фона. Можно поискать готовое изображение в формате 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.

Читайте так же:
Как в word ставить кавычки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как изменить цвет объекта в Adobe Photoshop

Как изменить цвет объекта в Adobe Photoshop

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

Меняем цвет объекта в Фотошопе: 7 способов

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

Цветовой тон/Насыщенность

С помощью корректировки «Цветовой тон/Насыщенность» (Hue/Saturation) можно поменять цвета всей картинки или только выделенной части. Чтобы вызвать это окно, перейдите во вкладку «Изображение – Коррекция – Цветовой тон/Насыщенность» или просто нажмите сочетание клавиш Ctrl+U.

Замена цвета предмета

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

Цветовой тон фотографии

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

Поменять цвет листвы

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

Цветовой тон

Окно «Замена цвета»

Чтобы открыть окно «Замена цвета», перейдите по вкладкам «Изображение – Коррекция – Заменить цвет».

Замена цвета

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

  1. Щелкаю по желтому цветку пипеткой. В окне «Цвет» сразу отображается выбранный оттенок. Выбор цвета
  2. Ставлю галочку «Локализованные наборы цветов» и с зажатым Shift щелкаю по цветочкам на фотографии, чтобы добавить все оттенки желтого.
  3. Регулирую разброс, тон, насыщенность и яркость. Перекрашивание цветов
  4. Нажимаю ОК. Неплохо!

Инструмент «Замена цвета»

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

Инструмент Замена цвета

Он работает очень просто – выбирайте цвет с помощью палитры и закрашивайте нужный объект. Я выберу малиновый цвет, чтобы перекрасить шляпу. Обратите внимание на режим наложения, здесь должен стоять параметр «Цветность» (Color).

Выбор палитры

Думаю, шляпа теперь выглядит веселее 🙂

Перекраска объекта

Изменение цвета выделенного объекта

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

  1. Возьмите инструмент «Выделение предметов». Быстрое выделение
  2. Выделите курсором область, в которой находится объект. Выделение предмета
  3. Создайте корректирующий слой «Цветовой тон/Насыщенность» (Hue/Saturation). Корректирующий слой
  4. Двигайте ползунки, чтобы изменить цвет. Здесь же можно поменять насыщенность и яркость объекта. Изменение цвета банана

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

Таким же образом вы можете менять цвет выделенного предмета с помощью окна «Замена цвета». Выделите объект инструментом «Быстрое выделение», затем перейдите во вкладку «Заменить цвет».

Читайте так же:
Как в автокаде поменять цвет текста

Замена цвета выделения

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

Выбор цвета пипеткой

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

Фиолетовый жираф

Меняем цвет предмета кистью

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

Изменение цвета кистью

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

Новый слой

Менять размер кисти можно с помощью клавиш «]» и «[» на клавиатуре прямо во время окрашивания. Вы можете просто закрашивать мышкой вручную, но так будет достаточно сложно сделать ровную линию. Обычно я делаю так: щелкаю мышкой в одной точке, а с зажатой клавишей Shift – в другой. Так получается ровная линия – этим способом удобнее закрашивать края предмета.

Режим наложения цвета

Как только вы закончите с закрашиванием кистью, выберите режим наложения «Цветовой тон».

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

Изменение цвета с помощью кисти

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

  1. Нажмите на этот значок, чтобы создать новый корректирующий слой. Новый корректирующий слой
  2. Выберите «Цветовой тон/Насыщенность». Слой насыщенности
  3. Двигайте ползунки, пока не получите нужный вариант цвета. Зеленый пес
  4. Нажмите Ctrl+I. Это позволяет сделать инверсию слоя-маски. Маска стала черной, и теперь мы ее не видим. Инверсия маски
  5. Выберите инструмент «Кисть» (B) и поставьте белый цвет кисти. Белый цвет проявляет слой-маску. Белая кисть
  6. Настройте кисть: она должна быть 0% жесткости, мягкая и круглая. Регулируйте удобный размер кисти в окне настроек или нажатием клавиш «]» и «[». Настройка кисти
  7. Закрасьте объект кистью – вы увидите, как проявляется слой с цветом. Закрашивание маски
  8. Аккуратно пройдитесь кистью по всем контурам. Если необходимо поправить цвет и тон, щелкните по иконке корректирующего слоя.Миниатюра слоя
  9. Режим наложения установите на «Цветность» или «Цветовой тон». Готово!Режим наложения Цветность
Изменение цвета заливкой

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

  1. Нажмите на значок создания нового корректирующего слоя и нажмите «Цвет».Слой с цветом
  2. Выберите цвет, в который хотите перекрасить объект. Я, конечно, беру зеленый.Заливка цветом
  3. Кликните на миниатюру маски и нажмите Ctrl+I, чтобы сделать инверсию маски. Инверсия маски
  4. Аккуратно выделите объект инструментом «Быстрое выделение» или «Выделение предмета». Выделение предмета
  5. Можно уточнить выделение, нажав правой кнопкой мыши на «Выделение и маска». Уточнить выделение
  6. Уточните края и при желании сделайте сглаживание, настройте контрастность. Уточнение краев
  7. Переключитесь на слой-маску, выберите инструмент «Выделение». Выбор маски
  8. Нажмите по выделению правой кнопкой мыши – «Выполнить заливку». Выполнить заливку
  9. Кликните по стрелочке, выберите «Белый». Заливка белым цветом
  10. Далее просто поменяйте режим наложения на «Цветовой тон». Цветовой тон

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

Как стереть часть маски

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

Уточнение деталей

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

Перекрашивание объекта

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

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

  1. Откройте картинку. Я буду упражняться в колористике на этом примере. Том Круз
  2. Создайте корректирующий слой «Цветовой тон/Насыщенность». Новый слой
  3. Щелкните галочку «Тонирование» и покрутите ползунки изменения цвета и яркости. Сейчас вы видите маску целиком.Изменение цвета волос в Фотошопе
  4. Щелкните по миниатюре слоя-маски и нажмите Ctrl+I. Инверсия маски
  5. С помощью белой кисти прокрасьте зону волос. Аккуратно пройдитесь по краям мягкой круглой кистью.Перекраска объекта

Вуаля! Кажется, фотография выглядит как настоящая.

Замена цвета волос в Фотошоп

Заключение

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

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

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

Adobe Photoshop не является редактором векторных изображений. Adobe Illustrator умело справится с этой задачей. Но что, если у вас один из основных планов членства в Adobe Creative Cloud? Или у вас есть подписка только на Photoshop?

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

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

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

Чтобы преобразовать растровое изображение на основе пикселей в векторное изображение:

  1. Выберите пиксели.
  2. Преобразуйте их в пути.
  3. Раскрасьте их и сохраните как векторное изображение.

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

Читайте так же:
Максимальное количество строк в excel 2016

Скриншоты взяты из Adobe Photoshop CC (21.2.0). Но вы сможете следовать этому простому руководству с большинством последних версий Photoshop.

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

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

  1. Сделайте выделение вокруг изображения.

Есть разные методы, которые вы можете использовать для выделения в Photoshop. Выбранный вами метод будет зависеть от характера изображения. Например, если у изображения прямые края, вы можете выбрать инструмент «Прямоугольная область». Если вы хотите выбирать по цвету, можно использовать Magic Wand или инструмент Quick Selection.

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

Выберите «Выделение»> «Выделить и маска»> «Выбрать объект», и он аккуратно выберет самый заметный объект на фотографии.

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

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

  1. Создайте пороговый эффект.

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

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

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

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

В этом уроке Photoshop мы хотим использовать команду Color Range, чтобы выделить все белые и черные области тона.

Перейдите в Select> Color Range.

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

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

  1. Преобразуйте выделение в контур

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

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

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

  1. Установите значение допуска для пути.

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

Значение Tolerance определяет, насколько близко путь должен «придерживаться» контуров изображения. Чем ниже значение, тем точнее выбор соответствует вашему пути. Более высокие значения уменьшат количество точек привязки и сделают путь более плавным. Правило большого пальца — чем проще объект, тем выше допуск.

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

  1. Создайте новый сплошной цветовой слой.

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

Затем выберите в меню Solid Color. Вы можете выбрать любой цвет.

На этом этапе создается слой векторной формы поверх слоя Threshold.

Этот слой заливки сплошным цветом можно настроить на любой цвет по вашему выбору. На следующем шаге экспортируйте этот слой как изображение SVG.

  1. Сохраните векторное изображение как файл SVG.

Щелкните слой правой кнопкой мыши и выберите «Экспортировать как». Вы также можете сохранить векторное изображение, выбрав «Файл»> «Экспортировать как».

В диалоговом окне «Экспорт как» выберите SVG в настройках файла и нажмите «Экспорт».

Теперь вы можете открыть векторный файл в Adobe Illustrator или любом другом редакторе векторных изображений.

Кроме того, вы также можете экспортировать векторные контуры из Photoshop в Illustrator. Щелкните Файл> Экспорт> Пути к Illustrator. Это экспортирует путь заливки сплошным цветом в Illustrator, если он у вас установлен.

Есть и другие способы векторизации изображения в Photoshop

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

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

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

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

Читайте так же:
Как вернуть скрытую рекламу в яндекс браузере

Что такое растровое и векторное изображение и чем они отличаются

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

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

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

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

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

Еще больше о Photoshop — на курсах «Fotoshkola.net».

Обучение в Фотошколе онлайн

Простой пример, как растр перевести в вектор

Итак, вектор состоит из геометрических фигур. Photoshop обладает инструментами для создания контуров. Контур и есть геометрическая фигура. Чтобы сделать векторное изображение в Фотошопе, нужно создать контур изображения. Помогут нам в этом инструменты группы «Выделение»/Select: «Прямоугольное выделение»/Rectangular Marquee Tool, «Эллиптическое выделение»/Elliptical Select Tool,** «Волшебная палочка»/Magic Wand Tool, **«Быстрое выделение»/Quick Selection Tool и «Перо»/Pen tool.

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

Открываем растровое изображение в фотошопе (самый распространенный формат растрового изображения — JPG). Очень легко поддаются обработке логотипы, контурные рисунки, эскизы. Чтобы получить векторный эскиз портрета, сначала можно преобразовать портрет в эскиз с помощью «Галереи фильтров», либо использовать готовый поп-арт. О том, как работать с «Галереей фильтров» и быстро создавать поп-арт из фото, мы рассказывали в предыдущих статьях. Для этого примера мы возьмем готовый поп-арт-портрет. Умышленно мы подготовили его из фото не самого лучшего разрешения. Поэтому векторный вариант покажет нам заметную разницу.

Чтобы работать с контурами, вам нужно вызвать закладку «Контуры»/Path на палитру слоёв. Для этого зайдите в меню «Окно»/Window и отметьте пункт «Контуры»/Path. Закладка появится на палитре слоёв.

Изображение имеет 4 цвета (фон не считаем). Берём инструмент «Волшебная палочка»/Magic Wand Tool и выделяем первый цвет. Чтобы выделить все участки, рассредоточенные островками по изображению, удерживайте Shift.

Когда первый цвет выделен, выбираем инструмент «Лассо»/Lasso либо «Прямоугольная область»/Rectangular Marquee Tool и, не снимая выделения, щёлкаем правой клавишей мыши. В контекстном меню выбираем «Образовать рабочий контур»/Make Work Path.

В диалоговом окне указываем максимальное сглаживание «Допуск»/Tolerance (от 1 до 10; чем ниже цифра, тем лучше повторятся контуры). Жмём Ok.

На закладке «Контур» появится первый контур. На изображении он будет заметен в виде кривых с точками. Их можно выровнять и подогнать с помощью инструмента «Выделение узла»/Direct Selection Tool. Этим инструментом выделяем точку и либо корректируем кривую, перемещая усик точки, либо подвигаем саму дугу.

На закладке «Контур» меняем название контура. Для этого щёлкаем по нему двойным щелчком и в диалоговом окне изменяем имя.

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

Получив контуры, остаётся создать вектор. Переходим на закладку «Слои»/Layer на палитре слоёв, создаём новый слой Shift+Ctrl+N. Основной цвет задаём тот, в который окрасим первый контур.

Возвращаемся на закладку «Контур», становимся на первый контур. В главном меню в пункте «Слои»/Layers выбираем «Новый цвет заливка»/New Fill Layer«Цвет»/Solid Color. В открывшемся окне жмём Ok.

Теперь, перейдя на закладку «Слои»/Layers, вы увидите на новом слое первый векторный слой.

Проделаем эти шаги для каждого контура.

Так мы получили четыре фигуры, которые составили портрет. Теперь можно сохранить в файл с векторным расширением SVG (слой с исходной картинкой удаляем). Нажимаем Alt+Shift+Ctrl+W (экспортировать как). В диалоговом окне выбираем расширение файла SVG, жмём «Экспортировать всё»/Export All.

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

На этом всё. Способ достаточно простой.

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

100 горячих клавиш Photoshop для огненного результата

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

В этом посте мы собрали основные горячие клавиши Photoshop — популярнейшего дизайнерского инструмента — и сгруппировали их по функциональной принадлежности. Если рядом с операцией указаны два сочетания, то первое работает в Windows, второе — в macOS. Если указано одно сочетание — оно подойдёт для обеих операционных систем. Спойлер: если прочитать текст до конца, можно узнать, как настроить горячие клавиши так, как вам удобнее.

Работа с файлом

  • Создать новый файл — Ctrl + N / Cmd + N.
  • Открыть файл — Ctrl + O / Cmd + O.
  • Сохранить файл как… — Shift + Ctrl + S / Shift + Cmd + S.
  • Сохранить файл в формате PSD — Ctrl + S / Cmd + S.
  • Сохранить для Web — Shift + Ctrl + Alt + S / Shift + Cmd + Opt + S.
  • Показать/скрыть панель операций — Alt + F9 / Opt + F9.
  • Закрыть все открытые документы, кроме текущего — Ctrl + Alt + P / Cmd + Opt + P.

Стандартные команды

  • Отменить последнее действие — Ctrl + Z / Cmd + Z.
  • Повторить последнее действие — Ctrl + Shift + Z / Command + Shift + Z.
  • Вырезать — F2.
  • Скопировать — F3 или Ctrl + C / Cmd + C.
  • Вставить — F4 или Ctrl + V / Cmd + V.
  • Восстановить — F12.
Читайте так же:
Метод секущих в excel

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

  • Переключиться между стандартным режимом, полноэкранным с меню и полноэкранным — F.
  • Просмотреть изображение в масштабе 100% — Ctrl + Alt + 0 / Cmd + Alt + 0.
  • Увеличить изображение (приблизить) — Ctrl + «+» / Cmd + «+».
  • Уменьшить изображение (отдалить) — Ctrl + «–» / Cmd + «–».
  • Настроить изображения под масштаб экрана — Ctrl + 0 / Cmd + 0.
  • Изменить размер фото — открыть окно «Размер изображения» + Ctrl + Alt + I / Cmd + Opt + I.
  • Изменить размер источника клонирования — Shift + Alt + «[» или «]» / Option + Shift + «[» или «]».
  • Инструмент «Масштаб» — Z.

Работа со слоями

  • Показать/скрыть панель «Слои» — F7.
  • Создать слой — Ctrl + Shift + N / Cmd + Shift + N.
  • Создать копию слоя — Ctrl + J / Cmd + J.
  • Создать новый слой путём вырезания — Shift + Ctrl + J / Shift + Cmd + J.
  • Сгруппировать слои — Ctrl + G / Cmd + G.
  • Разгруппировать слои — Ctrl + Shift + G / Cmd + Shift + G.
  • Выделить все слои — Ctrl + Alt + A / Cmd + Opt + A.
  • Выделить верхний слой — Alt + «.» / Opt + «.».
  • Выделить нижний слой — Alt + «,» / Opt + «,».
  • Опустить выбранный слой на один уровень — Ctrl + «[» / Cmd + «[».
  • Поднять выбранный слой на один уровень — Ctrl + «]» / Cmd + «]».
  • Сделать выбранный слой самым верхним — Shift + Ctrl + «]» / Shift + Cmd + «]».
  • Сделать выбранный слой самым нижним — Shift + Ctrl + «[», Shift + Cmd + «[».
  • Объединить выделенные слои — Ctrl + E / Cmd + E.
  • Объединить все видимые слои — Ctrl + Shift + Alt + E / Cmd + Shift + Option + E.
  • Переместить слой без выделения на один пиксель — Ctrl + стрелка / Cmd + стрелка.
  • Залить фоновый или стандартный слой — открытие диалогового окна Backspace или Shift + Backspace / Delete или Shift + Delete.
  • Удалить корректирующий слой — Delete или Backspace / Delete.
  • Скопировать все слои в выделенной области в буфер обмена — Shift + Ctrl + C / Shift + Cmd + C.

Работа с выделением

  • Инвертировать изображение в выделенной области — Shift + F7.
  • Переключиться между исходным изображением и просмотром выделенной области — X.
  • Убрать выделение — Ctrl + D / Cmd + D.
  • Вернуть выделение — Shift + Ctrl + D / Shift + Cmd + D.
  • Инвертировать выделение — Shift + F7.
  • Исключить часть выделенной области — зажать Alt + выделение, зажать Opt + выделение.
  • Добавить новую область к уже выделенной — зажать Shift + выделение.
  • Растушевать выделенную область — Shift + F6.
  • Залить выделенную область — открыть окно с параметрами заливки, затем Shift + F5.

Коррекция изображений

  • Повернуть на 15 градусов — Ctrl + T + Shift + колёсико мыши / Cmd + T + Shift + колёсико мыши.
  • Обесцветить выделенную область или слой — Shift + Ctrl + U / Shift + Cmd + U.
  • Залить — Shift + F5.
  • Обрезать — использовать инструмент «Рамка» + Enter.
  • Инвертировать изображение (отразить зеркально) — Shift + Ctrl + I / Shift + Cmd + I.
  • Переключить режим прозрачности — «/».
  • Перейти в режим свободного трансформирования — Ctrl + T / Cmd + T.
  • Создать или отменить обтравочную маску — Ctrl + Alt + G / Cmd + Opt + G.
  • Повернуть холст — R.
  • Открыть окно «Кривые» — Ctrl + M / Cmd + M.
  • Открыть окно «Уточнить край» — Ctrl + Alt + R / Cmd + Opt + R.
  • Открыть окно «Цветовой тон» — Ctrl + U / Cmd + U.
  • Открыть окно «Уровни» — Ctrl + L / Cmd + L.
  • Открыть окно «Цветовой баланс» — Ctrl + B / Cmd + B.
  • Применить «Автотон» — Shift + Ctrl + L / Shift + Cmd + L.
  • Применить «Автоконтраст» — Alt + Shift + Ctrl + L / Opt + Shift + Cmd + L.
  • Применить автоматическую цветовую коррекцию — Shift + Ctrl + B / Shift + Cmd + B.
  • Переключиться из стандартного режима в режим «Быстрая маска» — Q.
  • Переключить цвет холста вперёд — «пробел» + F.
  • Переключить цвет холста назад — «пробел» + Shift + F.

Работа с инструментами

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

  • Волшебная палочка — W.
  • Выделение контура — A.
  • Кадрирование перспективы — C.
  • Кисть — B.
  • Лассо — L.
  • Ластик — E.
  • Осветлитель — O.
  • Перо — P.
  • Перемещение — V.
  • Пипетка — I.
  • Поворот вида — R.
  • Прямоугольник — U.
  • Рамка — C.
  • Рука — H.
  • Текст — T.
  • Штамп — S.

Работа с кистью

  • Показать или скрыть панель кистей — F5.
  • Уменьшить размер кисти — «[».
  • Увеличить размер кисти — «]».
  • Уменьшить жёсткость кисти — « <».
  • Увеличить жёсткость кисти — «>».
  • Повернуть кисть на 1 градус по часовой стрелке — «→».
  • Повернуть кисть на 1 градус против часовой стрелки — «←».
  • Повернуть кисть на 15 градусов по часовой стрелке — Shift + «→».
  • Повернуть кисть на 15 градусов против часовой стрелки — Shift + «←».
  • Предыдущая кисть — «,».
  • Следующая кисть — «.».
  • Первая кисть — «<».
  • Последняя кисть — «>».

Как настроить быстрые клавиши в Photoshop

Бывает так, что вместо одной комбинации горячих клавиш вы вслепую всё время нажимаете другую. Или часто выполняете какую-то операцию, которая требует четырёх кнопок — а хотелось бы всё-таки нажимать две. Или вашим пальцам просто не хватает растяжки для нужной комбинации. Здесь пригодится функция настройки горячих клавиш. К счастью, в Photoshop она есть.

Чтобы организовать всё под себя, зайдите во вкладку «Редактирование» и откройте «Комбинации клавиш». Эту панель также можно вызвать нашей бонусной комбинацией: Alt + Shift + Ctrl + K / Alt + Shift + Cmd + K. Затем выбирайте операции и присваивайте им нужные сочетания. Главное — потом их не забыть.

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

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector