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

Обновлено: 07.07.2024

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

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

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


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


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

Растровые изображения — это изображения, состоящие из крошечных точек, также известных как пиксели, на экране. Растровые изображения также известны как растровые изображения. Чем больше пикселей в изображении, тем оно четче. Эта четкость известна как разрешение изображения.

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

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

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

Открытие векторных изображений в Photoshop


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

<р>1. Нажмите на меню «Файл» в строке меню

<р>2. Нажмите «Открыть как смарт-объект»

<р>3. Выберите файл EPS или AI, который хотите открыть, и нажмите «Открыть»

<р>4. Установите разрешение для изображения


И все. Теперь у вас есть векторное изображение, открытое в Photoshop.

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


Работа с векторными изображениями в Photoshop


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

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

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

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


Зачем мне растрировать векторное изображение?


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

– Сглаживание и смешивание

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

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


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

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

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


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


Продолжение редактирования логотипа


Когда вы получаете логотип от Logogenie, это векторный файл. Возможно, вам не нужно редактировать его в Photoshop, но если вы это сделаете, вам нужно будет открыть его как смарт-объект. Есть и другие способы работы с векторами в Photoshop, но работать с ними как со смарт-объектами проще и эффективнее.


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

Создайте логотип с идеальными цветами для себя

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

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

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

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

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

- Основные изображения
- Название компании и слоган
- Шрифт и типографика
- Цветовые схемы
- Размеры текста и изображений
- Размещение текста и изображений
– Добавление новых значков.
– Наслоение (размещение одних изображений позади или впереди других)

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

С помощью конструктора логотипов, например logogenie, вы можете создать логотип профессионального уровня за считанные минуты. Когда вы закончите, вы сможете купить все разрешения и коммерческую лицензию за 24,90 доллара США, что позволит вам навсегда сохранить свой логотип.

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

Photoshop — это удивительно мощная альтернатива Illustrator для векторной графики. Вот вводное руководство по созданию векторной графики в Photoshop.

Adobe Illustrator – это стандартное приложение для графического дизайна. Это лучший инструмент для работы с векторными файлами.

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

Что такое векторное изображение?

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

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

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

К каждому объекту можно применить два типа цвета:

  • Обводка – это линия, идущая по контуру.
  • Заливка добавляет сплошной цвет или узор в пространство, окруженное контуром.

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

В Photoshop вы рисуете векторные изображения с фигурами, линиями и текстом.

Рисование векторных фигур и линий

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

  • Инструмент "Прямоугольник"
  • Инструмент «Прямоугольник со скругленными углами»
  • Инструмент "Эллипс"
  • Инструмент "Многоугольник"
  • Инструмент "Линия"
  • Инструмент пользовательской формы

Вы всегда можете выбрать выделенный инструмент, нажав U на клавиатуре. Либо нажмите Shift + U, чтобы циклически переключаться между инструментами, пока не найдете нужный.

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

Нарисуйте основные векторные фигуры

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

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

Чтобы нарисовать треугольник, выберите инструмент «Многоугольник». Щелкните один раз на холсте, чтобы открыть окно настроек «Создать полигон». Установите количество сторон равным 3.

Изменять и редактировать векторные фигуры

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

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

Выберите инструмент прямого выделения на панели инструментов (нажмите и удерживайте значок инструмента выбора контура, чтобы найти его, или нажмите Shift + A). Теперь щелкните одну из опорных точек и перетащите ее в любом направлении, чтобы деформировать фигуру.

Для более сложных изменений переместите две или более опорных точек одновременно.

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

Объединить и объединить векторные фигуры

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

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

Теперь нарисуйте еще одну фигуру. Это будет на том же слое, что и ваша первая фигура.

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

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

Используйте инструмент выбора контура, чтобы выбрать вторую нарисованную фигуру. Теперь в Path Operations выберите Subtract Front Shape. Фигура удаляется вместе с областью, где она перекрывается с первой фигурой.

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

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

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

Рисование векторных линий

Есть еще два инструмента, связанных с фигурами, о которых нужно знать.Во-первых, это инструмент «Линия».

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

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

Создание произвольных векторных фигур

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

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

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

Рисование векторов с помощью инструмента «Перо»

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

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

Начало работы с инструментом «Перо»

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

