Вектор для фотошопа: Изображения Фотошоп | Бесплатные векторы, стоковые фото и PSD

Вектор в фотошопе: инструкция (описание, видео, пример)

Инструменты для работы с вектором в Photoshop появились достаточно давно, но использовать их в работе начали сравнительно недавно. Это связанно с тем, что очень долгое время они были “сырыми” и т.к. вектор в фотошопе не является профильным инструментом для работы, его и не дорабатывали. Но все поменялось с выходом Photoshop CC.

Зачем нужен вектор в фотошопе

Сначала хочу рассказать почему я использую вектор в фотошопе. Есть множество зарекомендовавших себя векторных редакторов. Самые распространенные это Illustrator, CorelDraw, Xara. Чаще всего я занимаюсь веб дизайном, а значит моя работа не является конечным результатом. Т.е. прежде чем стать сайтом, интерфейсом, приложением макет попадет верстальщику. Большинство верстальщиков в совершенстве владеют Photoshop, но очень поверхностно знакомы с Illustrator. Поэтому желание “запихнуть” все в один файл вполне логично. Здорово когда верстальщик получает один PSD в котором содержится полный макет да еще и с возможностью редактирования элементов. Поменять цвет кнопки, изменить радиус формы меню, увеличить или уменьшить блок без потери качества — за 2 клика и 1 минуту! Вектор в фотошопе позволяет сделать это без особых навыков.

Особенности работы с вектором в фотошопе

Если вы раньше работали в любом векторном редакторе, то многое покажется знакомым. Но ко многому придется привыкать. Вся работа в фотошопе строится со слоями, это коснулось и всех векторных инструментов.
1. Что бы легко редактировать вектор в фотошопе необходимо каждую фигуру располагать в отдельном слое.
2. Операции по “слиянию”, “вычитанию”, “наложению” лучше применять к не более чем двум объектам.
3. После операции “слияния”, “вычитания”, “наложения” контуры исходных объектов остаются доступными к редактированию.
4. Ко всем векторным объектам можно легко применять растровые стили. Это очень удобно.
5. К векторным объектам можно применять прозрачность и накладывать на них фильтры.
6. Отдельные слои и группы слоев с векторными объектами можно легко клонировать внутри документа или копировать в другой документ PSD.
7. Подписывайте каждый слой и группируйте слои — это сэкономит массу времени.

Основные примитивы

Как и в любом векторном редакторе, вектор в фотошопе имеет готовые примитивы. Основные примитивы:
“Прямоугольник”, “Прямоугольник со кругленными углами ”, “Эллипс”, “Многоугольник”, “Линия”, “Произвольная фигура”. У каждой фигуры (в любой момент времени) можно задать толщину/тип/цвет обводку и заливку. Для специфических примитивов доступны дополнительные свойства. Например у многоугольника можно задать количество углов, а у прямоугольника со кругленными углами можно задать радиус скругления.

Основные инструменты

Что бы нарисовать произвольный вектор или редактировать существующий (в т.ч. и контур примитивов) необходимо использовать инструменты “Перо” (рисуем произвольный контур), “Перо+” (добавляем новые опорные точки в готовый контур), “Перо-“ (удаляем опорные точки из готового контура), “Свободное перо” (рисуем произвольный контур от руки), “Угол” (меняем изгибы кривых контура, задаем типы соединений между опорных точек).

Для иллюстрации процесса краткое видео из которого вы узнаете:
1. Как создать примитив
2. Как нарисовать произвольную векторную фигуру
3. Как править контур примитива
4. Как править контур произвольной векторной фигуры

Основные операции с вектором в фотошопе

Всего доступно 4 операции: “Объединение фигур”, “Вычесть переднюю фигуру”, “Объединить фигуры в наложении”, “Вычесть фигуры в наложении”. Все эти операции доступны через основное верхнее меню Слои > Объединить фигуры, либо через панель инструментов “Свойства” (верхнее меню Окно > Свойства).
Внимание! Прежде чем начать какие-то операции по объединению векторных фигур убедитесь что слои этих фигур выделены в панели инструментов “Слои” (включить ее F7 или Окно > Слои).

Краткое видео иллюстрирующее основные операции “объединения фигур” в фотошопе.

Меняем цвет, размер и применяем стили

Вот мы дошли до самого интересного. Вектор в фотошопе позволяет поменять размер как в большую так и в меньшую сторону без потери качества. Для этого выберете нужные слои в панели инструментов “слои”, нажмите Ctrl+T (или Command+T если у вас MAC) и перетаскивая маркеры выделенного контура мышкой отрегулируйте размер. Что бы размер менялся пропорционально необходимо зажимать клавишу Shift.

Краткое видео:
1. Изменяем размер векторной фигуры
2. Изменяем цвет заливки векторной фигуры
3. Добавляем стиль к векторной фигуре

Скачать пример PSD (бесплатно)

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

Задать вопрос

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

Вектор в Фотошопе | verovski

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

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

С чего начать изучение вектора в Фотошопе?

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

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

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

Векторные режимы

Прежде чем начать работать в векторных инструментах, я считаю крайне важным для начинающего пользователя разобраться в 3-х основных режимах работы векторных инструментов Фотошопа. Почему же это так важно? Бывает, начинающий пользователь выбирает векторный инструмент, а он не рисует. Или рисует, но каким-то тонким контуром, который затем пропадает. Загадки. Но разгадать их легко, если знать, какой в данный момент режим векторного инструмента активирован.

Всего их три. Это режимы Shape Layer, Path и Fill Pixels. Первый режим — это тот что вам нужен, если вы намерены создавать векторные элементы в Фотошопе. Второй Path создает пустые векторные контуры. Сами по себе они ничего не делают, но их можно использовать для разных целей и даже превратить в полноценный шеип. Третий режим Fill Pixels используя векторные инструменты, рисует пиксельные фигуры. Впрочем обо всем это вы узнаете более подробно из статьи:

Примитивные векторные фигуры в Фотошопе

Начать освоение вектора вы можете уже сейчас с примитивных инструментов Фотошопа для рисования прямоугольников Rectangle Tool, окружностей Ellipse Tool и других простейших инструментов. Что же они делают? Понятно что. Рисуют в векторе простые фигуры.

Какие фигуры можно создать в Фотошопе через вектор, какие у них настройки и возможности? Ответы на эти вопросы вы найдете в статье:

Произвольные векторные фигуры

Только ли примитивные ромбики да квадратики можно рисовать в векторе в Фотошопе? Конечно же нет. В Фотошопе есть инструмент, в котором записано множество готовых векторых форм. Найти там можно что угодно, от изображений рыб и собак, до полноценных векторных артов. Называется этот инструмент Custom Shape Tool (произвольная фигура) и находится он в том же ряде инструментов где живут примитивы Rectangle Tool и прочие. Кроме того, при помощи этого инструмента вы можете нарисовать свою векторную фигуру и записать её в этот инструмент для дальнейшего применения.

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

Режимы совмещения в Векторе

Если вы немного увлекались 3D графикой, то наверняка знаете, что все сложные объекты состоят из простых. Стол состоит из пяти прямоугольников, стул из 7-8-ми. Большая часть объектов представляет из себя совмещение шаров, овалов и кубов и прочих вытянутых или сжатых объектов. Тоже самое происходит с вектором в Фотошопе.

Луна — это окружность, а лунный месяц — две окружности, одна из которых вырезает другую. Сыр с дырками — это прямоугольник и 5 окружностей, которые проделывают дырки в прямоугольнике.

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

Инструменты управления векторными точками

После того, как вы научились превращать простые фигуры в сложные, пора научиться манипулировать с точками и направляющими, из которых состоит векторные фигуры. За управление фигурами и точками отвечают два инструмента, похожих на Move Tool, о которыx и пойдет речь. Разобраться в управлении просто, если прочитать статью:

