(Ai) Gradient Mash

ADOBE ILLUSTRATOR
CS4- CS5

насекомая идиллия сделана (вольно срисована)
 этим же инструментом и заняла почему-то у меня кучу времени

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


Gradient Mesh
(mesh - сеть ..) в русской версии, вроде, "градиентная сетка"
Gradient Mash позволяет делать сложные цветовые переходы


два способа построения градиентной сетки (что с ней делать объясню чуть дальше):

 первый вручную. для этого используется инструмент Mesh Tool из правой панели инструментов
рисуем фигуру. с обычной заливкой (можно без контура - все равно исчезнет)

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


второй способ построения  градиентной сетки
меню Object
                       Create Gradient Mesh 
появляется окошко, позволяющее задать кол-во вертикальных и горизонтальных линий (потом при желании можно будет добавить или убрать лишнее с помощью Mesh Tool). highlight отрегулировать яркость освещения.

appearance (внешний вид) - направление цветовых переходов: 

                         
редактировать сетку  (точки и линии) можно на любом этапе работы с инструментом несколькими способами:
1. инструментом Mesh Tool любая точка перетягивается, деформируя линии на отрезках до ближайших точек
  если нужно переместить точку вдоль одной из принадлежащих ей линий Mesh Tool + Shift
  удалить точку:  Mesh Tool + Alt 
  добавить точку:щелкнуть инструментом Mesh Tool  в том месте, где должна быть новая точка.  
  удалить линию: кликнуть Mesh Tool + Alt на линию, к-рую нужно удалить
  корректировать кривизну линий: с помощью "ручек" на точке

2. белой стрелочкой можно двигать точки и изменять кривизну линий, но нельзя создавать новые и удалять
3. белой стрелочкой можно двигать ячейки\ полигоны








ну и собственно раскрашивание:
можно присвоить цвет точке, линии или полигону несколькими способами (чтобы не делать двойную работу, начинать следует с полигонов):
1. перетянуть цветовой квадратик из окошка Swatches в секцию или на нужную точку (если точек несколько, можно выделить белой стрелочкой+Shift или лассо)

2. выделить белой стрелочкой полигон или точку и кликнуть по нужному цвету в любом из цветовых окошек 
3.  раскрашивание инструментом  Eyedropper /пипетка/:
если я правильно понимаю, пипеткой можно брать цвет из любого места на экране программы (без предварительного выделения предмета), при этом выбранный цвет появится в квадратике заливки в левой панели инструментов, и заливать Eyedropper+Alt на точку, линию, полигон.
  кроме того можно выделить то, что нужно (как обычно, инструмент + Ctrl дают ты стрелочку, к-рой пользовались последней), после чего пипеткой кликнуть по нужному цвету на любом из объектов
4. можно раскрасить объект с градиентной заливкой:
            a) нарисовать, создать градиент
            b) Object
                       Expand
                                     expand gradient to gradient mesh

            
             c) чтобы выделить сетку, нужно в окошке Layers  выбрать леер с нужным объектом (он обозначен как group), развернуть Group и выбрать Mesh.

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












упражнение: 

как создать красный перчик близко к оригиналу на фотографии


фотографию перчика загружаем в Illustrator 
как это делается, и в окошке  Layers закрываем леер с фотографией на замочек.

1. создать контур перчика, желательно, разбив перчик на несколько участков для дальнейшего удобства работы с Mesh Tool.
       в Illustrator CS4 вроде была проблемка при работе  инструментом Gradient Mesh с контурами, созданными инструментом Pen Tool. кажется, в CS5 ее решили, но в любом случае следует помнить, что сложный контур можно создать и из простой фигуры (квадрат, круг и т.д.) добавляя точки и меняя кривизну линий
   

2. залить полученный контур каким-нибудь цветом. 
затем построить сетку. я сделала это через  Object
                       Create Gradient Mesh 
подправив в нужных местах точки и линии. 
начинать следует со сравнительно небольшого количества линий, чтобы переходы цветов получались плавными.
в дальнейшем я добавлю несколько линий для получения узких бликов.