Вот краткое руководство для начала:

  1. Выберите инструмент «Перо» (P). Нажмите на холст изображения, чтобы переместить опорную точку.
  2. Переместите курсор на несколько дюймов и щелкните еще раз, чтобы добавить еще одну опорную точку. Путь будет создан для соединения двух. Установите обводку черного цвета на 5 пикселей, чтобы ее было лучше видно.
  3. Нажмите еще несколько раз, чтобы развить путь. Нажмите и перетащите, чтобы создать изогнутый путь. Это также добавит руль к точке привязки. Перетащите их, чтобы изменить угол и глубину кривой.
  4. Нажмите «Ввод», чтобы создать открытый путь (линию), или нажмите первую опорную точку, чтобы создать замкнутый путь (фигуру).

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

  • Возьмите инструмент "Прямое выделение" (A). Выберите опорную точку на пути и перетащите ее в новое место. Используйте этот инструмент с манипуляторами опорной точки, чтобы также редактировать кривую.
  • Выберите инструмент «Добавить опорную точку», нажав и удерживая инструмент «Перо». Нажмите где-нибудь на пути, чтобы вручную добавить новую точку привязки, затем перетащите ее на место. Это позволяет точно настроить форму.

Три инструмента «Перо»

Photoshop предлагает три разных пера для рисования:

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

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

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

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

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

Работа с векторным текстом в Photoshop

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

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

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

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

Управление векторными объектами

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

  • Двигайте объекты, выбирая их Инструментом "Выделение контура" (A) и перетаскивая их на место.
  • Измените размер объектов, выбрав их с помощью инструмента выбора пути, а затем нажав Ctrl + T в Windows или Cmd + T в Mac. Это показывает рамку вокруг объекта. Возьмитесь за руль вдоль края и перетащите его внутрь или наружу, чтобы изменить размер. Удерживайте клавишу Shift, чтобы сохранить исходное соотношение сторон.
  • Поверните объект, удерживая указатель мыши за одним из рулей, пока курсор не превратится в значок поворота. Теперь нажмите и перетащите.
  • Измените порядок объектов, щелкнув слой и перетащив его выше или ниже другого слоя.
  • Выровняйте объекты, выделив их все с помощью инструмента "Перемещение" (V) (или удерживая клавишу Shift и щелкнув несколько слоев), а затем используя элементы управления выравниванием на панели параметров.

Векторная графика в Photoshop: все вместе

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

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

Adobe Photoshop включает в себя инструменты и параметры, которые производят вывод в стиле пера». /><br /></p>
<p>Когда вы используете Adobe Photoshop для создания графики для своего бизнеса и своих клиентов, ваши изображения состоят из пикселей, крошечных квадратных элементов, которые составляют мозаику с сеткой, лежащую в основе растровых изображений. Photoshop также поддерживает векторные элементы или элементы на основе контуров, включая динамический шрифт и другие формы изображений. Если вы хотите преобразовать растровый элемент в векторные контуры, вы можете использовать несколько методов для создания элементов, больше напоминающих программу для рисования, такую ​​как Adobe Illustrator, чем редактор изображений, такой как Photoshop.</p>
<p>Нажмите клавишу

Сделайте выделение, используя любую комбинацию инструментов выделения, волшебной палочки, лассо и других инструментов выделения. Чтобы превратить ваш выбор в путь, откройте всплывающее меню в правом верхнем углу панели «Контуры» и выберите «Сделать рабочий путь» или нажмите соответствующую кнопку в нижней части панели. Установите значение допуска, чтобы управлять тем, насколько точно ваш путь следует за границами исходного выделения. При размере 0,5 пикселя ваш путь сохраняет тонкие сдвиги в выделении, тогда как при 10 пикселях ваш путь использует несколько опорных точек и отображает плавные переходы.

Дважды щелкните рабочий контур, который появляется на панели «Контуры», когда вы впервые рисуете с помощью инструмента «Перо» или преобразуете выделение в контур. Назовите свой путь или примите значение по умолчанию «Путь [X]», где «[X]» представляет собой число. Если вы не преобразуете свой рабочий путь в именованный путь, следующее действие, которое вы предпримете для создания пути, заменит векторный рисунок на вашем существующем рабочем пути новым выходным вектором.

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

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

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


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

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


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

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

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


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

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

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

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

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

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


< /p>

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

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


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

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

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

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


< /p>

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

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

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

Выберите "Выделение" > "Цветовой диапазон".

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

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


< /p>

5. Преобразуйте свой выбор в путь

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

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


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

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

Чтобы сделать путь более плавным, установите значение допуска в появившемся диалоговом окне. Значение «1,0» идеально подходит для неправильных контуров вокруг портрета.


< /p>

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

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

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

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

Затем выберите в меню «Сплошной цвет». Вы можете выбрать любой цвет.


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


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

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

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


< /p>

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


< /p>

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

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

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

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

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

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

Понравился ли вам этот совет? Если это так, загляните на наш канал YouTube на нашем родственном сайте Online Tech Tips. Мы охватываем Windows, Mac, программное обеспечение и приложения, а также предлагаем множество советов по устранению неполадок и обучающих видеороликов. Нажмите кнопку ниже, чтобы подписаться!

Читайте также: