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

Вектор в Фотошопе | 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, то вам будет интересно просмотреть видео уроки об изменениях на панели настроек и новых опциях и возможностях работы с вектором.

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

Автор:

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

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

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’овских спецэффектов. Сегодня я покажу как правильно работать с векторными файлами в 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

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

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

В данном уроке рассмотрим следующие действия:

1. Создание документа и рисование объекта
2. Выделение растрового объекта
3. Преобразование выделенного объекта в векторный путь (Path)
4. Создание векторной маски для слоя из векторного пути
5. Как сохранить векторный объект в библиотеку векторных фигур в Photoshop

Создание документа и рисование объекта

Сначала создадим новый документ любого размера и слой.

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

Выделение растрового объекта

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

Преобразование выделенного объекта в векторный путь (Path)

При помощи любого инструмента типа Select вызовем контекстное меню. Для этого нужно навести инструмент на выделенный объект, и нажать правую кнопку мыши. В появившемся меню выбрать «Make Work Path…» .

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

Создание векторной маски для слоя из векторного пути

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

Два раза нажмите на него, чтобы дать имя.

Затем в главном меню выберите «Layer -> New Fill Layer -> Solid Color…» . Можете как-нибудь назвать новый слой, затем нажать «ok» . Выберите цвет для будущей формы в диалоге выбора цвета.

Теперь во вкладке Layers должен появиться новый слой с векторной маской.

Как сохранить векторный объект в библиотеку векторных фигур в Photoshop

Если хотите сохранить векторный объект в библиотеку векторных фигур, то зайдите в главное меню Edit -> Define Custom Shape…

Затем вам будет предложено поименовать новый векторный объект. Нажмите «ok» , после чего проверьте новый объект в библиотеке, используя инструмент Custom Shapes Tool.

Если урок по преобразованию растра в вектор оказался для вас полезным, то поделитесь им в социальной сети (значки внизу).

Автор: Jean Winters

Кисти для фотошопа, векторные изображения, картинки, рисунки в векторе, текстуры, PSD, EPS, AI

Записи с меткой «флаги»

Реклама

1st Октябрь 2013     Рубрика: Векторные рисунки

Геральдические ленты, флаги в векторе. Можно создать собственный дизайн щита. Сегодня дизайн щитов является очень популярным и, используемый при создании CD / DVD обложек, логотипов, листовок, плакатов, баннеров, визиток, футболок, логотипов музыкальных групп. Тема: — ленты, флаги, геральдическая лента в векторе — формат вектора:… 

Далее
5th Ноябрь 2012     Рубрика: Векторные рисунки

Клипарт яркого города Рио де Жанейро от автора Mauricio Duque. Тема: — флаг, маска, карнавал, мяч, зонт, сланцы, рука, бык, гора, солнце, девушка — Рио де Жанейро, Бразилия — силуэт, трафарет — вектор, AI Скачать Клипарт Рио де Жанейро, Бразилия. fantesi.ucoz.ru  

Далее
31st Октябрь 2012     Рубрика: Векторные рисунки

Простой флаг России. Тема: — Россия, флаг, атрибуты страны — векторный рисунок, EPS, AI Флаг России. Векторный рисунок флага России. Скачать Развивающийся флаг России в 3D. Векторный рисунок. fantesi.ucoz.ru  

Далее
21st Сентябрь 2012     Рубрика: Векторные рисунки, Иконки

Это гигантский пакет из разноцветных лент и баннеров от Jeya. Добавление этих элементов на ваш сайт является отличным способом сделать его ярче. Включает в себя векторы (EPS, AI) и PNG (с прозрачным фоном) файлы. Тема: — флаги, флажки, ленты, стежки, прошивка, уголки — клипарт, иконки — вектор, формат EPS, AI, PNG Скачать Флажки, баннеры,… 

Далее
6th Июнь 2012     Рубрика: Векторные рисунки

Векторный клипарт на  тему Москва, Россия от Charles Esquiaqui A. Форматы AI, SVG. Тема: — Церковь, православие, кресты — Герб Москвы, флаг России, Георгий Победоносец — Балалайка, матрешки, крендель, звезда, царская корона, серп и молот — Силуэт, рисунок, контур, вектор, клипарт Лицензия по которой был найден файл в интернете: Creative Commons… 

Далее
2nd Октябрь 2011     Рубрика: Векторные рисунки, Растровые изображения

Шелковые ленты разных размеров золотого цвета, в стиле рисунков. Тема: — баннеры, ленты, шелк, золотой цвет, флаги — рисунок на белом фоне — вектор, растровые изображения, векторные изображения, EPS формат, JPG формат Скачать Векторные флаги, ленты бесплатно и без регистрации arter2.my1.ru  

Далее
27th Июль 2011     Рубрика: Векторные рисунки, Растровые изображения

