Как рисовать векторные рисунки в фотошопе. Векторные инструменты рисования в Фотошопе

Как сделать векторную графику в фотошопе?


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


Ответы:


TL; DR: Photoshop не может создавать истинные векторные изображения. Это чрезвычайно распространенное заблуждение.

Думай о этом как о машине. – Сможете ли вы ездить на 4-х колесах с Toyota Prius? Естественно, вы можете ! Будет ли он делать все то, что может делать Внедорожник Рэнглер? Черт возьми нет. Есть причина, по которой для вас нужно применять вэдовый кар, чтоб ездить на четырехколесном колесе, также как и причина, по которой для вас нужно употреблять векторное приложение для сотворения векторных файлов.


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

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

Такие приложения, как Illustrator, Inkscape, CorelDraw, Xara, Sketch и т. Д., На самом деле могут содержать лишь независящие векторные изображения с разрешением 100%. Дело не в том, чтоб «люди предпочитали» применять векторное приложение. Это необходимо, ежели для вас нужен реальный векторный файл в конце.

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

Для производственных целей это различие может быть в значимой степени непринципиальным, ежели вы уже работаете с высочайшим ppi в Photoshop. Но юзер должен знать, что обычное внедрение векторных инструментов Photoshop и сохранение в формате EPS / PDF не делает векторные файлы с внедрением какой-либо доступной в настоящее время версии Photoshop (CC2017 является самой последней).

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







Подсказка, ежели кто-то все еще желает сделать векторные элементы в Photoshop (например, для растровых изображений либо для хоть какой иной ситуации).

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

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

Читайте также  Какая самая последняя версия windows. Все редакции и версии Windows 10

На форумах Adobe есть чрезвычайно полное управление по началу работы с Pen Tool .


Вы Сможете экспортировать сделанные вами пути в файл Illustrator, но основной вид: Photoshop был сотворен для растровых изображений, а Illustrator сотворен для векторных изображений. CorelDraw делает оба в одной програмке, но компромисс в том, что он не так неплох, как Adobe, imo.


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

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

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

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

  4. Поскольку оба формата имеют взаимодополняющие достоинства, имеет смысл употреблять оба. В этих вариантах вы сможете создавать свои изображения и манипулировать ими с помощью Photoshop и Illustrator (или CorelDraw, который выполняет оба эти действия), либо вы сможете применять векторные инструменты в Photoshop либо инструменты растеризации в Illustrator. Наилучший подход диктуется в каждом определенном случае. Очевидное правило – выбрать основной инструмент на базе нужного формата вывода.

  5. Если вы желаете применять векторные инструменты на пиксельном изображении в Photoshop, это можно сделать с помощью инструмента «Перо» либо Photoshop Generate. Опосля этого вы сможете пользоваться преимуществами разработки с помощью векторных рисунков или в Photoshop, или экспортировав векторные картинки в Illustrator. Опосля использования Illustrator вы сможете вернуть изображение в Photoshop, ежели желаете сохранить его в пиксельном формате.


Генератор Photoshop может сохранять SVG-файлы (да, лишь SVG-файлы лишь на базе вектора, основанные на слоях фигур, сделанных в Photoshop). Для этого для вас пригодится Photoshop CC 2014.2 (или 2014.1).

Справка от Adobe: https://helpx.adobe.com/photoshop/using/generate-assets-layers.html

Этот документ Photoshop:

Создал этот SVG:






Базовые векторные инструменты в Adobe Photoshop схожи Illustrator-у. Но, отмечу, для рисования в чистом виде они не сделаны. Почему? Во первых, для рисования в векторе есть хорошие программы Illustrator либо Corel Draw. Вот там находится весь нужный для рисования функционал. Во вторых, скупость опций в фотошопе для вектора. В Фотошопе имеются лишь инструменты рисования и некие примитивы. Что с одной стороны верно. Вот хорошая программа для растровой графики, а вот хорошая программа для векторной. Да, в векторной бывает нужно поработать с растром, а в растровой бывает нужен вектор. Так лучше связать их и продавать пакетом.

