Архив рубрики: Adobe Illustrator

Урок рисования реалистичного клевера

Задача: нарисовать реалистичный клевер, разобраться со светом и тенью.
Урок не для нулевичков.

Первое что я сделала — это сходила сфотографировала клевер.
И вот он, клевер с 4 листочками, пусть висит на счастье)))
4х-листный клевер 
Рисовать будем с другой картинки, где сильнее выражена свет и тень.

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

урок рисования клевера в Иллюстраторе
Разрезаем листики на 2 половинки. Теперь будем красить.

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

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

кисть для рисования полосочек на клевере
Для полосочек берем кисть. Я взяла ту что стоит по умолчанию.    ! Не забудьте отэкспандить кисть, когда все нарисуете.

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

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

лист клевера, нарисованный в Иллюстраторе
Цветов, использованных ( которые справа), на самом деле больше.

Как нарисовать перспективу в Иллюстраторе (Adobe Illustrator)?

Перспекти́ва (фр. perspective от лат.  perspicioясно вижу) —

  1. Явление кажущегося искажения пропорций и формы тел при их визуальном наблюдении. Например, два параллельных рельса кажутся сходящимися на горизонте в двух точках (спереди и сзади наблюдателя)
  2. Способ изображения объемных тел, передающий их собственную пространственную структуру и расположение в пространстве. В изобразительном искусстве возможно различное применение перспективы, которая используется как одно из художественных средств, усиливающих выразительность образов. (http://ru.wikipedia.org/wiki/перспектива)

В Иллюстраторе нет встроенных средств для построения перспективы, поэтому придется все делать вручную.

  1. Для начала  нам нужны линейки. Найдем их мы в меню Просмотр – Линейки (Ctrl+R).
  2. Вытягиваем горизонтальную направляющую, которая будет определять линию горизонта.перспектива в иллюстраторе
  3. Определяем точки схода. Я ставлю маленькие кружочки или вертикальные направляющие, блокирую их (Объект – Закрепить выделенное, Ctrl+2).
    точки схода
  4. После этого можно начинать простраивать линии схода. Для этого вытягиваем направляющую из линейки.
  5. Берем инструмент Поворот.
  6. Щелкаем инструментом в том месте, где должен быть центр вращения направляющей (в точке схода)
  7. Поворачиваем направляющую, так как нам нужно.
  8. Строим перспективу.
    перспектива

Второй способ (вычитала и модернизировала у Xdkd)

  1. Рисуем вертикальную линию.
  2. Не снимая с нее выделения, щелкаем 2 раза по инструменту Поворот.инструмент поворот, иллюстратор
  3. Выставляем нужный нам угол (я поставила 3 градуса)
  4. Нажимаем Копировать, окно зарывается.
  5. Что бы не вызывать каждый раз инструмент Поворот есть замечательная команда Объект – трансформировать – повторить трансформирование и комбинация клавиш Ctrl+D.
    повернуть  в иллюстраторе

 Xdkd использует другой инструмент и другой угол поворота. Давайте посмотрим какой.

  1. Меню Эффект – исказить и трансформировать – трансформировать появляется диалоговое окно Эффект трансформирования.исказить и трансформировать
  2. Угол поворота 5 градусов. Число копий  в поле Экземпляры 72.
  3. После этого выбираем меню Объект – разобрать оформление. У нас получается много лучиков.
  4. Меню Просмотр – направляющие – создать направляющие (Ctrl+5).
  5. Группируем меню Объект — сгруппировать (Ctrl+G) полученное «солнышко»
  6. Копируем так, что бы центры «солнышек» были на одной горизонтали.
  7. Строим объекты в перспективе.

перспектива рисунок

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

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

 построение перспективы

 Удачных вам перспективных построений!

P.S. В Adobe Illustrator CS5 появился инструмент, который позволяет делать перспективные построения. Ниже его краткий обзор от компании Адоб.

 

Другие уроки:
7 секретов экономии времени при работе в Иллюстраторе.

 

 

На главную 

Из чего состоит векторная иллюстрация?

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

векторная графика, кривые Безье

Векторные изображения имеют небольшой размер файла (кроме случаев когда в векторной программе описывается фотография). Кривые позволяют делать четкий край у объектов (плакатная графика, логотипы, шрифты, чертежи и т.п.). Объекты можно свободно масштабировать не боясь потери качества изображения. Можно создавать и реалистичные изображения, но это требует некоторых навыков работы с программой и навыков рисования на бумаге (композиция, свет, тень, форма, работа с цветом и т.п.). Объем файла зависит от количества точек использованных в изображении и в меньшей степени от типа заливки (много памяти компьютера занимает заливка PostScript в CorelDAW).

Векторная иллюстрация может состоять из нескольких видов объектов.
1. Графические примитивы
2. Автофигуры (есть в CorelDAW)
3. Кривые Безье (в некоторых программах называются пути)
4. Текстовые объекты 
5. Растровые объекты
6. Символьные объекты (символы)
7. Групповые объекты (группы)
8. Комбинированные объекты
9. Трассированные объекты
10. Вспомогательные объекты (маски, направляющие, сетка)

векторная графика, геометрические примитивы

геометрические примититвы

 

автофигуры, вектор

автофигуры

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

Объекты могут иметь свойства:
1. Заливка
2. Обводка (контур) 

Графический примитив — это простейший геометрический объект, например, эллипс, прямоугольник, многоугольник и т.п.

Автофигуры – объекты, форма которых задана заранее и отличается от геометрических примитивов, например, спираль, блок схема (CorelDAW), звезда, стрелка (CorelDAW), капля (CorelDAW), смайлик (CorelDAW) и т. п.

Кривая Безье – это линия, которая строится с помощью математических формул, разработанная математиком Пьером Безье (Bézier) 1962 году из компании «Рено» и Полем де Кастелье (de Casteljau) в 1959 году из компании «Ситроен», где кривые применялись для проектирования автомобилей. Подробнее и вдаваясь в математику про кривые Безье можно почитать в Википедии.

Кривые Безье состоят из точек (узлов) и сегментов (линий соединяющие точки). Узлы (точки) имеют направляющие линии, с помощью которых можно редактировать кривые. Точка или узел имеют две координаты x и y, определяющими положение точки в изображении.

 

кривые безье, векторная графика

Любая кривая имеет начальную точку и конечную точку – это может быть актуально, например, при рисовании стрелок.
Точки могут быть угловые и сглаженные (в кореле три вида точек, узлов: угловые и сглаженные, симметричные). Угловые точки находятся в углах кривой (например, ломаная линия), сглаженные точки находятся в местах плавных перегибов. Угловые точки не имеют направляющих, но если преобразовать их в сглаженные точки, то направляющие появится.

Направляющие линии всегда находятся по касательной к сегменту (то есть, ВСЕГДА прилегают к сегменту и если начать двигать направляющую, то сегмент будет передвигаться за ней) http://ru.wikipedia.org/wiki/Касательная_прямая к сегменту – это нужно учитывать при редактировании кривой Безье. Направляющих может быть 2 или 1. Одна направляющая есть только у начальной и конечной точки (узла) кривой.

Кривые можно редактировать за:
1. Точки (узлы)
2. Направляющие
3. Сегменты 

Свойства контура (обводки):
1. Толщина
2. Цвет
3. Тип линии (сплошная, двойная, пунктирная)
4. Тип начала и конца линии (свойства закругления концов линий) 
Контур может быть замкнутый и не замкнутый. В CorelDAW не замкнутый контур не заливается, то есть он имеет свойство заливки, но мы ее не видим. В Adobe Illustrator все зависит от настроек в программе (по умолчанию заливается).

Типы заливок:
1. Сплошная
2. Градиентная (в Кореле Фонтанная)
3. Узорная, шаблонная
4. Текстурная (CorelDAW)
5. PostScript (ПостСкрипт) заливка, основана на языке программирования ПостСкрипт (CorelDAW)
6. Меш заливка (заливка по сетке)

виды заливок векторных изображений

Операции с объектами:
1. Группировать
2. Комбинировать
3. Производить с ними логические операции (например, соединить 2 объекта в один или из одного объекта «вычесть» другой)

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

Редакторы векторной графики:
1. Коммерческие

  • Adobe Illustrator
  • Adobe Freehand
  • CorelDraw
  • Xara Xtreme
  • Adobe Flash

2. Бесплатные

  • Inkscape 
  • Expression Design

Векторные форматы:

  1. CDR (CorelDraw)
  2. CMX (CorelDraw) 
  3. AI (Adobe Illustrator)
  4. EPS (Encapsulated PostScript)
  5. WMF (Метафайлы Windows)
  6. EMF (Метафайлы Windows)
  7. SVG (Scalable Vector Graphics)
  8. XAR (Xara Xtrem)

Где используются программы векторной графики?

  1. Полиграфия (визитки, буклеты, брошюры, конверты бланки и т. д.)
  2. Мультимедиа
  3. Графика и сайты для сети интернет (иконки, кнопки, иллюстрации)
  4. Создание шрифтов 
  5. Офисная графика (диаграммы в Adobe Illustrator, схемы)
  6. Создание фотореалистичных изображений
  7. Предпечатная подготовка (работа с цветом и PostScript, PDF)
  8. Наружная реклама

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

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

 

На главную 

Рисование открытки в Иллюстраторе (Adobe Illustrator)


Урок рисования простой новогодней открытки в иллюстраторе.Смотрите в видео формате. 2 части.