Инструменты рисования в векторе Pen Tool

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

Инструменты рисования в векторе это инструмент Pen Tool и примыкающие к нему инструменты вроде Freeform Pen Tool, Convert Point Tool и так далее. Все они входят в одну общую группу инструментов. И в этой статье вы найдете подробное описание их возможностей и настроек:

Как рисовать инструментом Pen Tool

Те пользователи, кто взялись за инструмент Pen Tool уже знают, что рисовать им не так просто. Говорят что Pen Tool один из самых сложных инструментов Фотошопа, да и не только Фотошопа. Ведь этот векторный инструмент встречается практически во всех графических программах. Я изучал этот инструмент, что называется, с нуля без всяких учебников. Поняв принципы его работы, я надеюсь что нашел наиболее простой способ освоения этого инструмента для тех, кому он кажется сложным и непонятным.

Рисовать Пером просто. Главное понять логику его работы, а так же логику устройства векторных кривых вообще. О том как легко рисовать инструментом Pen Tool различные объекты вы узнаете в уроках:

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

Панель настроек вектора в Фотошопе

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

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

Если же вы уже перескочили на последнюю версию фотошопа — Photoshop CS6, то вам будет интересно просмотреть видео уроки об изменениях на панели настроек и новых опциях и возможностях работы с вектором.

Если вы справились со всеми статьями, я вас поздравляю. Теперь вы векторный специалист в программе Фотошоп и знаете о векторе все.

Автор:

Дмитрий Веровски

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

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

Виды изображений

Векторное

Когда вы создадите новый документ в Photoshop, напишите на белом листе любое слово, подобрав удобный размер (использование функций «Текст» — значок с буквой «Т» на панели инструментов).

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

Возвращаем нормальный размер, кликнув дважды на значок с рукой. Уменьшаем размеры следующим образом: «Редактирование» — «Трансформирование» — «Масштабирование». При уменьшении размеров качество букв сохраняется. Таким же способом увеличиваем текст максимально, качество так же остаётся хорошим, так как формулы работают при любом масштабе хорошо.

Типичный пример векторного изображения

Растровое

Чтобы перевести векторное изображение в Фотошопе в растровое, уменьшим готовую картинку. Затем проходим на вкладку «Слои», там выбираем «Растрировать» — «Текст». У нас получились буквы, действительно состоящие из пикселей.

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

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

При увеличении масштаба растровая картинка теряет в качестве

Создание векторной графики

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

1. Откройте фотографию/иллюстрацию. Создайте новый слой.
2. Инструментом «Перо» обведите контуры одного из элементов (например, лица). Чтобы не мешал фон, поставьте меньшую прозрачность, до 20–30%. Выберите цвет заливки и контура.
3. Далее таким же образом прорисуйте контуры других деталей, залейте их нужным цветом.
4. Для сложного наложения цвета на лице модели можно использовать «Фильтры». Зайдите в «Галерею фильтров», сделайте там «Постеризацию» на несколько уровней, удобно на 3 уровня. 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

хороший способ быстро ориентироваться в Photoshop.

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

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

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

Чтобы нарисовать треугольник, выберите Инструмент Многоугольник. Нажмите один раз на свой холст, чтобы открыть Создать полигон окно настроек. Задавать Количество сторон в 3.

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

Вы не ограничены основными фигурами при создании векторной графики в Photoshop. Они могут быть изменены очень быстро.

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

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

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

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

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

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

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

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

Использовать Инструмент выбора пути выбрать вторую фигуру, которую вы нарисовали. Сейчас в Путь Операции выбирать Вычесть переднюю форму. Форма теперь удалена вместе с областью, где она перекрывается с первой формой.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Начните с Pen Tool

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

,

Вот краткое руководство, чтобы вы начали:

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

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

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

Три инструмента Pen

Фотошоп предлагает три разных ручки для рисования.

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

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

,

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

Проследить изображение как вектор в Photoshop

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

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

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