Из рисунки видно — все контуры, из которых состоит фигура, остаются снутри слоя. Таковым образом фигуру можно быстро и просто поменять. Хотя векторный Adobe Photoshop способен на куда большее. К примеру, данные эскизы для 1-го старенького веб-сайта я исполнял в векторе. Изображение я кистью с жесткими краями. Потом выделял слой и переводил выделение в контуры. Из контуров делал залитые слои с векторной маской. Таковым образом я достигал отсутствующего в фотошопе сглаживания контура.

Инструмент Pen Tool

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

Читайте также  Программа для работы в формате пдф. Программы для чтения PDF-файлов

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

Попробуем изобразить пару контуров. Выберите инструмент Pen Tool, и смотрите чтоб в настройках инструмента у вас стояла функция Path. Не то чтоб это было в особенности принципиально, но ежели заместо Path там будет Shape Layer, то вы будете рисовать заливками с векторной маской, а не просто контурами. Подробнее о этих режимах я написал в статье Shape Layers, Path и Fill Pixel в Фотошопе.

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

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

Понять в какой зависимости от что строятся полосы в зависимости от направляющих пожалуй самое базисное осознание векторной графики. На панельке опций векторных инструментов у Pen Tool есть одна увлекательная настройка — Auto Add/Delete. Это практически автоматизированные Add и Delete Anchor Point Tools о которых речь пойдет далее. Кликните по данной нам галочке и ваша кисть сумеет прямо во время рисования добавлять точки на уже отрисованные контуры и удалять ненадобные точки. Вы можете делать это прямо во время рисования контура, а не опосля. И для этого не придется переключаться на бесполезные Add и Delete Anchor Point Tools

Freeform Pen Tool

