Уроки Photoshop


Уроки Photoshop. Урок 1. Интерфейс Photoshop

В данном уроке Photoshop Вы изучите основные элементы окна программы и документа.

Открытие документов в Photoshop

1. Запустите графический редактор Adobe Photoshop.

2. В меню File (Файл) выберите команду Open (Открыть).

3. В появившемся диалоговом окне Open(Открыть) в списке Папка найдите папку Материалы к курсу Photoshop. В папке Материалы к курсу Photoshop/urok_1 щелчком мыши выберите файл Garden.psd Его имя должно появиться в поле Имя файла.

4. Щелкните мышью на кнопке Открыть. Документ с изображением открыт (рис. 1).

Окно программы Adobe Photoshop CS6 состоит из следующих основных элементов:

1 – Строка меню – содержит названия иерархически организованных близких по действию команд.

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

3 – Панель параметров инструмента.

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

5 – Окно документа изображения открытое в окне программы.

6 – Строка состояния.

Уроки Photohop. Интерфейс

Рис. 1 

Задание 1

Выучите основные элементы окна программы. Приготовьтесь продемонстрировать их на экране преподавателю.

Строка меню

Строка меню располагается в верхней части окна и содержит девять основных меню:

1. File (Файл). Операции с файлами.

2. Edit (Редактирование). Операции копирования, трансформирования и т.д.

3. Image (Изображение). Операции с изображениями.

4. Layer (Слои). Операции со слоями изображения.

5. Text (Текст). Работа с текстовыми слоями.

6. Select (Выделение). Операции с выделениями.

7. Filter (Фильтры). Различные фильтры, применяемые к изображениям.

8. 3D. Работа с трехмерностью.

7. View (Просмотр). Операции отображения документов в Photoshop.

8. Windows (Окно). Размещение плавающих палитр, расположение окон документов, настройки интерфейса.

10. Help (Справка). Справочник.

Каждое меню содержит множество дополнительных команд, которые открывают подменю (рис. 2), выводят на экран окна диалога или выполняют конкретные команды.

 Уроки Photohop. Интерфейс

Рис. 2. Команда New (Новый) в меню Layer (Слои) содержит подменю

Некоторые команды имеют сочетания клавиш. Например, для того чтобы сохранить документ, необходимо в меню File (Файл) выбрать команду Save As (Сохранить как) или одновременно нажать клавиши Ctrl+Shift+S (рис. 3). 

Уроки Photohop. Интерфейс

Рис. 3. Команда Save As (Сохранить как) имеет сочетание клавиш Ctrl+Shift+S 

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

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

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

Рис. 4 

Особенностью панели инструментов программы Photoshop является наличие вложенных инструментов. Значки таких инструментов имеют специальную метку в виде маленького треугольника в правом нижнем углу инструмента Уроки Photohop. Панель инструментов

Задание 2

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

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

Большинство инструментов в Adobe Photoshop имеют свои уникальные параметры.

Задание 3

1. Активизируйте инструмент Gradient (Градиент) Уроки Photohop. Инструмент Градиент.
2. Посмотрите  на панель параметров: его параметры автоматически появились – такие как тип градиента (линейный, радиальный, угловой), параметры непрозрачности, режимы наложения (рис. 5).
3. Переключитесь на другой инструмент на панели инструментов. Обратите внимание, как при этом меняется панель параметров. Для каждого инструмента панель параметров разная и имеет настройки конкретно для выбранного инструмента.

Уроки Photohop. Инструмент Градиент

Рис. 5. Панель параметров инструмента Gradient (Градиент) 

Просмотр документов в Photoshop

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

Задание 5 

1. У вас открыт документ Garden.psd. Обратите внимание на строку состояния, которая находится внизу документа: в левой части строки находится поле ввода текущего масштаба изображения.

2. Введите в поле масштаба величину 50 и нажмите клавишу Enter. Масштаб уменьшен.

3. Введите в поле масштаба величину 200 и нажмите клавишу Enter. Масштаб  увеличен. Изображение перестало помещаться в окне документа.

4. Чтобы увидеть необходимый фрагмент, используйте полосы прокрутки, перемещая их бегунки. 

Такой метод прокрутки и численный ввод масштаба не слишком удобны. Воспользуйтесь специальными инструментами Zoom (Масштаб) Уроки Photohop. Инструмент Мастштаб и Hand (Рука) Уроки Photohop. Инструмент Рука.

1. Активизируйте инструмент Zoom (Масштаб) Уроки Photohop. Инструмент Масштаб. Обратите внимание на панель параметров инструмента Zoom (Масштаб) Уроки Photohop. Инструмент Масштаб. Указатель мыши примет вид лупы со знаком «+». Инструмент готов к работе в режиме увеличения Уроки Photohop. Инструмент Масштаб.

2. Щелкните  по изображению. Масштаб увеличился. Каждый следующий щелчок мышью увеличивает масштаб до 200, 300, 400 и т.д. процентов.

3. Обратите внимание на панель параметров инструмента Zoom (Масштаб). Выберите режим уменьшения масштаба изображения Уроки Photohop. Инструмент Масштаб и отрегулируйте масштаб до значения 100%.

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

5. Очерченный фрагмент занял все окно документа.

6. Активизируйте инструмент Hand (Рука) Уроки Photohop. Инструмент Рука.

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

8. Щелкните два раза по инструменту Hand (Рука) Уроки Photohop. Инструмент Рука. Изображение изменит масштаб по размеру окна документа. 

Плавающие палитры 

Adobe Photoshop содержит достаточно много различных палитр. При первом запуске большинство палитр отображается у правого края окна программы в виде нескольких групп. (см. рис.1).

Каждая палитра посвящена одной теме, например, выбору цвета Color (Цвет), работе со слоями изображения Layers(Слои), просмотру изображения Navigator (Навигатор), History (Протокол).

Пример элементов палитры приведен на рисунке 6.

Уроки Photohop. Плавающая палитра Navigator (Навигатор)

Рис. 6. Плавающая палитра Navigator (Навигатор) 

Доступ к палитрам осуществляется через меню Windows (Окно).

Уроки Photohop 

Задание 4

1. Закройте палитру  Layers(Слои) с помощью кнопки Уроки Photohop.

2. Выведите снова палитру Layers(Слои) на экран, выбрав в меню Windows(Окно) команду Layers(Слои).

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

1. Нажмите клавишу TAB, чтобы убрать с экрана все палитры.

2. Таким же способом верните палитры на экран.

3. Нажмите <SHIFT>+<TAB>, чтобы убрать с экрана только плавающие палитры.

4. Повторным сочетанием этих клавиш верните палитры на экран. 

Палитра Navigator

Палитра Navigator (Навигатор) имеет следующие элементы управления (рис. 7):

1 – рамка выделения объектов;

2 – кнопка увеличения масштаба;

3 – ползунок управления масштабом;

4 – кнопка уменьшения масштаба.

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

Уроки Photohop. Палитра Навигатор

Рис. 7 

Палитра Color (Цвет)

С помощью палитры Color (Цвет) (рис. 8) можно задать основной и фоновый цвета. Основной и фоновый цвета активизируются щелчком на поле (1) и (2) соответственно:

1 – основной цвет;

2 – фоновый цвет;

3 – шкала для выбора цвета.

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

Уроки Photohop. Палитра Цвет

Рис. 8

Задание 5

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

2. Щелчком на активной рамке основного или фонового цвета откройте окно Color Picker (Палитра цветов) (рис. 9), где также можно выбрать цвет.

Уроки Photohop. Окно Color Picker

Рис. 9

3. Верните настройки цвета к значению по умолчанию. Для этого щелкните на пиктограмме Уроки Photohop. Окно Color Picker Возврата к первоначальным настройкам основного и фонового цвета Панели инструментов Уроки Photohop. Окно Color Picker. 

Понятие слоев

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

Слои в Photoshop

Рис. 10

Работа со слоями в Photoshop позволяет:

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

 Так же для каждого слоя можно:

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

Для управления слоями, наряду с меню Layer (Слой), используется специальная палитра, которая называется Layers (Слои)

На палитре Layers (Слои) расположен список слоев (рис. 11), начиная с самого верхнего и заканчивая самым нижним. Для вывода этой палитры на экран выберите Windows (Окно) – Layers (Слои) или нажмите клавишу F7.

Слои в Photoshop

Рис. 11. Палитра Layers (Слои)

На рис. 11:

1. Активный (текущий, выделенный в данный момент) слой.

2. Слои в Photoshop Видимый / скрытый слой.

3. Слои в Photoshop Link layers (Связывание слоев).

4. Слои в Photoshop Create New Layer (Создать новый слой).

5. Слои в Photoshop Delete Layer (Удалить слой) – удалить текущий слой.

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

Задание 6

1. У вас открыт файл Garden.psd. На палитре слоев Layers(Слои) найдите все элементы палитры, перечисленные выше (рис. 12).

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

3. Создайте два-три новых слоя.

4. Удалите созданные слои.

