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