Главная » Практика » Онлайновый векторный редактор

2 мая 2016г.

Нет комментариев

, , ,

Онлайновый векторный редактор

Миниатюра записи

Здравствуйте, коллеги!

Полноценные векторные редакторы — инструменты для крутых дизайнеров или художников. Которые рисованием зарабатывают. Что же делать, если вы не профессионал, а нужно быстро нарисовать пару кнопок или иконок? Не покупать же для такой мелкой, разовой задачи огромный и тяжёлый Иллюстратор или Corel Draw! Во-первых, они достаточно сложные, чтобы быстро с ними разобраться и на достаточном уровне освоить. Во-вторых, стоят немалых денег и вряд вы захотите их купить официально, а советовать устанавливать пиратские копии я не стану. В-третьих, теперь и купить-то их стало непросто, потому что, например, многие продукты компании Adobe продаются только с их сайта, и придётся вникать в лицензионную политику, разбираться с тарифными планами, с тем, как делать регулярные платежи, и так далее.

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

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

Method Draw – удобный векторный графический редактор

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

Впрочем, чтобы понять это достаточно взглянуть на внешний вид Method Draw.
methoddraw1

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

Итак, давайте разберемся с основными возможностями и режимами работы Method Draw.

Верхнее меню Method Draw

Верхнее меню редактора состоит всего из четырех пунктов, в каждом из которых вы найдете соответствующие ему команды.
Пункт меню File позволит вам:
methoddraw2

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

Пункт меню Edit:
methoddraw3

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

Пункт меню Object даст вам возможность:
methoddraw4

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

Пункт меню Viev позволит:
methoddraw5

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

Левое меню редактора Method Draw

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

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

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

methoddraw8
Рисование прямых линий.

methoddraw9
Рисование прямоугольников.

methoddraw10
Рисование эллипсов

methoddraw11
Рисование пути для построения объекта из кривых Безье и их редактирование.

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

Вот как это выглядит:
methoddraw13
Эти наборы очень удобны для быстрого рисования всяких несложных логотипов.

methoddraw14
Вставка текстовой надписи.

methoddraw15
Масштабирование области документа. Обраща. ваше внимание, что увеличивать и уменьшать масштаб в этом редакторе гораздо удобнее, вращая колесико мыши с зажатой клавишей Alt.

methoddraw16
Выбор активного цвета из уже расположенных на рисунке объектов.

methoddraw17
Инструмент выбора цвета заливки объекта и его контура.

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

methoddraw18
methoddraw19

Управление дополнительными свойствами графических элементов в правом меню Method Draw

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

Здесь стандартные элементы управления элементом:

  • X и Y — положение элемента на рисунке по горизонтали и вертикали;
  • Width и Height — горизонтальные и вертикальные размеры;
  • Rotation — угол вращения элемента;
  • Opacity — прозрачность элемента;
  • Blur — размытие на краях;
  • Roundness — радиус закругления углов

Если переключаться между элементами, то набор этих инструментов будет меняться.

Кроме того, здесь же есть инструменты для различных выравниваний элементов и для изменения их границ:
methoddraw21

Здесь тоже всё должно быть понятно для каждого, кто работал с подобными кнопками в Фотошопе, Лайтруме, или Иллюстраторе.

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

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

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

Поделитесь с друзьями:

Отправить ответ

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

avatar
wpDiscuz

StockInspector

Блог инспектора фотобанка

© 2014 — 2015 StockInspector