Adobe Photoshop - программа для работы с растровой графикой

Размещено на http://www.allbest.ru/

ГЛАВА 1. РАСТРОВАЯ ГРАФИКА

растровый графика пиксель photoshop

Растровая графика -- это изображения, составленные из пикселов -- маленьких цветных квадратиков, размещенных в прямоугольной сетке. Пиксел -- это самая маленькая единица цифрового изображения. Качество растрового изображения напрямую зависит от количества пикселов, из которых оно состоит -- чем больше пикселов тем больше деталей можно отобразить. Увеличить растровое изображение путем тупого увеличения масштаба не получится -- число пикселов увеличить невозможно, в этом, я думаю, многие убеждались, когда старались разглядеть мелкие детали на маленькой цифровой фотографии, приближая ее на экране; в результате этого действия разглядеть что_то кроме увеличивающихся квадратиков (это как раз они -- пикселы) не удавалось. Такой фокус удается только агентам ЦРУ в голливудских фильмах, когда они с помощью увеличения картинки с камеры внешнего наблюдения распознают номера машины. Если вы не являетесь сотрудником этой структуры и не владеете такой волшебной аппаратурой -- ничего у вас не выйдет.

У растрового изображения есть несколько характеристик. Для фотостокера самыми важными являются: разрешение, размер и цветовая модель. Иногда размер также называют разрешением и поэтому происходит путаница, чтобы этого не происходило, нужно четко представлять о чем идет речь и «смотреть по контексту» -- размер измеряется в Мп (мегапиксехах), а разрешение -- dpi или ppi.

Разрешение -- это количество пикселей на дюйм (ppi -- pixel per inch) для описания отображения на экране или количество точек на дюйм (dpi -- dot per inch) для печати изображений. Существует несколько устоявшихся правил: для публикации изображения в сети Интернет используют разрешение 72ppi, а для печати -- 300dpi(ppi). Требования микростоков к изображениям -- 300dpi, так как многие работы покупаются именно для печати.

Размер -- общее количество пикселов в изображении, обычно измеряется в Мп (мегапикселах), это всего лишь результат умножения количества пикселов по высоте на количество пикселов по ширине изображения. То есть, если величина фотографии 2000х1500, то ее размером будет 2000*1500=3 000 000 пикселов или 3Мп. Для отправки на фотобанки размер изображения не должен быть меньше 4Мп, а в случае иллюстрации -- не более 25Мп.

Цветовая модель -- характеристика изображения, описывающая его представление на основе цветовых каналов. Мне известно 4 цветовые модели -- RGB (красный, зеленый и синий каналы), CMYK (голубой, пурпурный, желтый и черный), LAB («светлота», красно-зеленый и сине-желтый) и Grayscale(оттенки серого). Все микростоки принимают растровую графику в цветовой модели RGB.

Достоинства растровой графики:

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

Точная передача цветовых переходов.

Наличие множества программ для отображения и редактирования растровой графики. Абсолютное большинство программ поддерживают одинаковые форматы файлов растровой графики. Растровое представление, пожалуй, самый «старый» способ хранения цифровых изображений.

Недостатки растровой графики

Большой размер файла. Фактически для каждого пиксела приходится хранить информацию о его координатах и цвете.

Невозможность масштабирования (в часности, увеличения) изображения без потери качества.



1.1 Особенности передачи цвета

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

Цвет пикселя всегда образуется путем смешивания каких-либо базовых цветов. Конкретная цветовая модель как раз определяет эти базовые цвета. Далее мы рассмотрим три основные цветовые модели: RGB (Red, Green, Blue - Красный, Зеленый, Синий), CMYK (Cyan, Magenta, Yellow, Black - Голубой, Пурпурный, Желтый, Черный), Grayscale (Градации серого).

Модель RGB, как уже видно из названия, формирует цвет пикселя, смешивая три основных цвета - красный, зеленый, синий. Значение степени использования каждого цвета варьируется от 0 до 255. То есть 0 означает, что данный цвет отсутствует полностью, а значение 255 означает, что этот цвет взят максимально, в чистом виде.

Например: код RGB чистого красного цвета будет 255,0,0 (то есть первый цвет - красный, взят по максимуму, а все остальные не взяты вообще), код чистого зеленого цвета - 0,255,0 (аналогично с красным), ну а чистого синего цвета - 0,0,255, то есть синий цвет взят максимально, а все остальные не взяты вовсе.

Соответственно, например, код желтого цвета будет 255,255,0; абсолютного белого - 255,255,255; абсолютно черного - 0,0,0; голубого - 0,255,255; сиреневого - 255,0,255 и т. д. Таким образом, смешивая эти три основных цвета, мы можем получить самые разнообразные оттенки. Соответственно, всего при помощи гаммы RGB можно передать 2563 = 16 777 216 самых разнообразных оттенков.

Разумеется, оперируя с цветами в Photoshop, мы будем работать непосредственно с самими оттенками, а не с неудобными цифрами, но тем не менее знания цветовых моделей нередко выручают в самых разнообразных ситуациях. Например, когда нам надо передать точно один и тот же цвет из одной программы-редактора графики в другую, мы можем сделать это при помощи передачи значений по цветовой модели. Это поможет, например, взять конкретный зеленый оттенок в программе Photoshop и передать его в программу Corel Draw или какую-либо другую, поддерживающую данную цветовую модель.

