vectornator обучение на русском
Tutorials
Last Update November 26, 2018
Getting started with Vectornator
We designed Vectornator to be a professional vector graphic design software that helps you unleash your creativity on the go. In order to reach your fullest potential and master our software, we have prepared a number of guides and tutorials to help you get to know our software better by learning great tips and tricks that can benefit your creative process. This blog will be updated continuously, so keep in touch!
Tutorials created by our users
1. Learn How to Draw Vector Art
A great tutorial by Elias Sarantopoulos about how to draw vector art in Vectornator.
2. Design a Drop Cap
In this tutorial, designer Elias Sarantopoulos shows how to design a Drop Cap inspired by a Byzantine decorative floral design.
3. Your tutorial:
We’re looking forward to see your amazing tutorial here!
What’s Next…
We hope that our tutorial collection helps you get better at Vectornator, please stay tuned to more guides in the future and remember, practice is the best way to learn.
The following videos are only for version 1.x.x.
1. Start with the basics:
In our first tutorial, get to know the essential basics of Vectornator.
2. Master your layers:
Create a more organised workspace and a better design experience by mastering the layers tab.
Tutorials created by our users
3. Get to know vector drawing tools:
In this tutorial, designer Elias Sarantopoulos goes on on a journey exploring Vectornator and its drawing tools.
4. Learn about masking and paths:
Another great tutorial by Elias Sarantopoulos about masking vector lines inside a Type object and creating a 3D pseudo type effect.
5. Drawing with the Apple Pencil:
A great lets draw video by Angela Kalokairinou that goes in depth about using Apple pencil and Vectornator.
6. Advanced Drawing:
Feeling festive? Graphics by Cynthia created a beautiful Christmas card using Vectornator and Adobe Illustrator.
7. Professional completion:
Already Halloween? Dandy Studios created a Cartoon Grimm Reaper vector image using Vectornator Pro.
8. Integration of icons8:
Another great tutorial by Elias Sarantopoulos about showing the integration of icons8.
9. Design a mobile App UI:
Another great tutorial by Elias Sarantopoulos about showing how to design a mobile App UI by using vector icons, masking photos, adding shapes & text, in order to create great concepts on the go for clients or personal projects.
Check them out by clicking the image below:
We created a curated playlist of user created tutorials that you might find useful. We’d also love to feature your content so if you have created any Vectornator Pro tutorials or guides send us an email to let us know about them.
Want to stay up to date with our latest and greatest? Don’t forget to follow us on our social media and subscribe to our newsletter.
40 туториалов для создания векторных иллюстраций
В посте собрана подборка обучающих уроков по созданию векторной графики. На мой взгляд большинство материалов покажутся интересными для новичков только начинающих постигать векторное искусство. Но думаю, что специалисты также смогут найти для себя полезные уроки.
Туториалы бесплатные, но почти все на английском языке. Для удобства они поделены на три категории: приступая к работе, создание лиц, дизайн персонажей, ландшафт и окружающая среда и особые эффекты.
Приступая к работе
В этом уроке объясняется, каким образом создавать векторные иллюстрации используя Adobe Illustrator. Приводится объяснение ключевых параметров и инструментов, которое дополняется советами экспертов.
В этом многогранном туториале Вы узнаете основные термины, рассмотрите рабочие процессы и техники, которые помогут начать работать с векторной графикой.
Инструмент «перо» — один из основных в арсенале программы, он особенно важен для начального овладения векторной графикой. Это подробное руководство ставит своей целью познакомить Вас с особенностями и методами работы с незаменимым инструментом компании Adobe. А также с наиболее рациональными способами его использования.
Данный видео-туториал является действительно ценным ресурсом, который объясняет как создавать векторную графику в Illustrator и какую роль в этом процессе играет рисование.
От использования точек кривой Безье до обводки, заливки и придания векторной графике более естественного вида — это лишь некоторые секреты Illustrator из урока, которые существенно пополнят арсенал новичка.
Узнайте, как создавать простые органические формы в Illustrator с этим простым для восприятия руководством от Верле Питерс (Veerle Pieters), графического и веб-дизайнера.
7. Добавление текстуры для векторных иллюстраций
Добавление текстуры — это отличный способ сделать Вашу векторную графику более выразительной, подчеркнуть ее перспективу. В этом очень доступном видео эксперт Illustrator Александра Сесилио (Alexandra Cecilio) демонстрирует как это сделать.
Этот туториал от Андрея Мариуса (Andrei Marius) поможет Вам создать векторный линейный график. Пошагово: начиная с простой сетки до направляющих линий, используя только панель Appearance (один из мощнейших инструментов в Adobe Illustrator) с добавлением некоторых простых фрагментов текста и тонкой штриховки.
Создание лиц
9. Создание векторного глаза
Это очень полезный видео туториал, который показывает процесс создания векторного глаза, а также затемнение кожи.
Это углубленный видео курс, который поможет в овладении искусством создания векторных портретов на основе фотографий.
Еще один замечательный туториал по векторной графике. Руслан Хасанов показывает как манипулировать работой векторных линий и градиентами, чтобы придать работе динамичность.
С возрождением геометрической тенденции, справедливо сказать, что WPAP может быть представлен в большем количестве различных аспектов дизайна. Этот туториал покажет Вам как самостоятельно создать WPAP в Illustrator с помощью мастера WPAP.
Прорисовка волос в векторе может быть довольно мудреной. Этот туториал шаг за шагом показывает как волосы с фотографии превращаются в векторные.
В этом уроке Вы сможете создать иллюстрированный автопортрет в геометрическом стиле. В качестве основы иллюстрации будет использоваться Ваша собственная фотография. Она поможет нарисовать эскиз, а затем завершить оставшуюся часть работы.
Дизайн персонажей
Иллюстратор и дизайнер Юлия Соколова показывает как создать набор портретов, которые идеально подходят для социальных медиа или, к примеру, для обозначения различных категорий и профессий на Вашем сайте.
Джонатан Болл (Jonathan Ball), основатель Poked Studio, обьясняет как с помощью Illustrator основные геометрические фигуры превращаются в уникальных, красочных персонажей.
В этом уроке Вы легко и весело создаете очень простой трафарет, который можно использовать на различных поверхностях (включая футболки, стены, холсты). Сказка Л. Кэррол «Приключения Алисы в Стране чудес» вдохновила автора на создание векторного изображения и написание туториала.
С помощью этого туториала Мэри Винклер (Mary Winkler) собирается показать Вам, как нарисовать чиби персонажа с нуля, используя Shape Builder Tool (Shift-M), Pen Tool (P), прозрачные градиенты, и многое другие инструменты Illustrator.
В руководстве описан процесс создания простого персонажа аниме от начала и до конца.
Узнайте как создаются милые кролики в этом туториале векторной графики. Тренинг использует простые формы и градиенты, которые легко применимы и к иллюстрациям других персонажей.
Этот туториал представляет очень много основных форм для достижения действительно ловкого стиля иллюстраций. А затем «оживляет» йети с помощью палитры холодных цветов.
Здесь Вы сможете увидеть, как создаются персонажи видеоигр. У Вас будет возможность рассмотреть работу с первого эскиза и до самого финала.
Иллюстратор и автор Шейрен Милн (Sharon Milne) показывает, как создать монохромный портрет с фотографии.
Если Вы заядлый любитель футбола, то этот туториал будет особенно кстати. В уроке Сергей Кандаков создает яркую иллюстрацию с эффектом стиля ретро.
Ландшафт и окружающая среда
В этом уроке от векторного художника Андрея Мариуса (Andrei Marius) показано, как можно создать простой дизайн карты в Illustrator.
В этом туториале продемонстрировано, как создать в llustrator эффектный ландшафт окружающей среды. Для выполнения задания будет достаточно базовых знаний об инструментах программы.
Очень простой и последовательный урок от Дианы Тома (Diana Toma), который показывает как нарисовать прекрасные цветы используя градиентные сетки (меш).
Особые эффекты
В этом пошаговом руководстве Вы изучите, как создать «электрический» текст в векторе.
В этом учебном руководстве мы сделаем простой и красивый восточный паттерн в Adobe Illustrator, который будет состоять из различных объектов азиатской культуры.
За прошедшие годы винтажные иллюстрации и ретро-стиль стали вновь популярными в дизайне. В представленном уроке разработчик Бен Стирс (Ben Steers) делится своими методами, которые помогут Вам преобразовать векторные рисунки в ретро-стиль.
С помощью Illustrator можно создавать безупречную векторную графику. Но порой требуются иллюстрации, напоминающие художественные эскизы, выполненные на скорую руку. В уроке показано, как нарисовать векторный рисунок в таком стиле.
Следуя этому туториалу Вы сможете создать эффект блеска в Adobe Illustrator. В основе иллюстрации заложены три эффекта: бумага для заметок, витраж и рваные края. С помощью быстрой трассировки они превращаются в блестящую векторную текстуру.
Полутон — способ воспроизведения монохромного изображения. Он базируется на специфике восприятия картины человеческим глазом для которого область изображения, заполненная крупными точками, ассоциируется с более темными тонами. И наоборот, область, заполненная точками меньшего размера, воспринимается как более светлая. Художник Крис Маквей (Chris McVeigh) покажет, как создать векторный полутон.
В этом учебном руководстве Вы изучите, как создать графический логотип Бэтмена, используя простые формы в Adobe Illustrator. Используются простые инструменты, вроде Ellipse Tool (L) и Shape Builder Tool (Shift + M).
36. Конвертируйте растровое изображение в векторное
Это учебное руководство Inkscape демонстрирует, как преобразовать растровое изображение в векторное при помощи функции Trace Bitmap.
Слайдер — популярный элемент веб-дизайна. В данном туториале показан вариант создания слайдера в векторе.
Сиара Фелен (Ciara Phelan) продемонстрирует Вам как с помощью комбинирования векторных изображений и фотографий можно создать удивительный коллаж.
В этом туториале от одной дизайнерской студии рассказывается как просто нарисовать и трассировать фотографию. Для создания реалистичной иллюстрации в примере используется простая градиентная заливка.
В этом учебном руководстве показано, как создать эффект вышивки крестиком в Adobe Illustrator. Для этого будет использоваться панель Appearance и образцы.
Векторная графика на iPad: лучшие бесплатные и платные программы
Векторная графика постепенно дошла и до iPad. Если раньше планшеты Apple и рассматривали для рисования, то прежде всего для растра, что неудивительно: в App Store моно найти десятки годных приложений для этих целей. Однако, медленно, но верно на iPad появились программы и для вектора, который также с каждым годом находит все больше поклонников. Безусловно, рисование фигурками и точками выглядит более привлекательно и легко, чем классическое. Тем не менее, на деле все немного сложнее. Эти рассуждения тянут на отдельную статью, сегодня не об этом. Вектор на iPad! Что сейчас, в 2020 году, разработчики могут предложить всем интересующимся векторной графикой? Давайте посмотрим на подборку главных предложений. Итак, от самого дорогого к самому дешевому.
По классике, Adobe Illustrator
Раз уж Adobe наконец показали нам Illustrator на iPad, не начать список с него нельзя. Пожалуй, это самый популярный векторный редактор в мире. Однако речь у нас про iPad, и тут он далеко не пионер. Тем не менее, многие иллюстраторы и дизайнеры уже установили Illustrator на свои планшеты и с радостью пользуются им. А все благодаря синхронизации с другими продуктами Adobe, отличным инструментам и привычному многим интерфейсу.
Что нам может предложить продукт Adobe? Как минимум, отличную альтернативу десктопной версии, а как максимум, превосходное приложение для рисования. Все, что надо для отличной работы с вектором, тут есть, да, даже основные фигурки. Инструментов более чем достаточно, хотя при сравнении с компьютерной версией можно заметить нехватку парочки полезных опций (трансформация, эффекты, мало кистей). Однако, скажу честно, заметила я эту нехватку далеко не сразу. Не спорю, что пока здесь маловато кистей, да и с текстурами (Adobe, давайте побыстрее) пока не поиграешься, но все же фигуры, Pen Tool, простые кисти, настройки толщины линий, скрепления углов и тому прочее — есть.
В Illustrator очень приятная палитра, серьезно, удобнее для меня только Procreate. С градиентом, к слову, тоже можно работать. А еще, любители мандал, паттернов и других иллюстраций, где нужна симметрия, — ликуйте. Adobe специально добавили этот инсутрумент в свое приложение. И, о да! Вы можете настраивать плавность линии, благодаря регулятору Smoothness. Даешь рисование от руки в векторе.
А теперь главный подводный камень: цена. Все же наслышаны о рентной системе Adobe? Плати каждый месяц и наслаждайся рисованием с пустым кошельком. Что ж, эта программа уж точно не стала исключением. Она входит в любой пакет приложений Adobe, но также ее можно купить, или, лучше сказать арендовать, отдельно. Всего за 700 рублей в месяц… Не самое выгодное предложение на рынке, конечно, так что подумать стоит. Если же у вас есть подписка на Creative Cloud, то я без понятия, почему вы еще не скачали эту программу на свой планшет.
✅ Плюсы
❌ Минусы
Affinity Designer: достойная альтернатива
А теперь посмотрим на главного конкурента Adobe Illustrator. Что ж, эта программа без преувеличения впечатляет. Возможно, в ней есть даже больше, чем может понадобиться, а обилие кистей… уф, тут можно разойтись. Не менее интересной фишкой Affinity Designer является совмещение векторных и растровых режимов, так что диджитал-художники смогут проявить себя во всей красе, сэкономив на покупке сразу двух приложений.
Как и в любом другом редакторе, тут можно выбрать размер холста, цветовой профиль и другие настройки, необходимые для начала работы с вектором. Инструментов, как я сказала уже, тоже очень много. Все базовые фигурки, кисти и даже больше можно найти на панели инструментов. Очень радует возможность тонкой настройки кистей, что позволяет создавать действительно уникальные узоры и иллюстрации. Однако две фишки показались мне совсем непривычными: ластик и стабилизатор (он же Streamline).
Первый и вовсе в чистом виде не найдешь при работе с вектором. Чтобы убрать линию или немного ее укоротить, придется либо проводить манипуляции с самой фигурой, удаляя опорные точки, либо растрировать ее и потом уже стирать нормальным ластиком. Стабилизатор тут двух видов: «окна» и «веревки». Да, работать можно и линии выходят плавными, но пару минут придется потратить на привыкание. Лично я больше привыкла к классическому Streamline из Procreate, который правит линию по ходу в реальном времени. Работа с палитрой тоже немного не привычна, так как цветовой круг отличается и пока я все еще не научилась подбирать цвета с помощью него как следует.
Однако уверена, что вышеперечисленные проблемы — лишь вопрос времени. Программа действительно превосходная, а возможность работать одновременно и с растром, и с вектором не может не радовать такого любителя этого формата, как я. Хорошо, что студия Serif подготовила впечатляющее количество бесплатных онлайн-уроков, чтобы помочь адаптироваться и изучить все возможности программы. К слову о возможностях, с помощью программы вы даже сможете рисовать в изомерии на вашем планшете, что тот же Adobe Illustrator пока не может предложить пользователям. Однако для некоторых может показаться принципиальным фактор отсутствия экспорта в Ai, который часто требуется в работе. Если же вам хватит PSD и других стандартных форматов, то определенно посмотреть на программу стоит. И внимание, цена! Никаких подписок: заплати разово 1790 рублей и наслаждайтесь неограниченным набором функций.
✅ Плюсы
❌ Минусы
Vectornator: бесплатно и не сердито
Самый маленький, но достаточно амбициозный член этой команды. Почему его стоит попробовать? Да потому что установить его можно бесплатно, а возможностей для рисования в нем достаточно. Да даже пресловутый экспорт в Ai доступен. Базовый набор инструментов может послужить отличной отправной точкой для знакомства с вектором, как и всевозможные настройки линий, фигур и тому подобное.
Конечно, программа не может похвастаться таким же большим арсеналом инструментов, как те, что были выше, но имеющегося более чем достаточно для создания незамудренных иллюстраций или дизайнерских элементов. Так, можно рисовать всеми классическими способами и даже немного настраивать кисть, играться с текстом и обрабатывать контуры. Если же вы не столько хотите рисовать, сколько быстренько добавить какие-то элементы в интерфейс или еще куда-нибудь, то программа точно подойдет для вас. В библиотеке можно найти более 80 000 бесплатных иконок и получить доступ к безграничной коллекции фотостока Unsplash, к слову, такая фишка есть и у Affinity Designer.
Кратко говоря, программа отличная. В ней можно как рисовать, так и просто по-быстрому создавать проекты в сфере графического дизайна. Особенно она понравится новичкам, которые только открывают для себя этот мир векторной иллюстрации. Хотя я уверена, что даже опытные иллюстраторы и дизайнеры найдут в ней много полезного. Она может стать отличным компаньоном, когда ноутбука под рукой нет, но сделать векторное изображение надо. Я, например, в свое время в Vectornator быстренько нарисовала контур своего университета, который уже потом дорабатывала в Adobe Illustrator на ноутбуке. Да и вообще мой старт в векторную иллюстрацию начался именно с Vectornator, так как любимый мною сейчас Illustrator в то время еще не был доступен на iPad. Поэтому определенно советую ознакомиться с приложением, тем более, что оно не обойдется вам в копеечку.
✅ Плюсы
❌ Минусы
Куда инвестировать?
Перед вами три самых популярных векторных программы на iPad. Что ж, вот у вас в руках iPad, вы преисполнены желанием творить и создавать красивые иллюстрации на свое планшете и, возможно, даже готовы вложить немного денег. Что выбрать? Как и во многих других ситуациях, тут все зависит от того, насколько прокачен ваш скилл. Если вы новичок, то почему бы не начать с обычного Vectonator. Тут можно узнать об основных инструментах и, как минимум, иконках, а как максимум, не самые замудренные иллюстрации делать можно. Если же вы уже работали с вектором и готовы и дальше развиваться в этом направлении, то можно посмотреть на Affinity Designer и Adobe Illustrator.