Как можно легко и просто создать векторное изображение? Векторное рисование


Векторные инструменты рисования в Фотошопе

Базовые векторные инструменты в Adobe Photoshop идентичны Illustrator-у. Но, отмечу, для рисования в чистом виде они не созданы. Почему? Во первых, для рисования в векторе есть отличные программы Illustrator или Corel Draw. Вот там присутствует весь необходимый для рисования функционал. Во вторых, скупость настроек в фотошопе для вектора. В Фотошопе имеются только инструменты рисования и некоторые примитивы. Что с одной стороны правильно. Вот отличная программа для растровой графики, а вот отличная программа для векторной. Да, в векторной бывает необходимо поработать с растром, а в растровой бывает нужен вектор. Так лучше связать их и продавать пакетом.

Из картинки видно — все контуры, из которых состоит фигура, остаются внутри слоя. Таким образом фигуру можно быстро и легко изменить. Хотя векторный Adobe Photoshop способен на куда большее. Например, данные эскизы для одного старого сайта я исполнял в векторе. Изображение я кистью с твердыми краями. Затем выделял слой и переводил выделение в контуры. Из контуров делал залитые слои с векторной маской. Таким образом я достигал отсутствующего в фотошопе сглаживания контура.

Инструмент Pen Tool

Первым у нас идет инструмент Pen Tool и его разновидности. Тот же самый набор можно найти в Illustrator-е. Это удобно при переходе из одной программы в другую, не надо переучиваться. Тем более что все векторные инструменты перекочевали в Photoshop прямо из Illustrator-а.

Pen Tool — перо Безье, модулировать им векторный контур проще простого, но для новичков может оказаться весьма сложным занятием. Подробные описания всех приемов управления с направляющими заняли бы отдельную статью или главу. Фактически это самый основной и головной инструмент модулирования фигур и контуров в векторе. И, что удобно, одинаковый во всех векторных программах.

pic4

Попробуем изобразить пару контуров. Выберите инструмент Pen Tool, и следите чтобы в настройках инструмента у вас стояла опция Path. Не то чтобы это было особенно важно, но если вместо Path там будет Shape Layer, то вы будете рисовать заливками с векторной маской, а не просто контурами. Подробнее об этих режимах я написал в статье Shape Layers, Path и Fill Pixel в Фотошопе.

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

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

Понять в какой зависимости от чего строятся линии в зависимости от направляющих пожалуй самое базовое понимание векторной графики. На панельке настроек векторных инструментов у Pen Tool есть одна интересная настройка — Auto Add/Delete. Это фактически автоматизированные Add и Delete Anchor Point Tools о которых речь пойдет дальше. Кликните по этой галочке и ваша кисть сможет прямо во время рисования добавлять точки на уже отрисованные контуры и удалять ненужные точки. Вы сможете делать это прямо во время рисования контура, а не после. И для этого не придется переключаться на бесполезные Add и Delete Anchor Point Tools

Freeform Pen Tool

