Уроки Adobe Illustrator: Рисуем стеклянное сердце

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

Урок Adobe Illustrator: "Рисуем стеклянное сердце

При должном старании у вас должно будет получиться что-то вроде этого

Если нажать на любую картинку урока откроется ее полная версия. Приятного чтения...
1. Для начала открываем программу Adobe Illustrator. Нажимаем на клавиатуре CTRL+N, ОК
Для более точного и симметричного рисунка желательно включить сетку. Для этого нажимаем на рабочей области правую клавишу мышки и выбираем пункт Показать сетку.
2. Выбираем инструмент "Элипс", или нажимаем на клавиатуре L.
3. При помощи мышки рисуем окружность нужного диаметра с зажатой клавишей SHIFT. Диаметр окружности выбираем по своему усмотрению, из нее мы и будем лепить сердце.

4. Выбираем инструмент "Прямое выделение" или клавиша А
5. Наводим стрелку на вершину окружности, должна появиться опорная точка. Нажимаем на нее. Появились касательные линии с обеих сторон от опорной точки. Стоит сказать, что у каждой опорной точки есть по два манипулятора, при помощи которых можно менять угол и кривизну линий по обеим сторонам от этой точки.

6. Теперь берем все тот же инструмент "Прямое выделение" и начинаем тянуть вниз эту опорную точку. Если во время движения зажать клавишу SHIFT, то точка будет перемещаться только горизонтально.
7. При помощи манипуляторов придаем нашему сердцу более привычную форму. Для этого все тем же инструментом "Прямое выделение" и с зажатой клавишей ALT мы можем передвигать каждый манипулятор по отдельности. В итоге у вас должно получиться сердце примерно такой формы.

На рисунке выше видно как я расположил опорные точки и сами манипуляторы. Рисунок у нас симметричный поэтому справа делаем тоже самое. Форма сердца готова.
8. Теперь выделяем нашу форму нажав на нее инструментом "Выделение" или клавиша V
9. Делаем копию для этого нажимаем сначала CTRL+C, потом CTRL+F (эту копию мы потом будем использовать для вырезания фона под наше стеклянное сердце, например флага России). Присвоим ей название. Для этого в панели "Слои" находим нужную копию контура и два раза кликаем на нее. Присваиваем имя "копия формы". Затем делаем форму невидимой для этого нажимаем в панели "слои" на символ "Глаз" напротив копии.
10. Теперь нужно закрасить градиентом нашу форму. Для этого выделяем ее при помощи мышки и инструмента "выделение" или нажимаем мышкой в панели "Слои" справа от названия нашего контура. Выделили. Заливаем градиентом нажав на клавишу ">" или на панели инструментов во вкладке "Градиент" на кнопку "Образец градиента". Но у нас по умолчанию закрасит горизонтальным градиентом слева направо, от белого к черному. Нам нужно немного другое.
11. Там же в панели градиент выставляем угол 90 градусов. Ползунок белого цвета двигаем вправо примерно на 60%. Черный ползунок так и оставляем в крайнем правом положении, но меняем его цвет на 60% серый. Для этого два раза на нем кликаем мышкой и выставляем нужные значения цвета. Во вкладке прозрачность выставляем режим смешивания "Замена темным". В итоге получаем следующую картинку.

12. Следующим шагом нарисуем блики. Для этого скопируем полученный рисунок выделив его и нажав CTRL+C, CTRL+F
13. Выделим верхний контур просто нажав инструментом "Выделение" на сердце. Во первых изменим цвет заливки на белый и уберем обводку. Делается это все на верхней панели

14. Теперь при помощи уже известного нам инструмента "Прямое выделение" (кнопка А) и опорных точек изменяем форму этого верхнего контура чтобы получилось примерно так как на рисунке нижу. Только прошу учесть, что я для наглядности оставил обводку. Чтобы вы видели всю форму блика.