Уроки Photoshop. Слои

Рис. 12 

Палитра History (История)

Палитра History (История) фиксирует все операции, которые вы выполняете на изображении (рис. 13). Максимальное количество фиксируемых операций 100 и представляет собой список, в котором последняя команда расположена внизу списка.

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

Уроки Photoshop. Палитра История

Рис. 13 

1 – значок инструмента History Brush (Кисть истории);

2 – выполненное действие;

3 – ползунок активного состояния;

4 – кнопка Create new document from current state (Создать новый документ из текущего состояния);

5 – кнопка создания нового снимка;

6 – кнопка Delete (Удалить).

Выделяются команды или действия несколькими способами:

– щелчком на имени команды;

– перемещением ползунка на имя команды (указатель мыши при этом принимает форму руки с указательным пальцем);

– выполнением команды Step Forward (Шаг вперед) или Step Backward (Шаг назад) из меню Edit (Правка) или меню палитры.

Удаляются команды или действия следующими способами:

– щелчком на кнопке Delete (Удалить) палитры или меню палитры;

– командой Clear History (очистить историю) меню палитры;

– командой EditPurgeHistories (Правка – Очистить – Истории) удаляются списки историй всех открытых документов. 

Задание 7 

1. Откройте файл kosmos.jpg.

2. Откройте палитру History(История) (или сделайте ее видимой, если она присутствует на экране, щелкнув по ее ярлыку). В ней показана миниатюра документа в момент открытия и присутствует единственная надпись – Open (Открыть). Это значит, что документ был открыт, и больше с ним никаких действий не производилось.

3. Выберите инструмент Brush Tool(Кисть) Уроки Photoshop. Инструмент Кисть. Удерживая левую клавишу мыши, проведите им по изображению, сделав несколько мазков. Обратите внимание на записи в палитре события после каждого движения инструментом.

4. Выберите инструмент Rectangular Marquee (Прямоугольное выделение) Уроки Photoshop. Инструмент Прямоугольное выделение. Растяните рамку выделения в любой части изображения. Нажмите клавишу Delete(Удалить) на клавиатуре. Палитра History(История) теперь будет иметь несколько записей.

5. Щелкните по предпоследней строке в списке событий. Таким образом можно отменить последнее действие.

6. Аналогичным образом отмените все действия, кроме первого Open (Открыть).

7. Отмененные команды не исчезают из протокола. Их можно снова вернуть. Щелкните по отмененной команде Rectangular Marquee (Прямоугольное выделение), и она снова будет выполнена.

Замечание. По умолчанию в истории сохраняется 20 последних команд. 

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

После того как изображение отредактировано, его сохраняют в файл на диске. Для сохранения документа в Photoshop в меню File (Файл)  имеется две команды: Save (Сохранить) и Save As (Сохранить как).

Команда Save (Сохранить) сохраняет документ под его текущим именем, записывая новую версию изображения поверх старой.

Команда Save As (Сохранить как)  сохраняет документ в новый файл с новым именем. 

Задание 8

1. Активизируйте документ Garden.psd, щелкнув в любом месте его окна.

2. В меню File (Файл) выберите команду Save As (Сохранить как)

3. В появившемся диалоговом окне Save As (Сохранить как) в списке Папка найдите Вашу рабочую папку.

4. В поле Имя файла введите новое имя документа, например, Garden_01.psd

5. Щелкните на кнопке Save (Сохранить). Исходный документ Garden.psd закрывается, а в Вашей папке на диске появляется файл с его копией под названием Garden_01.psd

6. Аналогичным способом сохраните документ kosmos.jpg в свою папку.

 

Контрольные вопросы:

  1. Назовите и покажите основные элементы окна программы Adobe Photoshop CS3.
  2. Назовите и покажите средства для работы с изображениями.
  3. Как осуществляется вызов подменю различных команд и инструментов?
  4. Покажите приемы работы с палитрой Navigator.
  5. Покажите приемы изменения основного и фонового цветов палитры Color.
  6. Каким образом вызвать плавающие палитры на экран?
  7. Каким образом скрыть все палитры с экрана для удобства работы?
  8. В чем заключается предназначение панели параметров?
  9. Перечислите инструменты просмотра документов.
  10. Покажите приемы отключения видимости и редактирования слоя;
  11. Покажите приемы активизации, создания, удаления слоя;
  12. Назовите основное назначение палитры History (История). Каким образом отменить последние действия в Photoshop?  Покажите приемы удаления команд или действий в палитре History (История).
  13. Объясните различие между командами Save (Сохранить) и Save As (Сохранить как)?