Векторный рисунок изысканных шелковых желтых лент. Они красиво извиваются и переливаются. Картинки лент , очень яркие и четкие. Два формата векторный Eps и картинка лент в JPG. Тема: — ленты, баннеры — однотонный фон — на белом фоне — векторные изображения, растровые изображения, EPS формат, JPG формат Скачать бесплатно векторную… 

Далее

Реклама

Красивые зимние новогодние фоны — картинки для фотошопа, вектор

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

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

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

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

Рождественские и новогодние фоны

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

Достаточно много полезного нашлось на сайте freedesignfile.com. Мы выбрали лишь часть новогодних фонов в векторе, на сайте есть гораздо больше работ. По лицензии везде указана Creative Commons (Attribution 3.0), хотя есть ссылки на источники работ — можно проверить еще и там.

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

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

Красивые зимние фоны

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

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

Красивый новогодний фон от Shutterstock

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

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

Векторный рисунок в фотошопе. Вектор в фотошопе

Пока моя заметка о масках в Фотошопе не остыла, срочно хочу осветить вопрос перевода растра в вектор. Два дня назад, я зашел в свой хронофагский Google Analytic и что же я увидел. Оказывается некоторые попадают на мой сайт по запросу «растр в вектор», а между тем, на моем сайте нет ни одной толковой заметки на данную тему. Люди же мучают Google на перевод растра в вектор в Corel Draw, Illustrator и даже Adobe Photoshop . Начнем с Фотошопа.

Из растра в вектор. Зачем это нужно?

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

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

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

Перевод растра в вектор в Фотошопе

Что именно способен перевести в вектор Фотошоп? Что угодно, если вы заранее выделите этот объект инструментами группы Select . Фотошоп конвертирует в контур любое выделение. Об инструментах выделения можно прочесть в статье Примитивах выделения в Фотошопе . Приведу рабочий пример. Много лет назад ко мне обратился очень непростой заказчик, затребовавший непростой сайт. Для сайта необходимо было выполнить различный арт, и я решил нарисовать его в фотошопе. В ходе рисования я перевел его в вектор, и сейчас я расскажу как. Вот одно из подобных изображений, которое я рисовал кистью с твердыми краями на планшете. Я обвел оригинального Витрувианского человека, видоизменил его и нарисовал свое, отличное от оригинала, лицо. Идея векторизировать арт пришла случайно. Но реализовав её, я получил возможность как угодно масштабировать человека. Более того, ранее рваные края и неровности после векторизации сгладились.

Находим изображение для трассирования

Я подыскал в Google Картинки бабочку. Её мы и переведем в вектор. Учтите, что чем больше изображение, тем ровнее получится наш векторный объект. Это справедливо и для Фотошопа и для Иллюстратора. Под большим изображением я понимаю картинку от 1000 пикселей в ширину и больше. Моя бабочка к примеру от 2000 пикселей.

Выделяем объект

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

Зайдите в Select > Inverse или кликните по рабочей области и из появившегося меню выберите Select Inverse . Смысл в том, что созданное выделение надо инвертировать чтобы выделить бабочку. Честно говоря мне совершенно все равно как вы будете создавать ваше выделение. Хоть вручную обводите лассо, это не имеет никакого значения.

Создаем векторный контур

У нас есть выделенная область, теперь конвертируем её в векторный контур path . Выберите любой инструмент выделения вроде Lasso Tool, Rectangular Marquee Tool или Magic Wand Tool . Кликните по области выделения правой кнопкой мыши и в появившемся меню выберите Make Work Path . В появившемся меню установите степень сглаживания Tolerance по вкусу. Зависимость простая. Чем выше цифра, тем выше сглаживание. Чем ниже цифра, тем ниже сглаживание. Высокое сглаживание означает более низкое количество векторных узелков и более неточное следование растровому контуру. В случае с моим Витрувианским человеком именно такого эффекта я и добивался.

Итак, в палитре Path у нас появился рабочий контур. Если у вас нет палитры Path откройте её Windows > Path Рабочая область палитры Path похожа на десктоп или временное пристанище. На ней могут появляться разные контуры, но если вы позаботитесь о последовательном сохранении, со временем они исчезнут. Сделайте двойной клик по контуру Work Path и сохраните контур отдельно. Контуры в области Path работают так же как слои в палитре Layers . Если контур выделен, значит он активен и с ним можно работать.

Инструменты для работы с контурами в фотошопе — Path Selection Tool и Direct Selection Tool . У нас есть контур, но нет объекта. Если вы читали серию моих заметок о векторе в фотошопе вы уже знаете, что вектор в фотошопе представлен в виде векторной маски для какого-то эффекта или графики. Еще вектор может присутствовать в виде умного слоя, ссылающегося на импортированный фаил Иллюстратора, но это оставим для другой заметки. Выделите контур инструментом Path Selection Tool или в палитре контуров Path . Нажмите Layer > New Fill Layer > Solid Color Мы создали слой заливки, которому сразу присваивается векторная маска в виде нашего контура.

Доработка векторного контура