3. теперь хотелось бы заняться собственно закраской, используя оригинальные цвета перчика с фотографии, что, как мы уже знаем, можно сделать с помощью инструмента Eyedropper. удобнее всего это было бы сделать, находись наша сетка точно над перцем, но наличие заливки (в нашем случае розовой) не позволяет добраться до "родных" цветов фотографии. чтобы решить эту проблему отправимся в окошко Layers. там выберем нужный layer и левой кнопкой мышки +Ctrl щелкнем по глазу слева: это оставит нам возможность взаимодействовать с layer-ом, но сделает прозрачным заливку. 


4.  закраска:

поскольку заливка прозрачная, нам не будет виден результат процесса, но при необходимости всегда можно щелкнуть левой кнопкой мышки +Ctrl  по глазу в окошке layers слева, чтобы посмотреть, что получается.
итак:
начинаем с закраски полигонов. поскольку заливка отсутствует, выделить сам полигон напрямую мы не можем, придется выделять поточечно:
   выбрать белую стрелку
   выбрать Eyedropper 
   Eyedropper+Ctrl  = белая стрелочка
   выделяем по порядку по 4 точки, определяющие полигон с помощью Eyedropper+Ctrl.
   щелчек Eyedropper по полигону - берем цвет
    щелчек Eyedropper+Alt в то же место - выливаем цвет


далее, добавляем несколько опорных линий в сетку, для создания более узких бликов и более резкой светотени в нужных местах. 

 можно продолжать с "задним" кусочком перца

теперь работаем по точкам: белой стрелочкой выделяем точку, Eyedropper-ом кликаем по тому месту, цвет к-рого хотим придать выделенной точке. 


для переноса цвета на линии щелкаем сбоку от перчика, чтобы убрать выделение. 
берем Eyedropperом нужный цвет, подводим его к выбранной линии и Eyedropper+Alt - выливаем цвет на линию.


у меня получилась не совсем точная, но довольно живая картинка. можно продолжать с "задним" кусочком перца и, видимо отдельно, с его хвостиком

Ai Colors

ADOBE ILLUSTRATOR

CS4- CS5

итак, цвет
думаю, с этой темой придется еще разбираться...
но пока то, что рассказали на уроке:


                                                                                                            RGB  
                                                                                                            CMYK


Window - 
                 Swatches /образцы цветов/
или выбрать из правой  панели инструментов.