Если для работы с Pen Tool нужно осознать принципы построения векторных кривых, то Freeform Pen Tool — инструмент, вольный от всяких правил и принципов. Просто кликайте по нему и рисуйте контур, так как вы рисовали бы обыкновенной кистью. Безупречный круг либо праздничек геометрических форм им естественно не изобразить, а вот кляксу полностью. Этот инструмент подойдет для сотворения коллекций фигур в индустриальном стиле. Рисовать кляксы им самое то. Ну а ежели мастерство рисования доведено до совершенства, то… думаю лучше применять програмку Illustrator, ежели естественно вы не из тех, кто для утехи ваяет шедевры в MS Paint (:

У инструмента Freeform Pen Tool пожалуй есть ещё одна увлекательная настройка. В панели опций Freeform Pen Tool есть галочка Magnetic. Это спрятанный аналог инструмента Magnetic Lasso Tool. Работает точно так же. Просто включите эту галочку. Подведите курсор к какому-то верно выраженному объекту, с высококонтрастной кромкой и начинайте обводить. Естественно, безупречной геометрии ожидать от этого инструмента не нужно.

Add Anchor Point Tool и Delete Anchor Point Tool

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

Delete Anchor Point Tool — соответственно данный инструмент удаляет излишние точки векторной кривой. Область внедрения этого инструмента та же что и у Add Anchor Point Tool, лишь в случае уменьшения точек линия контура становится по понятным причинам наиболее ровненькой и мягкой.

Convert Point Tool

Этот инструмент помогает в редактировании направляющих точки кривой. При нажатии на точку инструмент сбрасывает направляющие. Удерживая клавишу мыши, отводим мышку в сторону. Так мы изменяем формы и направление направляющих, против их начального значения. А ежели зацепить инвентарем Convert Point Tool одну из направляющих, можно придать ей независящее направление.

И ещё раз. Вы захватываетесь инвентарем Convert Point Tool, за точку. От таковой близости у точки сбрасываются направляющие. Не отпуская клавишу мыши, отводите мышь в сторону, выстраивая новейшие направляющие. А при желании, сможете захватить за одну из направляющих и настроить её в личном порядке. А сейчас обсудим детали.

Выпадающее меню векторных инструментов

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

Читайте также  Почему не работает на ноутбуке тачпад asus. Почему перестал работать тачпад на ноутбуке: причины неполадок

Delete Anchor Point

Все чрезвычайно просто. Кликаете по непонравившейся точке и удаляете её. Мне так даже проще чем инвентарем Delete Anchor Point Tool. Тем наиболее ежели таковая точка всего одна. Эта функция меню сменная. На данный момент там Delete Anchor Point, поэтому что я подвел мышку ровно к точке. Ежели кликнуть мышкой по хоть какому месту контура Delete сменится на Add Anchor Point, то есть речь идет о добавлении новейшей точки на контур.

Create Vector Mask

Является шорткатом на опцию Layer > Vector Mask > Current Path Что делает эта опция? Делает векторную маску естественно. На данный момент я покажу как это делается. Расположите на гамму какое-нибудь фото. Я к примеру избрал фотографию собственного попугая Чучи. Контур должен быть виден. Сбрасывать его нельзя. Расположите фото прямо под контур либо контур под фото. Либо нарисуйте новейший контур конкретно так, как для вас охото. Сейчас жмем на Create Vector Mask и получаем результат! Векторный контур перевоплотился в векторную маску. А попугай Чуча в кружок!

Delete Vector Mask

Название говорит само за себя. Попугай Чуча преобразуется в прямоугольную фотографию. Маска уходит в небытие. Контур становится обыденным контуром.

Define Custom Shape

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

И найдите его по адресу инструмента Custom Shape Tool в меню опций инструмента посреди остальных зверюшек и стрелочек.

Make Selection — Эта функция из вектора делает выделение. Разберем поподробнее что дает нам меню.

Feather Radius — радиус размытия. Ежели вы свое выделение дальше зальете, края будут рызмытыми. Чем больше значение тем больше размытие. Внимание на экран:

Anti-aliased — смягчает края. Без функции Anti-aliased заливка будет залита попиксельно. Функция Anti-aliased делает на краях заливки полутона.

Fill Path

Дальний родственник функции Edit > Fill. Но в отличии от крайней имеет пару апгрейдов. У него есть схожая графа Content, что в целом означает, чем заливать то будем? Есть графа Blending, отвечающая за режимы наложения. А так же принципиальная галочка Preserve transparency. При выставлении данной нам галочки заливка учитывает прозрачные места и не заливает их.

Stroke Path

Подчеркивает выделение. При этом подчеркивает чем угодно. В меню Stroke Path можно выбрать хоть какой инструмент, хоть резинку, хоть блендер, хоть кисть. Почаще всего естественно нужна кисть. Stroke Path пользуется опциями инструмента, которые выставленны в данный момент. К примеру если последний раз вы рисовали жесткой кистью 10 px, то подчеркиваться контур будет конкретно ею. Функция Simulate Pressure симулирует давление.

Clipping Path

Разновидность маскирования в фотошопе и не лишь. Более нередко Clipping Path используют при отделении заднего фона от объекта. Не поверите, но на западе есть целые студии специализирующиеся данной работой, а работники маскировщики именуются — спецы по маскированию. Вот уж спецы так специалисты! По сущности, Clippping Path крепит контур к растровому изображению. Нарисуйте, к примеру, контур на домашней фото, либо выделите контуром объект. Сохраните в формате PDF и откройте в Illustratore. Ваше изображение помещено вовнутрь контура, точно так же как при векторной маске. По правде говоря этот Clipping Path является для меня черным пятном. Загадочность Clipping Path принудила меня подробным образом изучить эту опцию, о чем я и написал в собственной статье Что такое Clipping Path

Free Transform Path

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

Автор:

ТЕГИ

Adobe Photoshopвектор в Фотошопеинструменты

Оставьте комментарий