Как в фотошопе сохранить в векторном формате: Сохранение файлов в других графических форматах в Photoshop

Содержание

Не удается найти страницу | Autodesk Knowledge Network

(* {{l10n_strings.REQUIRED_FIELD}})

{{l10n_strings.CREATE_NEW_COLLECTION}}*

{{l10n_strings.ADD_COLLECTION_DESCRIPTION}}

{{l10n_strings.COLLECTION_DESCRIPTION}} {{addToCollection.description.length}}/500 {{l10n_strings.TAGS}} {{$item}} {{l10n_strings.PRODUCTS}} {{l10n_strings.DRAG_TEXT}}  

{{l10n_strings.DRAG_TEXT_HELP}}

{{l10n_strings.
LANGUAGE}} {{$select.selected.display}}

{{article.content_lang.display}}

{{l10n_strings.AUTHOR}}  

{{l10n_strings.AUTHOR_TOOLTIP_TEXT}}

{{$select.selected.display}} {{l10n_strings.CREATE_AND_ADD_TO_COLLECTION_MODAL_BUTTON}} {{l10n_strings.CREATE_A_COLLECTION_ERROR}}

Логотип в каких форматах сохранять и как

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

Ai – Adobe Illustrator

Векторный формат файлов .Ai от компании Adobe позволяет сохранять файл в исходном виде — все элементы логотипа, такие как иконка, текст, доступны для редактирования. Чтобы открыть логотип в формате Ai, вам понадобится специальные программы, такие как Adobe Illustrator, CorelDRAW.

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

EPS – Encapsulated PostScript

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

Открывать с помощью: Adobe Illustrator, CorelDRAW, Inkscape.
Для использования на печатных носителях, масштабирование для печати.

PDF Portable Document Format

Векторный формат .PDF – удобный формат, так как он без изменений отображает все шрифты, макеты страниц, векторные и растровые изображения.

Открывается программами Adobe Reader, Foxit Reader, Preview.
Редактируется такими программами, как Adobe Illustrator, CorelDRAW, Inkscape.
Функции: просмотр изображения и печать.

Растровые форматы

PNG – Portable Network Graphics

PNG – прекрасный формат для логотипов. Он способен “сжимать” файлы без искажений. PNG был создан для замены файлов GIF, которые включают в себя всего лишь 256 цветов.

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

Функции: для веб-графики и печати (300 точек на дюйм)

.JPG / .JPEG – Joint Photographic Experts Group

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

Открывать в Photoshop чтобы редактировать, для просмотра — любой другой программой.

Функции:веб-графика и печать (300 точек на дюйм)

TIFF – Tagged Image File Format

TIFF – старшие братья JPEG файлов. Файлы TIFF более высокого качества, и занимают больше места на жестком диске.

Открывать в Photoshop – для редактирования, для просмотра открывается любой программой.
Для чего нужен: в целом для печати (300dpi)

“Минимальный набор” форматов логотипа

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

Взято с сайта http://www.logowiks.com/format-logo хотя я не уверена что это оригинал статьи :)►Логотип в какоих форматах сохранять и для чего. Cохранить логотип в векторе

Как сохранить файд в pdf из ai http://www.plg.ru/support/prepress/pdf.php
Здесь немного старовата но хорошо поданная информация http://arttower.ru/tutorial/Svetilkin/spravochnicki/Photoshop_for_WEB/Charter8/1.htm

делаю некоторые заметки для себя 🙂 возможно потом уберу как сохранять pdf b joboptions файл для настроек сохранения pdf для печати https://helpx.adobe.com/ru/illustrator/using/printing-saving-transparent-artwork.html

Работа с PDF: проблемы и решения http://www.publish.ru/articles/200708_4741226

Как сохранять в pdf настройка параметров с объяснениями http://www.cifteh.ru/printreq/pdfoutill

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

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

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

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

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

Три картинки — три разных способа создания. Угадаете, где какой? 🙂

Это я все к тому, что меня тут как-то недавно спросили — а как удобнее обрисовывать картинку в Иллюстраторе?

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

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

Трейс / Image Trace

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

Трейс картинки осуществляется с помощью панели image trace (верхняя панель Window — Image Tace) — просто помещаете свой скетч на рабочую область, открываете панельку, в выпадающем меню выбираете один из пресетов (у всех разные настройки, выбрать лучший можно методом тыка) — например, sketch — и через минуту-другую ваш файл превращен в вектор. Потом нужно только не забыть удалить “мусор” — разные пустые пути, которые образуются в процессе. Для этого не снимая выделение с оттрейсенного объекта надо пойти в верхнее меню Object — Path — Clean Up.

Трейс готов! Как говорили на одной моей прошлой работе “нажал кнопку — и в кассу”. Но, увы, все не так просто.

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

Я делаю так: включаю видимость путей (cmd+H), выбираю контрастный цвет для них по отношению к обводке (двойной клик по названию слоя) — и, увеличив картинку до 200-300% проверяю аккуратность линий. В этом мне сильно помогают обычный карандаш — он мне нравится больше, чем сглаживающий — и плагин от Astute Graphics Smart Remove Brush Tool, которым можно удалять лишние точки, минимально изменяя линию.

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

Я на данный момент использую трейс только для цитат вроде такой:

Плюсы и минусы трейса:

Можно относительно быстро превратить хороший скетч в векторную картинку с сохранением hand drawn эффекта

– Нужно потратить время, чтобы обработать
– Весь объект уже векторный, то есть труднее поменять толщину линий
– Линии не будут идеально ровными (это же и плюс)

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

Блоб браш / Blob Brush

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

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

Одна из моих первых картинок, нарисованная блоб брашем

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

Плюсы и минусы блоб браша:

Облегчает художникам переход с растра на вектор
+ Имитирует “живое” рисование

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

Пентул / Pentool

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

Почему-то мне видится, что блоб брашем больше рисуют девочки, а пентулом — мальчики, потому что он такой строгий и серьезный. И да, это мой любимый инструмент. Правда, не стандартный пентул, а апгрейд от Астуте Графикс под названием Вектор Скрайб.

Плюсы и минусы пентула:

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

– Все рисование сводится к расстановке точек и повороту ручек — многих креативных людей это напрягает

– Полезно также освоить инструмент Shape Builder Tool и панель Pathfinder, потому что обычный ластик удалить лишнее не поможет
– Чтобы научиться уверенно обращаться с пентулом, нужно освоить какое-то количество теории и много, много практиковаться, при этом первое время линии будут получаться кривоватыми и на отрисовку будет уходить много времени

Кисточка (обычная) / Brush

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

Что на линию, проведенную кистью, что на “пентульную” можно “насадить” огромное количество самых разных кистей — из стандартной библиотеки (правда, официально на стоки их использовать нельзя), либо!! своих собственных, каждый раз получая новый результат. Потом нужно не забыть все это дело отэкспандить (то есть превратить в вектор с помощью команды Object — Expand).

Плюсы и минусы кисточки:

Сохраняется возможность редактирования линий и можно рисовать руками (не точками)

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

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

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

Простые геометрические формы

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

Посмотрев курс Illustration for Designers: Create Your Own Geometric Animal (Иллюстрация для дизайнеров: Создайте свое собственное геометричное животное) на Skillshare я переосмыслила роль форм в картинках и мне стало интересно научиться видеть формы в объектах. Так родилась серия животных, которую я скоро планирую продолжить:

Плюсы и минусы рисования формами:

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

– Перестроиться на «мышление формами» большинству людей очень сложно
– Все равно придется использовать дополнительные инструменты — пентул, панель пасфайндер или шейп билдер тул

Примерно 80% моих текущих картинок нарисованы плагином InkScribe — тот самый аналог пентула от Astute Graphics, о котором я уже говорила (я, кстати, планирую написать отдельный пост про астутовские плагины, как только меня перестанет пугать потенциальный размер этого поста).

Остальные 20% — это трейс, простые формы и иногда — Dynamic Sketch Tool. Это что-то вроде карандаша, только более аккуратный и с большим количеством настроек (опять же, астутовский).

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

Компьютерная графика — очень широкое понятие. Кому-то при упоминании этого термина на ум придут трехмерные шедевры от студий Pixar и Dreamworks, другие подумают про цифровую фотографию, третьи решат, что речь идет об оформлении компьютерных игр. Но также обязательно найдется немало и тех, кто свяжет это словосочетание с векторной графикой. Несмотря на необычайную популярность векторной графики, многие пользователи совершенно незнакомы с особенностью векторных рисунков. Что же кроется за словами «векторная графика» и почему она так востребована?

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

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

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

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

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

⇡ «Рисунки Google» — самый простой векторный редактор, который всегда под рукой

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

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

⇡ Autotracer — бесплатный конвертер растровых картинок в вектор

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

Соответствующие средства есть практически в любом векторном редакторе, но векторизация может быть еще более простой благодаря онлайновым инструментам. Можно найти не один веб-сервис, который предлагает подобные услуги. Например, очень удобен в работе бесплатный ресурс Autotracer . С его помощью можно преобразовать файлы PNG, BMP, JPEG и GIF в векторный формат и сохранить в формат SVG, EPS, PDF, DXF.

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

⇡ Vector Paint — векторный редактор в Chrome, который может работать и без браузера

Vector Paint — это веб-приложение для Google Chrome, созданное на HTML5, однако работать оно может и без браузера. Оно относится к новому поколению приложений, представленных в начале сентября нынешнего года. Запускать такие приложения можно прямо с рабочего стола — открытый браузер, равно как и доступ к Интернету, для их использования не нужны.

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

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

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

