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

Подписаться на рассылку
E-mail*:

Урок 4. Сердце ко Дню святого Валентина

Мой опыт работы мне подсказывает, что если мы хотим нарисовать что―то стоящее, то нужно рисовать «с нуля» и «руками». Все свои хиты продаж я рисовала кривыми (то есть инструментом «Pen»). Но, как показывает тот же опыт именно работа с кривыми вызывает у начинающих дизайнеров и иллюстраторов самые большие затруднения в изучении программы Adobe Illustrator. Поэтому в этом уроке я снова подробно остановлюсь на процессе создания кривой Безье.

Во время работы у меня почти всегда включены «умные направляющие» (Smart Guides) — так легче находить точки пересечения контуров, центры объектов и ставить точки «на уровне» с   какой либо фигурой. Советую и вам их включить. «View->Smart Guides»(‹Ctrl+U›)

Урок Illustrator «Сердце». Smart Guides

Кроме того, включите линеечки, с которых будете брать направляющие «View->Show Rulers»(‹Ctrl+U›)

Урок Illustrator «Сердце». Show Rulers

Из вертикальной линейки инструментом «Selection Tool»(‹V›) «вытяните» направляющую:

Урок Illustrator «Сердце». Создание направляющей.

Выберите инструмент «Elipse Tool» (‹L›)

Урок Illustrator «Сердце». Инструмент Elipse Tool

Левее направляющей нарисуйте окружность. Если во время рисования окружности зажать на клавиатуре «Shift», то у вас получится ровный круг:

Урок Illustrator «Сердце». Рисование ровного круга.

Снимите выделение с круга, выбрав инструмент «Selection Tool»(‹V›) и кликнув левой кнопкой мыши на любом свободном пространстве. Затем возьмите инструмент «Pen Tool»(‹P›)

Урок Illustrator «Сердце». Инструмент Pen Tool

Подведите курсор к верхней точке круга, при включенных «умных» направляющих при нахождении курсора над этой точкой появится слово «anchor»:

Урок Illustrator «Сердце». Умные направляющие. Подсветка точки «anchor»

поставьте точку в этом месте (щелкнув левой кнопкой мыши), а затем подведите курсор к левой точке окружности и также щелкните над ней (ее вам тоже подскажут «умные» направляющие). У вас получится отрезок:

Урок Illustrator «Сердце». Рисование отрезка инструментом «Pen Tool»

Теперь для создания «перелома» в рисуемой нами кривой еще раз щелкните в эту же точку и «потяните» мышь вниз, «вытянув» направляющую:

Урок Illustrator «Сердце». Создание острых углов у кривых Безье

Теперь поставьте точку на вертикальной направляющей, которую мы создали в начале урока, ниже окружности и «потяните» мышку вправо-вниз:

Урок Illustrator «Сердце». Рисование кривыз инструментом «Перо»

Для того, чтобы создать острый угол нужно щелкнуть в последней точке с зажатой клавишей «Alt»:

Урок Illustrator «Сердце». Создание острых углов при рисовании кривых инструментом «Pen Tool»

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

Урок Illustrator «Сердце». Рисование прямых отрезков инструментом «Перо»

Потом еще раз в ту же точку и вытяните направляющую кривой влево вверх:

Урок Illustrator «Сердце».

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

Урок Illustrator «Сердце». Замыкание кривой Безье

Зажмите «Alt» на клавиатуре и потяните мышокой горизонтально влево, таким образом, вы замкнете кривую, создав острый угол:

Урок Illustrator «Сердце». Замыкание кривой с острым углом

Должно получится что–то вроде этого:

Урок Illustrator «Сердце». Замкнутая кривая.

Теперь нам нужно объединить 2 объекта в один. Для того вызовите палитру «Window->Pathfinder», выделить оба объекта инструментом «Selection Tool» (черная стрелочка — ‹V›) и нажать на вызванной палитре кнопку «Add to shape area»:

Урок Illustrator «Сердце». Использование палитры «Pathfinder»

Если у вас, как и у меня версия программы Adobe Illustrator CS3, то вам еще придется нажать на этой же палитре кнопку «Expand». Если вы пользуетесь более поздней версией программы, то этого делать не надо:

Урок Illustrator «Сердце». Кнопка «Expand» на палитре «Pathfinder»

Получилась половинка сердечка. Если вам не нравится по каким–то причинам полученный контур, то вы его всегда можете поправить — подвинуть точки, удлинить или укоротить направляющие (и так далее) с помощью инструмента «Direct Selection Tool» (белая стрелочка):

Урок Illustrator «Сердце». Исправление кривой Безье с помощью инструмента Direct Selection Tool

Имеющийся контур теперь нужно «отразить» по горизонтали. Для этого выделите имеющуюся половинку черной стрелочкой и выберите инструмент «Reflect Tool» (‹O›) и поставьте центр вращения на вертикальной направляющей:

Урок Illustrator «Сердце». Инструмент «Reflect Tool»
Урок Illustrator «Сердце». Задание центра отражения объекта

Теперь «возьмите» левую половинку сердца и с зажатыми клавишами «Shift» и «Alt» скопируйте ее по горизонтали:

Урок Illustrator «Сердце». Одновременное копирование и отражение объектов по горизонтали

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