разноцветненько :)
в дополнение к дефолтовым ("по, имеются в наличии все цвета, которые уже использовались в документе.
чтобы удалить цвет - перетянуть в мусорку (если несколько +shift)














в правом верхнем углу (под крестиком закрытия ) основное меню с кучей полезных функций


глобальный цвет
образцы со срезанным правым нижним углом -"глобальные"
если цвет определен как глобальный, при изменении образца этого цвета изменения произойдут везде, где этот цвет задействован
  tip если хочется изменить цвет, использованный в куче разных мест, а он не определен, как глобальный?
- в основной менюшке Swatches выбираем Select All Unused и выкидываем их
- в этой же менюшке жмем на Add Used Colors (типа, добавить используемые цвета) - возможно, стоит предварительно выделить нужный объект (один, или все? потом попробую)
- полученные образцы , как один, глобальные. можно менять




способы создания  нового цвета:


1.  в окошке Swatches - new (создание нового образца)

- в полученном окошке верхняя строка - название нового образца
- тип цвета:
       process - состоит из процентов CMYK
       spot - "чистая" краска, заливаемая в печатную машину. не производная составляющих CMYK 
- будет ли цвет "глобальным"
- Color Mode - модель, в соответствии с к-рой мы выбираем\составляем цвет.
             H-Hue  оттенок
             S-Saturation насыщенность
             B-Brightness яркость




2. в окошке Color

- в правом верхнем углу под крестиком менюшка, в к-рой можно менять тип цвета.
- когда цвет создан, его стоит перетянуть в Swatches












3. в окошке Color Picker - открывается двойным щелчком по квадратику заливки\контура из левой панели инструментов

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





4. из Libraries в левом нижнем углу Swatches:
- можно выбирать отдельные цвета или целые группы
группа будет автоматически перекинута в  Swatches, а отдельный цвет нужно перетягивать вручную
- можно выбрать цвета из каталогов (Color Books) - это удобно, если есть возможность посмотреть каталог "вживую", увидеть цвета, к-рые должны получиться после печати, и дать  в типографию нужные номера цветов.
нам сказали, что самая распространенная фирма Pantone


Color Groups. подборка цветов.


в нижней строке окошка Swatches есть опция создание новой цветовой группы. желательно выбрать ее после того, как будет выделен минимум один образец из цветов  (еще можно сначала открыть пустую группу, а потом перетянуть туда образец-другой). или объект\группа объектов,-  тогда при нажатии на значек новой группы появится окошко, в котором нужно пометить, работаем ли с artwork , или со  swatches , а так же выбрать convert process to global-конвертировать цвета в глобальные    и\или   include swatches for tints работать с оттенками. 

после создания новой группы с образцами можно дважды кликнуть на группу, или один раз на группу и один - на появившийся в нижней строке окошка Swatches значек Edit Color Group. получаем такое красочное окошко.


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

в левой верхней части окна окошко с цветами
-двойной щелчок по любому из них делает цвет основным
- щелчок по стрелочке Harmony Rules открывает большой выбор разнообразных сочетаний
-для подборки дополнительных цветов из интернета: Window - Extensions - Kuler (extension - расширение)

Color Guide /цветовой гид/ - еще одно окошко, работающее с группами цветов, Harmony Rules, Recolor Artwork 
- в его менюшке в правом верхнем углу можно отрегулировать, сколько цветов и  по какому признаку (н-р теплые\холодные) показывать.

Ai : Blob Brush,

ADOBE ILLUSTRATOR

CS4- CS5

Blob Brush Tool /кисть-клякса/
кисть-клякса на сайте Adobe



настройки инструмента для работы с планшетом


 наглядная разница между  Paintbrush tool  и  Blob Brush tool видна на картинке ниже:

первый инструмент рисует контуры, второй объекты

•  Blob Brush Tool  может использовать только один вид кисти
• настройки - двойной щелчек по инструменту. похожи на  Paintbrush tool  + настройка каллиграфической кисти                                                         
• ] [  квадратные скобки позволяют менять диаметр кисти в процессе рисования
• работать, как с любыми другими объектам

                   Pencil Tool /карандаш/. настройки см Paintbrush tool .

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

подробнее о карандаше и как редактировать готовые контуры 

                     Smooth/сглаживание/ tool

                     Path Eraser /ластик/ tool

чегой-то недоразобралась

Eraser tool (ластик)- стирательная резинка. как и у кисти, диаметр регулируется клавишами ] [

оставляет после себя замкнутые контуры
+Shift - по прямой в выбранном направлении

+Alt -стирает растягивающимся прямоугольником
если один над другим находятся несколько выделенных объектов, ластик воздействует на все

 Scissors tool (ножницы)- "режут" контур. достаточно поставить точку на линию. получаем открытые\разомкнутые фигуры


 Knife tool (нож) - "режет" объекты, не оставляя зазора. получаются замкнутые контуры.
+Alt - режет по прямой
+Alt+Shift - по прямой и под углом 0+45x

Ai: Paintbrush Tool

ADOBE ILLUSTRATOR

CS4- CS5

Paintbrush
/Brush - кисть/
- рисование контуров
- измененение\стилизация уже готовых контуров, и даже расположение вдоль невидимого контура всяких фигнюшек
т.е. можно рисовать самим инструментом Paintbrush, а можно обрабатывать уже готовые контуры
* при использовании планшета, настройки давления не меняются, кроме как в Blob Brush Tool 
настройка инструмента:

1. настройки  инструмента  Paintbrush из левой панели инструментов (двойной щелчек мышью по иконке кисти. кстати, такое же окошко имеется у pencil tool).        fidelity \точность, лояльность\ - чем выше значение, тем меньше будет опорных точек, контур будет более сглаженным. чем значение ниже, тем больше опорных точек              smoothness \гладкость, плавность\ -   на сколько инструмент будет сглаживать возможные неточности руки: чем больше значение (в процентах), тем более сглаженным будет контур                 fill new brush strokes - заливка                                                             keep selected - с галочкой оставляет последнюю нарисованную линию выделенной, что порой оказывается несколько неудобно . с другой стороны, появляется любопытная возможность:ежели я недовольна, скажем, последним участком линии (выделенной, естессно), я  просто могу установить кисть в точку на этой самой линии и продолжить так, как больше нравится - несимпатичный участок исчезнет, останется новая версия происходящего /помнится, публика в классе оживилась и размечталась, мол, в жизни бы так... :))   гы гы,  глупые/   edit selected paths \редактирование выделенных линий\ - можно ли редактировать выделенный контур на определенном расстосянии (в пикселях). расстояние задается настройкой within.                                                                                                                         Reset кнопочка, возвращающая настройки производителя.
2. 
   настройка собственно кистей

