Во время работы у меня почти всегда включены «умные направляющие» (Smart Guides) — так легче находить точки пересечения контуров, центры объектов и ставить точки «на уровне» с какой либо фигурой. Советую и вам их включить. «View->Smart Guides»(‹Ctrl+R›)
Кроме того, включите линеечки, с которых будете брать направляющие «View->Show Rulers»(‹Ctrl+U›)
Из вертикальной линейки инструментом «Selection Tool»(‹V›) «вытяните» направляющую:
Выберите инструмент «Elipse Tool» (‹L›)
Левее направляющей нарисуйте окружность. Если во время рисования окружности зажать на клавиатуре «Shift», то у вас получится ровный круг:
Снимите выделение с круга, выбрав инструмент «Selection Tool»(‹V›) и кликнув левой кнопкой мыши на любом свободном пространстве. Затем возьмите инструмент «Pen Tool»(‹P›)
Подведите курсор к верхней точке круга, при включенных «умных» направляющих при нахождении курсора над этой точкой появится слово «anchor»:
поставьте точку в этом месте (щелкнув левой кнопкой мыши), а затем подведите курсор к левой точке окружности и также щелкните над ней (ее вам тоже подскажут «умные» направляющие). У вас получится отрезок:
Теперь для создания «перелома» в рисуемой нами кривой еще раз щелкните в эту же точку и «потяните» мышь вниз, «вытянув» направляющую:
Теперь поставьте точку на вертикальной направляющей, которую мы создали в начале урока, ниже окружности и «потяните» мышку вправо-вниз:
Для того, чтобы создать острый угол нужно щелкнуть в последней точке с зажатой клавишей «Alt»:
Теперь ставьте очередную точку на вертикальной направляющей на уровне чуть выше, чем середина круга:
Потом еще раз в ту же точку и вытяните направляющую кривой влево вверх:
Для того, чтобы замкнуть контур подведите курсор к первой точке кривой — на «вершине» круга. При нахождении в нужном месте возле курсора появится значок кружочка, это значит, что кривая замкнется.
Зажмите «Alt» на клавиатуре и потяните мышокой горизонтально влево, таким образом, вы замкнете кривую, создав острый угол:
Должно получится что–то вроде этого:
Теперь нам нужно объединить 2 объекта в один. Для того вызовите палитру «Window->Pathfinder», выделить оба объекта инструментом «Selection Tool» (черная стрелочка — ‹V›) и нажать на вызванной палитре кнопку «Add to shape area»:
Если у вас, как и у меня версия программы Adobe Illustrator CS3, то вам еще придется нажать на этой же палитре кнопку «Expand». Если вы пользуетесь более поздней версией программы, то этого делать не надо:
Получилась половинка сердечка. Если вам не нравится по каким–то причинам полученный контур, то вы его всегда можете поправить — подвинуть точки, удлинить или укоротить направляющие (и так далее) с помощью инструмента «Direct Selection Tool» (белая стрелочка):
Имеющийся контур теперь нужно «отразить» по горизонтали. Для этого выделите имеющуюся половинку черной стрелочкой и выберите инструмент «Reflect Tool» (‹O›) и поставьте центр вращения на вертикальной направляющей:
Теперь «возьмите» левую половинку сердца и с зажатыми клавишами «Shift» и «Alt» скопируйте ее по горизонтали:
На этом этапе я удаляю вертикальную направляющую, так как она больше не понадобится.
И снова нужно объединить два объекта, как это делать вам уже известно — с помощью палитры «Window->Pathfinder»:
Не забудьте нажать кнопку «Expand», если у вас версия Illustrator'а CS3.
В итоге у вас должно получиться вот такое сердечко:
На этом этапе создайте копию полученного объекта и «отложите» его в сторону — она нам пригодится чуть позже. Существует как минимум два способа создания копии объекта: привычный «Ctrl+C» и «Ctrl+V» и более удобный — перемещение объекта инструментом «Selection Tool» (черная стрелочка — ‹V›) при зажатой клавише «Alt»:
Вернитесь к исходному сердечку и сделайте у него оооооочень толстую обводку. настройки для обводки можно найти на верхней палитре инструментов, нажав на слово «Stroke». Толщина обводки выставляется в поле «weight»
Теперь нужно разбить заливку и обводку на два разных объекта. Делается это командой «Object->Expand»:
Теперь у нас два объекта, объединенных в группу. Разгруппируйте их нажав правой кнопкой мыши на них и выбрав из всплывающего меню команду «Ungroup»
И, не снимая выделения объедините их в один объект с помощью уже известной палитры «Window->Pathfinder»:
расположите «отложенное» сердечко поверх только что полученного и с помощью палитры «Window->Align» расположите их по-центру друг относительно друга:
Из верхнего сердечка мы сделаем блик. Для этого поверх него нарисуйте эллипс при помощи инструмента «Elipse Tool» (‹L›):
При необходимости снова выравняйте все объекты по-центру при помощи палитры «Align». Выделите верхнее сердечко и эллипс инструментом «Selection Tool» (черная стрелочка — «V») и в помощью палитры «Window->Pathfinder» создайте объект от их пересечения:
Если у вас версия Illustrator CS3 не забудьте нажать кнопочку «Expand»:
Осталось совсем немного — раскрасить. Нижнее сердце я заливаю вертикальным линейным градиентом от цвета «#BF0000» к цвету «#8C0101». А «блик» нужно залить градиентом от светло-красного, например «#FA3232» к цвету, который образуется на границе между верхним и нижним объектом. Для этого я буду использовать программу Color Cop, которая позволяет брать цвета с любого объекта на экране. Она бесплатная и последнюю версию можно скачать отсюда: http://colorcop.net/download. Вы можете использовать любой другой известный вам способ, вплоть до «метода научного тыка». Итак, я запускаю программку и беру цвет из нужного мне места изображения:
И заливаю верхний объект вертикальным градиентом от цвета «#FA3232» к цвету «#A40101»
Результатом выполнения урока будет вот такое сердечко: