Уроки фотошопа

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

 

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

 

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


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

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

Цифровые фотокамеры производства фирмы Benq

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

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

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

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

Цифровые видеокамеры производства фирмы Canon

 

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

Сканеры производства фирмы Benq

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

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

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

 

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

 

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

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

 

Уроки Adobe Photoshop

 

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

 

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

 

меню настройки палитры Info

 

Пример:

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

Уроки Adobe Photoshop. Интерфейс программы в Adobe Photoshop.

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

 

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

 

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

 

Уроки Adobe Photoshop. Интерфейс программы в Adobe Photoshop.

 

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

 

  • Document Sizes (Размеры документа). Объем памяти, занимаемый изображением. Не путайте с размером файла изображения.
  • Document Profile (Профиль документа). Цветовой профиль документа. Если документ не содержит профиля, то появится слово "Untagged".
  • Document Dimensions (Размер документа). Размер документа в пикселах.
  • Scratch Sizes (Размер буфера). Первая цифра показывает объем памяти, занимаемый всеми открытыми изображениями с учетом буферов обмена и отката, а также снимков. Вторая показывает объем оперативной памяти, доступной в данный
    момент PhotoShop. Если первая цифра больше второй, то программа использует виртуальную память.
  • Efficiency (Эффективность). Доля времени, в течение которого программа работает в оперативной памяти. Если она меньше 100%, то используется медленная виртуальная память.
  • Timing (Тайминг). Время, затраченное на выполнение последней операции или команды.
  • Current Tool (Текущий инструмент). Ясно без комментариев.

 

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

 

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

 

Работа с документами в фотошопе

 

Создание, открытие, сохранение, закрытие и просмотр документов в программе Adobe Photoshop.

 

Создание нового документа.

 

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

  •  Традиционно - меню File пункт New.
  • Комбинация клавиш Control+N.
  • Удерживая кнопку Control дважды щёлкаем на рабочем поле окна.

Во всех случаях после указанных вышедействий возникнет диалоговое окно создания новой картинки.

  диалоговое окно создания новой картинки в Adobe Photoshop.
 

Условно содержимое окна разделено на два блока:


В первом разделе указывается высота и ширина создаваемой картинки, разрешение и цветовая модель описывающую создаваемую картинку. Размер создаваемой картинки можно указать в разных единицах измерения, воспользовавшись выпадающим меню, расположенным справа от поля ввода размера. Интересным фактом является зависимость размера файла от размеров рисунка. Изменяя цифры в полях Width и Heght можно легко убедиться, что при увеличении размера рисунка увеличивается и начальный размер файла. Существует несколько вариантов описания цветов в картинке. Эта тема будет рассмотрена в дальнейшем, а на текущий момент рекомендую устанавливать режим RGB. Раздел Contents позволяет установить цвет фона создаваемого рисунка.

  •  Раздел описывающий размеры и характеристики рисунка

  • Раздел отвечающий за содержимое рисунка.
 
  • White - цвет фона белый;
  • Background color- Photoshope есть два назначаемых типа цвета - Foreground Color и Background Color.
  • Цвет назначенный как Background Color будет цветом фона вновь созданной картинки.
  • Transparent - цвета фона небудет, т.е. фон будет прозрачный. Но создав новую картинку с прозрачным фоном Вы увидите, что вся картинка в каких-то черно-белых шашечках очень похожих на такси. Таким образом Photoshope показывает Вам, что фон прозрачный.
  • Цвет этих шашечек можно настроить через меню Edit, пункт Preferences, подпункт Transparancy & Gamut:

меню Edit, пункт Preferences, подпункт Transparancy & Gamut в Adobe Photoshop.

  Как видите ничего сложного. Grid Size позволяет выбрать размер элемента сетки. В выпадающем меню существует следующие возможности: None - нет никаких шашечек (сетки); Small - маленькие; Medium - средний размер; Large - большие.

 

Открытие документа.

 

Открытие документа осуществляется несколькими способами:

  1. Первый способ совершенно традиционен. Файл открывается командой Open из менюFile.

  2. Второй способ также не претендует на оригинальность. Открытие файла осуществляется комбинацией клавиш Control+O.

  3. А этот способ оригинален и удобен. Достаточно просто дважды щёлкнуть левой кнопкой мышки на рабочем поле главного окна Photoshop.

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

  5. В первых трёх случаях открытие файла происходит при помощи специального диалогового окна, представленного на рисунке.  

  6.  

Диалоговое окно открытия файла в Adobe Photoshop.

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

 