• производится из правой панели инструментов или Window - Brushes
• кисти бывают 5-ти типов
• в дополнение к имеющимся в окошке Brushes, в левом нижнем углу окошка открывается библиотека.
• любую из наличествующих кистей можно редактировать (двойной щелчек по кисти). если эту кисть использовали в документе, появится окно с предложением  apply to strokes - будут изменены все линии, созданные с помощью этой кисти, leave strokes - уже нарисованные линии останутся неизменными, будет создана новая кисть в дополнение к старой.
• можно создать новую кисть любого типа (из нижней части окна - New)
• и выкинуть ее в мусорное ведро (правый нижний угол окошка) - если кисть задействована,  появится окошко с предложением expand stroke - кисть будет удалена, но линии, нарисованные ею превратятся в объекты, с к-рыми можно работать, либо remove strokes - кисть будет удалена, а линии, нарисованные ею, станут обычными
• кроме рисования инструментом Brush, любой из выделенных на рабочем столе Ai линий можно присвоить выбранную кисть, щелкнув по ней.
•  почти в самом низу левой панели инструментов  имеются три кнопочки : draw normal, draw behind,  draw inside
  

Calligraphic Brush - основа этой кисти - круг
его можно видоизменять, вращая мышкой в окошке, либо задавая настройки:
Angle- угол наклона
Roundness- сплющенность, элипсообразность
diameter - и так ясно :)

Scatter /рассеивание, разброс/ Brush - 
перед созданием этого вида кисти следует сначала создать и выделить те объекты, к-рые станут ею. обратить внимание на опцию - random в настройках.
- так же на rotation relative to - page or path
типа, под углом к странице, или к рисуемой линии (виртуальной), вдоль к-рой и разместятся фигурки
- Colorization - method
    none - сохраняются заданные цвета
    tints - объекты получают светлые тона
    tints and shades - вроде оттенки по цвету контура
    hue shift - нужно разобраться


Art Brush - перед созданием следует создать и выделить объект, по к-рому будет создаваться кисть

я сотворила не слишком удачный пример, но главное должно быть понятно

Pattern Brush  \в русском варианте почему-то "узорчатая кисть", хотя чем был плох паттерн или шаблон мне совершенно непонятно\ - эту кисть нужно составлять из отдельных элементов.

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

Bristle Brush \кисть из щетины\ - можно выбрать shape - форму кисти,  регулируется bristle length- длина щетины , density- плотность , thickness- толщина , paint opacity- непрозрачность рисунка , shiftness - жесткость\упругость
отличное видео о Bristle Brush
кисть из щетины описание производителя

з ы: 
 можно создавать свои "библиотеки" кистей

(Ai) Pen Tool

ADOBE ILLUSTRATOR

CS4- CS5

точки бывают:

                corner point - угловая точка: точка соединения двух прямых,       образующих угол с вершиной в этой точке. у этой точки нет "ручек";
                smooth point - гладкая точка: точка стыка двух кривых. переход одной в другую плавный. у такой точки есть "ручки": они лежат на прямой, если передвинуть одну, всегда сместится и вторая;
                 semi smooth point - точка соединения двух линий, из к-рых как минимум одна не является прямой. переход не плавный. у этой точки тоже 2 "ручки", но работают они самостоятельно. для создания такой точки нужно одновременно с нажатием Alt подвинуть одну из ручек.