Аналогично работает и цветовая модель CMYK. Разница лишь в том, что здесь другие базовые цвета - голубой, малиновый, желтый, черный. Общий принцип передачи цвета - такой же. Оттенок передается за счет смешивания вышеуказанных цветов. Данная модель характерна для векторных редакторов.

Модель Grayscale существует для отображения черно-белых изображений. Цвет по ней задается всего лишь одним параметром, значение которого также варьируется в пределах от 0 до 255. 0 означает белый цвет, 255 - черный. Соответственно, все промежуточные значения представляют собой разнообразные оттенки серого. Применяется данная модель в основном для того, чтобы чисто, без каких-либо лишних примесей, передавать черно-белые изображения. Необходимо отметить, что при переводе изображения из одной цветовой модели в другую мы можем столкнуться с проблемой искажения цветов. Поэтому цветовую модель нужно выбирать до начала работы и придерживаться ее в течение всего процесса, вплоть до печати.

Стандартной цветовой моделью Photoshop является RGB. При работе с черно-белыми изображениями считается целесообразным использовать модель Grayscale. Модель CMYK чаще применяется при работе с векторной графикой. Несомненным удобством цветовых моделей является их универсальность. Это означает, что зеленый цвет в любой программе-редакторе, использующей, например, модель RGB, будет иметь код 0,255,0. Как уже было отмечено, это удобно при переводе цветовых значений из одной программы в другую.

На рисунке 1 мы видим палитру Photoshop, на которой выбран зеленоватый цвет. Слева показаны сами оттенки цвета, а справа - значение RGB этого цвета в отдельных полях параметров. Более подробно работу с цветами непосредственно в Photoshop рассмотрим далее.

Рисунок 1. В квадрате выделены RGB значения указанного цвета

1.2. Цветовая палитра

Как правило, современные графические пакеты уже имеют свои встроенные палитры "по умолчанию", однако пользователь в любой момент может изменять значение цвета в регистрах ПЭВМ. Это выполняется с помощью регуляторов цветовых моделей, предусмотренных работой программы (RGB, HSB (HLS), CMY (CMYK)). Любое изменение цвета в регистрах палитры приводит к изменению соответствующих пикселей на экране монитора. Аналогичные палитры выбора цветов встроены в редактор презентаций Microsoft PowerPoint и практически во все графические редакторы с развитыми возможностями.

RGB модель построена на основе трихроматической компонентной теории восприятия цвета (теории Юнга-Гельмгольца), согласно которой красный, зеленый и синий цвета являются первичными цветами. Смесь первичных цветов образует вторичные. В режиме RGB для создания экранных цветов используются различные комбинации значений яркости красного, зеленого и синего света. Разнообразие цветов видимого спектра достигается за счет изменения интенсивности отдельных составляющих.

При обработке цветных RGB-изображений Adobe Photoshop присваивает каждому пикселу значение интенсивности, которое может изменяться в пределах от 0 (черный) до 255 (белый). Например, яркий красный цвет может характеризоваться значениями R=246, G=20, В=50. В случае равенства всех трех составляющих получается один из оттенков серого. При этом комбинация R=G=В=255 соответствует чистому белому цвету, а комбинация R=G=В=0 черному.

Цветовая модель HSB построена в соответствии с особенностями восприятия цвета мозгом человека. Составной цвет достигается за счет таких параметров, как оттенок (hue), насыщенность (saturation) и яркость (brightness).

Режим CMYK используется для подготовки изображений к четырех красочной печати с помощью триадных цветов: голубого, пурпурного, желтого и черного. В результате преобразования RGB-документа в формат CMYK происходит создание цветоделенных фотоформ. Как правило, переход к формату CMYK выполняется на завершающей стадии обработки изображения. Редактирование документов в формате RGB более эффективно, поскольку CMYK-файлы по объему в среднем на треть больше, чем RGB-файлы.

Каждому пикселу в CMYK-изображении присваиваются значения, определяющие процентное содержание триадных цветов. Самые светлые тона характеризуются низким содержанием триадных цветов, а наиболее темные (тени) соответственно более высокими значениями. Например, ярко-красный цвет может содержать 2% голубого, 93% пурпурного, 90% желтого и 0% черного цвета. В CMYK-изображениях чистому белому цвету соответствуют нулевые значения всех четырех составляющих.

Программные средства реализации растровой графики

В настоящее время рынок программного обеспечения переполнен различными программами и редакторами, позволяющими обрабатывать и редактировать цифровые фото. Человеку, не слишком хорошо понимающему особенности тех или иных программных средств, порой очень сложно разобраться в этом многообразии софта. Однако, правильный выбор программных средств для решения конкретной задачи по обработке фотоснимков является одним из залогов успеха получения законченных фотографий. Говоря о графических редакторах, прежде всего, необходимо отметить, что все цифровые изображения подразделяются на векторные и точечные.

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

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

Растровые графические редакторы позволяют пользователю рисовать и редактировать изображения на экране компьютера, а также сохранять их в различных растровых форматах, таких как, например, JPEG и TIFF, позволяющих сохранять растровую графику с незначительным снижением качества за счёт использования алгоритмов сжатия с потерями, PNG и GIF, поддерживающими хорошее сжатие без потерь, и BMP, также поддерживающем сжатие (RLE), но в общем случае представляющем собой несжатое «попиксельное» описание изображения.

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

Adobe Photoshop

Рисунок 2. AdobePhotoshop

AdobePhotoshop -- растровый графический редактор, разработанный и распространяемый фирмой AdobeSystems. Этот продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. Часто эту программу называют просто Photoshop (Фотошоп). Photoshop тесно связан с другими программами для обработки медиафайлов, анимации и другого творчества.

GIMP



Рисунок 3. GNU Image Manipulation Program

GNU Image Manipulation Program или GIMP (Гимп) -- растровый графический редактор, программа для создания и обработки растровой графики. Частично поддерживается векторная графика. Проект основан в 1995 году Спенсером Кимбелломи Питером Маттисом как дипломный проект, в настоящий момент поддерживается группой добровольцев. Распространяется на условиях GNU General Public License.

PAINT

Рисунок 4. Paint



Paint-- простой однооконный графический редактор, который позволяет создавать и редактировать достаточно сложные рисунки. Окно графического редактора Paint имеет стандартный вид.Простой растровый графический редактор компании Microsoft, входящий в состав всех операционных систем Windows, начиная с первых версий.

Сравнение растровых редакторов

	AdobePhotoshop	GIMP	Paint
Поддержка операционные системы
Windows	+	+	+
Mac OS X	+	+	-
Linux	-	+	-
BSD	-	+	-
Unix	-	+	-
AmigaOS	-	+	-
AIX	-	-	-
Инструменты для работы с изображениями
Выборочное редактирование	+	+	-
Поддержка слоёв	+	+	-
Гистограмма	+	+	-
Поддержка скриптов	+	+	-
HDR	+	+	-
Ретуширование	+	+	частично
Кадрирование	+	+	+
Подавление шума	+	+	-
Коррекция дисторсии	+	+	-
Подготовка к печати	+	+	-
Увеличение резкости	+	+	-
Цветокоррекция	+	+	-
Организация изображений	Частично	-	-
Поддержка плагинов	+	+	-
Поддержка различных цветовых моделей
sRGB	+	+	+
Adobe RGB	+	+	?
Индексированное изображение	+	+	Частично(только импорт)
Оттенки серого	+	+	-
CMYK	+	Частично	-
LAB	+	Частично	?
HSV	+	+	?
Поддержка распространенных форматов файлов
Raw	+	+	-
BMP	+	+	+
GIF	+	+	частично
JPEG	+	+	+
JPEG 2000	+	+	-
HD Фото	+	+	-
PNG	+	+	частично
TIFF	+	+	+
PSD	+	+	-
PSP	-	+	-
XCF	-	+	-
PCX	+	+	-
OpenEXR	+	-	-



ГЛАВА 2. ADOBE PHOTOSHOP И ЕГО ВОЗМОЖНОСТИ

2.1 Adobe Photoshop и его возможности

Adobe Photoshop - это графический растровый редактор.

Сам по себе Photoshop - всего лишь набор инструментов, которые собраны воедино. Но все сделано настолько продумано и аккуратно, что создается настоящая рабочая лаборатория для художника или дизайнера. Есть инструменты по рисованию - различные кисти и заливки, инструменты для вставки и работы с текстом, для векторной графики… Последние версии позволяют даже загружать 3D-модели в популярных форматах, созданных в редакторах трехмерной графики.

Сферы применения:

Дизайн

Обработка фото

Полиграфия

Основные возможности Adobe Photoshop:

Поддержка большинства растровых и некоторых векторных графических. форматов

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

Поддержка цветовых моделей RGB, LAB, CMYK, Градации серого, Черно-белое, Duotone, Indexed, Multichannel.

Глубина цвета изображений: 8 бит, 16 бит, 32 бита.

Специальные инструменты для создания меню DVD.

Поддержка графических планшетов.

В расширенной версии программы (Adobe Photoshop Extended) можно открывать и редактировать трехмерные модели.

Широкие возможности для анимации.

Работа со скриптами.

Огромный набор фильтров.

Достоинства:

Поддержка всех основных форматов изображений.

Огромный функционал как для редактирования изображений, так и для создания своих собственных.

Поддержка графических планшетов.

Расширяемость при помощи плагинов.

Имеется бесплатная онлайн версия -- Adobe Photoshop Express.

Недостатки:

Нет поддержки Linux систем.

Трудный для освоения начинающими.

Высокая цена.

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

2.2 Интерфейс

Рисунок 5. Интерфейс



1. Главная панель. Здесь находится весь функционал, заложенный в Photoshop. Начиная с сохранения файла и заканчивая фильтрами и произвольными настройками окон.

2. Панель настройки инструмента. Отвечает за настройку свойств и настроек используемого в данный момент инструмента.

3. Открытые в данный момент документы(файлы).

4. Переключатель рабочих сред.

5. Панель инструментов (Рис.6). Здесь находятся основные инструменты Photoshop.

Рисунок 6. Панель инструментов



6. Палитры. Дополнительная информация, опции, настройки, а также здесь находится панель слоёв. Палитры очень гибко настраиваются под нужды пользователя.

2.3 Основные инструменты Adobe Photoshop

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

Рисунок 7



