Растровые изображения

 

Введение в Adobe Photoshop. Описание классов цифровых изображений.

 

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

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

Способ представления растровых изображений абсолютно отличается от векторного представления. Растровые изображения состоят из сетки точек, которая и носит название растр. Такое представление свойственно не только цифровой форме. Если вы присмотритесь к экрану монитора или телевизора то заметите (см. рисунок) , что изображение состоит из мелких точек, так называемых пикселов, от английского выражения picture element (элемент изображения). В основе восприятия человеком растровой графики лежит простой обман зрения. В силу того, что точки растра очень мелкие, глаз не воспринимает их по отдельности, он видит уже всю картину в целом.

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

Растровые и векторные изображения имеют свои достоинства и недостатки, и принципиально эти изображения несравнимы.

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

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

 

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

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

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

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

 

Интерфейс программы adobe photoshop

 

Знакомство с интерфейсом программы Adobe Photoshop. Панель инструментов. Основные элементы управления. Переключение между палитрами. Строка состояния (status bar).

Ознакомимся с общими принципами работы с интерфейсом программы Adobe Photoshop 7.0. На приведённом ниже рисунке приведены названия элементов интерфейса.

 

 

В левой части экрана находится панель инструментов. Их в Photoshop довольно много, поэтому они объединены в группы. Для того, чтобы активизировать инструмент, пиктограмма которого видна на экране, щелкните на ней.

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

 

Основные элементы управления состредоточены в так называемых плавающих палитрах, которые также соединены в группы. Каждая палитра представляет собой вкладку и имеет ярлык с названием. Переключение между палитрами осуществляется щелчком левой кнопки мыши на ярлыке соответствующей палитры. Кроме визуальных элементов управления, в палитре существует меню управления, вызвать которое можно нажатием кнопки, расположенной в правом верхнем углу окна палитры. В меню управления палитры можно выбрать команды, свойственные текущей палитре и вызвать настройку палитры пунктом Palette Options. Палитры и их группы можно разместить в любом месте экрана. Также существует возможность объединять палитры по собственному усмотрению. Делается это следующим образом: необходимо просто перетащить ярлык одной палитры в пределы другой палитры. Если у Вас возникло желание оставить палитру на экране в одиночестве, то её нужно перетащить просто в любое место на
экране, за исключением других палитр.

 

 

Пример:

 

В правой части главного окна программы находятся четыре группы палитр. Доступ к отдельным палитрам обеспечивается их ярлыками. Сделайте щелчок на ярлыке Actions (Действия) в третьей сверху группе палитр, и она окажется поверх палитры History (История).

 

Подведите курсор мышик ярлыку палитры Actions (Действия).

 

Нажмите левую кнопку мыши.

 

Не отпуская кнопку мыши, перемещайте курсор за пределы окна палитры. Текущее положение палитры Actions (Действия) будет обозначаться тонкой линией контура.

 

Кoгда курсор окажется за пределами палитры History (История), отпустите левую кнопку мыши. Палитры будут разделены.

 

Проделайте обратную операцию: перетащите палитру Actions (Действия) за ее ярлык в пределы палитры History (История). Палитры снова окажутся сгруппированными.

 

Для того, чтобы убрать палитру с экрана, достаточно щёлкнуть на кнопке её закрытия. Первое время палитры у Вас будут регулярно пропадать. Это связано с временным отсутствием навыков работы с программой. Особенно огорчаться не стоит, потому что палитру достаточно легко восстановить на экране.

 

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

 

Бывает так, что в ходе работы с палитрами (особенно в первое время) путаницы избежать не удалось. Тогда остаётся только один путь к восстановления порядка. Необходимо проделать следующие действия: Войдите в пункт Window главного меню, выберите пункт Workspace(Рабочая среда) и подпункт Reset Palette Locations(Стандартное размещение палитр). После этого действия расположение всех палитр на экране восстановится по умолчанию. Если у Вас пропала палитра инструментов, то это тоже не проблема. Ведь это тоже палитра? Значит, мы уже знаем, как ее найти. Выбираем в меню Window подпункт Tools (Инструменты).

 