И снова нужно объединить два объекта, как это делать вам уже известно — с помощью палитры «Window->Pathfinder»:

Урок Illustrator «Сердце». Использование палитры «Window- Pathfinder»

Не забудьте нажать кнопку «Expand», если у вас версия Illustrator'а CS3.

В итоге у вас должно получиться вот такое сердечко:

Урок Illustrator «Сердце». Контур сердечка

На этом этапе создайте копию полученного объекта и «отложите» его в сторону — она нам пригодится чуть позже. Существует как минимум два способа создания копии объекта: привычный «Ctrl+C» и «Ctrl+V» и более удобный — перемещение объекта инструментом «Selection Tool» (черная стрелочка — ‹V›) при зажатой клавише «Alt»:

Урок Illustrator «Сердце». Копирование объекта

Вернитесь к исходному сердечку и сделайте у него оооооочень толстую обводку. настройки для обводки можно найти на верхней палитре инструментов, нажав на слово «Stroke». Толщина обводки выставляется в поле «weight»

Урок Illustrator «Сердце». Изменение свойств обводки

Теперь нужно разбить заливку и обводку на два разных объекта. Делается это командой «Object->Expand»:

Урок Illustrator «Сердце». Команда «Expand»

Теперь у нас два объекта, объединенных в группу. Разгруппируйте их нажав правой кнопкой мыши на них и выбрав из всплывающего меню команду «Ungroup»

Урок Illustrator «Сердце». Разгруппировка командой «Ungroup»

И, не снимая выделения объедините их в один объект с помощью уже известной палитры «Window->Pathfinder»:

Урок Illustrator «Сердце». Палитра «Window- Pathfinder»
расположите «отложенное» сердечко поверх только что полученного и с помощью палитры «Window->Align» расположите их по-центру друг относительно друга:
Урок Illustrator «Сердце». Позиционирование объектов палитра «Align»

Из верхнего сердечка мы сделаем блик. Для этого поверх него нарисуйте эллипс при помощи инструмента «Elipse Tool» (‹L›):

Урок Illustrator «Сердце». Рисование эллипсов

При необходимости снова выравняйте все объекты по-центру при помощи палитры «Align». Выделите верхнее сердечко и эллипс инструментом «Selection Tool» (черная стрелочка — «V») и в помощью палитры «Window->Pathfinder» создайте объект от их пересечения:

Урок Illustrator «Сердце». Pathfinder

Если у вас версия Illustrator CS3 не забудьте нажать кнопочку «Expand»:

Урок Illustrator «Сердце».

Осталось совсем немного — раскрасить. Нижнее сердце я заливаю вертикальным линейным градиентом от цвета «#BF0000» к цвету «#8C0101». А «блик» нужно залить градиентом от светло-красного, например «#FA3232» к цвету, который образуется на границе между верхним и нижним объектом. Для этого я буду использовать программу Color Cop, которая позволяет брать цвета с любого объекта на экране. Она бесплатная и последнюю версию можно скачать отсюда: http://colorcop.net/download. Вы можете использовать любой другой известный вам способ, вплоть до «метода научного тыка». Итак, я запускаю программку и беру цвет из нужного мне места изображения:

Урок Illustrator «Сердце». Программа Color Cop

И заливаю верхний объект вертикальным градиентом от цвета «#FA3232» к цвету «#A40101»

Урок Illustrator «Сердце». Заливка градиентом

Результатом выполнения урока будет вот такое сердечко:

Урок Illustrator «Сердце». Результат выполнения урока.

Другие уроки Adobe Illustrator






Если вам интересно попробовать себя в стоковом бизнесе - регистрируйтесь на фотобанках по этим ссылкам:

ShutterStock.com 
Fotolia.com
Dreamstime.com
DepositPhotos.com
BigStockPhotos.com
Crestock.com
iStockphoto.com
Lori.ru
VectorStock.com
123rf.com

Я всегда буду рада ответить на все ваши вопросы: nataly@stockers.ru

Крупнейший в мире фотобанк, работающий по подписке и наиболее любимый авторами — доход от продаж на нем часто составляет до 60% от продаж на всех остальных фотобанках вместе взятых. Кроме фотографий и векторных иллюстраций ShutterStock также продает видеоролики, причем, для загрузки видео авторам пока даже не требуется проходить экзамен.
Хороший фотобанк, со средним объемом продаж. Подойдет начинающим стокерам, так как лоялен к качеству изображений, не требует прохождения экзамена и не требует загрузки удостоверения личности для регистрации аккаунта. Принимает фотографии, векторные иллюстрации и видео-ролики.
Один из тех фотобанков, которые можно посоветовать новичку. Экзамена на нем нет, документа для регистрации не требуется, зато к качеству работ требования не самые низкие. По доходности занимает обычно второе-третье место среди остальных фотобанков.
Молодой, активно развивающийся фотобанк с программой стимулирования авторов. Удобный интерфейс, в том числе и на русском языке.
Еще один фотобанк, который подойдет новичкам, так как не требует для регистрации ни удостоверения личности, ни прохождения экзамена. Небольшой теоретический тест по вступительному руководству — и можно начинать работать. Единственный фотобанк, который «угадывает» категории по ключевым словам.
Банеры для регистрации