Инструменты группы «Выделение»

1. Прямоугольная область (hotkey: M) -- выделяет прямоугольную (квадратную при зажатой клавише shift) область;

Овальная область (M) -- выделяет овальную (круглую при зажатой клавише shift);

Вертикальная строка -- выделяет строку пикселей;

Горизонтальная строка -- выделяет столбец пикселей.

2. Лассо (L) -- выделение областей свободной формы;

Прямолинейное лассо (L) - предназначено для выделения в изображении областей, ограниченных многоугольниками, составленными из отрезков прямых линий произвольной формы;

Магнитное лассо (L) - используется для создания выделений вокруг объектов. Границы области "цепляются" за края объекта, на которых происходит смена цветового тона и насыщенности;

(для завершения выделения с помощью лассо необходимо замкнуть область).

18. Перемещение (V) -- используется для перемещение выделенных слоев, объектов, направляющих. При зажатой клавише Shift перемещение будет строго по горизонтали или вертикали.

19. Волшебная палочка (в раздвижном меню еще будет «быстрое выделение») (W) - Выделяет области на основе сходства цветов смежных пикселов.

Инструменты группы «Фрагмент и рамка»

17. Раскройка (K) -- создает ломтик для карт рисунков, используемых в документах HTML;

Выделение фрагмента (K) -- выделяет ломтик и редактирует его;

20. Рамка (С) -- вырезает из изображения выделенную область, отсекая ненужные фрагменты.

Инструменты группы «Ретуширование»

3. Точечная восстанавливающая кисть (J) -- использует пикселы по образцу изображения или узора и сопоставляет их текстуру, освещение, прозрачность и затенение с соответствующими параметрами исправляемых пикселов;

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

Заплатка (J) - служит для исправления дефектов. Нужно построить выделение донорской области, совпадающее с дефектом по своей геометрии и микроструктуре, и перетащить выделение инструментом на поврежденный фрагмент;

Красные глаза (J) -- используется для удаления красных глаз на фотографиях.

4. Штамп (S) -- копирует пиксели из одной области в другую;

Узорный штамп (S) -- копирует выделенную область как узор.

5. Ластик (E) -- закрашивает объекты в цвет предыдущего слоя;

Фоновый ластик (Е) -- заменяет фон изображения прозрачной областью;

Волшебный ластик (Е) -- удаляет подобные цвета, распологающиеся в зоне кисти.

6. Размытие (R) - имитирует одноименный фильтр в фотошопе;

Резкость (R) - имитирует одноименный фильтр в фотошопе;

Палец (R) -- смещает пиксили, имитируя мазки.

13. Осветлитель (О) -- осветляет отдельную область изображения (можно использовать для создания виньетки);

Затемнитель (О) -- затемняет отдельную область изображения (можно использовать для создания виньетки);

Губка (О) -- увеличивает или уменьшает насыщенность отдельной области изображения.

Инструменты группы «Рисование»

14. Градиент (G) -- позволяет заливать выделенную область плавным переходом от одного цвета к другому;

Заливка (G) -- позволяет закрашивать однородные пикселы выделенной области изображения выбранным цветом.

15. Архивная кисть (Y) -- рисует мазками, созданными на основе предыдущей версии изображения;

Архивная художественная кисть (Y) -- рисует художественными мазками, созданными на основе предыдущей версии изображения;

16. Кисть (В) -- основной инструмент для рисование, имеет много разновидностей;

Карандаш (В) -- рисует линии основным цветом с жесткими краями.

Инструменты группы «Рисование и текст»

7. Веделение контура (А) -- выделяет кривую Безье;

Частичное выделение (А) -- применяется для корректировки контура, путем перемещения узловых точек;

8. Перо (Р) -- используется для рисования кривых Безье и контуров по точкам привязки;

Свободное перо (Р) -- произвольно рисует кривые Безье;

Добавить опорную точку -- добавляет новую узловую точку в контуре или кривой Безье;

Удалить опорную точку -- удаляет выбранную узловую точку в контуре или кривой Безье;

Конвертировать опорную точку -- преобразует угловую точку в точку привязки и наоборот (опять же в кривых Безье или контурах).

11. Прямоугольник (U) -- рисует прямоугольник;

Прямоугольник со скругленными углами (U) -- рисует прямоугольник со скругленными углами;

Эллипс (U) -- рисует эллипс;

Многоугольник (U) -- рисует заданный многоугольник;

Линия (U) -- рисует линию;

Произвольная фигура (U) -- рисует произвольную фигуру.

12. Горизонтальный текст (Т) -- добавляет горизонтальный текст на изображение;

Вертикальный текст (Т) -- добавляет вертикальный текст на изображение;

Горизонтальный/вертикальный текст-маска (Т) -- используется для создания выделенной области в форме символов текста.

Комментарии, измерения и инструменты навигации

9. Комментарии (N) -- добавляет на рисунок комментарии и пометки;

Аудио (N) -- добавляет на рисунок звуковые комментарии и пометки.

10. Пипетка (I) -- позволяет задать основной и фоновый цвета путем взятия проб цвета на изображении или из палитр "Синтез" и "Каталог";

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

Линейка (I) -- используется для измерений расстояний и углов на изображении.

21. Рука (Н) -- используется для просмотра частей изображений, который не попали на экран.

22. Масштаб (Z) -- используется для изменения масштаба в большую или меньшую сторону.

Инструментальные палитры

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

1. Графический редактор Photoshop имеет десять палитр. У каждой палитры свое назначение. Для примера показаны три открытые палитры: Инфо, Слои и Кисти.

Рисунок 8. Открытые палитры Инфо, Слои и Кисти

2. Доступ к палитрам открывается из строки меню. Пункт Окно (рис.9) содержит группу пунктов Спрятать.../Показать... с помощью которых происходит управление отображением палитр. Держать все палитры на экране одновременно незачем. По ходу работы ненужные палитры можно удалять с экрана.



Рисунок 9. Пункт Окно

3. Щелчком на сворачивающей кнопке палитра сворачивается, оставаясь на экране (при этом видны корешки вкладок).

4. Щелчок на закрывающей кнопке удаляет палитру с экрана. Повторный вызов палитры на экран выполняют командой Показать... в меню Окно.

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



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

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

Функции палитр

Палитра Кисти

Палитра Кисти является одной из основных. Ее особенность и том, что относится она не только к «кистям», а ко всем инструментам, предназначенным для редактирования. Эта палитра позволяет настроить зону действия текущего инструмента (для кисти это соответствует ее диаметру).

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

Вход в режим редактирования кисти выполняют двойным щелчком на ее изображении в палитре. Щелчок при нажатой клавише CTRL уничтожает кисть. Двойной щелчок на свободном месте палитры открывает диалоговое окно формирования новой кисти. Кисть с новыми свойствами добавляется в палитру.

Палитра Опции

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

Палитра Инфо

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

Роль этой информации в работе трудно переоценить, поэтому палитру Инфо, как и палитру Кисти, стоит держать открытой постоянно, расположив ее в удобном месте экрана.

Инструментальные палитры программы Photoshop

Название	Назначение
Навигатор	Позволяет быстро просмотреть различные фрагменты изображения и изменить масштаб просмотра. Палитра отображает изображение в миниатюре, прямоугольником; обозначена область окна просмотра
Инфо	Отображает информацию о координатах курсора и цветовых параметрах текущей точки. В зависимости от выбранного инструмента позволяет определять размеры, расстояния, углы поворота
Опции	Показывает название и текущие настройки выбранного инструмента. С помощью элементов управления палитры можно изменять свойства инструмента.
Синтез	Отображает цветовые значения текущих цветов переднего и заднего плана. С помощью ползунков можно отредактировать эти цвета в одной из цветовых систем
Каталог	Содержит набор доступных для использования цветов. Позволяет выбрать цвет переднего и заднего плана, добавить в набор новые и удалить ненужные цвета
Кисти	Содержит варианты кистей, используемых для рисования и редактирования. Характеристики кистей сохраняются для каждого инструмента по отдельности
Слои	Перечислены все слои изображения, начиная с верхнего. Палитру используют для определения параметров слоев, изменения их порядка и преобразования.
Каналы	Используется для выделения, создания, дублирования и удаления каналов, определения их параметров, изменения порядка, преобразования каналов в самостоятельные документы и формирования совмещенных изображений из нескольких каналов.
Контуры	Содержит список всех созданных контуров. Криволинейные контуры при преобразовании их в выделенную область могут использоваться для формирования обтравочных контуров.
Операции	С помощью этой палитры можно создавать макрокоманды [последовательности действий, выполняемых с изображением]. Макрокоманды можно записывать, выполнять, редактировать, удалять и сохранять в виде файлов

Местная коррекция и ретушь изображения

Выполняя коррекцию всего изображения в целом, не всегда удается добиться желаемого результата. Снимки могут иметь неоднородности освещения или неудачный выбор направления света при съемке. Эти дефекты можно устранить.

Сначала корректируют наиболее крупные участки изображения, которые предварительно выделяют в качестве области. Выделение произвольной области выполняют инструментом Лассо. Чтобы максимально сгладить границы выделяемой области, в палитре Параметры необходимо задать величину растушевки границы. В зависимости от размера рисунка величина растушевки в этой операции может достигать 50-100 пикселов.

После завершения «крупномасштабной» коррекции можно заняться ретушью мелких деталей. Для этого удобно воспользоваться панелью инструментов, подбирая для каждого конкретного случая размер инструмента в палитре Кисть и настраивая инструмент в палитре Параметры.

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

Инструментом Размытие/Резкость можно подчеркнуть резкость отдельных элементов изображения или, наоборот, приглушить резкость второстепенных участков.

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

Фильтры

Фильтры -- это программные средства преобразования изображения. Эксперименты с фильтрами -- это, наверное, одно из самых увлекательных занятий в редакторе Photoshop, так как зачастую они приводят к самым неожиданным результатам. На рисунках (см. ниже) )приведены всего лишь некоторые примеры из многочисленных возможностей программы. Доступ к фильтрам открывается пунктом Фильтр в строке меню. Все доступные фильтры объединены в группы, согласно производимому эффекту.



Исходное изображение	Набросок - записка
Искажение - рябь	Стиль- ветер
Оформление - мозаика	Текстура - аппликация

Рисунок 10. Фильтры

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

Группа Размытие позволяет подавить шум, проявляющийся из-за зернистости фотоматериала, и сгладить резкие линии рисунка. Радиальное размытие позволяет подчеркнуть логически важную область рисунка или создать эффект быстрого «наезда».

Интересный живописный эффект получается при использовании фильтра Штрихи > Акцент на краях или Штрихи > Наклонные штрихи.

С помощью фильтра Зигзаг > Круги на воде можно имитировать отражение изображения на поверхности воды.

Фильтр Шум > Ретушь идеально подходит для подавления шумовых неоднородностей на больших пространствах изображения.

Фильтр Освещение > Эффекты освещения позволяет не только придать рисунку нужное освещение, но и компенсировать неудачное освещение исходного фотоснимка.

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

Фильтр Эскиз > Мел и уголь имитирует черно-белый рисунок углем на бумаге.

Интересный эффект рельефного поднятия дает применение фильтра Барельеф.

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

Обтравка изображения. Понятие канала

Растровое изображение, в отличие от векторного, не содержит объектов, которые можно легко разъединить или обособить, поэтому создание художественной композиции из мелких фрагментов можно сделать только предварительно выделив нужные области. Этот процесс называется обтравкой. Он похож на вырезание бумажного рисунка с помощью ножниц.

1. Обтравку выполняют инструментом Лассо. Задача состоит и том, чтобы обвести интересующую область, проведя линию контура максимально близко к ее границе. Без специальных навыков это сделать весьма трудно: операция требует многих часов тренировки. Работу облегчает альтернативный инструмент Многоугольное лассо.

2. Качественно сделать обтравку за один прием удается редко. Неизбежно обтравочный контур имеет отклонения в ту или иную сторону. Корректируют контур инструментом Лассо (или Многоугольное лассо) при нажатых клавишах SHIFT или ALT. При этом дополнительная обведенная область соответственно добавляется к первоначальной, или вычитается из нее.

3. Перед выполнением обтравки в палитре Параметры следует задать величину Растушевки равной нулю, но флажок Сглаживание лучше оставить включенным.

4. Процесс обтравки нередко удается автоматизировать с помощью инструмента Волшебная палочка. Он позволяет выделять области, имеющие одинаковый цвет (или близкие цвета). Параметром Допуск задают диапазон оттенков, которые следует считать «близкими».

5. Обтравочный контур можно сохранить в том же файле, но отдельно от изображения. Для этого используют каналы. Их создают с помощью палитры Каналы (вызывается, командой меню Окно > Показать Каналы). Для изображений в модели RGB в этой палитре видны три цветовых канала: красный, зеленый и синий. Это видимые каналы. Выделенная область сохраняется в невидимом канале щелчком на кнопке сохранения в палитре Каналы. При этом в палитре появляется новый канал с уменьшенным изображением обтравочного контура. Каждый новый контур можно сохранить в отдельном канале. Вызов контура на экран из сохраненного канала выполняют щелчком на нужном канале при нажатой клавише CTRL.

Монтаж изображений (составление композиций).

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

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

2. Файлы, содержащие отдельные фрагменты, загружают в Photoshop. Выделенные фрагменты переносят из одного файла в другой через буфер обмена командами Редактирование > Скопировать и Редактирование > Вклеить.

3. Хотя растровые изображения и не являются отдельными объектами в полном смысле этого слова, возможность их монтаж все-таки имеется. Для этого служат слои. Операции со слоями выполняют с помощью палитры Слои (вызывается команда Окно > Показать Слои). Новый файл пока что имеет единственный слой, который называется Задний план.

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

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

6. Изображение, состоящее из разных слоев, может быть сохранено в специальном графическом формате Adobe Photoshop. Такие файлы имеют расширение .PSD.

7. Если по завершении работы над композицией объединить все слои командой Слой > Объединить видимые слои, то при сохранении файла можно использовать другие графические форматы (не только .PSD).



ЛАБОРАТОРНЫЕ РАБОТЫ

Лабораторная работа №1. Рисуем объемный шар

Теперь, для реалистичности добавим блик на шарик. Фильтр Render\ Lens Flare

Создаем новое изображение Файл -Новый (File - New) (в данном случае 100x100 пикселей) Создаем новый слой (Слой - Новый - Слой (Layer- New - Layer)). На этом слое делаем выделение окружностью (инструмент Овальная область (Elliptical Marquee) при нажатой клавише Shift) и заливаем любым цветом (инструмент Ведро (Paint Bucket)). Выделение после заливки не снимаем.

Далее используем эффекты свечения на выделении Фильтр\ Render\ Lightings Effects. Настройки подбираем по вкусу

Отбросим тень от шарика Для чего создадим новый слой (Слой - Новый - Слой (Layer - New - Layer)) и поместим его между слоем фона и слоем на котором лежит наш шар. Оставшееся выделение шара необходимо трансформировать. Выполняем Выделение - Преобразовать выделение (Select -Transform Selection) и "сплющиваем" наше выделение, потянув вниз за верхний средний маркер. Выбираем серый цвет и заливаем полученное выделение. Смещаем чуть ниже слой на котором лежит наша тень (используем инструмент Перемещение (Move)).

Для придания реалистичности тени ее необходимо размыть. Перед этим выделение с тени не снимаем. Применяем фильтр Blurt Radial blur, устанавливаем опцию Zoom и для Amount 10.