Пользуясь материалами, которые я описал в статьях Векторные инструменты рисования в Фотошопе и Add, Subtract, Intersect и Exlude в Фотошопе усложним рисунок. Я взял инструмент Pen Tool , выделил маску слоя заливки. В настройках Pen Tool выставил Subtract и дорисовал некоторые элементы нашей бабочке. Вырезал узоры на крыльях, а ножки и усики сделал толще.

Создание произвольной фигуры Custom Shapes

Вы всегда можете сохранить полученный объект в произвольные фигуры Custom Shapes . Некоторое время назад я упоминал о том как это можно сделать в статье Custom Shape Tool в Фотошопе . Выделите слой с бабочкой и нажмите Edit > Define Custom Shape Наша бабочка появилась в фигурах инструмента Custom Shapes Tool .

А вот то, что у нас получилось в итоге:

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

Перевод из растра в вектор фотографии в фотошопе

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

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

Теперь нужно создать векторные области равные количеству цветов на фотографии. Выберите палочку Magic Wand Tool и убедитесь, что в настройках не отмечена галочка Contiguous . Выделите первую область и проделайте весь, описанный мною выше, путь. Из выделения создайте контур, из контура залитую векторную маску и так далее.

Итого, вся фотография преобразована в векторные области. Последнюю белую область мы не будем преобразовывать в вектор. Просто нарисуйте большой белый квадрат инструментом Rectangle Tool и поместите его под все слои. После легкой чистки и доработки контуров фотография выглядит так, как на картинке ниже. И ещё раз, подобная работа не предназначена для Фотошопа и является скорее извращением. Но, это можно сделать, и в различных ситуациях подобные приемы могут пригодиться. Обработка фотографии заняла у меня 10 минут, так что подобная работа не отнимает массу времени. И помните, чем большего размера фотографию вы разложите таким образом на слои, тем лучше и эластичнее контур сможет обогнуть области выделения. Тем менее угловатой и грубой получится наш вектор в Фотошопе. Различные настройки Toleranse при создании контура тоже дадут разный результат. Удачных экспериментов!

Финальный результат

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

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

Шаг 1

Начнем с создания фона. Нарисуем форму с помощью инструмента выделения () (в режиме Shape Layers (Слой Фигура)). Настройки — (Непрозрачность заливки) = 0% . Теперь используем наложение градиента: ( (Стиль слоя — Наложение градиента)) для заполнения созданной фигуры. Все настройки по умолчанию, вам только нужно менять угол (я буду указывать степень) и градиент. Добавляем Stroke (Обводку) ( (Стиль слоя — Обводка)). Используем все настройки по умолчанию, кроме ширины в 1 рх и цвета.

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

2. Процесс. Для начала — правый клик мыши и выполните одно из двух: а) Copy [Копировать]. Затем в Photoshop»е Edit — Paste [Редактирование — Вставить]. В этом методе Photoshop оставляет заблокированный слой фона и вставляет изображение на новый слой Layer 1 над фоном. Два раза кликните на слове Layer 1, чтобы выделить текст и назвать слой более приемлемо. Например, «theimage».

б) Save Picture As [Сохранить рисунок как] на винт. Затем в Photoshop File — Open [Файл — Открыть] и найдите, куда вы сохранили картинку. Может быть, на рабочий стол?.. Обратите внимание, в палитре слоев иконка изображения показывает, что изображение «индексное» [короче говоря, это gif]. Заметьте также, оно заблокировано. Чтобы это исправить просто идем в Image — Mode — RGB color [Изображение — Модель — RGB] и переводим тем самым заблокированный слой в слой фона. Двойной клик на слое фона переведет его в редактируемый слой. [Переименуйте Layer 0 в более дружественный… Например, «theimage».]

Теперь создадим дубликат слоя theimage. Если вы используете Photoshop 7 или CS, создайте новый набор слоев, чтобы сохранить все индивидуальные объекты. Просто нажмите на иконке папки внизу палитры слоев, двойной клик на Set 1 и назовите его как у меня .

3. Могущественный инструмент перо. Давайте начнем с создания обводки по периметру всей машины. Установите foreground color при помощи пипетки, взяв цвет с самого темного места изображения. В данном случае, очень близко к черному. Теперь выберете инструмент перо на панели инструментов. Убедитесь, что опция Shape Layers включена [вверху на панели опций], я обвел ее оранжевым цветом.

Теперь просто добавляйте точки привязки там, где вы посчитаете необходимо будет редактирование контура.
Подсказка: Ctrl + [Плюс на цифровой панели справа на клавиатуре] для увеличения масштаба. Соответственно Ctrl — обратное действие. Я рекомендую использовать эти функции для большей проработки изображения.

4. Соединение точек привязки. После создания пути вокруг автомобиля, соедините с первой точкой привязки, чтобы создать твердую форму. Теперь скройте слой theimage copy, чтобы увидеть, что получилось [Как я сделал на рисунке ниже.] Теперь начнем манипулировать с точками привязки для придания более стройной формы нашему авто.