Если для работы с Pen Tool необходимо понять принципы построения векторных кривых, то Freeform Pen Tool — инструмент, свободный от всяких правил и принципов. Просто кликайте по нему и рисуйте контур, так как вы рисовали бы обычной кистью. Идеальный круг или праздник геометрических форм им конечно не изобразить, а вот кляксу вполне. Этот инструмент подойдет для создания коллекций фигур в индустриальном стиле. Рисовать кляксы им самое то. Ну а если мастерство рисования доведено до совершенства, то… думаю лучше использовать программу Illustrator, если конечно вы не из тех, кто для развлечения ваяет шедевры в MS Paint (:

У инструмента Freeform Pen Tool пожалуй есть ещё одна интересная настройка. В панели настроек Freeform Pen Tool есть галочка Magnetic. Это спрятанный аналог инструмента Magnetic Lasso Tool. Работает точно так же. Просто включите эту галочку. Подведите курсор к какому-то четко выраженному объекту, с высококонтрастной кромкой и начинайте обводить. Конечно, идеальной геометрии ждать от этого инструмента не нужно.

Add Anchor Point Tool и Delete Anchor Point Tool

Add Anchor Point Tool — тот инструмент добавляет на уже отрисованный контур дополнительные точки, для изменения или коррекции формы контура. Просто нарисуйте контур, затем переключитесь на этот инструмент и поставьте не хватающие узелки в нужных вам местах. Для чего это нужно? Ну может вам необходимо поставить побольше точек, что бы контур был больше похож на то что вам нужно.

Delete Anchor Point Tool — соответственно данный инструмент удаляет лишние точки векторной кривой. Область применения этого инструмента та же что и у Add Anchor Point Tool, только в случае уменьшения точек линия контура становится по понятным причинам более ровной и мягкой.

Convert Point Tool

Этот инструмент помогает в редактировании направляющих точки кривой. При нажатии на точку инструмент сбрасывает направляющие. Удерживая кнопку мыши, отводим мышку в сторону. Так мы изменяем формы и направление направляющих, против их первоначального значения. А если зацепить инструментом Convert Point Tool одну из направляющих, можно придать ей независимое направление.

И ещё раз. Вы захватываетесь инструментом Convert Point Tool, за точку. От такой близости у точки сбрасываются направляющие. Не отпуская кнопку мыши, отводите мышь в сторону, выстраивая новые направляющие. А при желании, можете захватить за одну из направляющих и настроить её в индивидуальном порядке. А теперь обсудим детали.

Выпадающее меню векторных инструментов

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

Delete Anchor Point

Все очень просто. Кликаете по непонравившейся точке и удаляете её. Мне так даже проще чем инструментом Delete Anchor Point Tool. Тем более если такая точка всего одна. Эта опция меню сменная. Сейчас там Delete Anchor Point, потому что я подвел мышку ровно к точке. Если кликнуть мышкой по любому месту контура Delete сменится на Add Anchor Point, то есть речь идет о добавлении новой точки на контур.

Create Vector Mask

Является шорткатом на опцию Layer > Vector Mask > Current Path Что делает эта опция? Создает векторную маску конечно. Сейчас я покажу как это делается. Поместите на палитру какое-нибудь фото. Я например выбрал фотографию своего попугая Чучи. Контур должен быть виден. Сбрасывать его нельзя. Поместите фото прямо под контур или контур под фото. Или нарисуйте новый контур именно так, как вам хочется. Теперь нажимаем на Create Vector Mask и получаем результат! Векторный контур превратился в векторную маску. А попугай Чуча в кружок!

Delete Vector Mask

Название говорит само за себя. Попугай Чуча превращается в прямоугольную фотографию. Маска уходит в небытие. Контур становится обычным контуром.

Define Custom Shape

Контур превращается в векторную фигуру-заготовку. То есть, данная опция сохраняет контур, помещает его в специальную библиотеку, откуда его далее можно всегда достать и не хитро воспользоваться. Просто впишите название вашего контура.

И найдите его по адресу инструмента Custom Shape Tool в меню настроек инструмента среди других зверюшек и стрелочек.

Make Selection — Эта опция из вектора создает выделение. Разберем поподробнее что предлагает нам меню.

Feather Radius — радиус размытия. Если вы свое выделение далее зальете, края будут рызмытыми. Чем больше значение тем больше размытие. Внимание на экран:

Anti-aliased — смягчает края. Без функции Anti-aliased заливка будет залита попиксельно. Функция Anti-aliased создает на краях заливки полутона.

Fill Path

Дальний родственник опции Edit > Fill. Но в отличии от последней имеет пару апгрейдов. У него есть идентичная графа Content, что в целом значит, чем заливать то будем? Есть графа Blending, отвечающая за режимы наложения. А так же важная галочка Preserve transparency. При выставлении этой галочки заливка учитывает прозрачные места и не заливает их.

Stroke Path

Подчеркивает выделение. Причем подчеркивает чем угодно. В меню Stroke Path можно выбрать любой инструмент, хоть резинку, хоть блендер, хоть кисть. Чаще всего конечно нужна кисть. Stroke Path пользуется настройками инструмента, которые выставленны в данный момент. Например если последний раз вы рисовали твердой кистью 10 px, то подчеркиваться контур будет именно ею. Опция Simulate Pressure симулирует давление.

Clipping Path

Разновидность маскирования в фотошопе и не только. Наиболее часто Clipping Path применяют при отделении заднего фона от объекта. Не поверите, но на западе существуют целые студии занимающиеся этой работой, а работники маскировщики называются — специалисты по маскированию. Вот уж специалисты так специалисты! По сути, Clippping Path крепит контур к растровому изображению. Нарисуйте, например, контур на семейной фотографии, или выделите контуром объект. Сохраните в формате PDF и откройте в Illustratore. Ваше изображение помещено внутрь контура, точно так же как при векторной маске. По правде говоря этот Clipping Path является для меня черным пятном. Загадочность Clipping Path заставила меня подробным образом изучить эту опцию, о чем я и написал в своей статье Что такое Clipping Path

Free Transform Path

Изменяет форму контура или отдельной группы точек. Изменение формы объекта в представлении не нуждается. И без того интуитивно ясно как это делается. Квадратик крутится во все стороны, зажимая уголки меняется размер. А при зажатии клавиши Ctrl меняется перспектива фигуры.

Автор:

Дмитрий Веровски

Арт директор в Red Bear Agency. Первый Фотошоп поставил себе в 2000 году, а профессионально занялся дизайном в 2007. Реализовал сотни проектов (сайты, рекламные компании, упаковки, айдентика и печать). В блоге и своих соц. сетях пишу статьи и краткие заметки на тему дизайна, заработка и клиентов. Добро пожаловать! Мои социальные сети: Вконтакте Фейсбук Инстаграм

hronofag.ru

Фото в векторный рисунок

В этом уроке Photoshop мы превратим обычную фотографию девушки в векторный рисунок.

Это достаточно сложный урок, который займет у вас много времени, но он того стоит! Благодаря этому уроку вы поймете, как рисуются векторные изображения людей.

Здесь мы не используем ни один фильтр, только инструмент Перо. Если вы не знаете, как пользоваться инструментом Перо, то смотрите здесь.

Шаг 1

Найдите фото, которые вы хотите переделать в векторный рисунок.

Шаг 2

Дублируйте его и перейдите в меню Image>Adjustments>Posterize (Изображение - Коррекция - Постеризовать) и выберите там нужное количество уровней. Чем больше уровней, тем детальнее будет ваше векторное изображение.

Шаг 3

Выделите лицо и шею девушки (открытые участки кожи) с помощью Воспользуйтесь пипеткой , чтобы выбрать цвет кожи с фото. Залейте выделение этим цветом.

Шаг 4

Снова с обведите волосы, залейте черным цветом и разместите этот слой под слоем с лицом.

Шаг 5

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

Шаг 6

Обведите края одежды. Помните, что каждая деталь должна быть однотонной. Тени мы будем рисовать позже...

Шаг 7

А теперь опираясь на вашу постеризованную основу и оригинал изображения определитесь с новым уровнем, который будете вырисовывать, и с его цветом.

НИ В КОЕМ СЛУЧАЕ НЕ БЕРИТЕ ЦВЕТ С ПОСТЕРИЗОВАННОГО СЛОЯ! ЦВЕТА НА НЕМ НЕПРАВИЛЬНЫЕ, ОН НУЖЕН ВАМ ТОЛЬКО ДЛЯ ВЫРИСОВЫВАНИЯ УРОВНЯ.

Шаг 8

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

Шаг 9

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

Шаг 10

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

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

Шаг 11

Подредактируйте все оставшиеся детали...

Шаг 12

Теперь поработайте с глазами. Сначала на новом слое нарисуйте форму глаза. Затем создайте еще слой и нарисуйте ресницы. После слейте оба слоя вместе.

Шаг 13

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

Шаг 14

Вырисовываем губы. Сначала нарисуйте форму и залейте основным цветом.

Шаг 15

Нарисуйте тени и блики на губах, а также во рту (если есть необходимость).Здесь как видите нарисована подложка для зубов - это основа десен и тень от зубов.

Шаг 16

И в конце нарисуйте сами зубы и блики на них.Помните, что все тени и блики нужно группировать с основным цветом.

Шаг 17

И после нескольких часов работы над этим фото, посмотрите теперь на результат! Мы искренне надеемся, что вам самим нравится то, что вы нарисовали.

До встречи на www.photoshop-master.ru!

photoshop-master.ru

Векторный рисунок из фотографии

Открываем картинку, на которой можем видеть голову и часть торса девушки.

Идём Цвет > Постеризация... и выставляем необходимые значения, которые дадут результат как на картинке ниже.

Выбираем цвет кожи и с помощью Контуров выделяем всю кожу на картинке, нажимаем кнопку "Выделение из текста", создаём новый сой и на нём заливаем это выделение цветом кожи.

Выбираем более тёмный цвет и делаем все тени на торсе (здесь удобно скрыть слой с кожей, нажав на глазик на вкладке слоёв, перейти к основной картинке, выделить Контурами все тени, создать новый слой над слоем с кожей и там залить выбранным цветом выделенную область теней).

Теперь выбираем ещё более тёмный цвет кожи и доделываем тени тем же способом, как и в предыдущем пункте.

Теперь используем коричневый цвет для тени под подбородком.

Наносим лёгкие тени на лицо.

И делаем всё так же, как и с торсом, так же добавляем все тени на лице.

Теперь добавляем тень вокруг глаз и используем инструмент "Осветление/Затемнение", чтобы сделать маленькие белые линии над глазами (то есть делаем веко).

Рисуем одежду, можно импровизировать.

Начинаем с нижней губы и ярко-розового цвета.

Теперь используем насыщенный тёмно-красный для создания верхней губы и добавляем штрихи для придания губам реалистичности с помощью инструмента "Осветление/Затемнение".

Создаём небольшую линию, которая разделяет верхнюю и нижнюю губу.

И добавляем белый блеск на нижнюю губу (можно с помощью кисти, нужно сильно осветлить).

Используем тёмно-коричневый цвет для создания части ноздри.

Теперь используем чёрный для создания линии глаз и ресниц.

Белым цветом рисуем белки глаз.

Рисуем радужные оболочки и зрачок, радужным оболочкам добавляем внутренее свечение чёрного цвета, добавляем белые точки в зрачки для создания эффекта блеска в глазах.

Добавляем брови.

Теперь переходим к волосам (эта часть занимает больше всего времени, так как прийдётся много рисовать вручную).

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

Всё, работа завершена!

www.progimp.ru

Как можно легко и просто создать векторное изображение?

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

Программы сами по себе ничего сделать не могут. Придётся учиться.

Самый простой способ "создания" векторного изображения - скачать подходящую картинку в интернете и преобразовать её в векторное изображение. Например с помощью программы Vector Magic Desktop Edition. Это действительно "легко и просто".

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

Далее, по простоте использования, можно поставить бесплатные редакторы векторной графики.

Inkscape - бесплатный векторный графический редактор. программа действительно абсолютно бесплатная и довольно простая в использовании. На сайте разработчиков можно посмотреть обучающие материалы.

Для многих пользователей, которые делают первые шаги в работе с компьютерной графикой, будет вполне достаточно такой "рабочей связки" - Inkscape + Paint.NET (растровый редактор). Обе программы бесплатные и их возможностей будет вполне достаточно для начала работы с векторной и растровой графикой. Основные инструменты в этих программах идентичны таким-же инструментам в профессиональном софте.

Serif DrawPlus Starter Edition - бесплатный редактор векторной графики практически с профессиональными возможностями. Программа имеет стандартный интерфейс идентичный многим редакторам графики профессионального уровня и по функционалу совсем немногим уступает CorelDRAW Graphics Suite и Adobe Illustrator.

PhotoLine - редактор растровой и векторной графики с довольно простым интерфейсом и очень приличными возможностями. В программе присутствует полная поддержка цветовой модели CMYK и поддержка многих графических форматов: PLD, PDF, TIF, BMP, GIF, JPEG, CMX, PCD, PCX, PNG, PSD, EPS, PICT, TGA, IMG, ICO, ANI, XBM, IFF, ESM, CGM, PIC, CVG, GEM, WMF и EMF.

С помощью PhotoLine можно создавать анимированные картинки и флеш-баннеры в форматах GIF и SWF.

Ещё можно посоветовать парочку программ, которые чаще всего используются для создания векторной графики профессионалами.

CorelDRAW Graphics Suite - пакет программ для работы с растровой и векторной графикой который не нуждается в представлении. CorelDRAW - самый популярный у дизайнеров всех уровней векторный графический редактор.

Adobe Illustrator - профессиональный дизайнерский инструмент для работы с векторной графикой. Adobe Illustrator ни чем не уступает CorelDRAW.

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

www.bolshoyvopros.ru

урок № 4. Простые векторные рисунки.

 

CorelDraw. Урок № 4. Простые векторные рисунки.

Здравствуйте, дорогие читатели блога zuit.ru. Векторная графика, которую мы с вами изучаем, поможет вам создавать красивые рисунки, а потом и зарабатывать неплохие деньги. Потому что таким образом вы сможете получить новую профессию – web-дизайнер.

Об этом я рассказывала в статье «Круг спасения для утопающих. Часть 2». Поэтому занимайтесь вместе с нами, и вы легко научитесь работать в программе CorelDraw.

 

Сегодня мы с вами начнем рисовать самые простые векторные рисунки.

В прошлом уроке мы уже научились  рисовать основные фигуры, окрашивать их в различные цвета, поворачивать и копировать.

Мы научимся в этом простом уроке создавать прямые линии, ломаные, кривые и будем перемещать различные объекты с места на место.

Для начала откроем программу CorelDraw и создадим новый документ. Перед вами будет просто белый лист. Можно работать и в старом документе, он назывался у нас, если вы помните, «рисунок № 1». В этом случае просто нажимаем на плюсик внизу страницы, чтобы добавилась новая страница. Как это делать, я уже рассказывала в уроке № 2.

Находим в левом меню небольшой карандашик (он пятый сверху) – это очень полезный инструмент, который называется «Свободная форма». Программа всегда подсказывает название инструмента при наведении курсора.

Нажимаем на маленький треугольник внизу, после чего открывается целая линейка новых инструментов.

Можете на каждый из них навести курсор и прочитать название. Первый – это свободная форма, мы к ней еще сегодня вернемся. А сейчас нас интересует пятый по счету, который называется «Ломаная линия». Он напоминает плоскую кисть.

 

 

 

Нажимаем на него, переводим курсор на белый лист и видим, что курсор превратился в крестик, под которым есть небольшая ломаная линия.

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

 

 

Что будет если во второй раз нажать не два раза, а только один? Тогда наши линия не прервется, а пойдет дальше в том направлении, куда вы сами захотите. Например, так.

 

 

 

В конце не забывайте нажимать два раза, чтобы прервать линию.

Предположим, что мы хотим окрасить эти линии в разные цвета и поменять толщину. Что для этого надо сделать?

В верхнем меню есть окошко с тонкой линией. Если навести мышкой, то всплывает окошко, в котором можно прочитать, что это толщина абриса.

 

 

Открываем это окошко, нажимая на стрелочку, и выбираем любую толщину. Например, самую последнюю.

Порядок такой: сначала выделяем линию, а потом начинаем что-то менять. Как видите, наши линии стали намного толще.

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

Теперь окрасим их в красный и синий цвета. Выделяем нужную линию, для этого просто по ней щелкаем, а потом наводим курсор на цвет на палитре и щелкаем правой кнопкой мышки. Если щелкнуть левой мышкой, то ничего не изменится. У вас должно получиться так.

 

 

Прямые и ломаные линии мы уже научились рисовать. А что делать, если нам надо нарисовать что-то, состоящее из кривых, то есть объекты любой формы?

Для этого как раз и подойдет инструмент «Свободна форма».

Можно щелкнуть по нему прямо в левом меню, после чего курсор превратится в крестик, под которым появится кривая линия.

Что можно нарисовать? Например, листик. Самый обычный лист, хотя потом можно рисовать и дубовые, и кленовые листья, любые.

Окрашиваем его в зеленый цвет. Обратите внимание на то, сколько оттенков зеленого цвета предлагает цветовая палитра. Для каждого вашего рисунка надо будет подбирать определенный оттенок.

Когда вы рисуете инструментом «Свободная форма», надо обязательно сделать так, чтобы первая точка вашего рисунка и самая последняя совпадали. Если они не совпадут, то окрасить рисунок полностью не получится, потому что у вас будет не рисунок, с точки зрения программы, а простая линия.

 

 

Видите, какая разница между первым и вторым рисунком?

Что же делать, если точки не совпали и получился разрыв линии?

Наводим курсор на один из маленьких квадратиков на одном из концов, нажимаем один раз левой мышкой и протягиваем до второго маленького квадратика на другом конце линии, опять нажимаем один раз. Кривая замкнулась, и теперь мы можем окрашивать в любой цвет.

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

 

А теперь попробуем нарисовать при помощи инструмента «свободная форма» цветок.

Рисуйте, как придется, не останавливаясь на деталях. У вас может получиться ромашка или колокольчик, подсолнух, все, что угодно.

Я сделаю так: нарисую незабудку.

 

 

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

Что нам не хватает? Конечно, серединки. Для этого в левом меню находим эллипс и рисуем небольшой кружок. Если вам нужен именно круг, нажимайте клавишу Ctrl левой рукой, а правой рисуйте. Окрашиваем этот круг в бледно-желтый цвет.

Можно рисовать прямо на цветке или нарисовать в стороне, а потом переместить.

Каким образом мы перемещаем объекты в программе CorelDraw?

Выделяем наш круг, наводим на него курсор, после чего курсор превращается в крестик со стрелочками, и перетаскиваем, куда нам надо. В нашем случае – на серединку незабудки.

 

Инструментом «Свободная форма» рисуем стебелек и два лепестка. Для стебелька выбираем нужную толщину и окрашиваем в зеленый цвет.

Рисуем лепестки, а потом аккуратно подставляем их на стебелек.

 

 

Чтобы перетащить листок, не забывайте сначала его выделить.

Оттенки зеленого цвета можете выбирать любые.

Задание:

Нарисуйте несколько цветов, соблюдая цветовую гамму.

Постарайтесь сделать так, как на моем рисунке. Обратите внимание, что вам надо сначала нарисовать только один цветок, а остальные скопировать, поворачивать и перемещать.

 

Ломаные линии по бокам имеют разную толщину.

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

P.S. Понравилась статья? Не забудьте подписаться на уведомления и получать

свежие новости на e-mail, чтобы не пропустить ценную информацию.

 

Советуем вам прочитать другие интересные статьи:

Что такое компьютерная графика?

Как установить программу CorelDraw для работы?

CorelDraw – урок № 2. Разбираем меню графического редактора.

Как люди расслабляются?

Какое пиво лучшее? История одного любителя пива.

 

www.zuit.ru

Как рисовать векторные рисунки - дизайн-студия vectora.ru

1. Урок 06. Использование векторных кистей в CorelDraw (Статьи/Уроки CorelDRAW)

Урок 06. Использование векторных кистей в CorelDraw Все мы знаем как рисовать кистями, но иногда можно использовать нестандартный подход. Реализовать его нам помогут векторные кисти. Для начала вполне ...

2. Урок 05. Рисуем лампочку при помощи бленды (Статьи/Уроки CorelDRAW)

... Теперь мы можем нарисовать две не совсем прямые линии для нашей спирали, делая это инструментом Freehand Tool (F5) и используя цвет (R 140 G 110 B 53). Точно так же создаем следующие полосы поверх первых, ...

5. Урок 01. Портрет в CorelDraw (Статьи/Уроки CorelDRAW)

Урок 01. Портрет в CorelDraw Нарисовать портрет без навыков художника или никогда не имея за плечами художественного образования Вам кажется очень сложным? В уроке мы рассмотрим, как можно обойтись ...

6. Девушка (Портфолио / Иллюстрации / Девушка)

Название: «Девушка в шляпе» В этом векторном рисунке использовалась техника рисования инструментом Mesh Fill. Идея иллюстрации — придать рисунку эффект «рисования кистью». ...

7. Комикс (Портфолио / Dress-art / Комикс)

... смысл отобразить черты характера реального человека, с которого он рисовался. Рисунок был сделан для перевода на майку или другую одежду в подарочном варианте. ...

8. Визитка (Портфолио / Визитки / Визитка)

Название: «Цветная визитка» Оформление визитной карточки с портретом владельца. Работа выполнена в стиле «рисование кистью». В рисунке использовались эффекты прозрачности (Interactive ...

vectora.ru

Лучшая программа векторной графики. Трёхмерная векторная графика

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

программа векторной графики

Современная компьютерная графика

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

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

CorelDraw - один из самых известных представителей векторной графики

Программа векторной графики CorelDraw - очень яркий пример для наглядности. В ней есть достаточное количество инструментов для создания изображений любого размера без потери качества. Ее часто противопоставляют программе Photoshop - знаменитому представителю графики растровой.

программа векторной графики coreldraw

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

Основными достоинствами этой программы считается возможность изменять размер и форму изображения.

Adobe Illustrator

Adobe Illustrator - это программа векторной графики, используемая в основном художниками - профессионалами и любителями. В отличие от CorelDraw, в которой обычно создаются всякие лого, нуждающиеся в масштабировании, в Illustrator рисуют полномасштабные детализированные картины. В нем работают многие специалисты по компьютерной графике, ведь этот продукт от компании Adobe предоставляет многие возможностей для воплощения идей как в сфере дизайна (в том числе и веб), так и видеомонтажа и многого другого.

Трехмерные спецэффекты и спецэффекты в режиме реального времени, большое количество инструментов для рисования - все это делает Adobe Illustrator мощнейшей программой векторной графики. Не зря вот уже столько времени он не теряет своей популярности, а только приобретает ее - в силу актуальности.

программы растровой и векторной графики

Бесплатные аналоги

Две предыдущие рассматриваемые программы только подтверждают правило, что за качество нужно платить. И Corel, и Illustrator официально стоят немало денег. Конечно, бесплатно на просторах интернета не так уж и сложно найти пиратские версии, репаки и портативные варианты, но не лицензионный оригинал.

А значит, самое время вспомнить о том, что самые распространенные - не значит единственные.

Inkscape

Inkscape - полноценное профессиональное средство для работы с векторной графикой. Доступна не только программа, но и ее исходный код - все это признаки Linux-программ, Windows-версии которых в последнее время завоевывают рынок. Они отличаются высоким качеством и удобством в использовании.

Inkscape полностью оправдывает ожидания мастеров дизайна, предлагая им выбор из различных инструментов для рисования, мощнейший трейсинг, отменную работу с цветами. Кроме всего прочего, программа поддерживает самые распространенные форматы изображений.

векторная графика изображения

Когда говорят о бесплатных аналогах продуктов работы с вектором, Inkscape вспоминают в первую очередь. И не зря. Его смело можно ставить в один ряд Illustrator, а по стоимости и нагрузке на систему он даже его обойдет на пару пунктов.

Creature House Expression

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

Creature House Expression делится в своей истории на два периода.

Впервые он заявил о себе как инновационный программный продукт. Дело в том, что один из недостатков векторной графики - это сложность получения "живого" изображения. Растр (в котором, к примеру, редактируются фотографии) справляется с этим гораздо лучше. Именно Creature House Expression попытался (и весьма успешно, надо сказать) исправить это. Набор кистей в этом продукте оказался настолько потрясающим, что в итоге вышло, что вектором можно было рисовать так, как будто это совсем не векторная графика. Изображения получались очень реалистичными.

трехмерная векторная графика

В 2003 Microsoft купил компанию, выпускающую Expression, стандартизировал его, дал свое имя. Но и оригинальную и, что немаловажно, бесплатную версию этого программного средства все еще можно скачать с официального сайта его нынешнего производителя-владельца.

Microsoft Expression Design

Microsoft Expression Design - это и есть новое название рассматриваемого в предыдущем пункте программного продукта. И да, эта версия также целиком и полностью бесплатна. Правда, только для студентов, и для того чтобы ее получить, необходимо отправить специальный запрос с подтверждением этого статуса. Ответ на него приходит довольно быстро.

Microsoft Expression Design отошел от своих истоков и, как уже говорилось, теперь больше подходит под "стандарты" векторного графического редактора. Но в нем все еще много функций, а весь инструментарий полностью удовлетворяет среднестатистического иллюстратора или веб-дизайнера.

Aviary Raven

Отсутствие необходимости не только в оплате, но и в установке отличает эту программу. Да, все верно, Aviary Raven работает в онлайн-режиме. И это бы понизило ее статус в глазах многих, если бы не одно но - она далеко не примитивна.

Предварительная регистрация позволяет сохранять свои шедевры на своем аккаунте и затем экспортировать их. А для создания этих шедевров Aviary Raven предоставляет множество функций, инструментов и опций. Да, это не полноценный векторный редактор, но очень к нему близок. По крайней мере, если по каким-то причинам устанавливать программу нет времени/возможностей, Aviary Raven быстро придет на помощь. А аккаунт позволит получить доступ к своим работам с любого ПК, как бы далеко от своего рабочего места не был пользователь!

Трехмерная векторная графика

работа с векторной графикой

Двумерная графика - графика, грубо говоря, "плоская", она работает (как видно из названия) только с двумя измерениями. За ней следует трехмерная графика, при помощи которой создаются объемные объекты.

Если про двухмерную графику говорят, что ее рисуют, то объекты трехмерной - моделируются. Такое изображение на плоскости включает в себя построение геометрической модели проекции на нее.

3D-графика работает как с растровыми, так и с векторными иллюстрациями.

Corel MotionStudio 3D

Corel MotionStudio 3D - простейшая программа трехмерной графики. Она, тем не менее, наглядно демонстрируют возможности этого вида. Прежде всего, как уже было указано в предыдущем пункте, в нее можно импортировать файлы как растровых изображений, так и векторных, а также создавать в ней что-то свое, с нуля. У Corel MotionStudio 3D в наличии множество различных эффектов и пресетов, однако многие считают ее несерьезной. В то же время, если требуется сделать анимированную картинку быстро, не разбираясь в лишних тонкостях и нюансах, она - то, что необходимо.

fb.ru