Снимаем выделение Ctrl+D или Убрать выделение (Select - Deselect).

Зададим фон. На нижнем слое выполните градиентную заливку по выбору (инструмент Градиент (Gradient) в панели опций инструмента раскройте список градиентов и щелчком выберите подходящий, затем на изображении проведите линию указывающую направление цветового перехода).

Сводим все слои (Слой - Выполнить слияние (Layer - Flatten Image)).

Лабораторная работа №2. Фото в рамке

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

Изображение 1, содержащее рамку.



Изображение 2, которое вы будете помещать, собственно, в рамку, например:

Шаг 1: Выберите область, в которую вы хотите поместить второе изображение.

Начните с изображения, на которое вы будете помещать изображение второе, и выделите область, в которой оно должно появиться. Инструмент для выбора, который вам понадобится, будет зависеть от формы области. В моем случае, я начинаю с изображения рамки, куда я хочу поместить второе изображение. Рамка есть прямоугольник, поэтому, вы можете подумать, что использовать стоит инструмент Прямоугольная область; тем не менее, не следует забывать, что рамка моя наклонена, поэтому лучше в данном случае воспользоваться инструментом Прямолинейное лассо (Polygonal Lasso).

Инструмент Прямолинейное лассо «спрятан» за инструментом Лассо, и чтобы выбрать его, кликните на инструменте Лассо, и удерживайте, пока не появится контекстное меню. Из меню выберите Прямолинейное Лассо:

Инструмент Прямолинейное Лассо позволяет нам выделить область с прямыми сторонами - мы просто кликаем в тех точках, где наша линия должна изменить направление. Каждый раз, когда мы кликаем по точке, Photoshop создает прямую линию между новой и предыдущей точками. Мы продолжаем кликать, создавая линии, до тех пор пока не вернемся к исходной точке. Чтобы замкнуть область, как я уже сказал, просто кликаем по исходной точке.

Выделить область внутри рамки при помощи этого инструмента достаточно легко. Все, что мне нужно сделать - это кликнуть в каждом из углов рамки. Я начну в верхнем левом углу, затем двигаюсь к правому верхнему углу, далее - к правому нижнему углу, после - к левому нижнему углу. Вы не увидите привычную линию «движущихся муравьев», так как мы выделяем область при помощи инструмента Прямолинейное Лассо. Вместо этого, вы увидите тонкую линию, соединяющую выбранные точки:

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

Шаг 2: Выберите и скопируйте второе изображение.

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

Нам нужно скопировать это изображение в буфер обмена, чтобы у нас была возможность вставить его в выбранную область. Прежде всего, нам нужно выбрать изображение. Откройте меню Выделение(Select) и выберите Все (All). Альтернативный способ - нажмите Ctrl/Cmd + A на клавиатуре.



На изображении появится линия, показывающая выбранную область:

Когда изображение выбрано, откройте меню Редактировать (Edit) и выберите Копировать (Copy). Или же, нажмите сочетание клавиш Ctrl/Cmd + C на клавиатуре:

Шаг 3: Вставьте изображение в выбранную область

Снова переключитесь на первое изображение, кликнув по его вкладке:



Область, которую мы выделили все так же видна, и чтобы вставить туда второе изображение, откройте меню Редактировать (Edit) и выберите Специальная вставка (Paste Special), а затем Вставить в (Paste Into):

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

Прежде чем двигаться дальше, давайте посмотрим на панель со слоями, чтобы разобраться в том, что же произошло. Обратите внимание, что сейчас у нас есть два слоя. Первоначальное изображение есть наш Фоновый слой внизу, и как только мы выбрали команду Вставить в, Photoshop создал новый слой над ним, и поместил второе изображение на этот слой:



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

Шаг 4: Измените размер и переместите изображение при помощи Свободного Трансформирования

Если ваше изображение слишком велико для выбранной области (как и в моем случае) и вам нужно изменить его размер, откройте меню Редактировать и выберите Свободная Трансформация (Free Transform), или же зажмите сочетание клавиш Ctrl/Cmd + T:



Это открывает окошко свободного трансформирования и показывает опорные точки (маленькие квадратики) вокруг изображения. Обратите внимание: окошко свободной трансформации появляется вокруг реального изображения, а не только его видимой части. Если вы не видите окошко Свободной Трансформации полностью, откройте меню Просмотр (View) и выберите Показать во весь экран (Fit the Screen):

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

Чтобы изменить размер вашего изображения, зажмите клавишу Shift и потяните за любой из четрых углов окошка Свободной трансформации. Удерживание Shift'а сохраняет пропорции изображения во время трансформации, чтобы вы случайно не исказили форму. В данном случае, я тяну за правый нижний угол, но подойдет любой из углов. Убедитесь (важно!), что вы отпускаете сначала кнопку мыши,а потом уже Shift. Если вы сначала отпустите Shift, то потеряете изначальные пропорции изображения:

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

Если изображение также нужно повернуть, переместите курсор за край окошка Свободной Трансформации. Когда вы увидите округлую двустороннюю стрелку, кликните и поворачивайте изображение. В данном случае, я поворачиваю его против часовой стрелки, дабы оно лучше совпало с углом рамки:

Когда вы довольны результатом, нажмите Enter/Return, и выйдите из режима Свободной Трансформации:

Шаг 5: Добавьте эффект внутренней тени

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

