Ps раскрашивание и рисование

ADOBE PHOTOSHOP

CS4- CS5

продолжение урока от 31.1.2012

                                                                    инструменты раскраски на адобовском сайте.

                                                                    галерея инструментов раскрашивания


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

видео урок-введение о кистях
видео: выбор и настройка кисти на примере
видео урок рисования состоит из 8-и частей (видеозапись всего процесса) + где-то есть словесная инструкция


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

D - эта клавиша всегда даст
    черный и белый  foreground и background цвета 

X - меняет черный и белый местами


закрасить выделенную площадь цветом заливки Alt + Delete или Alt + Backspace
закрасить выделенную площадь фоновым цветом Ctrl + Delete или  Ctrl  + Backspace

Brush Tool and Pencil Tool 

левая панель инструментов










кисть и карандаш очень схожи.
различия, о которых известно мне: карандаш жестче - практически не бывает размытых краев, независимо от того, какую "насадку" для него выбрать.
   у карандаша нет опции airbrush,
   зато есть возможность самостирания, если в верхней линейке настроек отметить auto erase (в CS4 эта операция возможна только на слое background и только при opacity 100%, в CS5 на любом слое и с любой прозрачностью). на самом деле это не самостирание, а рисование фоновым цветом - причем важно не забыть его выставить.


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




настройки в верхней части окна (описание параметров на сайте производителя):

слева направо:

• tool preset picker - ваще не понимаю, с какой целью эти три presets - заготовки настройки кисти размещены отдельно. вероятно, есть на то атйная причина, сокрытая от моего скудного разумения

• brush  preset picker - 

brush  preset picker

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


перед углублением в третью опцию настройки (toggle the brush panel) перескачу дальше на парочку важных моментов:

• opacity - прозрачность.

плавность перехода

• flow - плавность переода:  на рисунке верхняя линия проведена инструментом с "плавностью" 100%, а нижняя 35%

• airbrush - спрей. появляется только с кистью. короткое нажатие на инструмент дает немного цвета, но чем дольшн держать кнопку мыши, тем больше на это место выльется распылится цвета

это окошко можно открывать из

Window -

                  Brush

а можно и из верхней линейки настроек 

• toggle the brush panel - настройка панели кистей, (третья слева в линейке настроек кистей): создание новых кистей, библиотека кистей: в нижней части окна значок open preset manager, при нажатии на который появляется такое окошко:

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

познакомимся чуть ближе с левым столбцом настроек окна Brush:

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


Brush Tip Shape - форма кончика кисти. еслис выбрать эту опцию, в правой части окна можно будет настроить размер, закругленность, жесткость, выбрать форму кисти.

Shape Dynamics - динамика поведения кисти: колебания размера, угла и прочих параметров

Scattering - рассеивание.

Texture - настройки текстурированной кисти

Dual Brush - двойные кисти

Color Dynamic - параметры кисти с динамикой цвета: сочетает 2 цвета, foreground и background

Noise - шум, помеха

Wet Edges - влажность кисти: если выбрать влажную кисть, линия будет темнее снаружи, чем внутри.

создание новой кисти:

1. выделить одним из инструментов выделения какой-нить участок на рисунке, фотографии и т.п.
2. EDIT - Define Brush preset
3. новая кисть появится в окошке  Brush, готовая для настроек и использования. 
4. цвета не сохранятся, кисть будет серых оттенков.

Ps Layers продолжение

ADOBE PHOTOSHOP

CS4- CS5

объединение слоев:
слишком большое количество слоев не только затрудняют работу, но и существенно утяжеляют документ
Layer -
             Merge Layers (слияние слоев)
важно! объединяя слои убедиться, что объекты из разных слоев не накладываются друг на друга. 

• ctrl + E объединить обозначенный layer с тем, что под ним, или объединить все выделенные слои
• ctrl + shift + E  Merge Visible объединение видимых laers один в новый (не сохраняя исходники)
• Flatten Image - объединяет все слои в один Background. эти сло уже нельзя будет разделить.
• ctrl + alt + shift + E  объединение видимых  laers в новый  laer (не стирая старые)

окошко Layer Style

получаем, дважды щелкнув мышью по иконке на слое в окне Layers, либо из менюшки  fx из нижней части окошка Layers :

при нажатии на любой вариант из левого списка, в правой части окошка появятся его настройки
drop shadow - тень

                        важный параметр в настройке тени -        использованиеили неиспользование глобального освещения: когда он обозначен, изменение угла падения тени влияет на все слои.
inner shadow - внутренняя тень
outer glow - внешняя аура
inner glow - внутренняя аура
bevel and emboss - тиснение, рельеф
color overlay - покрытие цветом
gradient overlay - покрытие градиентом
pattern overlay - паттерном
stroke - линия, контур

в настройках некоторых возможностей из списка рядом с углом разворота эффекта есть опция use global light. если она обозначена, любое изменение угла повлияет на все слои.


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

1. на слое, сочетание эффектов которого мы хотим сохранить, щелкнуть дважды по fx
2. в появившемся окошке  Layer Style (фотка выше) выбрать справа сверху new style.

для использования в дальнейшем созданного нами стайла нужно в этом же окне (Layer Style), в его верхнем левом углу нажать на опцию style.

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

стиль прикреплен к слою и не функционирует как самостоятельный объект.

для того, чтобы создать из стиля самостоятельный  слой/слои нужно:

1.  навести мышку на fx в правой части слоя,
2. нажать правую кнопку мыши, выбрать Create Layers.

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

(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

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. Выделение

• Выделение целого слоя
• Выделение прямоугольной или эллиптической области
• Создание выделенной области произвольной формы
• Создание выделения в форме многоугольника
• Выделение пикселов в зависимости от их цвета
• Выделение с помощью инструмента Magnetic Lasso
• Панель опций инструмента Magnetic Lasso
• Выделение области по цвету
• Создание выделенной области в виде полосы
• Выделение узкой полосы вокруг выделенной области
• Снятие выделения
• Повторное выделение области
• Удаление выделенной области
• Перемещение рамки выделения
• Инвертирование выделенной области
• Скрытие рамки выделения
• Изменение рамки выделения
  • Изменение рамки выделения посредством команды меню
• Добавление точек к выделенной области
• Удаление точек из выделенной области
• Выделение пересечения двух выделенных областей
• Виньетирование изображения
• Маскирование фигур с помощью команды Extract
• Сохранение контура извлеченного изображения в канале

       

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 есть, в том числе, список уже открытых документов. если выбрать один из них, новый док-т будет с теми же параметрами

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

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

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

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


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

и еще