Готовые проекты сохраняются в формате SVG, а также могут быть экспортированы в PNG и JPEG.

⇡ SVG-Edit — онлайновый векторный редактор

SVG-Edit — это векторный редактор, созданный на основе JavaScript, который может работать в любом браузере. Его можно использовать в виде онлайнового сервиса (в этом случае для доступа используется демоадрес), а также как веб-приложение (в этом случае нужно загрузить архив с файлами SVG-Edit, распаковать его и запустить файл приложения в любом браузере).

SVG-Edit полноценно работает с файлами SVG, давая возможность как сохранять проекты в этом формате, так и открывать такие файлы и вносить в них изменения. Кроме этого, файл SVG может быть импортирован в проект как отдельный элемент.

Для создания элементов векторной графики в SVG-Edit могут использоваться ломаные линии, прямоугольники, квадраты, эллипсы, круги, многоугольники, контуры, текст. Есть возможность выполнять заливку элементов цветом, а также использовать градиенты, в том числе и радиальные. Поддерживается работа со слоями, показ сетки и отображение элементов в виде каркаса. Есть средства для изменения расположения элементов (выше, ниже), для быстрого клонирования выделенных векторных форм, для их группировки. Многие команды доступны из контекстного меню (как в обычных редакторах для рабочего стола). Достаточно много внимания уделено инструментам для выравнивания на холсте: можно ровнять элементы по отношению к выделенным объектам, к самому большому или к самому маленькому объекту.

В программе большая библиотека готовых форм (та же самая, которая используется в Vector Paint), но, кроме этого, реализован доступ к огромной бесплатной библиотеке элементов векторной графики IAN Image Library. Для работы с ней потребуется регистрация, но затем можно прямо из редактора просматривать коллекции образцов векторной графики и сразу же добавлять их в текущий или в новый проект.

⇡ Chittram — простой онлайновый редактор

Chittram — это еще один векторный редактор, который может работать как веб-приложение. В отличие от SVG-Edit, он реализован как полноценный онлайновый сервис с возможностью сохранения проектов на сервере. Для просмотра и редактирования созданных ранее проектов используется учетная запись Google.

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

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

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

⇡ Inkscape — полноценная альтернатива коммерческим пакетам

Векторный редактор Inkscape имеет массу достоинств. Во-первых, он кроссплатформенный (может запускаться в среде Windows, Linux, Mac). Во-вторых, он поддерживает большое число популярных векторных форматов, в числе которых SVG, SVGZ, EMF, DXF, EPS, PostScript, WMF и другие.

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

Стоит обратить внимание на встроенные средства для векторизации растровых изображений. Чтобы при трассировке фотографий учитывались важные объекты на переднем плане, задействуется алгоритм SIOX (Simple Interactive Object Extraction), помогающий определить такие объекты автоматически.

⇡ ZebraTRACE — бесплатное создание гильошей

Любые денежные банкноты, а также документы государственной важности (дипломы, грамоты, удостоверения и так далее) легко узнать с первого взгляда. Эту «узнаваемость» дизайну документа придают тонкие повторяющиеся узоры, которые проходят по всему основному рисунку. Такие линии называются гильошем.

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

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

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

⇡ Заключение

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

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

Шаг 1. Открываем фотографию в Photoshop.

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

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

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

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

Шаг 3. Применяем (Image — Adjustment — Threshold). Я для получения основы силуэта использовала такие настройки:

Шаг 4. Теперь мы применим к слою фильтр «Диффузия», чтобы сгладить зубчатые края. Фильтр — Стилизация — Диффузия (Filter — Stylize — Diffuse)

Теперь, чтобы сделать края изображения более чёткими идём Изображение — Коррекция — Уровни (Image — Adjustment — Levels), сдвигаем правый и левый ползунки ближе к центру. Чтобы легче было контролировать результат, увеличьте перед применением корректировки масштаб изображения до 300%.

Снова повторяем действия с фильтром «Диффузия» и коррекцией «Уровни»

Шаг 5. Включаем видимость для слоя «Основа_1». Применяем Изображение — Коррекция — Изогелия (Image — Adjustment — Threshold).

Шаг 6. Повторяем для слоя «Основа _1» шаг 4.

Шаг 7. Создаём новый слой, заливаем его чёрным цветом, перемещаем на панели слоёв ниже слоя «Основа». Меняем режим наложения для слоя «Основа_1» на «Разница (Difference). Вот, что получилось на данном этапе.

Шаг 8. Девушка получилась достаточно страшненькая, но это всё поправимо. Делаем активным слой «Основа», добавляем слой-маску . С помощью ластика стираем «устрашающие» участки на лице девушки.

Уже намного лучше. Однако, на мой взгляд, левый глаз немного подкачал.

Шаг 9 . Включаем видимость для слоя «Основа_2», применяем Изогелию таким образом, чтобы появились ясные очертания глаза. Повторяем шаг 4. С помощью инструмента «Лассо » выделяем область с глазом и добавляем слой-маску.

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