Вот как теперь выглядит палитра слоев с новым слоем Vector Shape [Векторная форма], выделенным синим цветом. Также если вы кликните на вкладке Paths [Пути] палитры слоев, вы увидите «путейную» версию этого слоя.

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

Убедитесь, что выбран слой Shape 2.
Конвертирование точек я начал с колеса. Клик на точке привязки и переместил в направлении черной стрелки [см. рис.] до тех пор, пока путь не стал повторять контуры колеса.

Совет: Инструмент конвертирования создает 2 точки Безье для регулирования кривизны.

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

Совет: После преобразования нескольких опорных точек [или точек привязки] вы поймете, что некоторые первоначальные точки вообще не нужны. Факт, чем меньше точек привязки, тем более гладким будет выделение. Поэтому используйте инструмент удаления опорных точек.

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

Далее я сделал копию слоя Shape 2 и манипулировал точками для отрисовки доминирующего цвета [синего, в данном случае] автомобиля. Клик на иконке этого слоя, возьмите пипетку и измените черный цвет на синий #3672BD.

Вот как теперь выглядит машина.

Теперь давайте поработаем над окнами.
Снова включите слой theimage copy [черный] и скройте слой Shape 2 copy [синий].
Возьмите инструмент перо и на панели опций включите опцию Subtract from area shape [я обвел ее оранжевым цветом].

Скройте слой Shape 2 copy. Выберете слой Shape 2. Начнем с трассировки окон с противоположной стороны авто.

Отключите видимость слоя theimage copy, посмотрите на результат.
Вычитание из черной формы создало иллюзию прозрачности.

Чтобы применить этот эффект к другим двум окнам без добавления нового слоя просто удерживайте Ctrl+Alt, кликайте и перемещайте этот вычитающий путь для копирования. [Сделайте это дважды.] Теперь поместите дубликаты на свои места. Используйте инструмент конвертирования опорных точек опять для сглаживания углов и точного формирования.

Примените ту же технику на слое Shape 2 copy, чтобы получить изображение как у меня.

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

Теперь при помощи инструмента эллипс на панели инструментов нарисуйте центр заднего колеса, затем, удерживая Shift, сделайте то же самое для переднего колеса.
Для точного позиционирования, Ctrl плюс клик на новом эллипсе, затем правый клик на простом эллипсе и выберете Free Transform Path [Свободная трансформация пути]. Снова правый клик и выберете Distort [Искажение]. Я также начал работать над фарами [на новом слое], используя ту же методику: Эллипс — Свободная трансформация — Искажение — установка на позицию.

С тех пор, как были добавлены новые слои, они могли накапливаться, разумно назвать их корректно. [Я думал, возможно использование как можно меньшего числа слоев, но…]

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

Затем я применил стиль слоя к бамперу для придания ему эффекта хрома. Правый клик на слое bumper и применяйте следующие установки.

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

Теперь установите активный цвет черный [или просто нажмите D], нажмите клавишу B, чтобы выбрать инструмент кисть, теперь на панели опций установите Brush Preset Picker и выберете маленькую, с мягкими краями кисть размером примерно 3. Но измените диаметр на 2 пикселя [попробуйте даже 1], так как даже 3 может быть много.

Для повторного выбора пера нажмите Р, активизируйте слой Lines, правый клик и выбор опции Stroke Path.

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

Я изменил прозрачность слоя Lines до 54%, чтобы смягчить его.

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

Для таких структур как подсветка, используйте полигональное лассо [L] для трассировки вокруг таких областей, правый клик и — «Заливка» мягким синим цветом [я использовал #86A9D7].

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

16.03.2014 27.01.2018

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

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

Выберите фотографию и откройте её в фотошопе.

Сделайте копию слоя. Обзовите один слой Girl 1 Layer , а второй Girl 2 Layer .

Примените функцию Image — Adjustments — Thresholds (Изображение — Коррекция — Изогелия ) для слоя Girl 1 Layer .

Установите цвета белый и черный, в панели инструментов.

Примените фильтр Filter — Sketch — Photocopy (Фильтр — Скетч — Фотокопия ) для слоя Girl 2 Layer .

Режим смешивания у слоя Girl 2 Layer установите Multiply (Умножение )и объедините слои.

Примените еще раз функцию Threshold (Изогелия )

Теперь необходимо сгладить края, для этого примените фильтр Stylize — Difusse (Стилизация — Диффузия )

Векторное изображение готово.

Теперь чтобы его хоть как-то преобразить, вы можете его раскрасить. Для этого просто возьмите кисть черного цвета и поправьте линии черт лица.

Для заливки цветом используйте Paint Bucket Tool (Заливка ). Это не составит для вас проблемы.

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

В данном уроке рассмотрим следующие действия:

Создание документа и рисование объекта

Сначала создадим новый документ любого размера и слой.

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

Выделение растрового объекта

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

Преобразование выделенного объекта в векторный путь (Path)

При помощи любого инструмента типа Select вызовем контекстное меню. Для этого нужно навести инструмент на выделенный объект, и нажать правую кнопку мыши. В появившемся меню выбрать «Make Work Path…» .

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

Создание векторной маски для слоя из векторного пути

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

Два раза нажмите на него, чтобы дать имя.

Затем в главном меню выберите «Layer -> New Fill Layer -> Solid Color…» . Можете как-нибудь назвать новый слой, затем нажать «ok» . Выберите цвет для будущей формы в диалоге выбора цвета.

Теперь во вкладке Layers должен появиться новый слой с векторной маской.

Как сохранить векторный объект в библиотеку векторных фигур в Photoshop

Затем вам будет предложено поименовать новый векторный объект. Нажмите «ok» , после чего проверьте новый объект в библиотеке, используя инструмент Custom Shapes Tool.

Если урок по преобразованию растра в вектор оказался для вас полезным, то поделитесь им в социальной сети (значки внизу).

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

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

Как преобразовать в вектор в 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 года. Мотт имеет большой опыт написания рекламных текстов для всего, от кухонной техники и финансовых услуг до образования и туризма. Она имеет степень бакалавра искусств и магистра искусств по английскому языку в Университете штата Индиана.

Создание векторной графики и работа с ней в 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 настолько полезен тем, что вы можете вернуться и отредактировать форму в любое время:

• Возьмите инструмент прямого выбора (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: в чем разница?

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

Об авторе Энди Беттс (Опубликовано 223 статей)

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

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

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

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

Еще один шаг…!

Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.

векторных изображений в Photoshop — Учебник по фотошопу :: Melissa Evans

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

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

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

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

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

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

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

The Set Up

Для начала вам нужно выбрать изображение, которое вы собираетесь в векторе. Убедитесь, что вам ДЕЙСТВИТЕЛЬНО нравится фотография, с которой вы начинаете. Вы будете смотреть на это изображение часами, и, по сути, ваше векторное изображение будет похоже на эту фотографию. Многие люди делают векторы своих любимых музыкантов и актеров как своего рода дань уважения.Я думаю, что это отличная идея, потому что, надеюсь, она мотивирует вас на самом деле закончить дело и хорошо поработать. Просто будьте осторожны, когда выбираете изображение, которое собираетесь векторно … оно должно быть приличного размера, чтобы вы могли увеличивать масштаб и при этом видеть много деталей. Все, что меньше 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

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

Что такое фотошоп?

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

Adobe Photoshop Vectors — как?

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

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

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

Попробуйте сами! Загрузите мой демонстрационный файл!

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

Получите Adobe Photoshop прямо сейчас всего за 19,99 $

Движение дальше — Как открыть векторные изображения в Photoshop

Шаги по открытию векторных изображений в Photoshop — неправильный путь

1. Перейдите в меню «Файл» в строке меню, нажмите «Открыть».

   Шаг 1

2. Выберите файл EPS или AI и нажмите «Открыть».

   Шаг 2

Шаги по правильному открытию векторов в Photoshop

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

   Шаг 1

2. Выберите файл EPS или AI и нажмите «Открыть».

   Шаг 2

Таким образом, файл EPS открывается как смарт-объект.Итак, мы открыли файл EPS или AI в Photoshop. Давайте начнем использовать его прямо сейчас и будем учиться по ходу дела.

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

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

Обычный слой в Photoshop

Слой смарт-объекта в Photoshop

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

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

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

Уменьшенные слои

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

Увеличенный обычный слой в Photoshop

Увеличенный слой смарт-объекта в Photoshop

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

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

Подробнее о том, как открывать и использовать векторы в Photoshop.

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

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

1. Перейти в меню «Файл»
2. Нажмите на место
3. Выберите файл EPS или AI и нажмите «Поместить»
.
4. Таким образом, он также открывается как смарт-объект, а при двойном щелчке открывается в Illustrator.

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

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

Изображения © olly — Fotolia.com

фигур Photoshop — векторы, контуры и пиксели

Инструменты фигур

Как мы узнали в уроке Photoshop «Основы фигур и слоев фигур», различные инструменты Photoshop «Фигура» вложены вместе в одном месте на панели «Инструменты».По умолчанию инструмент «Прямоугольник» является видимым инструментом, но если вы щелкните значок инструмента и удерживайте кнопку мыши нажатой, появится всплывающее меню со списком других доступных инструментов «Форма». Я выберу Ellipse Tool из списка, но все, что мы собираемся изучить, применимо ко всем инструментам Shape, а не только к Ellipse Tool:

Выбор инструмента «Эллипс» во всплывающем меню «Инструменты формы».

Режимы рисования

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

В крайнем левом углу панели параметров находится набор из трех значков. Каждый значок представляет собой один из трех типов фигур, которые мы можем рисовать. Первый значок (тот, что слева) — это опция Shape Layers , и это вариант, который мы выбираем, когда хотим рисовать векторные фигуры. Второй (средний) значок — это опция Paths , которую мы выбираем, когда хотим рисовать пути. Третий значок (тот, что справа) известен как опция Fill Pixels . Мы выбираем его, когда хотим рисовать фигуры на основе пикселей:

Слева направо — параметры слоев формы, контуров и пикселей заливки.

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

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

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

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

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

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

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

Щелкнув значок «Слои формы» на панели параметров.

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

Панель «Слои», показывающая единственный фоновый слой.

Я выберу цвет для своей векторной формы, щелкнув образец цвета на панели параметров:

Щелкните образец цвета, чтобы выбрать цвет для векторной формы.

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

Выбор цвета векторной фигуры из палитры цветов.

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

Круглая форма, нарисованная с помощью инструмента «Эллипс».

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

Каждой новой векторной фигуре на панели «Слои» присваивается собственный слой «Форма».

Когда нарисована одна фигура, я нарисую вторую похожую фигуру немного правее первой:

Вторая векторная фигура теперь перекрывает оригинал.

Photoshop помещает эту вторую векторную фигуру на отдельный слой Shape (с именем Shape 2) над первым, вместе с собственным образцом цвета и миниатюрой векторной маски:

Две векторные фигуры, два слоя Shape.

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

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

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

Выбор синего цвета в качестве нового цвета второй формы.

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

Вторая векторная фигура теперь синего цвета.

Образец цвета фигуры на ее слое Shape также обновляется до нового цвета:

Образец цвета векторной фигуры теперь отображает новый цвет.

Что касается векторных фигур, я могу очень легко выделить их в документе с помощью инструмента Path Selection Tool (также известного как черная стрелка). Я выберу Path Selection Tool на панели инструментов. Он находится в том же разделе панели инструментов, что и инструменты фигуры:

.

Выбор инструмента выбора пути.

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

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

Photoshop также выбирает для меня слой формы на панели «Слои» (выбранные слои выделены синим):

Когда в документе выделена векторная фигура, ее слой «Форма» выделяется на панели «Слои».

Я нажимаю на синюю фигуру в документе с помощью инструмента выбора пути, и теперь синяя форма выбрана:

Выделите синюю фигуру, щелкнув по ней инструментом Path Selection Tool.

И мы видим, что Photoshop также выбрал свой слой Shape:

Слой синей фигуры теперь выбран.

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

До этого момента Photoshop помещал каждую новую векторную фигуру, которую я рисую, на отдельный слой Shape, но тут все становится интереснее, когда мы объединяем две или более фигур на том же слое Shape.Я расскажу о комбинировании форм более подробно в другом уроке, но в качестве быстрого примера, выбрав мою вторую (синюю) форму, я нажму Ctrl + C (Win) / Command + C (Mac) на мою клавиатуру на скопируйте форму в буфер обмена. Затем, скопировав фигуру, я удалю слой фигуры, перетащив его в корзину Trash Bin в нижней части панели слоев:

Перетащите слой Shape 2 в корзину, чтобы удалить его.

В документе останется только исходная форма.Я нажимаю Ctrl + V (Win) / Command + V (Mac) на клавиатуре, чтобы вставить скопированную фигуру в исходную фигуру, и теперь обе фигуры объединяются в одну:

Две ранее отдельные фигуры теперь объединены в одну фигуру.

Если мы посмотрим на миниатюру векторной маски на панели «Слои», то увидим, что обе фигуры теперь являются частью одного и того же слоя «Фигуры»:

Две формы теперь используют один и тот же слой Shape.

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

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

Опять же, мы рассмотрим комбинирование векторных фигур более подробно в другом уроке, но на данный момент обе формы просто накладываются друг на друга и создают вид единой более крупной формы.Это потому, что в настоящий момент выбран параметр «Добавить в область фигуры». Я нажимаю на опцию Subtract from Shape Area :

Выбор «Вычесть из области формы».

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

Две фигуры с выбранной опцией «Вычесть из области фигуры».

Если я выберу опцию Intersect Shape Areas на панели параметров:

Выбор «Пересечение областей формы».

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

Фигуры с выбранным параметром «Пересечение областей фигур».

И если я выберу опцию Exclude Overlapping Shape Areas :

Выбор «Исключить перекрывающиеся области формы».

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

Фигуры в режиме «Исключить перекрывающиеся области фигур».

Когда вторая фигура (фигура справа) все еще выбрана, если я решу, что она мне больше не нужна, я могу удалить ее, нажав Backspace (Win) / Delete (Mac) на клавиатуре, что удаляет его из слоя Shape и оставляет меня там, где я начал, только с моей исходной круглой формой:

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

Еще одна важная особенность векторных фигур, на которую мы должны быстро обратить внимание, прежде чем переходить к контурам и фигурам на основе пикселей, заключается в том, что мы можем легко изменить их форму! Ранее я упоминал, что векторные фигуры состоят из точек, соединенных линиями или кривыми.Мы уже видели, как выбрать сразу всю фигуру с помощью инструмента «Выбор контура», но мы также можем выбрать отдельные точки, линии и кривые! Для этого нам понадобится инструмент Direct Selection Tool (также известный как белая стрелка). По умолчанию он вложен за инструментом выбора пути на панели инструментов, поэтому я нажимаю и удерживаю инструмент выбора пути, пока не появится всплывающее меню, затем я выберу инструмент прямого выбора из списка:

Выбор инструмента прямого выбора.

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

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

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

Я отпущу кнопку мыши, чтобы завершить редактирование:

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

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

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

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

Форма теперь сильно отличается от первоначальной.

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

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle ]

Пути рисования

Прежде чем мы переключимся на опцию Paths на панели параметров, давайте сделаем шаг назад и нарисуем еще одну векторную фигуру, чтобы мы могли точно следить за тем, что происходит, когда мы ее рисуем.Я буду использовать тот же инструмент Ellipse Tool, который я выбрал ранее, и у меня все еще выбран параметр Shape Layers на панели параметров. Я удалю свою круглую форму из документа, поэтому мы снова начнем с белого фонового слоя:

Начнем с фонового слоя.

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

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

Только когда я отпускаю кнопку мыши, Photoshop завершает фигуру, преобразуя контур (путь) в векторную фигуру и заполняя ее цветом:

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

Если мы посмотрим на мою панель Layers, мы увидим знакомый слой Shape с его образцом цвета и миниатюрой векторной маски, сообщая нам, что путь теперь является векторной формой:

Слой «Форма» появляется на панели «Слои», когда Photoshop преобразует исходный контур в векторную фигуру.

Я удалю слой формы с панели слоев, поэтому мы снова начнем с белого фона в моем документе, и на этот раз я выберу вариант Paths на панели параметров:

Выбор опции «Пути».

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

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

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

Если выбран параметр «Контуры», Photoshop рисует только контур контура фигуры, не более того.

На самом деле, хотя контур контура, который я только что нарисовал, виден нам в документе, если мы посмотрим на мою панель «Слои», мы увидим, что Photoshop не добавил новый слой для контура. У меня остался только фоновый слой:

.

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

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

Поскольку пути не зависят от слоев, им предоставляется собственная панель — панель Paths , которая по умолчанию сгруппирована с панелью «Слои (и каналы)».Вы можете переключаться между панелями в группе, нажимая на их вкладки имени в верхней части группы. Я переключусь на панель «Пути», где мы увидим нарисованный мною путь, обозначенный как Рабочий путь :

Откройте панель «Контуры», щелкнув вкладку с ее названием в верхней части группы панелей.

Имя «Рабочий путь» означает, что путь является временным, но мы можем сохранить его как часть документа, если нам нужно, просто переименовав его. Чтобы переименовать путь, дважды щелкните его имя на панели «Контуры».Photoshop откроет диалоговое окно Save Path с просьбой ввести новое имя. Вы можете просто принять новое имя по умолчанию, если хотите, или ввести другое имя. Назову свой «Мой эллиптический путь»:

Переименование временного рабочего пути.

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

Теперь путь сохранен как часть документа.

Пути редактируются так же, как и слои-фигуры (поскольку слои-фигуры на самом деле представляют собой просто контуры, заполненные цветом).Мы можем выбрать сразу весь путь с помощью Path Selection Tool (черная стрелка), или мы можем отредактировать его форму, щелкнув по нему с помощью Direct Selection Tool (белая стрелка), затем щелкнув и перетащив любой из точки привязки или указатели направления, как мы видели ранее:

Перетаскивание узловых точек контура и маркеров направления с помощью инструмента «Прямое выделение».

Наиболее распространенное использование путей — преобразование их в контуры выделения, что мы можем сделать, удерживая нажатой клавишу Ctrl (Win) / Command (Mac) на клавиатуре и щелкнув по миниатюре пути в области Пути. панель:

Удерживая Ctrl (Win) / Command (Mac), щелкните миниатюру пути.

Photoshop мгновенно преобразует контур в выделение:

Измененный контур теперь является контуром выделения.

Преобразование контуров в слои формы

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

Здесь я нарисовал круговой путь, когда я хотел нарисовать слой Shape:

Круговой контур, нарисованный с помощью инструмента «Эллипс», установленного в режиме рисования контура.

Конечно, я мог бы просто отменить шаг, выбрать параметр «Слои формы» на панели параметров и затем перерисовать фигуру, но зачем это делать, если я сам могу легко преобразовать путь в слой формы. Все, что мне нужно сделать, это щелкнуть значок New Fill или Adjustment Layer в нижней части панели слоев:

Щелкните значок «Новая заливка или корректирующий слой».

Затем я выберу слой заливки Solid Color из появившегося списка:

Выберите «Сплошной цвет» вверху списка.

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

Выберите цвет формы в палитре цветов.

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

Теперь путь залит цветом.

На самом деле, если мы посмотрим на панель «Слои», мы увидим, что теперь у меня есть нечто похожее на слой «Форма», в комплекте с образцом цвета и эскизом векторной маски. Технически это слой заливки сплошным цветом (поэтому Photoshop назвал слой «Цветовая заливка 1», а не «Форма 1»), но поскольку у меня был активный контур, когда я его добавил, Photoshop преобразовал контур в векторную маску и создал то, что во всех отношениях является слоем формы:

Путь успешно преобразован в слой формы.

Далее мы рассмотрим последний из трех режимов рисования в Photoshop — пикселей заливки — и их сравнение со слоями формы при изменении их размера!

Рисование фигур пикселей (пиксели заливки)

Третий тип режима рисования в Photoshop — Fill Pixels , который позволяет рисовать фигуры на основе пикселей. Я выберу опцию Fill Pixels на панели параметров:

Выбор режима рисования Fill Pixels.

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

В отличие от слоев Shape, которые автоматически получают свой собственный слой каждый раз, когда мы рисуем новый, если мы хотим, чтобы пиксельная фигура отображалась на отдельном слое, нам сначала нужно добавить новый пустой слой самим. Я собираюсь начать снова только с моего фонового слоя с белой заливкой, и я добавлю новый слой в свой документ, щелкнув значок New Layer в нижней части панели слоев:

Щелкнув значок «Новый слой».

Photoshop добавляет новый пустой слой с именем Layer 1 над моим фоновым слоем:

Добавлен новый пустой слой для формы пикселя.

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

Щелкните образец цвета переднего плана.

Откроется палитра цветов. Я выберу фиолетовый для своей формы. Нажмите OK после того, как вы выбрали цвет, который нужно закрыть из палитры цветов:

Выберите новый цвет переднего плана в палитре цветов.

Выбрав параметр Fill Pixels на панели параметров, фиолетовый установлен в качестве цвета переднего плана и Layer 1 выбран на панели Layers, я щелкну внутри документа инструментом Ellipse Tool, как и раньше, и перетащу моя форма. Опять же, как и при рисовании слоев и контуров фигур, все, что мы видим вначале, когда рисуем пиксельную фигуру, — это начальный контур контура того, как эта фигура будет выглядеть:

Рисование фигуры «Пиксельная заливка» с помощью инструмента «Эллипс».

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

Форма пикселя очень похожа на форму вектора.

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

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

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

Векторная фигура слева и пиксельная фигура справа.

Быстрый взгляд на мою панель «Слои» показывает векторную форму на слое «Форма» («Форма 1») и форму пикселя на слое 1:

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

Выбрав векторную фигуру, я нажимаю Ctrl + T (Win) / Command + T (Mac) на клавиатуре, чтобы вызвать ограничивающую рамку Free Transform и ручки вокруг формы:

Окно «Свободное преобразование» и маркеры появляются вокруг векторной фигуры слева.

Затем я уменьшу размер векторной фигуры, установив для параметров Ширина и Высота на панели параметров значение 10% :

Масштабирование векторной формы до 10% от исходного размера.

Я нажму Введите (Win) / Верните (Mac) на моей клавиатуре, чтобы принять изменение и выйти из Free Transform, и теперь векторная фигура слева выглядит намного меньше:

Фигуры после уменьшения векторной формы.

Я сделаю то же самое с формой пикселя справа, сначала выбрав Layer 1 на панели Layers, затем нажав Ctrl + T (Win) / Command + T (Mac), чтобы получить доступ к команде Free Transform и изменив ширину и высоту фигуры пикселя на 10% на панели параметров. Я нажимаю Enter (Win) / Return (Mac), чтобы принять изменение и выйти из Free Transform, и теперь обе формы были уменьшены в размере. Однако на данный момент они все еще выглядят почти так же:

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

Но посмотрите, что происходит, когда я увеличиваю их. Я начну с векторной формы слева, нажав Ctrl + T (Win) / Command + T (Mac), чтобы получить доступ к Free Transform, а затем верну его к исходному размеру, установив ширину и высоту в параметрах. Бар на 1000%:

Масштабирование векторной формы вверх до 1000% от ее размера.

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

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

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

И победитель…. Формируйте слои!

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

Как векторизовать текст одним щелчком мыши в Photoshop

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

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

Векторизация:

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

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

Здесь «Преобразовать в форму» означает преобразовать в форму разных размеров.

Затем нажмите Control + щелкните (щелкните правой кнопкой мыши) на этом текстовом слое в палитре слоев и выберите «Преобразовать в форму». Теперь ваш текст будет в векторном формате, чтобы его можно было использовать как фигуру и можно было масштабировать до любого размера без потери качества. Так же, как если бы вы «создавали контуры» в Illustrator! Я считаю это особенно полезным при создании логотипов в Photoshop или отправке файла без шрифтов.

No related posts.