Погружение в векторную графику.

Однажды в вашем доме завелись мыши, ехидные и наглые, и вы решили их изловить, но обнаружилось, что в вашем холодильнике нет нужной приманки - сыра. Тогда вы решили ловить мышей на картинку, вот такую:

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

Раз мы решили рисовать сыр, то откроем с вами замечательную векторную программу Adobe Illustrator).

Для начала нам нужно создать новый документ (лист бумаги, на котором мы будем рисовать). В меню выбираем File - New...



Выбираем нужные размеры документа, и наживаем на OK, чтобы его создать (лично я, в нашем случае, взяла то, что предложил мне Иллюстратор по умолчанию).



Т.к. мы рисовать с вами сыр с нуля еще не умеем, то воспользуемся нашим заплесневелым сыром, как образцом (будем срисовывать). Чтобы поместить не векторное изображение на наш лист мы выбираем в меню: File - Place... - выбираем рисунок, который хотим разместить на нашем листе. Надеюсь, вы к этому моменту уже сохранили кусок сыра на вашем компьютере (если нет, то возвращаемся в начало статьи, правой кнопкой мыши нажимаем на картинку с сыром, в выпавшем меню выбираем пункт Save Picture as... (Сохранить изображение как...), сохраняем у себя на компьютере и затем помещаем наш кусок сыра на лист в Иллюстраторе, как я описывала ранее).

Прежде чем работать с сыром, мы его увеличим. Чтобы сделать саму картинку с сыром больше, кликните по ней левой кнопкой мыши - таким образом вы выделите ваш объект и вокруг него появится рамочка. Потянем за уголок - и мы можем таким образом изменить размер картинки. Если вы хотите, чтобы при этом картинка не деформировалась и сохраняла пропорции, то придерживаем, когда тянем за уголок, клавишу Shift на вашей клавиатуре.



Если вы хотите изменить только видимый размер картинки (приблизить - удалить) - воспользуйтесь инструментом лупа (zoom tool) на основной панели инструментов. Выбираем этот инструмент на панели, наводим на картинку, кликаем левой кнопкой мыши - изображение приблизится. Если вы хотите его наооборот, отдалить, то кликаем мышью по изображению, придерживая кнопку Alt на вашей клавиатуре. Чтобы снова работать с изображением (т.е. выйти из режима лупы), нам надо выбрать другой инструмент на панели инструментов (например, следующий инструмент, с которым вы будете работать).

Итак, мы увеличили видимый размер нашего куска сыра, чтобы нам было удобнее его обрисовывать, теперь мы зафиксируем картинку с сыром на нашем листе, чтобы, когда мы с ней будем работать, она никуда не сдвинулась нечаянно. Для этого выбираем на панели инструментов черную стрелку (selection tool), после чего кликаем по нашему рисунку, чтобы его выделить (всегда, объект, с которым мы работаем, должен быть выделен), затем в меню выбираем Object - Lock - Selection.



Теперь выбираем на панели инструментов инструмент перо (pen tool), с помощью него мы будет отрисовывать наш сыр. Но преждем чем, отрисовывать наш сыр, мы уберем заливку объекта. Квадраты - белый и черный - внизу нашей панели инструментов, указывают какой цвет будет у объекта, который мы нарисуем - он будет белым, и вокруг него будет черная граница.

  [Image]

Если вы хотите изменить цвет границы или цвет объекта - кликаем два раза по квадрату нужному (если нам нужно изменить границу - то по черному, в нашем случае, если цвет объекта - по белому), и появится окошко, где вы сможете выбрать другой, нужный вам цвет. Но в нашем случае, нам не нужен другой цвет, нам нужно, чтобы объект не был закрашен, и мы видели только границу (контур объекта) - так нам будет удобнее срисовывать. Поэтому одним кликом мыши выбираем белый квадрат, и под ним выбираем иконку с квадратом, перечеркнутым красной полосой - таким образом, мы скажем иллюстратору - отмени заливку нашего объекта белым цветом, и он с удовольствием это сделает для вас :).

Что ж, теперь будем отрисовывать наш сыр, сначала верхнюю светлую плоскость, а затем нижнюю (боковинку). Кликнем, допустим, в одном из уголков нашего сыра, затем, повторяя контур сыра, мы будем так кликать дальше. Если вы не хотите, чтобы все линии (ваши отрезки, которые появятся при этом), были прямыми, то когда вы кликните мышью, чтобы создать очередную точку, не отпускайте левую клавишу мыши, тогда удерживая ее и двигая мышью, вы сможете выгнуть ваш отрезок, как вам угодно, и таким образом более точно обвести наш сыр.



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

Если вы не верно поставили точку, если вам показалось, что вы как-то не так выгнули ваш отрезок, то чтобы отменить ваше действие, нажмите на клавиатуре Ctrl+Z. Если вы решите, что вы зря отменили ваше предыдущее действие, то нажмите Ctrl+Shift+Z, чтобы вернуть все обратно.

Итак, методом проб и ошибок, мы все-таки должны дообводить верхнюю плоскость. Мы обязательно должны закончить в той точке, с которой начали, чтобы получить цельный объект (т.е. замкнуть наш контур):




Аналогично первому создаем второй контур (объект):




Чтобы вам наглядее было видно, что у нас на картинке два контура: второй, недорисованный контур, я немного сдвинула в сторону. Заметьте, при этом я прервала создание объекта. Что делать, если нам надо довести контур объекта, но мы прервались? Чтобы продолжить работу, нам надо ткнуть кнопкой мышки в точку объекта, на которой мы прервали наше рисование, и мы можем дорисовывать дальше наш объект (естественно, при этом на панели инструментов должно быть выбрано перо, если мы хотим дорисовать объект; если же мы хотим подвигать объект, то мы переключаемся на selection tool - черная стрелка, не забывайте переключаться на нужные инструменты, прежде чем выполнять какие-то действия над объектом).

Когда мы нарисовали нужные нам объекты, следует их закрасить. Как это делается, я объясняла вам ранее: выделяем объект, и внизу панели через квадраты оперируем цветом. Есть и другие пути: мы можем вызвать цветовую палитру, чтобы она всегда у нас на экране: Window - Color (опять же выделяем объект, прежде, чем дать ему цвет). Также мы можем, выделив объект, выбрать инструмент пипетка (eyedropper tool) на панели инструментов, и ткнуть пипеткой по другому объекту на нашем листе (например, по картинке с сыром, чтобы дать нашему новому объекту такой же цвет, как цвет куска сыра, с которого мы срисовываем).



Посмотрите на картинку, перед вами три куска сыра: один - наша картинка, с которой мы срисовываем, второй - кусок сыра, которому мы дали такие же цвета, как сыру на картинке, но т.к. цвета не сырные, заплесневелые, то я подобрала другие цвета для нашего сыра, которые вы можете видеть на третьем куске сыра. Если вы затрудняетесь сделать последнее сами, то сохраните картинку с примером у себя на компьютере, поместите ее на ваш лист бумаги в иллюстраторе, как я вас учила, и при помощи пипетки дайте вашему куску сыра такие же яркие и милые цвета, как у третьего куска сыра на картинке с примерами.

Как перемещать и копировать нарисованные нами объекты. Перемещаем мы объекты следующим образом: выделяем объект, предварительно выбрав инструмент selection tool (черная стрелка) на панели инструментов, а затем при помощи мышки перемещаем выбранный объект. Если мы хотим переместить сразу несколько объектов: опять же выбираем selection tool, и далее либо удерживая левую кнопку мыши выделяем все объекты, либо кликаем на нужные нам объекты поочередно, удерживая клавишу Shift на вашей клавиатуре. Когда мы выделили все нужные нам объекты, мы их перемещаем, куда нам угодно. Также, выделив объекты, мы можем скопировать их Edit - Copy. Чтобы вставить скопированные объекты на лист - Edit - Paste. Чтобы удалить, выделенные объекты (вдруг, они нам уже не нужны) - Edit - Clear.

После того, как мы придали куску, который мы рисуем, нужные цвета, мы нарисуем на нем сырные дырки, чтобы придать ему еще большую схожесть с сыром. Дырки мы уже не будем срисовывать с фотографии куска сыра, дырки мы нарисуем сами. Дырка - это круг. Круги мы рисуем при помощи инструмента ellipse tool. Как нам найти этот инструмент на панели инструментов: кликаете мышкой по инструменту квадрат (rectangle tool), удерживаете мышку, выпадет меню, в котором вы выберете ellipse tool. Далее кликаем на нашем листе в любом месте и рисуем круг.



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

Итак, скопируем наш круг, и вставим скопированное на лист (как это делается, я уже рассказывала ранее), затем совместим наши круги так, как показано на рисунке (в итоге у вас должно быть три круга - один исходный, и два которые мы, скопировав исходный круг, вставили на лист, а затем совместили между собой новые круги, как показано на рисунке):



Сейчас мы с вами порежем эти круги при помощи Pathfinder. Вызываем его через меню: Window - Pathfinder. Далее выделяем оба круга, и нажимаем в окошке Pathfinder инструмент Divide. Если вы сейчас попытаетесь подвигать наши круги, то вы обнаружите, что они слиплись в один объект. На самом деле, Divider порезал наши круги на много маленьких объектиков, но для удобства, он их потом сгруппировал (вдруг мы захотим их передвинуть сразу куда-нибудь, или еще что). Поэтому нам надо рассгруппировать все объекты. Выделяем нашу группу объектов, выбираем в меню - Object - Ungroup.



Если мы теперь мышкой попробуем подвигать наши круги, то мы обнаружим, что мы все-таки их разрезали, и получили в итоге три очень интересных объекта: два полумесяца и объект похожий на дыню. Мы резали наши круги, т.к. нам нужны были полумесяцы. Скопируем один из полмесяцев, вставим на лист, дадим ему цвет чуть бледнее, чем цвет круга, и переместим на круг, как показано на нашем рисунке (см. чуть выше).

Затем мы еще раз копируем полумесяц и вставляем его на наш лист, делаем его еще светлее, и переносим на наш круг как показано на рисунке:



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



Вот и все, наша сырная дырка готова, теперь переместим ее на наш сыр. Прежде мы можем сгруппировать все объекты, имеющие отношение к нашей дырке, чтобы потом было легче их копировать и перемещать при необходимости. Чтобы сгруппировать объекты, нам нужно их выделить для начала, а затем уже мы их группируем, выбрав в меню Object - Group (если надо будет снова разбить объекты, отклеить друг от друга, то мы выделяем сгруппированные объекты, и при помощи уже знакомого вам Object - Ungroup их рассгруппировываем).

Итак, переместили нашу дырку на сыр, теперь скопируем ее, и вставим еще несколько новых дырок на боковую сторону сыра. Сделаем их размеры разными (как, уменьшать-увеличивать размер объекта мы с вами говорили в начале статьи). В итоге, мы должны получить, вот такой сыр:



У нас с вами уже начинает получаться что-то похожее более-менее на сыр. Добавим еще одну полудырку на сыр, а так же тенюшек и рефлексов на край сыра.

Да-да, я не оговорилась, нам нужна именно полудырка. Для этого мы берем готовую дырку, копируем, вставляем на лист (отдельно от сыра), и затем при помощи Pathfinder и Divider ее ополовиниваем. Также мы копируем два полумесяца, которые потом, вставим на край сыра. Вы должны в итоге получить две следующие картинки:



Заметьте и половинку дырки, и два полумесяца мы немного развернули при помощи инструмента rotate tool. Для чего? Потому что мы сейчас их будем класть на наш сыр к краям, а края нашего сыра идут немного под наклоном, и чтобы совместить наши очередные дырки с краями куска сыра, мы их привели в соответствие. Теперь наложим их на наш кусок сыра, если надо еще чуть-чуть поразворачиваем, и в итоге мы должны получить следующее:



Итак, мы почти нарисовали кусок сыра, теперь нам надо нарисовать дырки для верхней плоскости нашего куска с сыром (копируем уже имеющиеся дырки, и немного изменяем им цвет на посветлее, затем немного их трасформируем до овалов, и разворачиваем при помощи rotate tool):



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



Теперь все мыши будут ваши :) Можете идти их ловить. Хотя... вы теперь умеете рисовать картинки в Иллюстраторе, и мне кажется, что вам уже будет не до мышей ;)

Источник: postroika.ru