В этом уроке поговорим о том, как перевести растровое изображение в векторную форму в Фотошопе. Конечно, программа Фотошоп в первую очередь предназначена для работы с растровыми изображениями, а вектор в ней является некоторым дополнением в виде контуров с векторной маской слоя, которая накладывается на объект и создает векторную фигуру. В такой векторной форме (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.

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

Пока моя заметка о масках в Фотошопе не остыла, срочно хочу осветить вопрос перевода растра в вектор. Два дня назад, я зашел в свой хронофагский 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 Мы создали слой заливки, которому сразу присваивается векторная маска в виде нашего контура.

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

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

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

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

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

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

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

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

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

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

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

Рекомендуем также

Формат логотипа – какой из 4 типов файлов выбрать себе?

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

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

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

Формат логотипа PNG

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

Каковы преимущества PNG-файлов?

  • Если вы сжимаете и декомпрессируете размер изображения, он не потеряет своего качества
  • Может отображать миллионы цветов
  • Поддержка прозрачных фонов
  • Легко открывать и просматривать (растровый файл)

Используйте PNG-файлы, чтобы разместить свой логотип:

  • На веб-сайты и блогах (включая ваш favicon, отображаемый во вкладке браузера)
  • В презентациях
  • Бланках Word или Google docs
  • Профилях социальных сетей и обложках групп
  • В интернет-магазинах или конструкторах, таких как https://tilda.cc/ru/
  • Изображениях (например, для добавления водяного знака)

Как открыть PNG-файлы?

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

Полезно знать: если вы создадите логотип онлайн в нашем конструкторе https://logotip.online, вы получите файлы PNG, идеально подходящие для профилей и обложек на Facebook, Instagram, Vk и Twitter. Файлы с вашим логотипом также будут включать цветную, черную и белую версии лого

Формат логотипа SVG

SVG — Масштабируемая векторная графика

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

Каковы преимущества SVG-файлов?

  • Можно масштабировать до любого размера без потери качества изображения (они также отлично смотрятся на всех мониторах)
  • Малый размер файла по сравнению с PNG или JPG
  • Веб-язык XML и редактируемый программный дизайн
  • Поддержка прозрачных фонов

Используйте SVG-файлы в следующих ситуациях:

  • Печатные материалы (визитные карточки, плакаты, наклейки и т.д.)
  • Одежда и обувь
  • Наклейки и этикетки
  • Веб-сайты (обратите внимание: вы должны знать как правильно программировать, потому что большинство движков сайтов, включая WordPress и Squarespace, не будут принимать SVG)
  • Если вам нужно отправить свой логотип дизайнеру, чтобы внести изменения

Как открыть SVG-файлы?

Вы можете открывать SVG-файлы в браузере (Chrome, Firefox, Edge, Safari, Internet Explorer), в Adobe Illustrator или на другой программе Adobe, такой как Photoshop и InDesign, с помощью плагина SVG.

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

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

Формат логотипа EPS

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

Каковы преимущества файлов EPS?

  • Легко масштабируемые для печати (может быть размером с рекламный щит и размером с визитную карточку)
  • Векторный формат файла
  • Редактируемый логотип, в таких программах как Adobe Illustrator или Photoshop
  • Поддержка прозрачных фонов

Используйте EPS-файлы для своего логотипа в следующих случаях:

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

Как вам открыть файл EPS?

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

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

Формат логотипа PDF

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

Каковы преимущества PDF-файлов?

  • Легкий для чтения и открытия формат файла
  • Форматирование остается неизменным на каждом устройстве
  • Поддержка прозрачных фонов
  • Легко делиться

Используйте файлы PDF для размещения своего логотипа:

  • На печатных материалах (визитные карточки, плакаты, наклейки и т. Д.)
  • В наклейках и этикетках
  • Одежде и обуви

Как открывается PDF-файл?

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

Чтобы отредактировать файл в формате PDF, вам понадобится Adobe Illustrator или Photoshop.

Основные выходы

Когда дело доходит до дизайна логотипа, важно иметь правильный тип файла под определенные цели. Вот краткое резюме:

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

Если вы отправляете свой логотип для печати на визитных карточках, брошюрах, одежде, дисконтных картых и т.д., — выбирайте векторные файлы. Используйте SVG, если они подходят под принтер, который вы используете, а если нет, отправьте EPS или PDF.

Если вы отправляете свой логотип дизайнеру для внесения изменений, отправьте ему файлы SVG или EPS.

Желаем вам успехов в создании собственного бренда!

Понравилась статья? Поделитесь ей в социальных сетях!

Рекомендую к прочтению: Корпоративный логотип – может ли повлиять на прибыль?

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

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

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

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

Инструмент Pen tool может работать в двух режимах — создание кривых и создание так называемых форм — замкнутых векторных областей.Переключение между этими режимами осуществляется кнопками — режим создания контура, — режим создание формы. Если вы работаете в режиме создания форм, то создаваемый вами контур будет считаться всегда замкнутым и, как следствие, залитым выбранным вами цветом. Физически в палитре Layers создаётся слой-маска на основе векторного рисунка. Сам слой заливается выбранным вами цветом (цвет выбираете на палитре свойств).

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

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

Векторные рисунки удобны тем, что в любой момент очень удобно можно изменить форму кривых этого рисунка. Для этого существует ряд инструментов. Например инструмент (добавление ключевых точек — узлов) — добавляет ключевые точки на кривой в том месте где вы щёлкните. Инструмент может удалять лишние точки на контуре при щелчке на удаляемой точке. На самом деле переключатся на эти инструменты совсем не обязательно. Обратите внимание на переключатель Auto Add/Delete на палитре свойств. В случае если этот режим включен (установлен флажок), то инструмент Pen Tool автоматически будет переключатся на инструмент добавления точки (когда вы его поместите над контуром) и инструмент удаления точки (когда вы его поместите над уже существующей точкой). Если режим отключить, то удаление и добавление точек будет возможно только при использовании соответствующих инструментов.

Управление изгибом кривых осуществляется через контрольные точки. Для выбора контрольной точки используется инструмент Direct Selection Tool . Выбрав узел для редактирования (щелчёк этим инструментом по редактируемому узлу). Затем двигая контрольные точки вы влияете на изгиб кривой в области выбранного узла. Также при помощи этого инструмента вы можете перемещать выбранные узлы. Инструмент Path Selectional Tool предназначен для работы с кривой в целом, как с объектом — для перемещения и трансформации. Для векторных объектов применяется режим Free Transform, точно такой же как и для растровых областей.

Важным инструментом работы с ключевыми узлами является инструмент под названием Convert Point Tool . Смысл этого инструмента заключается в преобразовании типа узла . В векторной графике Photoshop различают два типа ключевых узлов — сглаженные (smooth) и угловые (corner) . Смысл сглаженных ключевых узлов заключается в том, что контрольные точки двух кривых, сходящихся в одном узле Всегда находятся на одной виртуальной линии .

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

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

Начали мы с того, что выделили два режима работы инструмента Pen Tool. Первый — режим созданияя форм, а второй — ржим создания контуров. Остановимся подробнее на режиме работы с контурами.

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

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

До сих пор мы задумывались для чего в таком абсолютно растровом редакторе как Photoshop нужны эти векторные инструменты. Простой пример использования векторов в Photoshop — это опять таки работа с выделениями. Как вы видите из рисунка, ряд пиктограмм палитры Path предназначен для преобразования контура (пути) в контур выделения и наоборот. На сам деле после получения некоторых навыков работы с контурами вы поймёте, что намного легче бывает подстроить векторный контур под форму выделяемой области чем, даже воспользоваться достаточно гибкой быстрой маской. Поэтому если вы хотите подредактировать выделение вы всегда можете преобразовать его в путь (контур), затем подредактировать его и опять преобразовать в выделение. Если вы хотите применить традиционные для контуров выделения операции типа Stroke и Fill то они тоже в вашем распоряжении.

Логические операции работают несколько неожиданно. Вы можете создавать пути в любом из логических режимов, будь то сложение или вычитание. На этом этапе вы никаких действий не заметите. Но не обольщайтесь тем, что вы нашли баг в практически безупречной программе. На самом деле Photoshop запоминает в каком режиме вы создавали контур (контора пишет…) и как только вы прикажете программе создать контур выделения из вашей мешанины путей, то Photoshop всё припомнит и произведёт все операции которые вы ему прописали при создании путей. Диалоговое окно создания контура выделения из пути позволяет задать самые важные настройки касающиеся контуров выделения (но это только в том случае, если вы воспользуетесь командой Make Selection меню палитры Path).

Обратите внимание, что вы можете задать радиус растушовки (Feather), включить или отключить сглаживание Anti-Aliased. В разделе Operation вы можете установить логический режим для вновь создаваемого выделения. Опиции данного раздела становятся доступными только в том случае, если один контур выделения уже существует. Соответственно если вы выберете операцию New Selection то создаваемое выделение заместит собой уже существующее выделение; опция Add to Selection добавит к уже существующему выделению выделение создаваемое из контура; Substruct from Selection — вычтет создаваемый контур из сущесьтвующего выделения.

Инструмент Free Form Tool позволяет создавать векторный контур в режиме простого рисования, наподобии кисти. Зажимаете левую кнопочку мыши и просто ведёте мышку рисуя необходимый вам контур. У этого инструмента есть одна главная особенность, которая уподобляет этот векторный инструмент инструменту Magnetic Lasso — это опция Magnetic . Принцип работы такой же, инструмент ищет контрастные границы и прокладывает контур только там. А в остальном контур создаваемый этим инструментом не отличается от обычного контура.

  • Просмотров: 57900

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

Что, если нам понадобилось добавить векторному файлу каких-нибудь 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.
Далее процедура идентична описанной выше.

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

Как рисунок перевести в векторный?

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

1. С помощью инструментов выделения, выбираем лишь той элемент, который мы желаем перевести в векторный рисунок, и копируем его на новый слой, под названием «фигура». После чего создаем ещё один слой и полностью заливаем его белым цветом, этот слой можно назвать «фон». Теперь, слой «фон» перемещаем под слой «фигура» и объединяем их. Полученную картинку, называем «Основа». Копируем слой «Основа» дважды и называем их «Основа_1» и «Основа_2». Отключаем их видимость.

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

Вот мы и получили самый нормальный эффект.

3. Далее мы применяем к полученной картинке фильтр «Диффузия», чтобы убрать зубчатые края. Путь к включению фильтра: «Фильтр — Стилизация — Диффузия» (Filter-Stylize-Difuse). В открывшемся окне выбираем «Anisotropic».

4. Следующим шагом будет сглаживание краев, чтобы они стали более чёткими, для этого нажимаем «Изображение — Коррекция — Уровни» (Image-Adjustment-Levels). В открытом окне перемещаем левый и правый ползунок ближе к центру. Для того чтобы увидеть результат коррекции, лучше всего увеличить рисунок до 300% перед тем как открывать уровни.

5. Повторяем пункты 3 и 4 в той же очередности.

6. Отключаем видимость нашего основного слоя и включаем слой «Основа_1». Выполняем действие «Изображение — Коррекция — Изогелия» (Image-Adjustment-Threshold). Параметр устанавливаем на уровне 138.

7. Проделываем с этим слоем операции указанные в пункте 3,4 и 5.

8. Создаем новый слой и заливаем его черным цветом. Называем его «Фон». Устанавливаем его ниже слоя «Основа». В слое «Основа_1» меняем режим на «Разница» (Difference).

Вот что у нас получается:

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

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

В этом уроке мы изучим основы рисования векторных фигур в программе Photoshop CS6 с помощью простых инструментов группы «Фигуры»! Мы начнем с изучения работы инструментов «Прямоугольник» (Rectangle Tool), «Прямоугольник с закругленными краями» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool) и «Линия» (Line Tool). Далее мы научимся выбирать цвета заливки и обводки для фигур, изменять внешний вид обводки, редактировать фигуры за счет полезных свойств слоев-фигур и многое другое! Нам надо многое изучить, поэтому в этом уроке мы сфокусируемся на работе и свойствах пяти основных инструментов группы геометрических фигур. В следующем уроке мы научимся добавлять более сложные фигуры в наш документ с помощью инструмента «Произвольная фигура»!

Этот урок рассчитан для пользователей программы Photoshop CS6. Если вы работаете в более старой версии программы, то изучите исходный урок «Фигура и слой-фигура в Фотошоп» .

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

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

Инструменты группы «Фигуры»

Программа Photoshop предлагает нам на выбор шесть инструментов группы «Фигуры»: «Прямоугольник» (Rectangle Tool), «Прямоугольник с закругленными краями» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), «Линия» (Line Tool) и «Произвольная фигура» (Custom Shape Tool). Все эти инструменты расположены в одном месте на панели инструментов. По умолчанию, нам виден инструмент «Прямоугольник», но если мы кликнем по иконке инструмента и удержим нажатой кнопку мыши, то на экране появится выпадающее меню с перечнем других инструментов, из которых мы сможем выбрать нужный:

Нажатие на значок инструмента «Прямоугольник» позволит нам просмотреть другие инструменты группы фигуры

Я выберу первый инструмент в списке — инструмент «Прямоугольник»:

Векторные фигуры, контуры и пиксельные формы

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

Для того чтобы нарисовать векторные фигуры, а не контуры или пиксельные формы, выберите параметр «Фигура» (Shape) на панели настроек инструмента в верхней части экрана:

Выбираем на панели настроек режим инструмента «Фигура»

Заполнение фигуры цветом


Кликаем по значку образца цвета заливки

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

4 параметра заливки фигуры («Нет цвета», «Чистый цвет», «Градиент» и «Узор»)

Способ заливки «Нет цвета»

Как следует из названия, способ заливки «Нет цвета» (No Color) фигуру никаким цветом не заполняет. Вы можете спросить, зачем же нам нужна пустая фигура? Ну, в некоторых случаях, возможно, вам потребуется, чтобы у фигуры был только тонкий контур. Далее мы рассмотрим, как добавить к фигуре обводку, но если вы захотите, чтобы у фигуры был только контур без заливки цветом, выбирайте параметр «Нет цвета»:

При выборе параметра «Нет цвета» фигура никаким цветом не заполнится

Ниже приведен образец фигуры после применения параметра «Нет цвета». Всё, что мы видим — это тонкие очертания фигуры, так называемый «контур». Контур можно увидеть только в программе Photoshop, поэтому если вы начнете распечатывать документ или сохранять его в форматах JPEG или PNG, контур исчезнет. Чтобы сделать его видимым, нам нужно добавить к нему обводку, что мы и изучим далее, после того, как рассмотрим все опции заливки (Fill):


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

Способ заливки «Чистый цвет»

Для того чтобы заполнить фигуру цветом, выберите параметр «Чистый цвет» (Solid Color) (второй значок слева):

Кликаем по значку параметра «Чистый цвет»

После выбора параметра «Чистый цвет», выбираем цвет для фигуры, кликнув по одному из образцов цвета. Цвета, которые вы недавно использовали, появятся в ряду «Недавно использованные цвета» (Recently Used Colors) над основными образцами:

Выбираем цвет, кликнув по его образцу

Если среди образцов нет требуемого цвета, кликните по иконке Палитры цветов в правом верхнем углу диалогового окна:

Кликаем по иконке Палитры цветов

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


В Палитре цветов выбираем цвет для заливки фигуры

Ниже представлена та же фигура, только на этот раз заполненная цветом:


Наша фигура теперь заполнена цветом

Способ заливки «Градиент»

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

Сначала выбираем параметр «Градиент», а затем — нужный образец градиента

Ниже представлена та же фигура, только на этот раз заполненная градиентной заливкой:


Наша фигура теперь заполнена одним из образцов готовых градиентов

Способ заливки «Узор»

И, наконец, выбрав параметр «Узор» (Pattern), мы сможем заполнить фигуру узором. Кликните по одной из миниатюр, чтобы определиться с готовым узором. Первоначально в программе представлено не так много узоров, но вы также можете загрузить дополнительные узоры, скачанные из Интернета или созданные самостоятельно, кликнув по маленькому значку шестерни (под значком Палитры цветов) и выбрав пункт «Загрузить узоры» (Load Patterns) из появившегося меню:

Сначала выбираем параметр «Узор», а затем — нужный образец узора

И вот как будет выглядеть фигура, заполненная одним из узоров программы Photoshop. Для того чтобы закрыть диалоговое окно «Заливка» (Fill), нажмите клавишу Enter (Win) / Return (Mac) или кликните по пустому месту на панели настроек. Если вы сомневаетесь в выборе правильного цвета, градиента или узора для фигуры, не переживайте, позже мы изучим, как их можно изменить:


Фигура, заполненная выбранным узором

Добавление к фигуре Обводки

По умолчанию, программа Photoshop не добавляет обводки по краям фигуры, однако добавить ее так же легко, как и выполнить заливку цветом. В действительности, опции параметров «Обводка» («Штрих») (Stroke) и «Заливка» (Fill) в версии программы Photoshop CS6 одинаковые, поэтому вы уже знаете, как их использовать!

Чтобы добавить обводку, кликните по образцу цвета обводки на панели настроек:


Кликаем по образцу цвета обводки

В результате, откроется диалоговое окно с теми же самыми параметрами, что и для заливки, за исключением того, что теперь мы выбираем цвет для обводки. В верхней части окна опять находятся четыре значка «Нет цвета» (No Color), «Чистый цвет» (Solid Color), «Градиент» (Gradient) и «Узор» (Pattern). По умолчанию, выбран параметр «Нет цвета». Я, в свою очередь, выберу параметр «Чистый цвет» и затем в качестве цвета обводки установлю черный, выбрав его из образцов. Так же как и в случае с заливкой, если нужного вам цвета среди образцов нет, кликните по значку Палитры цветов в верхнем углу, чтобы выбрать нужный цвет вручную:

Выбираем для обводки параметр «Чистый цвет», а затем из образцов цвета выбираем нужный

Изменение ширины Обводки

Для того чтобы изменить ширину (толщину) обводки, воспользуйтесь параметром «Ширина» (Width), расположенным справа от образца цвета обводки на панели настроек. По умолчанию, его значение равно 3 pt. Для изменения ширины можно или ввести определенное значение прямо в окошко ввода данных (нажав Enter (Win) / Return (Mac) после ввода для подтверждения данных), или кликнуть по маленькой стрелке справа от значения и переместить бегунок:

Изменяем ширину обводки

Опция «Выровнять края»

Если вы посмотрите далее в правую часть панели настроек, то увидите опцию «Выровнять края» (Align Edges). При включенной опции (с выставленной галочкой) программа Photoshop будет выравнивать края фигуры по пиксельной сетке, в результате чего они будут оставаться острыми и четкими:

Удостоверьтесь, что опция «Выровнять края» включена

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

Для того чтобы опция «Выровнять края» работала, установите ширину обводки в пикселях (рх)

Ниже к фигуре применена черная обводка шириной 10 рх:


Простая фигура с черной обводкой вокруг нее

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


Та же самая фигура, с параметром заливки «Нет цвета»

Дополнительные опции обводки

По умолчанию, программа рисует обводку в виде непрерывной линии, но мы можем изменить это, кликнув по кнопке «Задать тип штриха фигуры» (Stroke Options) на панели настроек:


Кликаем по кнопке «Задать тип штриха фигуры»

В результате откроется диалоговое окно «Параметры обводки» (Stroke Options), где мы сможем изменить внешний вид обводки с непрерывной линии на штриховую или пунктирную. Параметр «Выровнять» (Align) позволяет нам выбрать тип выравнивания для обводки: внутри контура, снаружи или посередине. Мы можем сделать концы линий для обводки (параметр «Концы» (Caps)) округлыми, квадратными или утолщенными, а места соединения линий в обводке (параметр «Углы» (Corners)): острыми, закругленными или скошенными. При нажатии кнопки «Другие параметры» (More Options), расположенной в нижней части диалогового окна, откроется еще одно окошко, где мы сможем установить конкретные значения для штрихов и пробелов пунктирной линии и даже сохранить настройки в виде пресета:

Параметры обводки

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


Внешний вид обводки изменился с непрерывной линии на пунктирную

Инструмент «Прямоугольник»

Итак, мы уже узнали, как выбирать различные инструменты группы «Фигуры» на панели инструментов, как выбирать цвет заливки и обводки, как изменять внешний вид обводки. Теперь давайте изучим, как рисовать сами векторные фигуры! Мы начнем с изучения первого инструмента группы фигур в списке — «Прямоугольник» (Rectangle Tool). Я выберу его на панели инструментов, как уже делал ранее:

Выбираем инструмент «Прямоугольник»

Инструмент «Прямоугольник» позволяет нам рисовать простые четырехугольные фигуры. Чтобы нарисовать фигуру, кликните кнопкой мыши в окне документа для определения начальной точки фигуры. Затем, удерживая кнопку мыши нажатой, протяните курсор мыши по диагонали, чтобы закончить рисовать фигуру. По мере перемещения курсора вы будете видеть тонкие очертания (контур) будущей фигуры:


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

Когда вы отпустите кнопку мыши, программа заполнит фигуру тем цветом, который вы выбрали на панели настроек:


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

Изменение размера фигуры после того, как она нарисована

Как только вы нарисовали первоначальную фигуру, на панели настроек появятся ее текущие размеры: ширина (Width (W)) и высота (Height (H)). В моем случае, я нарисовал фигуру 533 пикселя шириной и 292 пикселя высотой:


На панели настроек видны первоначальные размеры фигуры (ширина и высота)

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


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


Изменяем размеры фигуры

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

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

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

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

Давайте изучим несколько простых, но полезных клавишных комбинаций. Если вы нажмете и удержите клавишу Alt (Win) / Option (Mac) по мере перемещения курсора, то вы нарисуете фигуру от центра, а не от угла. Этот прием работает со всеми инструментами группы «Фигура», а не только с инструментом «Прямоугольник». Обратите внимание, что сначала надо начать рисовать фигуру и только потом нажимать клавишу Alt (Win) / Option (Mac). Также необходимо отпускать первой кнопку мыши и только потом нажатую клавишу Alt (Win) / Option (Mac), иначе прием не сработает:


Нажмите и удержите нажатой клавишу Alt (Win) / Option (Mac), чтобы нарисовать фигуру от центра

Рисование квадратов

Для того чтобы нарисовать квадрат, установите курсор в окне документа и начните его протягивать, рисуя прямоугольную фигуру. Как только вы начали это делать, нажмите клавишу Shift и продолжайте ее удерживать нажатой по мере перемещения курсора. Нажатие клавиши Shift преобразует фигуру в квадрат. И снова, не забудьте нажать клавишу Shift после того, как вы начали перемещать курсор, и отпустить ее в последнюю очередь, иначе квадрат не нарисуется. Вы можете объединить две клавишные комбинации вместе, нажав и удержав клавиши Shift+Alt (Win) / Shift+Option (Mac) при применении инструмента «Прямоугольник» (Rectangle Tool), в результате чего вы нарисуете от центра идеальный квадрат:


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

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

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

Опции инструмента группы «Фигуры»

Если вы посмотрите на панель настроек, то слева от параметра «Выровнять края» (Align Edges) вы увидите значок шестерни. Кликнув по нему, вы откроете диалоговое окно с дополнительными настройками для того инструмента группы «Фигуры», который в данный момент выбран:

Кликаем по значку шестрени

Поскольку у меня выбран инструмент «Прямоугольник» (Rectangle Tool), нажатие на значок шестерни отобразит дополнительные опции для инструмента «Прямоугольник». За исключением работы с инструментами «Многоугольник» и «Линия», которые мы изучим позже, вы не будете слишком часто использовать это меню, потому что мы с вами уже рассмотрели, как получить доступ к данным опциям с клавиатуры. Например, параметр «Произвольно» (Unconstrained) позволяет нам рисовать фигуры любого размера и с любым соотношением сторон, но поскольку по умолчанию, все инструменты группы фигур работают таким образом, нет необходимости специально выбирать данный параметр. Параметр «Квадрат» (Square) позволяет нам рисовать квадраты с помощью инструмента «Прямоугольник», но мы это можем сделать, просто нажав и удержав клавишу Shift по мере перемещения курсора. Параметр «От центра» (From Center) отвечает за рисование фигуры от центра, но опять, мы это можем сделать, нажав и удержав клавишу Alt (Win) / Option (Mac).

Если вы выберете параметры «Заданный размер» (Fixed Size) или «Задать пропорции» (Proportional) и введете значения ширины и высоты, то данные значения также повлияют и на следующую фигуру, которая будет нарисована, а не только на ту, которую вы уже нарисовали. Поэтому нужно помнить о том, чтобы после рисования фигуры вернуться и заново выбрать параметр «Произвольно» (Unconstrained), в противном случае каждая новая нарисованная фигура будет такого же размера или с такими же пропорциями:

Параметры, которые вы видите, зависят от того, какой инструмент группы «Фигуры» выбран

Редактирование слоев-фигур

Ранее мы с вами изучили, что для того чтобы нарисовать в программе Photoshop векторные фигуры, нам нужно установить режим рисования — «Фигура» (Shapes) (в отличие от контуров и пиксельных форм). Когда мы рисуем векторную фигуру, программа автоматически размещает ее на отдельном специальном слое под названием «Слой-фигура» (Shape layer). Если мы посмотрим на панель слоев, то увидим, что фигура, которую я нарисовал с помощью инструмента «Прямоугольник» (Rectangle Tool), располагается на отдельном слое-фигуре «Прямоугольник 1». Название слоя будет зависеть от того, какой инструмент был использован, поэтому если я, допустим, нарисую овал инструментом «Эллипс» (Ellipse Tool), слой-фигура будет называться «Эллипс 1»:

Каждая новая векторная фигура размещается на отдельном слое-фигуре

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


Значок на миниатюре слоя говорит нам о том, что это слой-фигура

Главное же отличие между слоем-фигурой и обычным пиксельным слоем состоит в том, что слои-фигуры остаются полностью редактируемыми. Когда мы ранее изучали, как выбирать цвета заливки и обводки для фигуры, я упомянул, что мы всегда сможем вернуться назад и изменить цвет даже после того, как фигура нарисована. Все, что нам требуется — удостовериться, что на панели слоев выбран слой-фигура, а инструмент группы «Фигуры» активирован. Затем просто кликните либо по образцу цвета Заливки (Fill), либо по образцу цвета Обводки (Stroke) на панели настроек для выбора другого цвета. Вы также можете при необходимости изменить ширину обводки и поработать с другими параметрами. Я кликну по образцу цвета Заливки:

Выбрав слой-фигуру, кликаем по образцу цвета Заливки

Кликаем по образцу голубого цвета

Как только я кликну по образцу, программа немедленно заполнит фигуру новым цветом:


Цвет фигуры был изменен без необходимости заново рисовать фигуру

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

Когда мы внесли изменения, миниатюра слоя-фигуры также изменила свой вид

Инструмент «Прямоугольник со скругленными углами»

Давайте рассмотрим второй из инструментов группы «Фигуры» — «Прямоугольник со скругленными углами» (Rounded Rectangle Tool). Я выберу его на панели инструментов:

Выбираем инструмент «Прямоугольник со скругленными углами»

Инструмент «Прямоугольник со скругленными углами» очень похож на инструмент «Прямоугольник» за исключением того, что он позволяет нам рисовать прямоугольники с закругленными углами. Мы регулируем степень закругления углов, используя параметр «Радиус» (Radius) на панели настроек. Чем большее значение радиуса мы вводим, тем круглее становятся углы. Значение радиуса необходимо устанавливать до начала рисования фигуры, в моем случае, я введу значение параметра «Радиус», равное 50 пикселям:


Используйте параметр «Радиус» для определения степени закругления углов

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


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

Когда вы отпустите кнопку мыши, программа Photoshop закончит рисовать фигуру и заполнит ее цветом:


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

Ниже нарисован еще один прямоугольник с установленным значением радиуса 150 пикселей. Данное значение настолько велико (для этой фигуры, во всяком случае), что левая и правая стороны прямоугольника имеют форму кривой:


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

А вот прямоугольник с небольшим значением радиуса — 10 пикселей, которое лишь немного скругляет углы фигуры:


Маленькое значение радиуса меньше скругляет углы

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

Если вам не нравится закругление углов прямоугольника, после того как вы его нарисовали, перейдите в раздел меню «Редактирование» (Edit) в верхней части экрана и выберите пункт «Отменить: Инструмент «Прямоугольник со скругленными углами»» (Undo Rounded Rectangle Tool) (или нажать сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac)), в результате чего фигура будет удалена из документа. Затем введите новое значение радиуса на панели настроек и начните заново рисовать прямоугольник.

Выбираем «Редактирование» > «Отменить: Инструмент «Прямоугольник со скругленными углами»

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

Чтобы нарисовать фигуру от центра, а не от угла, начните рисовать фигуру, а затем нажмите и удержите в нажатом состоянии клавишу Alt (Win) / Option (Mac). И, наконец, совместное нажатие клавиш Shift + Alt (Win ) / Shift + Option (Mac ) приведет к тому, что будет нарисован квадрат от центра. Клавиши необходимо отпустить только после того, как вы отпустите кнопку мыши.

Инструмент «Эллипс»

Инструмент «Эллипс» (Ellipse Tool) позволяет нам рисовать эллипсы и круги. Я выберу его на панели инструментов:

Выбираем инструмент «Эллипс»

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


Рисуем эллипс с помощью инструмента «Эллипс»

Отпустите кнопку мыши, чтобы закончить рисовать фигуру и заполнить ее цветом:


Фигура заполнена цветом.

Чтобы нарисовать идеально ровный круг с помощью инструмента «Эллипс», начните перемещать курсор и далее, нажмите и удержите нажатой клавишу Shift . Для того чтобы нарисовать эллипс от центра, нажмите и удержите клавишу Alt (Win ) / Option (Mac ) после начала рисования. Удержание одновременно нажатыми клавиш Shift + Alt (Win ) / Shift + Option (Mac) позволит вам нарисовать круг от центра. И как всегда, отпускайте клавиши только после того, как вы отпустите кнопку мыши:

Круг, нарисованный инструментом «Эллипс»

Инструмент «Многоугольник»

Инструмент «Многоугольник» (Polygon Tool) более интересен для нас с точки зрения возможностей рисования фигур. Я выберу его на панели инструментов:

Выбираем инструмент «Многоугольник»

Если с помощью инструмента «Прямоугольник» мы можем рисовать только четырехугольные прямоугольники, то инструмент «Многоугольник» позволяет нам рисовать многоугольники с таким числом сторон, какое мы пожелаем. Далее мы рассмотрим, как с помощью это инструмента можно нарисовать даже звезды! Для того чтобы нарисовать фигуру с помощью инструмента «Многоугольник», для начала введите количество сторон, которое вам требуется, в окошко параметра «Стороны» (Sides) на панели настроек. Вы можете ввести любое число от 3 до 100. По умолчанию, количество сторон равно 5, я и оставлю его таким:

Введите количество сторон в окошко параметра «Стороны»

Как только вы укажете число сторон, установите курсор в окне документа и начните его протягивать для рисования многоугольной фигуры. Программа Photoshop всегда рисует многоугольные фигуры от центра, поэтому вам не нужно удерживать нажатой клавишу Alt (Win) / Option (Mac). Нажатие и удержание клавиши Shift после того, как вы начали рисовать многоугольник, позволит вам ограничить число углов для вашей фигуры и поместить ее на экране именно так, как требуется:

Фигура с 5 сторонами, нарисованная с помощью инструмента «Многоугольник»

Указав число сторон равное 3, мы можем с легкостью нарисовать треугольник:

Простой треугольник, нарисованный с помощью инструмента «Многоугольник»

Ниже представлен многоугольник с числом сторон равным 12. Так же, как и в случае с параметром «Радиус» для инструмента «Прямоугольник с закругленными углами», мы не можем изменить количество сторон после того, как нарисовали фигуру, поэтому если вы сделали ошибку, вам нужно перейти в раздел меню «Редактирование» (Edit) в верхней части экрана и выбрать пункт «Отменить: Инструмент «Многоугольник» (Undo Polygon Tool) (или нажать клавиши Ctrl+Z (Win) / Command+Z (Mac)), затем ввести другое значение в окошко параметра «Стороны» и заново нарисовать фигуру:

Многоугольник с двенадцатью сторонами

Рисование звезд с помощью инструмента «Многоугольник»

Для того чтобы нарисовать с помощью инструмента «Многоугольник» звезду, кликните по иконке шестерни на панели настроек, затем выберите параметр «Звезда» (Star):

Кликаем по иконке шестерни и выбираем параметр «Звезда»

Затем кликните мышкой в окне документа и протяните курсор для того, чтобы нарисовать звезду. Параметр «Стороны» (Sides) на панели настроек определяет число вершин звезды, таким образом, если по умолчанию значение параметра равно пяти, у нас получится пятиконечная звезда:

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

Изменив значение параметра «Стороны» на 8, мы получим восьмиконечную звезду:

Определите число вершин звезды с помощью параметра «Стороны»

Мы можем нарисовать фигуру, похожую на взорвавшуюся звезду, увеличив остроту лучей звезды с помощью параметра «Глубина лучей» (Indent Sides By). По умолчанию, значение этого параметра равно 50%, я увеличу значение до 90%. Также я увеличу число вершин звезды до 16:

Рисуем фигуру, похожую на взорвавшуюся звезду, увеличив значение параметра «Глубина лучей»

И вот, какая фигура у меня получилась:

Взорвавшаяся звезда, нарисованная с помощью инструмента «Многоугольник»

По умолчанию, вершины звезд имеют острые углы, но мы можем их скруглить, выбрав параметр «Сгладить внешние углы» (Smooth Corners):

Выбираем параметр «Сгладить внешние углы»

Ниже представлена пятиконечная звезда с выбранным параметром «Сгладить внешние углы»:

Параметр «Сгладить внешние углы» смягчает угловатость звезд

Мы можем также скруглить углы у оснований лучей звезды, выбрав параметр «Сгладить внутренние углы» (Smooth Indents):

Выбираем параметр «Сгладить внутренние углы»

И снова, наша звезда выглядит совершенно по-другому:

Нарисованная звезда с выбранным параметром «Сгладить внутренние углы»

Инструмент «Линия»

Последним из основных инструментов группы Фигуры является инструмент «Линия» (Line Tool). Я выберу его на панели инструментов:

Выбираем инструмент «Линия»

Данный инструмент позволяет нам рисовать простые прямые линии, но также мы можем с его помощью нарисовать стрелки. Для того чтобы нарисовать прямую линию, во-первых, установите толщину линии, введя значение (в пикселях) в окошко параметра «Толщина» (Weight) на панели настроек. По умолчанию, значение толщины равно 1 пикселю, я увеличу его до 16 пикселей:

Параметр «Толщина» отвечает за толщину (или ширину) линии

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

Удерживайте нажатой клавишу Shift для рисования горизонтальных или вертикальных линий

Рисование направляющих стрелок

Для рисования стрелок, кликните по иконке шестерни на панели настроек, чтобы открыть опции «Стрелки» (Arrowheads). Выберите, где вы хотите добавить стрелки: в начале линии, в конце или одновременно на обоих концах (если вы хотите, чтобы стрелка указывала в том же направлении, в котором вы рисуете линию, выберите параметр «В конец» (End)):

Кликните по иконке шестерни, чтобы получить доступ к опциям «Стрелки».

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

С помощью инструмента «Линия» легко рисовать направляющие стрелки

Если установленный по умолчанию размер стрелки вас не устраивает, вы можете изменить его, используя параметры «Ширина» (Width) и «Длина» (Length). Мы можем также добавить стрелке изгиб, воспользовавшись параметром «Кривизна» (Concavity). По умолчанию, значение данного параметра равно 0%, но я увеличу его до 50%:

Изменяем форму стрелки, увеличив значение параметра «Кривизна»

И вот как теперь выглядит стрелка. Убедитесь, что вы выбрали значение параметров инструмента «Линия» прежде, чем начали рисовать линию, поскольку в процессе рисования их изменить нельзя. Если вы захотите внести изменения, вам придется удалить фигуру и нарисовать ее заново:

Стрелка со значением параметра «Кривизна», равным 50%

Скрытие контура вокруг фигуры

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

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

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

Выделение логотипа

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

  • Выбирайте инструмент Magic Wand Tool
  • Настройте в опциях Tolerance 20 или 30.
  • Там же кликните по иконке Add to Selection. Подробно о их работе я писал в статье Add, Subtract, Intersect и Exlude в Фотошопе где речь шла об инструментах вектора, но в выделении эти опции работают так же.

Мне честно говоря все равно как вы выделите логотип, хоть в ручную лассо, хоть через Color Range. Просто в данной ситуации, конкретно на этом изображении проще всего это сделать инструментом Magic Wand Tool.

Переводим выделение в векторный контур

Не переключайтесь с инструмента Magic Wand Tool.

  • Правой кнопкой мыши кликните по области выделения.
  • Из появившегося меню выберите Make Work Path.

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

На нижеприведенной иллюстрации я выбрал инструмент Path Selection Tool и выделил контур, что бы он был вам виден.

Сохранение контура в палитре Path

Эта операция не обязательна, но желательна.

    Переключитесь на палитру Path. Если вы не можете её найти нажмите Window > Path

    Кликните дважды по контуру в палитре.

  • В появившемся окне введите имя и нажмите ОК.

Создание векторной маски

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

    Убедитесь, что ваш конур выделен в палитре Path

    Выберите из меню Layer > New Fill Layer > Solid Color

    В появившемся окне выберите цвет и кликните ОК

Вот и все. Точнее было бы все если бы это не был hronofag.ru Помните я говорил вам, что чем меньше изображение, тем хуже оно переведется. Готов поспорить на руках у вас какой-то грязный скан засунутый в Ворд, который заказчик требует перевести в вектор? Я угадал? При этом изображение пережато JPG сжатием, уменьшено, потом увеличено, затем опять уменьшено до размеров аватарки, и ещё на него пролили кетчуп. Можно ли качественно перевести в Фотошопе в вектор такую картинку?

Для начала посмотрите на наш логотип. Не смотря на отличное разрешение, четкие края Фотошоп не сумел создать хорошие и ровные контуры. Иллюстратор делает это в 100 раз лучше, но статья не про иллюстратор. Как видите контуры не везде ровные, даже в прямоугольных частях логотипа. А окружности совсем косые.

Теперь я уменьшу изображение в 2 раза, затем еще в 2 раза и покажу вам результат перевода в вектор.

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

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

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

Экспорт пользовательских форм в виде векторов / растров из учебника Photoshop, как

Как экспортировать пользовательские формы Photoshop в различные форматы, такие как растровые и векторные (AI и т. Д.). Учебное пособие. У вас есть собственные формы в Photoshop, но вы хотите экспортировать их как фигуры в векторном / растровом формате для других приложений, существует ряд методов. Вы можете экспортировать фигуры / пути как векторы через меню файла, а также экспорт и пути в иллюстратор. Вы можете использовать инструмент прямого выбора, чтобы выбрать все точки произвольной формы и вставить их в Illustrator для экспорта как AI и т. Д.Вы можете перетащить настраиваемую форму из документа на панель библиотек Photoshop / CC (вы можете восстановить форму из библиотек позже или использовать в Illustrator или After Effects и т. Д.). Вы можете экспортировать векторные пользовательские формы из Photoshop как файл SVG / векторный файл с помощью команды экспорта как. Вы также можете сохранить иллюстрации / фигуры в виде растровых изображений с помощью команды «Сохранить как» в формате PNG / JPG и т. Д. Вы также можете использовать команду «Сохранить как» в формате Photoshop PSD для сохранения пользовательских фигур в виде векторов.В этом руководстве показано несколько способов экспорта пользовательских фигур в виде векторов и растров, таких как использование метода SVG, пути Illustrator, монтажного стола и т. Д.

Покупка нестандартной формы

7,79 $ (также GBP и т. Д.) За комплект, формат CSH, скачать

КУПИТЬ 13 000 пользовательских форм для Photoshop CC 2017 2015 2014 CS6 CS5 и т. Д. И элементов Photoshop для экспорта в другие приложения в векторных или растровых форматах CSH 13 000 пользовательских форм для Photoshop и Elements

  1. Выберите инструмент пользовательской формы Photoshop

  2. Установить параметр слоя формы

  3. Выбрать форму

  4. Применить нестандартную форму

  5. Файл

  6. Экспорт / экспорт как

  7. Выбрать формат SVG (правая часть экспорта в виде панели)

  8. Нажмите экспортировать все

Метод контура Illustrator для экспорта фигур из Photoshop

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

  1. Инструмент выбора нестандартной формы

  2. вариант выбора пути (верхняя панель)

  3. применить путь / нестандартную форму

  4. меню файла

  5. экспорт

  6. пути к Illustrator

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

Векторный экспорт через монтажный стол — вы можете использовать монтажный стол для копирования в Illustrator и т. Д.

Их также можно скопировать в некоторые приложения через картон / буфер обмена

  1. выберите инструмент нестандартной формы

  2. установить параметр формы слоя

  3. выберите форму

  4. нарисовать фигуру с помощью инструмента фигуры

  5. перейти к инструменту прямого выбора на панели инструментов

  6. выбрать все точки

  7. меню редактирования

  8. копия

  9. вставить в Illustrator

Векторный экспорт / библиотека CC — действительно полезный способ экспорта фигур в After Effects, Indesign и т. Д.

Быстрый способ экспортировать предустановки CSH в Adobe Illustrator и другие приложения — использовать недавно добавленные библиотеки CC (которые можно найти в меню окна).

  1. выберите инструмент нестандартной формы

  2. выберите вариант формы

  3. применить форму

  4. Выберите слой-фигуру

  5. перетащите в библиотеку CC

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

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

Формат SVG / экспорт векторов — отлично подходит для сохранения фигур на веб-страницах для отображения в Интернете за секунды

Вы также можете экспортировать иллюстрацию в виде файла SVG.

  1. Выберите инструмент произвольной формы

  2. выберите вариант формы

  3. применить форму

  4. файловое меню и экспорт и экспорт как

  5. выберите формат SVG

Формат SVG затем может быть импортирован в AI, а также в Dreamweaver (который используется на этом сайте со многими векторными путями, отображаемыми в SVG).

Растровый экспорт фигур Photoshop — вам не нужно сохранять изображения только как векторные изображения

Вы также можете экспортировать их с помощью команды сохранения, выбрав формат (смешать с фоном или использовать как обычные растровые слои), например формат PSD, PNG или TIFF.

  1. Меню «Файл»

  2. сохранить как

  3. PSD или PNG и т. Д. Для сохранения текущего растрового изображения

Если хотите потратить время, вы можете просмотреть все 13 000+ форм и создать огромные файлы размером 2000 x 2000 и сохранить каждый дизайн в формате PNG.Просто идея для влажного воскресного дня.

Работы можно экспортировать для использования в PSP, Adobe Indesign, Affinity Photo, GIMP и т. Д. С помощью команды сохранения.

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

Формат PSD и экспорт векторных / растровых изображений для пользовательских фигур Photoshop

Вероятно, лучший универсальный формат — это PSD, собственный формат Photoshop.В этом формате можно сохранять растровые и векторные данные.

Просто используйте команду сохранения как

  1. создание векторной нестандартной формы в Photoshop

  2. создать несколько слоев растрового дизайна

  3. файловое меню

  4. сохранить как

  5. слоя ПО

Другие учебные пособия

1.как использовать Adobe Generator для экспорта графических ресурсов из Photoshop учебник

Другие ресурсы

1. Винтажный шрифт / буквы / исторические нестандартные формы

2. Волнистый / волнистый дизайн нестандартной формы

Youtube Видеоурок

Учебное пособие, показывающее экспорт векторов различными методами [Youtube]

Как создавать векторные изображения в элементах Photoshop

Как преобразовать JPEG в вектор в Photoshop Elements?

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

  1. Решите, какую часть (форму) в вашем JPEG вы хотите преобразовать в векторный файл .
  2. Увеличьте контраст в вашем JPEG.
  3. Используйте инструмент Magic Wand на панели инструментов.
  4. Создайте рабочий путь из выделенного.
  5. Экспорт пути.
  6. Выполните шаги, описанные выше, чтобы преобразовать другие элементы из исходного файла JPEG.

Как создать файл SVG в Photoshop Elements?

Как я могу экспортировать слои векторной формы PSD как SVG ?

  1. Убедитесь, что слой-фигура, который вы экспортируете как SVG , был создан в Photoshop .
  2. Выберите слой-фигуру на панели «Слой».
  3. Щелкните правой кнопкой мыши выделенный фрагмент и выберите «Экспортировать как» (или перейдите к Файл > Экспорт> Экспорт как.)
  4. Выберите формат SVG .
  5. Щелкните «Экспорт».

Как превратить файл Photoshop в вектор?

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

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

Является ли PNG векторным файлом?

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

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

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

  1. BoxySVG. BoxySVG может быть не очень сложным приложением с массой инструментов и настроек для вас, чтобы сделать , но в этом его сила.
  2. SVG-Edit.
  3. Inkscape.
  4. RollApp.
  5. Вектор.
  6. LibreOffice Draw.
  7. Жирная краска.
  8. 5 комм.

Как превратить картинку в логотип?

Как создать ICO?

  1. Загрузите изображение файл.
  2. Используйте дополнительные настройки, чтобы изменить размер ICO, DPI или обрезать исходное изображение (необязательно).
  3. Создать фавикон. ico, установив размер 16 × 16 пикселей.
  4. Нажмите «Начать преобразование », и ваш значок будет создан.

Хороша ли Vector Magic?

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

Как создать векторный файл?

Шаг 1. Перейдите в Файл > Экспорт. Шаг 2: Назовите ваш новый файл и выберите папку / место для сохранения. Шаг 3. Откройте раскрывающийся список «Сохранить как тип / формат» (Windows / Mac) и выберите векторный файл в формате , например EPS, SVG, AI или другой вариант.Шаг 4: Нажмите кнопку «Сохранить / Экспорт» (Windows / Mac).

Как сохранить PNG как вектор?

Является ли AI-файл векторным?

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

Основан ли Photoshop на векторе?

Photoshop — это на основе пикселей, в то время как Illustrator работает с векторами . Photoshop основан на растре и использует пиксели для создания изображений.

Для чего используется векторная графика?

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

Как узнать, является ли изображение векторным?

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

Нужен ли мне векторный файл для моего логотипа?

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

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

« векторизация » — это процесс преобразования пиксельного изображения (например, файлов JPEG и PNG) в векторную версию на основе (файлы SVG, EPS и EMF) с каждым аспектом изображение рассматривается как линия или форма. Сюда входит любой текст, символы и другие мелкие детали.

В каком формате мне нужен мой логотип?

EPS — инкапсулированный PostScript

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

Что такое векторный файл для логотипа?

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

Что такое векторный файл?

Векторные файлы — это изображения, построенные по математическим формулам, устанавливающим точки на сетке. Наиболее распространенные типы векторных файлов :. ai: Сокращенно от Adobe Illustrator, этот файл обычно используется в печатных СМИ и цифровой графике, такой как логотипы.

Может ли JPG быть векторным файлом?

Вам нужно программное обеспечение для создания векторов

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

Экспорт векторной графики из Illustrator или Inkscape

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

Узнайте, как экспортировать из Illustrator

В этом видео рассказывается о процессе сохранения в векторном формате и экспорта в растровый формат из Adobe Illustrator.Полное текстовое объяснение приведено ниже.

Узнайте, как экспортировать из Inkscape

Если вы пользователь Inkscape, в этом видео рассказывается, как сохранять и экспортировать векторные файлы. Полный текст-объяснение ниже.

После того, как вы создали или загрузили векторный файл из Vecteezy и обработали его с помощью программного обеспечения, такого как Adobe Illustrator или Inkscape, вам нужно будет сохранить или экспортировать файл. Когда вы перейдете на экран сохранения, вы увидите множество форматов файлов и опций.Какой формат выбрать и почему? Давайте рассмотрим разницу между этими типами форматов: растровыми (растровыми) изображениями и векторной графикой.

В чем разница?

Растр Вектор
На основе пикселей Не на основе пикселей
Установить размер и разрешение Бесконечный размер и разрешение
Искажение при увеличении Не искажает при увеличении
Элементы не редактируются Элементы редактируемые


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

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


Получите миллионы стоковых изображений и видео по лучшей цене
Безлимитный доступ. Ссылка на авторство не требуется. От 9 долларов в месяц.

]]>

Подробнее


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

  • EPS предлагает наилучшую совместимость, потому что вы можете открывать эти файлы практически в любом программном обеспечении для редактирования изображений.
  • Файлы
  • PDF и SVG рекомендуется использовать в Интернете.
  • AI — это собственный формат Adobe Illustrator.

Хотя некоторые другие приложения могут открывать файлы AI, они не смогут прочитать файл полностью. Рекомендуется выбирать формат AI только в том случае, если файл будет редактироваться в Illustrator.

Сохранение как векторный файл в Illustrator

Если вы используете Illustrator и хотите сохранить файл в векторном формате, выберите «Файл»> «Сохранить как» или «Файл»> «Сохранить копию».

Затем выберите формат AI, EPS, PDF или SVG.

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

Связано: как получить истинный черный цвет в CMYK

Экспорт как растрового / растрового файла в Illustrator

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

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

Затем выберите PNG или JPG в меню формата.

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

Сохранение как векторный файл в Inkscape

Если вы используете Inkscape и хотите сохранить файл в векторном формате, выберите «Файл»> «Сохранить как» или «Файл»> «Сохранить копию». Затем выберите формат EPS, PDF или SVG.EPS обеспечивает наилучшую совместимость с векторными файлами, так что это хороший выбор, если у вас нет особой причины использовать другой тип файла.

Экспорт как растрового / растрового файла в Inkscape

Inkscape имеет встроенную поддержку файлов PNG, но вам потребуется дополнительное программное обеспечение для экспорта в формат JPG. Чтобы экспортировать как файл PNG в Inkscape, выберите «Файл»> «Экспорт изображения PNG».

Ниже вы найдете видеоролики, посвященные процессу сохранения и экспорта из Illustrator и Inkscape.

На панели «Экспорт изображения PNG» вам нужно будет установить элементы управления для таких деталей, как размер, dpi (разрешение) и области холста, которые вы хотите экспортировать.

Ведущее изображение от Vectorbox Studio

Affinity Designer: как создавать и экспортировать готовые к печати векторные файлы

Affinity Designer

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

Фиксированная цена

Affinity Designer означает, что любой желающий создать дизайн для печати сможет сделать это без необходимости платить ежемесячную подписку.

Так как же создавать и экспортировать готовые к печати файлы в Affinity Designer? Мы разберем это для вас.

Создание файлов для печати

  • Запустите Affinity Designer и щелкните «Файл» вверху экрана.
  • Нажмите «Создать» в раскрывающемся меню; Откроется диалоговое окно, в котором вы создадите документ, который будет готов к печати.
  • Для большинства наших файлов, за некоторыми заметными исключениями, требуется, чтобы к каждому файлу было добавлено 1/16 дюйма под обрез или дополнительные 0,0125 дюйма. Здесь вы вводите размеры продукта с обрезкой.
  • Затем вы захотите убедиться, что ваш цветовой формат находится в CMYK, поскольку это также одно из наших требований к файлам для наших принтеров. Все принтеры CMYK 4-Color Process, такие как мы, не могут гарантировать 100% совпадение цветов.Мы можем гарантировать, что цветная печать будет соответствовать отраслевым стандартам CMYK. Преобразование цвета может привести к более значительному цветовому сдвигу.

Экспорт файла (ов):

  • Щелкните «Файл», а затем перейдите к «Экспорт».
  • Появится диалоговое окно, в котором показаны все различные типы файлов, в которые вы можете экспортировать свой документ. Для файлов печати мы рекомендуем экспортировать файл в формате PDF, чтобы сохранить его векторные свойства. Убедитесь, что для параметра «Растровое число точек на дюйм» установлено значение 0, чтобы ничего не растеризовалось (преобразовалось в пиксели).

Вот и все! Вы готовы загрузить на наш сайт свой файл для печати.

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

Дополнительные блоги файла печати:

EPS файл — что это такое и какие программы могут его открывать?

Если вы когда-либо работали с векторной графикой, то вы могли быть знакомы с форматом файлов EPS и их использованием.Если вы плохо разбираетесь в формате файлов Encapsulated Postscript (EPS), то это, по сути, графический формат для векторных изображений, который использует Adobe Illustrator, так же, как формат файлов фотографических изображений — это JPEG. Откройте свой файл EPS прямо сейчас!

Open & Convert EPS file format Free

Перетащите сюда .eps

Шаги по использованию конвертера EPS для открытия файла EPS:

  • Найдите файл EPS на жестком диске компьютера
  • Щелкните файл EPS и перетащите его в поле над
  • Или откройте наш конвертер EPS здесь
  • Открывается автоматически
  • Он конвертирует в фоновом режиме с помощью нашего конвертера EPS.
  • Нажмите на кнопку, чтобы открыть в новом окне
  • Готово — вы можете скачать открытый файл EPS

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

Мы рекомендуем вам попробовать нашу бесплатную программу SPS Converter, которую вы можете протестировать здесь, чтобы открывать файлы EPS!

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

Если вам нравится использовать программное обеспечение для настольных ПК, попробуйте Corel Draw Software здесь, чтобы открыть и отредактировать файл EPS! И как мы могли не упомянуть стандартный в отрасли инструмент для редактирования векторных изображений Adobe Illustrator!

Если вы поклонник продуктов Adobe, здесь вы можете узнать, как загрузить Adobe Illustrator по очень низкой цене и даже бесплатно!

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

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

Щелкните здесь, чтобы узнать больше о векторах по цене $ 0,49 за векторный файл в Stock Photo Secrets Shop.

Программное обеспечение для редактирования и открытия файлов EPS

В зависимости от ваших потребностей в файлах, формат EPS может быть форматом, который вы должны искать, а не файлом JPEG .Файлы EPS, если они открыты в векторной программе, такой как Adobe Illustrator, Corel Draw, будут иметь возможность изменять размер без потери качества, а также их можно будет легко редактировать и манипулировать. Если вы откроете файл EPS в такой программе, как Photoshop, он будет «растеризован» (сведен) и станет недоступным для редактирования, как и любой файл JPEG.

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

В зависимости от того, какую компьютерную систему вы используете, Mac или ПК, будет определять, насколько легко работать с изображениями EPS. Если вы работаете на Mac, вы можете использовать EPS правильно, но в Windows вам понадобится графическое программное обеспечение, такое как Adobe Illustrator или Corel Draw, чтобы открыть этот формат файла.

Риббет — Фоторедактор

49 долларов США 399,99 долл. США

Новое эксклюзивное партнерское соглашение с AppSumo

Если вы не разбираетесь в графическом дизайне, Ribbet — отличное решение для открывать и редактировать файлы EPS и создавать красивые визуальные эффекты . Это очень удобный редактор изображений с шаблонами и советами по дизайну, способный работать с форматом EPS намного проще, чем другие более сложные и ориентированные на профессионалы инструменты.
Вы можете использовать его в браузере или с их собственными приложениями для iOS, Android и Fire как на мобильных устройствах, так и на планшетах.
Теперь у вас есть уникальный шанс получить пожизненный доступ к Ribbet со всеми его функциями всего за 49 долларов! Это сэкономит вам почти 350 долларов по сравнению с обычной ценой!
Не ждите больше! Приложения макета

, такие как PageMaker , Quark, или Microsoft Word , смогут только размещать файл EPS, но не открывать его. EPS — это формат, доступный как для пользователей Mac, так и для ПК. Если у вас возникли проблемы с открытием, возможно, вам придется выбрать программу, в которой будет открываться изображение.Вы также захотите отметить цветовое пространство, в котором находится файл. Хотя сканеры и цифровые камеры генерируют файлы RGB (красный-синий-зеленый), вам необходимо преобразовать цветовое пространство в CMYK (голубой-пурпурный-желтый-черный) для Распечатать. Вы также можете использовать цвета Pantone.

Бесплатное программное обеспечение EPS

Здесь вы можете протестировать разработанное нами программное обеспечение SPS Converter, чтобы открыть ваши файлы EPS! Имейте в виду, что он все еще находится в бета-режиме (предварительный просмотр).

И есть еще хорошие новости: один из лучших программных инструментов для редактирования векторных изображений EPS, Adobe Illustrator, имеет 7-дневную бесплатную пробную версию, которой вы можете воспользоваться, чтобы протестировать их услуги и бесплатно редактировать файлы EPS.Более подробная информация представлена ​​в нашем полном руководстве по загрузке Adobe Illustrator.

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

Вот видео-прохождение Gravit

Еще одно бесплатное программное обеспечение для редактирования файлов EPS.

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

И еще больше бесплатных инструментов, мы объединили их в совершенно новом посте для вас: Лучшие бесплатные программные инструменты для графического дизайна в 2021 году.

Когда мне следует рассматривать файл EPS, а не JPEG?

Некоторые графические агентства, например Stock Photo Secrets , предлагают как иллюстрации (векторные), так и фотографии и шрифты.Когда вы ищете иллюстрацию, если вы не влюблены в нее как она есть, вы должны быть уверены, что получаете загрузку в формате EPS. Наличие файла EPS позволяет вам изменять цвета, перемещать объекты и настраивать их так, как вы хотите.

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

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

Где я могу купить доступные файлы EPS?


Магазин Stock Photo Secrets Shop предлагает более 700 000 векторных файлов EPS в своей коллекции изображений и является отличным местом для покупки, особенно если вы хотите платить всего 0,49 доллара за векторное изображение.

Мы рекомендуем покупать у Stock Photo Secrets, так как мы очень дешевы, если вы подпишетесь на одну из наших подписок на стоковые фотографии, например, на нашу подписку 99club , которая дает вам 200 XXL стоковых фотографий, векторных изображений и шрифтов без лицензионных отчислений всего за 99 долларов в год .Или наша подписка Low Volume , которая дает вам 600 изображений XXL, векторных изображений и шрифтов за всего за 199 долларов в год .

Назначение EPS

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

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

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

Щелкните здесь, чтобы узнать больше о нашей подписке с малым объемом.

Руководство по преобразованию файла изображения PSD в AI

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

Что такое файл изображения PSD?

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

Что такое файл изображения AI?

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

AI использует векторную графику.

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

Есть несколько различных способов преобразовать PSD в AI — мы начнем с самого прямого пути.Если на вашем компьютере установлен Adobe Illustrator, вы сможете преобразовать его вручную. Сначала откройте Illustrator. Убедитесь, что вы создали новый документ, перейдя в меню «файл» и нажав «новый». Оттуда еще раз используйте меню «файл», но на этот раз выберите «открыть». Появится окно, в котором вы сможете выбрать файл PSD в вашей системе. Когда он откроется, просто сохраните текущий документ как файл AI.

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

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

Есть разные способы конвертировать PSD в AI.

Зачем конвертировать?

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

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

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

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

Если вы когда-либо пытались сохранить векторный файл в Photoshop, но есть простой способ сделать этот процесс намного быстрее.

Сохранение векторного файла в Photoshop — это то, что должны знать как профессионалы, так и новички.

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

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

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

Процедура следующая:

Шаг 1. Сначала откройте файл изображения в Photoshop (выберите любой файл изображения и нажмите кнопку «Открыть»).

Шаг 2: Затем удерживайте кнопку « Ctrl » и нажмите « Значок слоя », чтобы выделить слой.

Шаг 3: Выберите инструмент « Прямоугольник » на первом.

Шаг 4: Далее, щелкните правой кнопкой мыши и затем щелкните « Make Work Path », снова нажмите « Enter button ».

Шаг 5. Затем откройте новое окно. В этом окне Tolerance должно быть 1.0 для лучших результатов и нажмите ОК.

Просмотр всех выбранных рабочих путей.

Шаг 6: Затем выберите « Selection tool » или нажмите горячие клавиши « a », затем щелкните правой кнопкой мыши и « создайте векторную маску »

Шаг 7: Теперь нажмите « Enter » кнопку, чтобы избавиться от точек выбора слоя.

Шаг 8: Если вы хотите увеличить векторное изображение, нажмите кнопку « Ctrl + t ». Вы увидите, что это не размытое изображение, потому что это векторное изображение.

Шаг 9: Перейдите к файлу Нажмите « Сохранить как» и выберите файл « Photoshop EPS », затем нажмите кнопку «S ave ».

Каковы преимущества хранения изображений в векторном формате?

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

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

Заключение.

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

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

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

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Авторское право © 2024 Es picture - Картинки
top