Из появившегося списка выбираю Внутреннюю Тень:

Далее откроется диалоговое окошко, настраивающее нашу внутреннюю тень. Я уменьшу непрозрачность со стандартных 75% до 40%, чтобы тень не выглядела столь интенсивной. Угол я устанавливаю на 135 градусов, чтобы создать впечатление, что свет исходит из верхнего левого угла, но вы можете выбрать угол по своему усмотрению. Наконец, размер и расстояние я установлю на 10px. Опция Размер (Size) контролирует, насколько тень будет простираться от угла, в то время как Расстояние (Distance) контролирует мягкость края. Необходимые вам величины будут во многом зависеть от размеров изображения, поэтому, тут вы можете немного поэкспериментировать:



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

Таким образом мы помещаем одно изображение внутри другого при помощи функции Вставить в (Paste Into) в Photoshop!

Лабораторная работа №3. Фотоколлаж

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



Идите в Filter > Sharpen > Sharpen ( Фильтр - Резкость - Резкость).

Назовите слой S1. Создайте новый слой под слоем S1 и воспользуйтесь инструментом Прямоугольная область (Rectangular marquee tool) для того, чтобы произвести выделение:

Используйте инструмент заливка , чтобы закрасить изображение цветом Paint bucket Tool #f9f7f1.

Объедините слои S1 и новый слой. Назовите общий слой S1-photo.

Кликните по этому слою и идите в Edit > Free Transform (Редактирование - Свободное трансформирование) (нажать Ctrl + T). Затем выберите следующий инструмент:



Превратите свое изображение в некое подобие развевающегося флага (ну или в любую другую желаемую вами форму):

И нажмите ок. То же самое проделайте с еще парой фоток. У вас получится примерно так:

Следующим нашим шагом будет открытие в Фотошоп вот этой текстуры, разместите её в в основном документе под тремя слоями. Создайте новый слой поверх всех и залейте его цветом #eae7d8, режим наложения этого слоя поставьте на Умножение - multiply и непрозрачность 69% - opacity

Результат:



Возьмите кисть со следующими настройками:

Можете менять непрозрачность кисти для придания ей мягкости. Создайте новый слой выше текстуры и используйте эту кисть. Получится следующее:

Откройте эту картинку и вырежьте оттуда цветок, вставьте в наш рабочий документ.

Используйте свободное трансформирование Free Transform для изменения размера. Также, я изменила цвет для большего сочетания с фоновым цветом.

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



Результат:

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

Окончание нашей работы

:



ГЛОССАРИЙ

AdobePhotoshop -- растровый графический редактор, разработанный и распространяемый фирмой AdobeSystems.

CMYK: Цветовой стандарт, обозначающий четыре цвета: голубой, пурпурный и черный.

DPI: Расшифровывается как точка на дюйм и относится к разрешению или же уровню детализации цифровых изображений.

GNU Image Manipulation Program или GIMP (Гимп) -- растровый графический редактор, программа для создания и обработки растровой графики.

HSB -- это трехканальная модель цвета. Она получила название по первым буквам английских слов: цветовой тон (hue), насыщенность (saturation), яркость (brightness).

Paint-- простой однооконный графический редактор, который позволяет создавать и редактировать достаточно сложные рисунки.

RGB: Цветовой стандарт, использующий три цвета: красный, зеленый и синий.

TIFF: Формат изображений, предназначенных для печати.

Байт: Малейший размер файла, эквивалент до 8 бит цифровой информации.

Глубина цвета - количество бит, приходящихся на один пиксель (bpp). Наиболее популярными разрешениями являются: 8bpp (256 цветов), 16bpp (65536 цветов), 24bpp.

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

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

Компьютерная графика - технология создания и обработки графических изображений средствами вычислительной техники.

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

Пиксель: Мельчайшая единица растрового изображения или разрешение экрана.

Размер -- общее количество пикселов в изображении, обычно измеряется в Мп (мегапикселах), это всего лишь результат умножения количества пикселов по высоте на количество пикселов по ширине изображения.

Разрешение -- это количество пикселей на дюйм (ppi -- pixel per inch) для описания отображения на экране или количество точек на дюйм (dpi -- dot per inch) для печати изображений.

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

Растровый графический редактор -- специализированная программа, предназначенная для создания и обработки изображений.

Сканирование - аналого-цифровое преобразование плоского изображения в цифровую растровую форму с помощью сканера.

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



СПИСОК ЛИТЕРАТУРЫ

«Adobe Photoshop . Официальный учебный курс», Переводчик: Райтман М. А. Редактор: Обручев В. Издательство: Эксмо-Пресс, 2013 г. - 432 с.

«Photoshop. Творческая мастерская компьютерной графики», Т. Третьяк, Л. Анеликова, Издательство: Солон-Пресс, 2010 г. - 176 с.

«Photoshop для начинающих», Издательство: Рипол Классик, 2013 г. - 200 с.

Андреев О.Ю., Музыченко В.Л. Самоучитель компьютерной графики. Учебное пособие. - М.: Триумф, 2007. - 432 с.

Божко А., Жук Д.М., Маничев В.Б. Компьютерная графика. Гриф УМО ВУЗов России. - М.: Издательство «МГТУ им. Баумана», 2007. - 392 с.