В завершение темы необходимо рассказать о таком элементе интерфейса программы как строка состояния (status bar). Нижнюю часть главного окна программы занимает строка состояния . Если вы не видите строки состояния, значит, она отключена. Как и плавающая палитра,строка состояния включается командой Window > Status Bar. Повторный ее выбор уберет строку состояния с экрана.

 

 

В строке состояния Photoshop выводит информацию о текущей выполняемой операции, выдает Windows подсказку о функциях текущего инструмента, а также ту информацию об открытом документе, которую вы выберете в меню строки. Меню открывается щелчком на кнопке с треугольной стрелкой. В нем на выбор предлагаются следующие варианты:

 

• Document Sizes (Размеры документа). Объем памяти, занимаемый изображением. Не путайте с размером файла изображения.

• Document Profile (Профиль документа). Цветовой профиль документа. Если документ не содержит профиля, то появится слово "Untagged".

• Document Dimensions (Размер документа). Размер документа в пикселах.

• Scratch Sizes (Размер буфера). Первая цифра показывает объем памяти, занимаемый всеми открытыми изображениями с учетом буферов обмена и отката, а также снимков. Вторая показывает объем оперативной памяти, доступной в данный
  момент PhotoShop. Если первая цифра больше второй, то программа использует виртуальную память.

• Efficiency (Эффективность). Доля времени, в течение которого программа работает в оперативной памяти. Если она меньше 100%, то используется медленная виртуальная память.

• Timing (Тайминг). Время, затраченное на выполнение последней операции или команды.

• Current Tool (Текущий инструмент). Ясно без комментариев.

 

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

 

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

 

Параметры инструментов. Палитра Options

 

В PhotoShop существует специальная интерактивная палитра Options. В палитре Options можно настроить параметры любого инструмента, причём у каждого инструмента будет свой набор параметров.

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

Палитра Options находится вверху окна Photoshop, сразу под строкой меню. Хотя саму палитру можно перемещать по экрану, все же лучше оставить ее на своем месте. В более ранних версиях компания Adobe размещала панел Options в виде плавающей палитры, но начиная с версии 6 наконецто эта палитра приобрела себе достоное место.

Вот пример того, как выглядит эта палитра для инструмента Brush Tool (Кисть):

 

Вы можете включить и отключить отображение паритры Options с помощью пункта Options в меню Window.

 

Инструмент Кисть. Палитра Brushes

 

Урок по использованию инструментов Brush (кисть) и Pencil (карандаш).
Приступая к главному рисующему инструменту, хочется заметить, что программа Photoshop предназначена не для рисования, а для обработки готовых изображений. Поэтому не рассчитывайте на то, что все, что вы хотите, вы сможете нарисовать кистью. Чаще всего вам придется создавать новое на базе существующих изображений. Однако кисть в работе очень важна. Об этом говорит огромное количество настроек этого инструмента, появившееся в седьмой версии программы.

Инструменты рисования позволяют создавать произвольные линии, имитируя различные реальные инструменты. К рисующим относятся инструменты:

 

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

• Brush (кисть) позволяет создавать линии с гладкими или размытыми краями, жесткие линии различных форм.


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

 

Первый список с изображением кисти содержит заготовки инструментов (Tool Presets). Он присутствует в левой части палитры Options независимо от того, какой инструмент выбран.
Если вы регулярно используете инструмент с какими-то конкретными параметрами, например, овальную кисть диаметром 45 пикселов, рисующую в режиме Multiply, то вам стоит сохранить ее как заготовку, чтобы потом вызывать из этого списка. Это гораздо удобнее, чем каждый раз заново настраивать одни и те же параметры. Сохранить заготовку можно следующим образом: Открыть всплывающую палитру заготовок инструментов, нажав на изображение кисти в левой части палитры Options. Дальше есть два пути:

 

1. Нажать на изображение чистого листа и ввести имя заготовки. Тогда мы сможем сохранить инструмент с текущими параметрами как заготовку.


2. Войти в меню палитры заготовок. Не помните, как это сделать? Нужно нажать на черный треугольник в кружке в правом верхнем углу палитры. В открывшемся меню выбираем первый пункт New Tool Preset (Новая заготовка инструмента) и вводим имя заготовки.