Работа с векторным текстом в фотошопе

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

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

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

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

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

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

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

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

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

Photoshop не является подлинной альтернативой Illustrator

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

Вы используете Photoshop для векторной графики? Какие еще у вас есть советы по созданию векторов в Photoshop? Поделитесь своими мыслями ниже!

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

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

В первом случае (для работы с растровыми картинками) используют Adobe Photoshop, а для векторных – Adobe Illustrator. Но бывают ситуации, когда дизайнер работает исключительно в Фотошопе, а нужна именно векторная картинка. Сидеть и смотреть обучающие уроки, чтобы разобраться в новой программе, может не быть времени. Казалось бы, патовая ситуация, но с помощью онлайн Фотошопа решить этот вопрос вполне возможно!

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

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

Если вы будете уменьшать, а потом снова увеличивать исходное пиксельное изображение, оно будет терять данные, и его качество станет тут же падать. Так как каждый пиксель — это точка определённого цвета, то при уменьшении лишние данные будут попросту удаляться, и вернуть их уже будет нельзя. Без снижения качества масштабировать получается исключительно векторные изображения – именно в этом и заключается наша хитрость: мы будем делать векторное изображение с помощью Фотошопа!

Как переделать растровую картинку в векторную в Photoshop

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

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

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

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

Применяя Волшебную палочку, выделяем все области с одним цветом. Зажимаем Shift, чтобы обработать все зоны. Затем берём Лассо и нажимаем правой клавишей по нашему выделению и в открывшимся контекстном окне выбираем команду Образовать рабочий контур. Сглаживание ставим как можно ниже и подтверждаем операцию. И так действуем по всем цветам на нашей картинке. В итоге имеем контуры по каждому из представленных цветов. Останется лишь создать вектор!

Открываем новый слой, основным цветом ставим тот, в который раскрасили наш первый контур. Идём в Контуры, активируем первый по списку, переходим в меню в Слои – Новый цвет заливка – Цвет. Подтверждаем. На вкладке слоёв появится наш первый векторный слой!

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

© online-photoshop.org

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

Всем, кто работает с графическими редакторами порой приходится иметь дело и с векторной, и с растровой графикой.

Что, если нам понадобилось добавить векторному файлу каких-нибудь Photoshop’овских спецэффектов. Сегодня я покажу как правильно работать с векторными файлами в Photoshop’е.

1) Просто перетаскиваем AI или EPS файл в PHOTOSHOP. Мы видим:

2) Здесь очень важен размер — ведь в Photoshop изображение станет растровым, и увеличить размер без потери качества будет сложновато. Поэтому лучше всего брать большой размер сразу.

3) Когда мы открыли -таки наш файл, все изображения оказались на одном слое. Для того, чтобы отдельно работать с каждым их них, придётся использовать выделение, например, Rectangular Marquee Tool, а затем вырезать на новый слой.

4) Так как мы не уверены, с каким размеров у изображения придётся работать, переконвертируем его в smart object. Просто нажав на нём правой кнопкой мыши и выбрав соответствующий пункт. Получается, что объект по характеристикам стал похож на векторный, и его можно увеличивать как угодно.

5) На этом примере я скопировал один из черепов, а затем превратил его в smart object, и растянул оба объекта. Пока разницы никакой не видно

6) Но давайте приблизим изображение. Разница очевидна!

7) Всё, что осталось сделать, это разместить всё как надо). Можно использовать свойства слоя (Image>Adjustments) и параметры наложения (Правый клик>Blending options).

И всё же почему лучше открывать векторные изображения в векторных редакторах?

Потому что тут вы можете изменять не только размеры, подправлять линии, цвета, что в Photoshop не всегда легко, особенно для новичка.
Наконец, вы должны знать, что в Photoshop можно вставлять изображение прямо из Illustrator — просто выделите нужное изображение в illustrator’е, Сtrl+C, а затем Ctrl+V в Photodhop.
Далее процедура идентична описанной выше.

