Векторный редактор онлайн — бесплатно VectorCraft: печать любого размера
Эмблема класса, значок для конкурса, плакат, грамота — всё, что потом печатают большим, рисуют векторами: линии остаются чёткими хоть на визитке, хоть на баннере. Меню и инструменты как в Illustrator, только бесплатно и в браузере.
Две фигуры — четыре новые
Так в векторном редакторе получаются полумесяц, бублик и любой сложный значок: фигуры объединяют, вычитают одну из другой, пересекают. Перетащите второй круг — результат пересчитается сам. А ползунок справа показывает, почему вектор печатают большим.
Стенд требует JavaScript. Сам VectorCraft открывается кнопкой выше.
В VectorCraft это команды Pathfinder (меню Effect → Pathfinder) и инструмент Shape Builder — для любых фигур, а не только кругов: звёзд, контуров пером, текста, переведённого в кривые.
Что умеет VectorCraft
Перо и кривые
Любой контур по точкам
- перо, карандаш и кисть
- прямое выделение точек и рычагов
- упрощение и сглаживание контура
- смещение контура (Offset Path)
Фигуры и их сложение
Сложное из простого
- прямоугольник, эллипс, многоугольник, звезда
- Pathfinder: объединить, вычесть, пересечь
- Shape Builder — собрать фигуру мышью
- повтор по кругу и сетке (Repeat)
Цвет и эффекты
Как в Illustrator
- градиенты и градиентные сетки
- прозрачность и режимы наложения
- тень, свечение, размытие
- искажения и деформация по сетке
Текст
Надписи для эмблем и плакатов
- текст по контуру — например, по кругу медали
- перетекающий текст в рамках
- перевод букв в кривые (Create Outlines)
- кириллица работает
Форматы
Отдать в печать и на сайт
- SVG — открыть и сохранить
- PDF и совместимые с ним .ai
- экспорт в PNG и для экранов
- несколько монтажных областей в одном файле
Так выглядит VectorCraft
Значок «Лучший читатель» нарисован в SVG и открыт в нашей копии программы: каждая деталь — отдельный объект, который можно двигать и перекрашивать.
Почему эмблемы рисуют векторами
Фотография состоит из точек, вектор — из формул
Любой размер без потерь
Фото, увеличенное вдвое, мылится — точек не хватает. Векторный рисунок хранит не точки, а формы: окружность остаётся окружностью и на значке два сантиметра, и на баннере два метра.
Правится по деталям
Перекрасить ленточку, сдвинуть звезду, заменить год — каждая деталь остаётся отдельным объектом.
Тема школьной информатики
Растровая и векторная графика — обязательная тема курса. VectorCraft показывает разницу на настоящем профессиональном редакторе.
Готово для типографии
PDF из VectorCraft принимают в печать: с метками обреза и без потери качества.
Как нарисовать значок
File → New…
Квадратный лист, например 800 на 800 пикселей
Фигуры — основа
Эллипс для медали, звезда, ленточки из прямоугольников. Цвет и градиент — в панели Properties
Сложите и вычтите
Effect → Pathfinder или Shape Builder: полумесяц из двух кругов, кольцо из большого и малого
Подпишите и сохраните
Текст инструментом Type, затем Type → Create Outlines. File → Export → Export As SVG… для сайта, File → Save as PDF… для печати
Нарисуйте свой значок — ничего не нужно ставить:
Открыть VectorCraft arrow_forwardВекторный редактор онлайн: что это и чем заменить Illustrator
Чем вектор отличается от растра
Растровое изображение — фотография, скан, скриншот — это сетка цветных точек. Его можно увеличить, но новых точек не появится: края станут ступенчатыми или размытыми. Векторное изображение хранит не точки, а описание форм — «окружность такого-то радиуса», «кривая через эти точки», «заливка таким-то цветом» — и при любом увеличении рисуется заново, с той же чёткостью.
Поэтому всё, что печатают в разных размерах, — эмблемы, логотипы, значки, вывески, плакаты, грамоты — делают в векторе. А фотографии обрабатывают в растровых редакторах вроде PhotoCraft.
Что такое VectorCraft
VectorCraft — бесплатный векторный редактор, который работает в браузере и повторяет устройство Adobe Illustrator: перо и прямое выделение, фигуры, обработка контуров (Pathfinder), градиенты, прозрачность, текст по контуру, слои и несколько монтажных областей. Он открывает и сохраняет SVG, PDF и совместимые с PDF файлы .ai, выгружает PNG.
Программа написана с нуля с открытым кодом командой ArtCraft. По оценке самих авторов, в ней есть около 70–75% возможностей Illustrator, а повседневная векторная графика уже почти вся работает. Нет пока трёхмерных эффектов, растровых эффектов в духе Photoshop и русского интерфейса.
Что учитель рисует в векторе
Эмблема класса или команды для турнира, значок для конкурса чтецов, логотип школьного проекта, плакат или стенгазета формата А3, рамка для грамоты, наклейки и бейджи. Всё это потом печатают — и вектор гарантирует, что на бумаге будет не хуже, чем на экране.
Удобно начинать не с нуля: SVG-заготовку можно найти или нарисовать, перетащить в окно VectorCraft и поправить — поменять цвета, текст, добавить детали. Каждая часть рисунка останется отдельным объектом в панели Layers.
Векторная графика на уроке информатики
Тема «растровая и векторная графика» есть в школьном курсе информатики, и показывать её лучше на настоящем редакторе, чем на картинке в учебнике. Нарисуйте окружность в VectorCraft и увеличьте до упора — край останется гладким. Выгрузите тот же рисунок в PNG и увеличьте снимок — появятся ступеньки пикселей. Стенд в начале страницы показывает ровно это.
Ученикам не нужны учётные записи: редактор открывается по ссылке на школьных компьютерах без установки. А навык работы с пером, фигурами и слоями переносится в любой взрослый векторный редактор.
Часто задаваемые вопросы
VectorCraft — это Adobe Illustrator? expand_more
Нужно ли устанавливать или регистрироваться? expand_more
В каких форматах можно сохранить рисунок? expand_more
Откроются ли файлы .ai из Illustrator? expand_more
Можно ли написать текст по кругу, как на медали? expand_more
Чем вектор лучше для эмблемы, чем картинка? expand_more
Можно ли превратить картинку в вектор? expand_more
Почему интерфейс на английском? expand_more
Файлы уходят на ваш сервер? expand_more
На чьих плечах
Мастерская собрана из открытого кода — и авторов нужно назвать
VectorCraft MIT / Apache-2.0
VectorCraft пишет команда ArtCraft (getartcraft.com): программа с открытым кодом, написанная с нуля на языке Rust и собранная для браузера в WebAssembly. Мы раздаём веб-сборку её релиза со своего сервера, не меняя самой программы.
О названиях
Adobe, Photoshop, Acrobat, Illustrator, InDesign, Lightroom, Premiere Pro и After Effects — товарные знаки Adobe Inc. ArtCraft — товарный знак ArtCraft Team. Ни «ПедОбраз», ни ArtCraft не связаны с Adobe: названия её программ упомянуты только для того, чтобы объяснить, что чем можно заменить.
Картины и фотографии в примерах
На снимках и в стендах — произведения в общественном достоянии: картина Н. П. Богданова-Бельского «Устный счёт» (1895, Третьяковская галерея) и цветные фотографии С. М. Прокудина-Горского (1909–1910, Библиотека Конгресса США). Документы на снимках PrintCraft — федеральные рабочие программы с сайта ЕДСОО.
Нарисуйте эмблему в VectorCraft
Фигуры, перо, текст по кругу — и PDF для печати любого размера. Бесплатно и без регистрации.
rocket_launch Открыть VectorCraft open_in_new