15. Теперь во вкладке прозрачность выставляем прозрачность этого контура 10%. Тип наложения "нормальный".
16. Нарисуем отражение оконной рамы. Мне кажется это очень эффектный блик, так как это узнаваемая форма, и она часто отражается в зеркалах наших квартир, в стеклянной посуде и т.д.
Для этого нарисуем прямоугольник при помощи инструмента "прямоугольник" или нажмем клавишу М. Скопируем его и вставим еще три раза. Расположим их в форме окна с рамой. Пример на рисунке ниже.

17. Выделим все 4 прямоугольника и объединим их в группу. Для этого нажмем правой кнопкой на них и выберем пункт сгруппировать. Для полученной группы применим эффект дуга в меню "Эффект" -> "Деформация". Выставим следующие значения.

Затем в меню "Объект" выберем "Разобрать оформление". Если кому-то захочется немного подработать этот блик то при помощи инструментов "Выделение", "Прямое выделение" и опорных точек можно придать требуемые формы. Затем делаем прозрачность на 80%. Цвет заливки белый, обводки нет. (я оставил только для видимости). У меня получилось так.

18. Можно было бы на этом остановиться, но мне кажется рисунок еще не совсем готов. Нарисуем еще пару бликов. Блик в форме полумесяца рисуется пересечением двух разных по диаметру окружностей. Режим обработки контуров "минус верхний". Этот режим можно выбрать в меню "Окно" пункт "обработка контуров" и среди разных методов взаимодействия выбрать "минус верхний". Прозрачность для этого блика 80%
Рисуем блик в виде звездочки. Для этого выбираем инструмент звезда. Кликаем в том месте где ее расположить и выставляем параметры "Радиус 1" = 15 мм, "Радиус 2" = 1 мм, "Число лучей" = 4. Прозрачность 100% и она должен быть самым первым сверху.
Итак после всего этого должна получиться следующая картинка.

20. Давайте теперь подложим под него фон. Можно использовать любой, какой вам нравиться. Я попробовал по экспериментировать с флагами разных стран. И так нарисуем флаг России. Думаю для вас это уже не составит труда. Нужно всего три прямоугольника закрасить белым, синим и красным цветом и объединить в группу. Затем на флаге нажимаем правой кнопкой и выбираем пункт "Монтаж" далее "на задний план". И помещаем этот флаг за сердцем. По необходимости растягиваем так чтобы сердце закрывало и белый и синий и красный цвета. Вот так.

21. Теперь обрежем лишнее. Для этого сделаем видимым наш контур сердца, который мы в самом начале урока копировали. Выделим его и наш флаг. Это легче сделать в панели "слои" нажав справа от названия контура с зажатой клавишей SHIFT. Тут главное внимательность и осторожность. Наша задача выделить только то что я сказал. Причем порядок слоев тоже важен. Флаг на самом низу, а форма сердца сразу перед ней. И так теперь в окне обработка контуров наживаем кнопку обрезка.

Вот собственно и все. Можно конечно сюда добавить тень внизу или еще какие детали. Это уже творчество.
Так как мы рисуем для микростоков, то стоит позаботиться о прозрачности и наложении слоев. Микростоки такие эффекты не пропускают. Мы ведь хотим чтобы нашу работу приняли. Для этого выполним ряд простых действий.
Выделим нашу работу и выберем в меню "Объект" - "Обработка прозрачности". И в появившемся окне выставим баланс растровой/векторной графики на 100% вектор. Нажмем ОК.
Все прозрачности больше нет. Но так как мы использовали прозрачность на градиенте у нас появилась другая проблема, незамкнутые контуры. Для решения этой проблемы есть очень и очень полезный скрипт. Даже не знаю что-бы я без него делал. Он автоматически закрывает все открытые контуры.
Для этого нужно всего лишь найти в меню File - Scripts - два пункта, на выбор:
Close All Paths (для закрытия всех открытых путей)
Close Selected Paths (для закрытия только выделенных открытых путей).
Скачать его можно по этой ссылке. Там же есть и описание по его установке. Если будут вопросы задавайте их в комментариях к уроку, чем смогу помогу. Спасибо за то, что дочитали до конца. :) Успехов.