сведения о контурах
сведения об управляющих точках и линиях    

настройка оформления управляющих линий  и точек

можно задать параметры размера опорных точек

инструмент Pen Tool /перо/ в левой панели инструментов
предназначен как для создания сложных контуров,
так и для коррекции уже существующих
                                                                         упражнение на тренировку Pen Tool
                                                                                     в конце этого поста


весьма удобно: достатьчно просто нажать букву P


в адобовском руководстве к программе рисование инструментом Pen Tool описано отлично и в картинках, а здесь я добавлю несколько удобных памяток, плюс полезное упражнение


Pen Tool +Ctrl как и остальные инструменты, дает стрелочку (ту, к-рой пользовались последней. желательно, чтобы она была белой)
   если хочется прервать рисование одной линии и перейти к другой, несвязанной, следует щелкнуть Pen Tool +Ctrl в стороне
   помогает так же, когда нужно белой стрелочкой щелкнуть по точке, чтобы подкорректировать


Pen Tool + Shift позволяет рисовать отрезки под углом 0+45x

Pen Tool + Alt временно превращает инструмент в уголок Convert Anchor Point Tool (как обведенный на рисунке). для превращения более основательного Shift +C. при щелчке этим чудо-уголком по гладкой точке получаем угловую; если щелкнуть им на угловую и потянуть - она превратиться в гладкую. если же передвинуть им ушко гладкой точки, получим semi smooth point


Pen Tool + пробел позволяет перемещать точку в процессе рисования, прикидывая, куда же ее поместить


для добавления или удаления точек на контуре достаточно подвести Pen Tool к нужному месту: если подвести к точке, около инструмента появится маленький "-", и при щелчке на точку, она будет удалена.
 если подветти к линии, около инструмента появится маленький "+", позволяющий добавить точку.




для того, чтобы соединить  две крайние точки разомкнутого контура или отдельных разомкнутых контуров нужно:
 1. если соединение должно быть тютельке в тютельку, точки следует совместить, передвинув один из контуров
 2. выделить эти точки белой стрелочкой
 3. если контуры совмещены заранее, либо достаточно соединить их дополнительным отрезком, нажать Ctrl+J (меню Object-Path-Join)
 4. другой способ смещает точки, объединяя их на пол-пути друг к другу по обеим осям:
 Alt + Ctrl +J (меню Object-Path-Average и в появившемся меню both)


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


упражнение
как работает инструмент перо (Pen Tool)
очень, на мой взгляд, удачное
спасибо Михаль, одной из преподавательниц курса


как с этим  работать: 
1. 

 в точку А щелкнуть пером и, не отпуская кнопки мыши, перетянуть в красную точку на конце "ручки"
щелкнуть мышью в точку В и, не отпуская кнопки мыши, перетянуть в красную точку на конце "ручки"
и т.д.


2. создание semi smooth point - полугладкой точки:

щелкнуть пером в точку, не отпуская кнопки мыши, перетянуть в красную точку на конце "ручки",
все еще не отпуская мышки нажать  Alt и перетянуть инструмент (вместе с "ручкой") из красной точки в оранжевую


3. вооруженные этой информацией, можем переходить к созданию груши

Ai Clipping Mask

ADOBE ILLUSTRATOR

CS4- CS5

Object -
               Clipping Mask /обрезающая маска/
 Ctrl+ 7


немного похожа на окошко дома: стоящему снаружи видно то, что ограничено рамой окна.

   создать фигуры
   расположить над ними  (Shift+Ctrl+] ) фигуру, через к-рую будем смотреть (типа наше окошко)      
   выделить все фигуры
  Ctrl +7
                             




получается такая фигнюшка
   белой стрелочкой с каждой из фигур можно работать так, словно никто ничего не обрезал


для отмены маски  Object - Clipping Mask - Release или Ctrl+Alt+7