Ph_Image

ADOBE PHOTOSHOP

CS4- CS5

первый урок
раздел меню Image
т..е. что можно делать с целой фотографией

резолюция - кол-во пикселей на inch (всегда в инчах)
для каждой фотографии следует подобрать подходящую резолюцию, в соответствии с конечной целью, н-р: резолюция картинки для интернета должна быть такой же, как резолюция экрана /ммм... экраны нонче разные, что в таком случае делать с резолюцией фотографии?/, фотография для типографии должна быть в резолюции того аппарата, на котором ее будут печатать.
к слову, есть разница между офсетной печатью (Offset printing) и печатью дигитальной

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

Image -
            Image Size

окошко это можно открыть только в том случае, когда имеется открытая фотография.
pixel dimensions,width и height в верхней части окошка - размеры фотографии  для подготовки имиджа для интернета.
document size,width, height и resolution - относятся к размеру документа, предназначенного для печати.

scale styles - если здесь стоит галочка, при изменении размера фотографии меняются соответственно и эффекты.
constrain proportions - ограничение пропорций. усли стоит галочка, появляется "цепь", связывающая ширину и высоту. теперь каждое изменение одного из параметров ведет за собой пропорциональное изменение второго.
resample image - ежели этот вариант обозначен, любое изменение размера или резолюции влечет за собой изменение в количестве пикселей (пиксели добавляются или изымаются).

если resample image не обозначен, pixel dimensions (количество пикселей в фотографии) фиксируется, а между шириной\высотой\резолюцией появляется "цепь", так что при изменении одного из параметров меняются сооьветственно остальные. это наилучший способ изменять размер, не ухудшая качество.
 если приходится изменять количество пикселей, лучше делать это поэтапно,а в нижней части окна выбрать Bicubic Smoother (best for enlargement) или  Bicubic harper (best for reduction).

желательно изначально работать с фотографией большого размера или высокой резолюцией.


Image -
            Canvas Size

позволяет добавлять площадь к существующей фотографии.
new size
relative /относительный/ -  когда это поле не обозначено, в полях ширины и высоты нужно ввести новые размеры нашей фотографии.
  если поле обозначено, в поля ширины и высоты нужно внести размер добавляемого кусочка, а anchor /фиксатор,скреплятор/ позволяет обозначить, к какой части фотографии будет прикреплен этот кусочек. так, если пустой квадратик размещен в центре, добавление будет по периметру фотографии, и т.д.




Image -
            Dublicate
ии, и т.д. дублирует фотографию (имидж).
важно сохранить отдельно, под новым именем, иначе не сохранится



Image -
            Rotation 
это чтобы повращать нашу фотографию )
CW по часовой стрелке
CCW /CounterClockWise/ против часовой стрелки
Flip canvas horizontal зеркальное отображение по горизонтали
Flip canvas vertical зеркальное отображение по вертикали

Arbitrary /произвольный/ - вращение на заданный угол. при выборе этой опции появляется вот такое окошко.




если нужно выровнять фотографию по заданной линии:

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

2. протянуть мышкой вдоль линии, по к-рой будем  выравнивать.                                         3. выбрать в меню  Image - Image Rotation - Arbitrary.  угол, обозначенный в появившемся окошке (в нашем случае 6.45 cw) и есть тот самый, на к-рый нужно поворачивать, так что смело жмем Ok.

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

Crop Tool /инструмент подстригания :) /

находится в левой панели инструментов.
позволяет подрезать фотографию в форме прямоугольника
есть 3 способа использования этого инструмента.
после того, как инструмент выбран, вверух нашего рабочего окна (под строкой File Edit Image и т.д.) появляется вот такая линейка настроек:

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


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

3. просто задать в соответствующих полях желаемые параметры (высоту\ширину), и оcropленный имидж будет заданных размеров.

есть еще один, совсем простой, способ вырезать\развернуть, впрочем, для рассмотренной фотографии не подходивший

Ps полезные ссылки

ADOBE PHOTOSHOP

CS4- CS5

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

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

Маленькие хитрости в процессе работы c Adobe Photoshop

тут о фотографии и введение в фотошоп - проверить, что там есть и насколько толково еще не успела.

резолюция и глубина цвета -  здесь самые базовые понятия.

немного о резолюции в начале первого урока


автоматизация обработки большого количества фотографий = создание экшенов

и еще

(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
кисть из щетины описание производителя

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