Для открытия файлов существует также и команда Open As из все того же меню File. От команды Open она отличается тем, что выбрав какой-то файл мы указываем в каком формате открыть этот файл и открыв нужный нам файл Фотошоп переведет наш файл в нужный нам фомат. Более подробно о форматах файлов Вы узнаете на десятом занятии.

  Диалоговое окно открытия файла, команда Open As в Adobe Photoshop.

Фотошоп запоминает какие файлы мы открывали последними позволяет их легко и быстро открыть с помощью пункта Open Recent в меню File. При наведении курсора мыши на пункт Open Recent - открывается список файлов, которые мы открывали последними. Вы можете выбрать нужный файл и Фотошоп сразу откроет его минуя стандартное окно открытия файлов. По умолчанию Фотошоп запоминает десять последних файлов, но это число можно изменить в настройках Фотошопа: Edit -> Preferences -> File Handling:

 

Окно Edit - Preferences - File Handling

 

Сохранение документа.

 

После того как изображение отредактировано, да и в процессе редактирования изображение сохраняют в файл на диске. Для сохранения документа в Photoshop имеется не одна, а целых три команды: Save (Сохранить), Save As (Сохранить как) и Save for Web (Сохранить для публикации в интернете). Первая из них сохраняет документ под его текущим именем, записывая новую версию изображения поверх старой. Вторая команда, Save As (Сохранить как), предназначена для сохранения документа в файле с другим, отличным от текущего, именем. При этом имя текущего
документа изменяется на новое, и, наконец, команда Save for Web представляет сложный механизм подготовки изображения для размещения в интернете, что будет подробно рассмотрено в десятом уроке.

 

Окно сохранения документа в Photoshop.

В поле Имя файла вводят новое имя файла. По умолчанию предлагается его текущее имя. Обратите внимание, что расширение файла в поле File Name (Имя файла) не указано. Оно полностью определяется форматом, выбранным в списке Save As (Сохранить как). По умолчанию предлагается тот же формат, что и у файла текущего документа. Флажок Save Thumbnail (Сохранить миниатюру) позволяет сохранять вместе с изображением его уменьшенную копию, миниатюру. Как вы помните, она используется в диалоговом окне Open Открыть для предварительного просмотра открываемых изображений. Также очень важной является опция Save a Copy - она устанавливает режим при котором создается копия документа в файле с другим именем. Текущее имя документа при этом не изменяется.

 

При подготовке изображений для размещения в Интернете имеет значение регистр символов, использованных в именах файлов. Некоторые операционные системы (в том числе UNIX, которая используется большинством серверов в Интернете) различают прописные и строчные буквы в именах файлов икаталогов. Чтобы избежать путаницы с регистром символов, обычно пользуются каким-то одним (как правило, нижним).
По умолчанию Photoshop дает файлам расширения в верхнем регистре. Флажок Use Lower Case Extensions (Расширение в нижнем регистре) заставляет его
использовать для расширений (типов файлов) нижний регистр.

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

Закрытие документа.

 

Для того чтобы закрыть текущий документ необходимо выбрать команду Close из меню File. За этой командой закреплена комбинация клавиш Ctrl+W. Если перед закрытием файла Вы не сохранили все свои модификации, то Фотошоп известит Вас об этом и спросит уверены ли Вы в том что хотите закрыть файл без сохранения изменений. От Вашего ответа зависит, что же произойдет:

 

Окно закрытия документа.

 

Возвращение к предыдущей копии.

 

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

 

Окно просмотра файлов File Browser.

Окно просмотра файлов File Browser открывается при помощи команды Browse... в меню File.

 

Окно просмотра файлов File Browser.

 

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

 

При работе с этим окном Вы можете:

  • Переименовать файл - команда Rename из всплывающего меню.

  • Удалить файл с диска - команда Delete из всплывающего меню или маленькая урночка в
    правом нижнем углу.

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

  • Создать новую папку - команда New Folder из всплывающего меню.

  • Произвести сортировку файлов по одному из критериев, который задается через меню МЕТОД СОТИРОВКИ (см. иллюстрацию выше). Это меню содержит следующие варианты сортировки:

  •  

Меню - варианты сортировки файлов.

  • Присвоить условную категорию A - B - C - D - E, которая позволяет производить сортировку по категории(см. предыдущий пункт).

 

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

 

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

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


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


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

 

Палитра Options в Adobe Photoshop.


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

 

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

 

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

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

 

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

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

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

 

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

 

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

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

 

Назад

Другие статьи: