Быстрый вектор – Контакты

Быстрый вектор и сложные формы в Illustrator CS5 / Habr

Бывает такое, что надо быстро отвекторить лого или другое изображение потому что НГ и надо быстро-быстро отдать в типографию штамп на тиснение, а растр не принимают. А может надо печатать огромный постер из логотипа, который вы только что сосканировали с единственной визитки. Такие изображения не всегда бывают достаточно простыми чтобы отрисовать их по оригиналу. Кроме того, у нас поджимает время – шампанское налито, студень остывает…

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

Для наглядности, примеры показаны на прозрачном фоне. Советую и вам выучить комбинацию Shift+Ctrl+D — это поможет не пропустить лишние объекты, которые потом могут сыграть злую шутку.

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

На рисунке 1, растровая картинка (нагло украдена из гугла – авторские права наверно за автором), которая легко превращается в вектор посредством клика по кнопке Live Trace (а затем Expand) в верхнем тулбаре. Получившееся следует разгруппировать, нажав правую кнопку мыши и выбрав соответствующий пункт выпадающего меню (рис. 2).

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

На третьем рисунке выбран объект, который было выбрать проще всего — самый большой кусок белого. Затем в главном меню: Select/Same/Fill Color. Это выбор всех объектов с похожим стилем заливки. Меню Select кстати, почему-то несправедливо игнорируется многими пользователями AI.

Наконец у нас нет ничего лишнего и, если надо залить лого простой плашкой (для тиснения просто черным), то у нас все готово. Но что если результат надо залить градиентом или сделать векторным стилем?

На рисунке 4 показано применение градиента к сложной форме. Все вроде ничего, но залилась каждая отдельная часть объекта, а нам надо управлять градиентом на всей фигуре. Кнопка Unite в палитре Pathfinder тоже не спасает положение. Дело в том что теперь программа не делает объект по умолчанию Compound Shape. Именно поэтому следует посетить сперва в сабменю палитры Pathfinder (рис. 5) и после выбора Make Compound Shape, обязательно (иначе будет много проблем в дальнейшем) не забыть нажать кнопку Expand в этой же палитре.

Когда все получилось, нам вдруг нужно подкорректировать форму, ведь быстрый вектор может исказить те или иные линии. Можно сделать коррекцию пером по точкам, но снова же – долго и не Фен-Шуй. А нам надо быстро и правильно. Проще всего создать новую верную форму (рис. 6), положить ее сверху, и используя кнопку Minus Front палитры Pathfinder, вырезать ее из объекта. Правда, вырезав, снова получаем эффект битого градиента. Заостряю на этом внимание, потому что эффект не виден на однотонных плашках, но может здорово взорвать ваше представление о мире когда вы постараетесь снова вырезать что-то из формы.

Повторяйте снова связку объединения формы и экспанда, поправляйте мелкие недочеты, накладывайте нужные эффекты и — вуаля!

Если такой метод ускорит кому-то работу – буду только рад. Если что-то упустил – пишите, постараюсь дополнить.

habr.com

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

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

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

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

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

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

4. Ко всем векторным объектам можно легко применять растровые стили. Это очень удобно.
5. К векторным объектам можно применять прозрачность и накладывать на них фильтры.
6. Отдельные слои и группы слоев с векторными объектами можно легко клонировать внутри документа или копировать в другой документ PSD.
7. Подписывайте каждый слой и группируйте слои — это сэкономит массу времени.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

site2max.ru

Vector Inspector Pro — плагин к Adobe Illustrator для быстрой проверки стокового вектора

 

Плагин работает только под windows. | This plugin works only in Windows.
Поддерживается Иллюстратор от CS6 и новее. | For Adobe Illustrator CS6 and newer.

This is a crowdfunding project. Your donations will help us finish the current plug-in release and support it in the future. You can donate small amounts of $10-30 via Skrill or Payoneer: [email protected]

If you represent a design studio, I offer to donate $ 50-100.
In the comment to the payment please write your actual email and specify «Donation for the V.I.P. plug-in. My email …».
Please contact us if you have any question [email protected]


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

Плагин работает «на лету». Т.е. не нужно ничего нажимать, проверка идёт быстро, в реальном времени. Если у вас сложный вектор, и плагин не вовремя начинает дополнительно тормозить Иллюстратор, то просто сверните или переключитесь с его панели, чтобы она была не видна. Плагин перестанет проверять, пока вы снова не откроете его панельку.

Обзор VIP (не последней версии) на vectorboom

Финансирование

Ведется приём средств. Присоединяйтесь!
Разработка плагина ведётся на деньги стокеров по схеме краудфандинга. Т.е. без пожертвований мы не сможем выпускать сборки для новых версий Иллюстратора, исправлять найденные ошибки или что-то дорабатывать.
Cкидываемся по $10-30 на Skrill или Payoneer [email protected]
Десятки вполне достаточно. Тридцать — для щедрых до расточительности 8).
Если у вас студия, то предлагаю скидываться по $50-100, в зависимости от размеров студии. Это будет честно.
В комментарии к платежу пишите актуальную электронную почту и что это пожертвование на плагин, например, «Пожертвование на разработку плагина. Связаться можно по [email protected]».
Деньги пойдут не на бутерброд с икрой, а на дело.

Название

Автор идеи и оригинальной реализации Vector Inspector Ник Кинни (Nick Kinney) больше не занимается стоками. И поддерживать старый плагин не планирует. Он рад, что мы возродили его идею на новом уровне и разрешил основываться на оригинальном названии. Мне кажется, что название очень удачное: запоминающееся и ясно отражающее суть. Поэтому мы с удовольствием будем его использовать.

Установка

Закидывайте файл прямо в папку плагинов Иллюстратора (папка Adobe Illustrator → Plug-ins или Внешние модули),
Например, C:\Program Files\Adobe\Adobe Illustrator CC 2014\Plug-ins\
Перезапускайте Иллюстратор и включайте отображение плагина в меню Иллюстратора Window → Vector Inspector Pro

В архиве находится несколько версий. Выбирайте версию для своего Иллюстратора:

Ограничения

* Плагин работает только под windows. Спрос на mac-версию в русскоязычном сегменте очень низок. Думаю, что мы не сможем собрать нужное количество денег на реализацию.
* Плагин не определяет и не исправляет сложные объекты Иллюстратора, такие как составные фигуры, паттерны и растры в масках прозрачности или «живые» заливки. (Если вы не представляете, что это такое, значит вы их не используете. А если представляете, то следите самостоятельно.)
* Плагин не работает с мультиартбордом (т.е. с несколькими монтажными областями), поскольку файлы с несколькими артбордами стоки не принимают.

Альтернативы

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

microvector.livejournal.com

Vectr —векторный редактор для начинающих

Большая часть из всех опубликованных в Магазине Windows графических редакторов — растровые, а вот векторные, по крайней мере те из них, которые действительно чего-то стоят, пока что можно пересчитать по пальцам. Не так давно их число пополнил Vectr — простой векторный редактор с базовым набором функций, предназначенный для создания относительно простых изображений.

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

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

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

Готовое изображение можно сохранить в форматы SVG, AI, EPS, PNG и JPEG. Загрузить и установить этот незамысловатый, но в то же время удобный и функциональный редактор можно с Магазина Windows по адресу www.microsoft.com/ru-ru/store/p/vectr/9nblggh53z5x либо с официального сайта vectr.com (десктопная версия). Распространяется программа на бесплатной основе, встроенной рекламы не содержит, язык интерфейса — английский. В будущем разработчики планируют расширить функционал векторного редактора, добавив более сложные визуальные и фотоэффекты.

www.white-windows.ru