26 января 2012

(Ps) Layers


ADOBE PHOTOSHOP
CS4- CS5

Window -
                     Layers  слои


слои 
   позволяют избежать необратимых шагов
   помогают упорядочить работу, существенно экономя время
   Что такое слой? Понятие слоя? Зачем нужны слои?
   если совсем ничего не понятно  


слои на адобовском сайте


 у любой, открытой в Фотошопе фотографии есть как минимум один  layer (слой).


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




окошко Layers:
  • если слой называется Background,он всегда находится под всеми остальными слоями и у него нет прозрачных участков. при необходимости слой можно переименовать (или продублировать) - это решит проблему ограничений;
  • переименовать слой - двойной щелчек на название;
  • продублировать слой  - в меню окошка (правый верхний угол), либо перетягивание +Alt;
  • продублировать слой или часть слоя (предварительно выделенную) Ctrl + J;
  • для того, чтобы превратить слой в background, нужно, выделив его, отправиться в основное меню: Layer - New - Background From Layer. слой переместится вниз, под остальный слои, и при наличии прозрачных участков, они будут закрашены цветом, выбранным в качестве фонового;
  • можно "прятать" слой нажатием на "глазик" в левой части каждого леера. 
  • "спрятать" все слои, кроме того, на к-ром работаем: нажать "глазик"+Alt на рабочем слое
  • выделить содержимое данного слоя - Ctrl + щелчек по картинке в левой части слоя
  • поменять слои местами - перетянуть. причем порядок слоев в окошке Layers соответствует и влияет на порядок слоев на фотографии;
  •  запереть слой можно 4-мя способами:


  1. квадратик сразу после слова "lock" запирает бесцветные пиксели, так что любой инструмент рисования на них не рисует;
  2. кисть (после квадратика) не позволяет рисовать\красить слой;
  3. значок справа от кисти фиксирует расположение объекта (координаты) на фотографии;
  4. замочек - не позволяет делать с содержимым слоя ничего.

  • fill (справа от всех замочков)меняет прозрачность объекта, но не эффектов (тень и т.п. остаются неизменными), в отличие от  opacity, изменяющей прозрачность всего слоя;
  • в левом нижнем углу имеется значек цепи. если нажать его, при условии, что выделено более одного слоя, можно будет проделывать операции (изменить размер, передвинуть..) над всеми обозначенными слоями одновременно;
  • стереть слой - мусорка в правом нижнем углу. а можно просто нажать Backspace;
  • объединение слоев в группы - обозначить нужные и Ctrl + G;
  • в верхней линейке инструментов выбор Auto-Select - layer позволяет 

перемещаться со слоя на слой щелчком по объекту, не отмечая слой в окошке Layers. если эта опция не обозначена, Ctrl позволяет выбирать объект\слой;




  • трансформация объекта ctrl + T. потом двойной щелчок или Enter. для отмены Esc.
  • для размещения объектов с разных слоев в определенном порядке 
друг относительно друга можно, выделив нужные слои, воспользоваться этими командами из верхней линейки инструментов (или Layer - Align Layers to Selection - те же команды). если нужно, скажем разместить нос на равном расстоянии от глаз, слои с глазами нужно объединить в группу, поле чего выделить группу и слой с носом и выбрать команду центровки.

ctrl + J  дублирует обозначенный laer или выделенный на нем участок
ctrl + shift + J вырезает выделенный участок и переносит его на другой laer






24 января 2012

Ps Select


ADOBE PHOTOSHOP
CS4- CS5
второй урок
пост неокончен, но в нижней его части имеется ссылочка на самоучитель


ctrl + D отменяет уже созданные выделения.


Marquee Tool
выделение фигур в форме прямоугольника, овала, полосы, шириной в пиксель.
при создании первого выделенного участка
инструмент + shift дает правильные фигуры.


для добавления к уже выделенному участку дополнительного инструмент + shift
для вычетания инструмент + alt 


для выделения площади, общей для двух фигур (только той, где они пересекаются) shift+alt


для получения линейки настройки инструмента Window - Options


Feather - смягчает, смазывает границы выделенной площади


Style -  бывает в 3-ех положениях:
           normal обычное выделение желаемой площади
           fixed ratio фиксированное соотношение: нужно задать соотношение между длиной и шириной
            fixed size 
учительница настоятельно рекомендовала постараться справляться с normal.
Refine Edge будет разобран дальше.


Lasso Tool
Lasso выделение "от руки"


Polygonal Lasso  короткими щелчками намечается периметр фигуры. двойной щелчок замыкает контур


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


Magic Wand Tool
Magic Wand Tool инструмент выделения по цвету
в линейке настроек
tolerance - терпимость инструмента. чем выше значение, тем больше оттенков, близких к выбранному цвету, по которому щелкнули инструментом, будет выбрано.
anti-alias  сглаживание, более плавный переход от цвета выбранного к фону.
contiguous сплошной, непрерывный. когда в окошечке стоит галочка, выделяется только непрерывный цвет. когда галочки нет, выбранный цвет выделяется по всему документу.
sample all layers выделяет во всех уровнях.


Quick Selection Tool выделяет при нажатии и перетягивании. критерий - схожесть цветов. изменять радиус можно с помощью квадратных скобок.


refine edge /уточнитель границ/ очень полезная штука (в линейке настроек инструментов выделения).


нашла полезные ссылочки, так что этот глав дописывать не буду, ибо влом и нефиг:
Глава 5. Выделение

       

20 января 2012

Ps_ Image продолжение


ADOBE PHOTOSHOP
CS4- CS5

продолжение первого урока:


как быстро разрешить вот такой бардак :
хотелось бы разделить на 3 отдельных имиджа и развернуть, чтобы каждая фотография "стояла" ровненько и вертикально.


для этого отправляемся в
File - Automate - Crop and Straighten Photos














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



Image -
                 Trim
в отличие от прошлой команды, эта обрезает все "торчащие" за рамки имиджа хвостики-кусочки




Window -
                  History
в этом окошке записываются в хронологическом порядке все производимые над фотографией операции.

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


обычно записываются 20 последних действий.
при сохранении фотографии история не сохраняется


в нижней части окошка, слева от мусорки кнопочка create new snapshot /вроде мгновенного снимка/. она позволяет запечатлеть и сохранить текущее положение (или любое из имеющихся в списке) в верхней части окошка.


слева от нее  create new document from current state /создать новый док-т из текущего состояния/ : позволяет создать новый имидж из любого из записанных в окошке состояний.




File -
           New
создание нового документа, с параметрами уже имеющегося:


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





















19 января 2012

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

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

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

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


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

и еще

09 января 2012

(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 - выливаем цвет на линию.


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



29 декабря 2011

Ai Colors


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 
- в его менюшке в правом верхнем углу можно отрегулировать, сколько цветов и  по какому признаку (н-р теплые\холодные) показывать.