Здравствуйте, коллеги!
Полноценные векторные редакторы – инструменты для крутых дизайнеров или художников. Которые рисованием зарабатывают. Что же делать, если вы не профессионал, а нужно быстро нарисовать пару кнопок или иконок? Не покупать же для такой мелкой, разовой задачи огромный и тяжёлый Иллюстратор или Corel Draw! Во-первых, они достаточно сложные, чтобы быстро с ними разобраться и на достаточном уровне освоить. Во-вторых, стоят немалых денег и вряд вы захотите их купить официально, а советовать устанавливать пиратские копии я не стану. В-третьих, теперь и купить-то их стало непросто, потому что, например, многие продукты компании Adobe продаются только с их сайта, и придётся вникать в лицензионную политику, разбираться с тарифными планами, с тем, как делать регулярные платежи, и так далее.
Тут и выручает векторный редактор онлайн. Да, знаю, кто-то скажет – можно сделать заказ фрилансеру. Но с этим связываться не все захотят – не все знают, как работать с фрилансерами, да и платить тоже особо не хочется.
Расскажу о том, что с большинством простых оформительских задач (примерно таких, как заставка в этой статье) прекрасно справится бесплатный векторный редактор, который доступен вам для работы прямо в браузере, не требует инсталляции, активации, оплаты и готов к работе уже через пару секунд. Достаточно зайти на сайт.
Method Draw – удобный векторный графический редактор
В сети доступно несколько разных редакторов векторных изображений, которые отличаются функционалом, удобством и интерфейсом. Редактор векторной графики онлайн Method Draw (ссылка откроется в новом окне) среди аналогов отличает отсутствие рекламы, то есть все окно браузера полностью доступно для работы, удобством настройки свойств объекта и достаточно богатый функционал, которого хватит даже для создания относительно сложных работ.
Впрочем, чтобы понять это достаточно взглянуть на внешний вид Method Draw.
К сожалению, этот редактор не доступен на русском языке. Попробую дать подробное описание значения элементов управления этим функциональным и удобным инструментом.
Итак, давайте разберемся с основными возможностями и режимами работы Method Draw.
Верхнее меню Method Draw
Верхнее меню редактора состоит всего из четырех пунктов, в каждом из которых вы найдете соответствующие ему команды.
Пункт меню File позволит вам:
- Создать новый документ.
- Открыть сохраненный на диске документ в векторном формате.
- Импортировать растровое изображения с компьютера.
- Сохранить созданное изображение на компьютер. Этим пунктом стоит пользоваться почаще, чтобы не потерять результат своей работы при обрыве связи или зависании окна браузера.
- Экспортировать готовую картинку в растровый формат PNG.
Пункт меню Edit:
Здесь все стандартно и вы сможете с помощью этого подменю отменить и вернуть последнее действие, вырезать, скопировать, вставить выделенный объект, продублировать его или удалить.
Пункт меню Object даст вам возможность:
- Переместить объект выше всех, на слой вперед и назад, расположить ниже всех.
- Сгрупировать несколько выделенных элементов в один объекти и разгрупировать их.
- Конвертировать фигуру из набора в кривые с возможностью последующего измения по узлам и выполнить обратное преобразования из кривой в объект.
Пункт меню Viev позволит:
- Включать и выключать линейку.
- Включать просмотр объектов с примененными свойствами и без них.
- Включать показ координатной сетки.
- Включить привязку объектов к узлам координатной сетки.
- Просмотреть исходный код описания вашего рисунка и при необходимости внести в него изменения.
Левое меню редактора Method Draw
Редактор векторной графики Method Draw имеет достаточно инструментов, чтобы создавать сложные векторные рисунки. Все эти инструменты собраны в левом меню, о котором следует рассказать подробно.
По крайней мере, на дату написания этой статьи всё было именно так.
Кнопка режима выбора объектов. В этом режиме можно выбрать несколько объектов, например, для их группировки, обведя область, включающую их, либо удерживая клавишу Ctrl и кликая по нужным объектам мышью.
Свободное рисование карандашом. Проведенная вами линия преобразуется в кривую, которую вы можете изменить, редактируя ее узлы.
Рисование прямых линий.
Рисование прямоугольников.
Рисование эллипсов
Рисование пути для построения объекта из кривых Безье и их редактирование.
Вставка готового графического векторного изображения из набора элементов, сгруппированных по тематике.
Вот как это выглядит:
Эти наборы очень удобны для быстрого рисования всяких несложных логотипов.
Вставка текстовой надписи.
Масштабирование области документа. Обраща. ваше внимание, что увеличивать и уменьшать масштаб в этом редакторе гораздо удобнее, вращая колесико мыши с зажатой клавишей Alt.
Выбор активного цвета из уже расположенных на рисунке объектов.
Инструмент выбора цвета заливки объекта и его контура.
Поддерживает несколько режимов заливки как контура, так и объекта, настройка которой вызывается щелчком по соответствующей иконке. Этот векторный графический редактор поддерживает режимы сплошной заливки, градиентной векторной заливки и градиентной радиальной заливки. На рисунке показано окно настройки линейной градиентной заливки. Выбор начального и конечного цвета производится из палитры. Сама палитра вызывается по двойному щелчку на образце цвета в виде капельки под образцом заливки. Также можно настраивать уровень прозрачности цветовой заливки.
Управление дополнительными свойствами графических элементов в правом меню Method Draw
Редактор позволяет задать дополнительные свойства каждому векторному элементу рисунка и получить оригинальные эффекты. Эта настройка производится в правом графическом меню, пункты которого зависят от выбранного объекта и их набор изменяется в зависимости от его типа.
Вот, например, как будет выглядеть это правое меню, если на рисунке выбран элемент “Прямоугольник”:
Здесь стандартные элементы управления элементом:
- X и Y – положение элемента на рисунке по горизонтали и вертикали;
- Width и Height – горизонтальные и вертикальные размеры;
- Rotation – угол вращения элемента;
- Opacity – прозрачность элемента;
- Blur – размытие на краях;
- Roundness – радиус закругления углов
Если переключаться между элементами, то набор этих инструментов будет меняться.
Кроме того, здесь же есть инструменты для различных выравниваний элементов и для изменения их границ:
Здесь тоже всё должно быть понятно для каждого, кто работал с подобными кнопками в Фотошопе, Лайтруме, или Иллюстраторе.
Обращаю ваше внимание на очень удобное изменение числовых параметров изображения. Чтобы изменить, например, толщину линии обводки, прозрачность или размытие, достаточно просто нажать левую кнопку мыши на соответствующей кнопке в правом меню, и удерживая ее передвинуть курсор вверх или вниз. При этом значение параметра будет плавно меняться, а вы сразу будете видеть результат изменений на рисунке. Но можно задать и точное значение, ввести его с клавиатуры. Для этого надо сделать на кнопке двойной щелчок.
Даже бегло ознакомившись с назначением всех кнопок, пунктов меню и элементов настройки графических объектов, можно понять, что онлайн редактор векторной графики Method Draw может по праву считаться достойной альтернативой громоздким и дорогим графическим пакетам. Каких-то сложных работ вы нём не нарисуете, но он и не предназначен для них. Про его назначение я писал в самом начале – быстро состряпать простой логотип, кнопку или иконку.
К тому же, он всегда будет у вас в распоряжении, для этого нужно только иметь возможность подключиться к сети Интернет.
Отправить ответ
Оставьте первый комментарий!