link

Naikom » Дизайн » Уроки Illustrator

Добавьте векторную графику в свой дизайн

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

Что такое векторный объект?

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

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

Рабочие процессы векторных объектов

• Самый простой способ создать векторный объект в Photoshop — использовать инструменты «Форма».Даже если вы не художник-график, вы сможете быстро создавать геометрические или нестандартные формы с помощью этих инструментов.
• По мере развития навыков попробуйте создавать собственные векторные объекты с нуля с помощью инструментов Photoshop Curvature и Pen.
• Вы также можете использовать векторные объекты из других источников, таких как Illustrator — специальное приложение Adobe для векторной графики.

Изучите готовые нестандартные формы

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

Построение геометрических фигур

В

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

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

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

Думайте об этом как о машине. — Сможете ли вы ездить на 4-х колесном автомобиле Toyota Prius? Конечно можно ! Будет ли он делать все, что может Jeep Wrangler? Черт возьми нет.Существует причина, по которой вам, , нужен , чтобы использовать полноприводный автомобиль, чтобы перейти на 4 колеса, точно так же, как есть причина, по которой вам, нужно , чтобы использовать векторное приложение для создания векторных файлов.

Независимо от того, как вы создаете файл и сохраняете его, 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 был и всегда был приложением растрового изображения , отсюда и слово «фотография» в его названии.

Создание векторной графики и работа с ней в Adobe Photoshop

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

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

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

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

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

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

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

• Штрих — это линия, которая следует за траекторией.
• Заливка добавляет сплошной цвет или узор в пространство, окруженное траекторией.

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

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

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

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

• Инструмент «Прямоугольник»
• Инструмент «Прямоугольник со скругленными углами»
• Инструмент Эллипс
• Инструмент «Многоугольник»
• Инструмент линии
• Инструмент Custom Shape

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

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

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

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

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

Чтобы нарисовать треугольник, выберите инструмент Polygon Tool . Щелкните один раз на холсте, чтобы открыть окно настроек Create Polygon . Установите Количество сторон на 3 .

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

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

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

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

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

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

Слияние и объединение векторных фигур

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

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

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

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

Перетащите вторую фигуру так, чтобы она перекрывала первую. Два сливаются в единую фигуру, хотя остаются отдельными объектами. Щелкните Merge Shape Components в Path Operations , чтобы объединить их в один объект.

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

Выделите обе формы. В Path Operations выберите Intersect Shape Areas . Это удаляет обе формы, за исключением областей, где они перекрываются. Мы используем эту опцию для создания полукруга.

Наконец, выделите обе формы и выберите Exclude Overlapping Shapes .Это удаляет область, где две формы перекрываются, и оставляет все остальное нетронутым.

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

Нарисовать векторные линии

Есть два других инструмента, связанных с фигурой, о которых следует знать. Во-первых, это инструмент Line Tool .

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

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

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

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

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

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

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

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

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

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

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

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

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

• Возьмите Direct Selection Tool (A) .Выберите опорную точку на пути и перетащите ее в новое положение. Используйте этот инструмент с ручками опорной точки, чтобы редактировать кривую.
• Выберите Add Anchor Point Tool , нажав и удерживая Pen Tool. Щелкните где-нибудь на пути, чтобы вручную добавить новую точку привязки, затем перетащите ее на место. Это позволяет вам точно настроить свою форму.

Инструменты с тремя ручками

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

• Pen Tool — это наиболее гибкий вариант по умолчанию.Новичкам мы рекомендуем использовать это в первую очередь для рисования прямых линий. По мере того, как вы станете более продвинутыми, вы, возможно, обнаружите, что используете его для всего.
• Инструмент Freeform Pen Tool позволяет рисовать от руки, аналогично Brush Tool. Он по-прежнему создает путь, который вы можете настроить и отредактировать позже. Точки привязки генерируются автоматически по мере рисования. Это отличный инструмент, если вы используете графический планшет.
• Инструмент Curvature Pen Tool позволяет легко рисовать кривые без необходимости играть с рулем, как с основным инструментом Pen Tool.

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

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

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

Если объект, который вы отслеживаете, находится на простом фоне, попробуйте инструмент Freeform Pen Tool с опцией Magnetic , активированной на панели параметров. Это привяжет ваш путь к краю объекта.

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

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

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

Когда вы закончите, вы можете преобразовать текст в векторный объект. Выделите текст и перейдите к Type> Convert to Shape .Это позволяет вам получить доступ к точкам привязки на каждом персонаже, поэтому вы можете настраивать их индивидуально. Это хорошо для изменения цвета отдельной буквы или настройки внешнего вида шрифта.

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

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

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

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

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

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

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

Adobe Illustrator vs.Photoshop: в чем разница?

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

Читать далее

Об авторе

Энди Беттс
(Опубликована 221 статья)

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

Более
От Энди Беттса

Подпишитесь на нашу рассылку новостей

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

Нажмите здесь, чтобы подписаться

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

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

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

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

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

Откройте меню «Файл» и выберите «Открыть как смарт-объект» .

Выберите нужный файл EPS или AI и откройте его.

Установите разрешение.

При использовании этого метода файл EPS открывается как «Смарт-объект» ; но как им пользоваться, если он у вас есть в программе?

Открытие векторного файла как «Смарт-объект» позволяет выполнять все возможные операции редактирования векторных файлов в Photoshop.Это означает, что мы можем изменить размер изображения или преобразовать его, как нам нравится, без потери качества.

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

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

Есть другой способ открыть векторный файл в Photoshop, для этого выберите «Файл» — «Поместить» — выберите нужный файл и нажмите « Место » . Файл станет доступен как смарт-объект , как если бы вы выбрали «Открыть как смарт-объект» .

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

Cheers, RFclipart Блог Team

Как преобразовать в вектор в Photoshop | Small Business

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

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

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

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

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

Ссылки

Ресурсы

• Adobe Photoshop CS6 Класс в книге; Adobe Creative Team

Советы

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

Предупреждения

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

Писатель Биография

Элизабет Мотт — писатель с 1983 года. Мотт имеет большой опыт написания рекламных текстов для всего, от кухонной техники и финансовых услуг до образования и туризма. Она имеет степень бакалавра искусств и магистра искусств по английскому языку в Университете штата Индиана.

Векторная графика в Photoshop — Учебник по фотошопу :: Melissa Evans

Ссылки на учебные пособия: Страница 1 | Страница 2

Vector art ДЕЙСТВИТЕЛЬНО популярна на данный момент.Все делают векторную графику. Это несложно, и для его создания необязательно уметь рисовать. Имейте в виду, что векторная графика требует много времени и терпения. Особенно, если вы хотите создавать ВЫДАЮЩИЕСЯ искусство.

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

Для того, чтобы хотя бы задуматься о выполнении этого урока, ВЫ ДОЛЖНЫ ЗНАТЬ, КАК ИСПОЛЬЗОВАТЬ ПЕРО.Если вы не знаете, как пользоваться пером, сначала выполните ЭТО УРОК (честно говоря, это несложно).

Не объединяйте и не растрируйте слои-фигуры. Пока все ваши слои являются слоями-фигурами, у вас есть векторный рисунок … Это означает, что вы можете масштабировать исходный psd вверх и вниз в Photoshop, и он останется идеальным и без пикселей !! Конечный результат НЕ БУДЕТ векторным файлом (это будет растровый файл jpg и т. Д.), Для вывода векторного файла вам необходимо использовать Adobe Illustrator.

Чтобы увидеть версию готового вектора в большем размере, просто нажмите ЗДЕСЬ

Я предлагаю вам полностью прочитать руководство, прежде чем начинать…

Установка

Для начала вам нужно выбрать изображение, которое вы собираетесь в векторе.Убедитесь, что вам ДЕЙСТВИТЕЛЬНО нравится фотография, с которой вы начинаете. Вы будете смотреть на это изображение часами, и, по сути, ваше векторное изображение будет похоже на эту фотографию. Многие люди делают векторы своих любимых музыкантов и актеров как своего рода дань уважения. Я думаю, что это отличная идея, потому что, надеюсь, она мотивирует вас на самом деле закончить дело и хорошо поработать. Просто будьте осторожны, когда выбираете изображение, которое собираетесь векторно … оно должно быть приличного размера, чтобы вы могли увеличивать масштаб и при этом видеть много деталей.Все, что меньше 600 x 600 пикселей, никуда не годится. Больше — лучше при выборе фото превратить в вектор .

Откройте изображение в Photoshop и продублируйте фоновый слой дважды .
Отключить видимость верхней копии.
Работаем над средней копией , обесцветим ее (Ctrl + Shft + U)
Далее Постеризуем этого слоя. Изображение >> Коррекция >> Постеризация…
Установите уровень примерно на 9 и нажмите OK.
Переименуйте этот слой в «Постеризованный»

Ваша палитра слоев теперь должна выглядеть так, как показано выше.

Постеризованный слой используется только в качестве приблизительного ориентира, когда вы застряли. (Лично я всегда нахожу нос немного сложным и использую слой постеризации, чтобы помочь мне). Пожалуйста, не используйте его для создания своего вектора. Если вы это сделаете, ваше полученное изображение будет БЕЗОПАСНЫМ, СКУЧНЫМ и НЕСУЩЕСТВЕННЫМ ХУДОЖНИКОМ!

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

Создайте новый слой (Ctrl + Shft + N)
Убедитесь, что он находится ниже «Background Copy».
Выберите оттенок среднего тона для кожи. Возьмите инструмент «Перо» и убедитесь, что он настроен на создание слоев формы (см. Изображение ниже). Обведите лицо, убедившись, что вы закрываете путь.

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

Мне нравится, когда создает большие заблокированные области рядом с .

Обведите контуром волосы. Как правило, исходный оттенок (базовый цвет) для волос должен быть самым темным . Затем вы создадите слои более светлых и светлых цветов / оттенков.
Как только вы будете довольны слоем, поместите его в набор под названием «волосы» и зафиксируйте его.Мне нравится быть организованным, вместо того, чтобы называть каждый новый слой в векторе, мне нравится организовывать их в наборы… например, «набор для волос», «набор для бровей», «набор рукавов» и т. Д.

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

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

Это основная настройка, все сделано.Пришло время приступить к формированию функций.

Формирование элементов

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

Я использовал в общей сложности 316 слоев, чтобы сформировать этот вектор Бьорка, поэтому, очевидно, я не могу показать вам каждый слой шаг за шагом, но я сделал анимированный клип слоев.Это 16 часов работы, сокращенная до 1 минуты… не мигайте, иначе вы пропустите некоторые слои. Если видео ниже не работает, НАЖМИТЕ ЗДЕСЬ (или вернитесь завтра).

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

ГЛАЗА (в данном случае глаза)

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

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

1.Добавьте основные формы глаза. Обратите внимание, что я использовал стиль слоя Inner Glow на слое радужной оболочки . Убедитесь, что зрачок круглый, используя инструмент затмения.

2. Добавьте ресницы (мои немного похожи на ноги таракана, ха-ха). Вы можете создать несколько контуров на одном слое контуров. Я считаю, что более быстрый метод для таких форм — это просто создать одну, а затем скопировать ее, изменив ее с помощью transform и используя инструмент convert point .

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

Продолжение этого руководства на следующей странице >>

Ссылки на учебное пособие: Страница 1 | Page 2

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

i Medioimages / Photodisc / Photodisc / Getty Images

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

Фигуры на основе пера

Шаг 1

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

Step 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Выделения и контуры

Шаг 1

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

Step 2

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

Шаг 3

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

Step 4

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

Шаг 5

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

Step 6

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