«Adobe Photoshop. Базовый уровень». Занятие 1. Версия 2019

[zhur74]

Конспект к первому занятию курса «Adobe Photoshop. Базовый уровень» в его гибридной версии, стартовавшей в 2019 году. Курс состоит из 8 видоезанятий и 7 онлайн занятий. Конспекты сделаны только для видеозанятий, поскольку на онлайн занятиях идет разбор пройденной темы и домашних заданий. Здесь можно посмотреть полное описание и программу курса.

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

Конспекты к старой версии курса, состоявшей из 12 онлайн занятий и проходившей с 2012 по 2019 год можно найти здесь.

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

Для стандартизации внешнего вида, обеспечения стабильности и удобства доступа, данные материалы представлены в виде документов Evernote с упрощенным форматированием. Чтобы перейти к оригиналу статьи, кликните по адресу сайта непосредственно под ее названием.

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


Задачи на занятие
1. Познакомиться с интерфейсом Adobe Photoshop
2. Произвести необходимые настройки программы
3. Научиться ориентироваться в одном и нескольких изображениях
4. Разобраться в форматах файлов и способах их сохранения

Для самостоятельного изучения:
Liveclasses. Adobe Photoshop: подготовка компьютера и установка программы

Тема 1. Adobe Photoshop, первое знакомство.

1.1 Интерфейс программы.

• Родители программы: Джон и Томас Нолл. Дата рождения программы: февраль 1990.
• Последняя версия на сегодня 2020 (21)
• При скачивании программы с русской страницы сайта Adobe она автоматически устанавливается с русским интерфейсом
• Расположение палитр в англоязычной и локализованной версии совпадает, за исключением меню Window (Окно)
• Чтобы в MacOS отключить режим работы фотошоп в отдельном окне нужно дективировать команду Window > Aplication Frame (Окно > Рамка приложений)
• Основными органами управления в фотошоп являются: командное меню; палитры; палитры Tools (Инструменты) и Options (Параметры)
• В командное меню собраны все команды, которые может выполнять фотошоп
• Если рядом с командой находится стрелка, это не отдельная команда, а подраздел, включающий в себя несколько команд
• Палитры содержат как информационные поля, так и графические органы управления, работающие по принципу drag’n’drop (подхватил и перенес)
• Кнопка со удвоенной стрелкой в верхнем правом углу палитры позволяет свернуть ее до состояния маленькой иконки или развернуть в полный размер
• Каждая палитра содержит свое выпадающее меню, которе вызывается при нажатии на кнопку в правом верхнем углу палитры
• При клике правой клавишей по элементам палитр или по изображению выпадают контекстные меню, позволяющие быстрее добраться до различных команд
• Палитры Tools (Инструменты) и Options (Параметры) стоят немного особняком от остальных палитр
• В палитру Tools (Инструменты) собраны все инструменты ручного редактирования
• В палитре Options (Параметры) отображаются настройки выбранного в данный момент инструмента
• Если на иконке инструмента есть треугольник в правом нижнем углу, значит в одной ячейке находится несколько инструментов
• Чтобы переключиться на другой инструмент, нужно нажать на пиктограмму, подержать кнопку мышки и в появившемся списке выбрать нужный инструмент

Дополнительные материалы:
Легендарный Фотошоп - история в сплешскринах
Как превратить русскую версию Photoshop в английскую
Словарь терминов русской версии Photoshop



1.2 Командное меню.

• Меню Photoshop - содержит общие команды работы с программой, есть только на Mac’e, на PC команды из этого меню находятся в меню File (Файл) и Edit (Редактирование)
• Меню File (Файл) - содержит команды работы с накопителям и принтерами
• Меню Edit (Редактирование) - команды общего редактирования, не попавшие в другие разделы меню
• В версии CC2019 команда Edit > Undo (Редактирование > Отмена) стала многоуровневой, чтобы вернуться к классической одноуровневой отмене нужно поставить ключ Use Legacy Undo Shortcuts (Использовать старые клавиши отмены) в настройках Window > Workspace > Keyboard Shortcuts & Menus… (Окно > Рабочая среда > Клавиатурные сокращения и меню…)
• При этом многоуровневая отмена по прежнему доступна при помощи команды Edit > Step Backward (Редактирование > Шаг назад) или выбором состояния картинки в палитре History (История)
• Меню Image (Изображение) - содержит команды прямой коррекции, которая сразу внедряется в изображение
• Меню Layer (Слои) - содержит команды работы со слоями
• Слои делятся на два вида: корректирующие и пиксельные
• Корректирующий слой - виртуальный аналог волшебного стекла, позволяет накладывать на изображение коррекцию, не внедряя ее в картинку
• Растровый (пиксельный) слой - виртуальный аналог прозрачной кальки на части которой может быть нанесено изображение
• Меню Type (Текст) - содержит команды работы с текстом
• Меню Select (Выделение) - содержит команды создания и доработки выделений
• Меню Filter (Фильтр) - содержит список дополнительно подключаемых модулей, расширяющих функционал программы
• Меню 3D - содержит команды работы с трехмерными объектами, как импортированными, так и созданными собственными средствами
• Меню View (Просмотр) - содержит команды не меняющие саму картинку, но изменяющие ее отображение на экране
• Меню Window (Окно) - обеспечивает доступ к палитрам и организует размещение на экране открытых документов
• Названия палитр в меню Window (Окно) располагаются по алфавиту локализации
• Меню Help (Справка) - команды справки и онлайн поддержки

Для самостоятельного изучения:
Liveclasses. Adobe Photoshop: интерфейс и настройки



1.3 Рабочие пространства и операции с палитрами.

• Полный список палитр содержится в меню Window (Окно)
• Названия палитр в меню Window (Окно) располагаются по алфавиту локализации
• Если напротив названия палитры стоит галочка, это значит, что она открыта и видна на экране
• После клика по названию палитры она откроется, если была закрыта, и закроется, если была открыта
• Палитра переносится по экрану за закладку с названием
• Для уменьшения размера палитры Info (Инфо) нужно из выпадающего меню палитры вызвать команду Panel Options (Параметры панели) и отключить все ключи напротив команд в нижней половине появившегося окна
• Чтобы «приклеить» палитры друг к другу, нужно поднести одну из них к краю другой до появления голубой полоски и отпустить
• Чтобы «приклеить» связку палитр к краю экрана, нужно подхватить ее за верхнюю плашку и поднести к краю экрана до появления голубой полоски
• Чтобы разместить палитры в одном окне, нужно поднести одну из них к области названия второй до появления голубой рамки и отпустить
• Переключение между палитрами осуществляется кликом по закладке с названием
• Если палитра допускает масштабирование, ее можно растянуть. подхватив курсором за нижний или боковые края
• При двойном клике по этой закладке палитра сворачивается (исчезает ее активное поле), освобождая место для соседей
• Чтобы отвязать палитру от остальных, нужно подхватить ее за закладку с названием и вынести на свободное пространство
• Если нажать на расположенную в правом верхнем углу связки кнопку Collapse to Icons (Свернуть в пиктограммы), палитры уменьшатся до размера иконок
• Развернуть и свернуть отдельную панель можно прост кликнув по ее иконке
• Клавиатурные сокращения (горячие клавиши) - набор клавиш, нажатие которых на клавиатуре быстро вызывает команду
• Рядом с названиями команд в меню всегда подписаны актуальные на данный момент клавиатурные сокращения
• Настройка горячих клавиш и меню производится командой Window > Workspace > Keyboard Shortcuts & Menus… (Окно > Рабочая среда > Клавиатурные сокращения и меню…)
• В версии CC2019 команда Edit > Undo (Редактирование > Отмена) стала многоуровневой, чтобы вернуться к классической одноуровневой отмене нужно поставить ключ Use Legacy Undo Shortcuts (Использовать старые клавиши отмены) в настройках Window > Workspace > Keyboard Shortcuts & Menus… (Окно > Рабочая среда > Клавиатурные сокращения и меню…)
• Чтобы присвоить клавиатурное сокращение какой-либо команде, нужно выбрать ее в окне Keyboard Shortcuts (Клавиатурные сокращения), кликнуть в поле рядом с названием команды и нажать на клавиатуре желаемую комбинацию клавиш
• Если такая комбинация уже используется, Photoshop выдаст предупреждение
• В окне Menus… (Меню…) можно отключить видимость ненужных команд и пометить цветом нужные
• Настройка палитры Tools (Инструменты) вызывается самой нижней кнопкой инструментов из самой палитры Tools (кнопка с тремя точками)
• Изменение положения инструментов происходит по системе drag’n’drop (подхватил и перенес) в появляющемся окне Customize Toolbar (Настроить панель инструментов)
• Рабочее пространство (Workspace) - запомненное фотошопом расположение палитр и дополнительных настроек интерфейса
• Рабочее пространство создается командой командой Window > Workspace > New Workspace… (Окно > Рабояая среда > Новая рабочая среда…)
• По-умолчанию запоминается только расположение палитр, при желании в рабочем пространстве можно запомнить настройки горячих клавиш, командного меню и палитры инструментов
• Для возврата расположения палитр к начальному состоянию применяют команду Window > Workspace > Reset [название рабочего пространства] (Окно > Рабояая среда > Сбросить [название рабочего пространства])
• Чтобы отключить всплывающие анимарованные подсказки инструментов, нужно зайти в меню Photoshop CC > Preferences > Tools (Photoshop CC > Настройки > Инструменты) и снять ключ Use Rich Tooltips (Включить жесты)

Для самостоятельного изучения:
88 советов по фотошопу
Liveclasses. Adobe Photoshop: все палитры и инструменты (All Palettes & Tools)



1.4 Preferences - настройки работы программы.

• Основные настройки программы вызываются командой Photoshop > Preferences >… (Photoshop > Настройки >…)
• На компьютерах под управлением Windows данная команда находится в меню Edit (Редактирование)
• Чтобы цвет интерфейса не сбивал восприятие картинки, в настройках Interface (Интерфейс) в разделе Appearance (Внешний вид) выберите средний по яркости цвет интерфейса
• В этом же разделе в выпадающих списках Color (Цвет) выберите цвет фона для всех четырех режимах экрана Medium Gray (Средне серый)
• В настройках Performance (Производительность) в разделе Memory Usage (Использование памяти) можно настроить количество оперативной памяти, доступное для работы Photoshop. Чем больше будет это значение, тем быстрее будет работать программа
• В настройках Cursors (Курсоры). В разделе Painting Cursors (Курсоры для рисования) выберите вариант Normal Brush Tip (Нормальный кончик кисти), а в разделе Other Cursors (Другие курсоры) настройку Precise (Точный)
• Проверьте, что в настройках Units & Rullers (Единицы измерения и линейки) в разделе Units > Rulers (Единицы измерения > Линейки) выбраны миллиметры

Для самостоятельного изучения:
Liveclasses. Adobe Photoshop: все настройки (All Preferences)



1.5 Color Settings - настройки системы управления цветом.

• Основная задача Системы управления цветом (Color Management System) обеспечить одинаковое отображение цветов на разных устройствах (в соответствии с возможностями конкретного устройства)
• Чтобы правильно оценить цвет, CMS пересчитывает аппаратно-зависимые данные полученные от конкретного устройства (RGB) к своему внутреннему представлению цвета - цветовым координатами в цветовом пространстве сопряжения (Profile Connection Space)
• При регистрации цвета камерой (сканером) цветовые координаты вычисляются из значений RGB, которые выдала камера (сканер), при помощи профиля камера (сканера)
• Чтобы правильно передать цвет на мониторе (принтере) из цветовых координат, в соответствии с профилем монитора (принтера) вычисляются значения RGB, необходимые для данного монитора (принтера)
• Пересчет аппаратных данных в цветовые координаты и обратно осуществляется при помощи профиля устройства
• Кроме профилей конкретных устройств, созданы универсальные профили, описывающие некоторые абстрактные мониторы и являющиеся общепринятым стандартом
• К самым известным абстрактным профилям RGB относятся: sRGB IEC61966-2.1, Adobe RGB (1998) и ProPhoto RGB
• sRGB IEC61966-2.1 - это профиль (описание) усредненного Windows-монитора, данный профиль будет использоваться до тех пор, пока Вы не обоснуете сами себе, зачем Вам нужен расширенный цветовой охват
• Настройки CMS вызываются командой Edit > Color Settings (Редактирование > Настройки цветов)
• Для быстрого приведения настроек к подходящим для начала работы значениям, в выпадающем меню Settings (Настройки) выберите вариант Europe General Purpouse 3 (Универсальные настройки для Европы 3)
• Немного измените их, выбрав в разделе Working Spaces > Gray (Рабочие пространства > Градации серого) профиль Generic Gray Gamma 2.2 Profile (Общая серая гамма 2,2-профиль)
• Это необходимо, чтобы монохромное изображение в модели RGB в композитном и любом из трихроматических каналов выглядели одинаково
• При сохранении изображения в него обязательно нужно внедрять профиль. В отсутствии профиля в файле CMS на принимающей стороне не сработает, поскольку не сможет вычислить цветовые координаты из заложенных в файле значений RGB

Дополнительные материалы:
Основы системы управления цветом (Color Management System)
Тестовое изображение для проверки мониторов и принтеров

Для самостоятельного изучения:
Color Management System (CMS) в логике цветовых координатных систем
Онлайн курс «Adobe Photoshop. Допечатная подготовка изображений». Калибровка монитора
Liveclasses. Система управления цветом (Color Management System)



Тема 2. Работа с файлами.

2.1 Открывание файлов.

• Самый простой способ открыть файл - два раза кликнуть по его иконке мышкой
• Если файл открывается не в Photoshop, необходимо в операционной системе вызвать свойства и выбрать в качестве программы по умолчанию Photoshop
• Такую операцию нужно проделать для всех типов (расширений) файлов, которые Вы хотите открывать в Photoshop
• Команда File > Open (Файл > Открыть) позволяет открыть любой файл поддерживаемого формата
• Команда File > Open Recent (Файл > Последние документы) выдает список недавно открывавшихся файлов и позволяет быстро открыть любой из них
• Тот же набор последних открывавшихся изображений, только в более наглядном графическом представлении, можно увидеть на домашней странице
• Чтобы быстро открыть домашнюю страницу, нужно кликнуть по кнопке с пиктограммой домика в левой части палитры Options (Параметры)
• Чтобы отключить отображение домашней страницы нужно вызвать команду Photoshop > Preferences >General (Photoshop > Настройки > Основные), активировать ключ Disable the Home Screen (Отключить домашнюю страницу) и перезагрузить программу

2.2 Универсальный броузер Adobe Bridge.

• Команда File > Browse in Bridge (Файл > Обзор в Bridge) запускает универсальный файловый броузер Adobe Bridge
• Adobe Bridge - универсальная просмотровая утилита для всех типов документов, создаваемых программами из пакета Creative Cloud
• Основное преимущество Adobe Bridge - это способность корректно отображать все типы документов (с учетом настроек)
• Из предустановленных наиболее удобными для первичного отбора фото являются пространства Essentials и Filmstrip
• В панели Content (Содержимое) выводится содержимое выбранной папки
• Панель Folders (Папки) содержит каталог папок аналогичный файловому броузеру
• Размер иконок можно менять при помощи расположенного внизу справа регулятора
• Цвет изображений в Adobe Brodge выводится правильно, для raw-файлов превью выводятся в виде, соответствующем конвертации с текущими настройками
• В панель Favorites (Избранное) простым драг-анд-дропом можно занести наиболее часто используемые папки, при этом не происходит копирование папки, а в окно Favorites (Избранное) помещается ссылка на папку
• В окне Collection (Коллекция) можно создать виртуальную папку, куда подобрать файлы из разных папок
• При составлении коллекций файлы не копируются и не перемещаются на диске, коллекция - это набор ссылок на оригинальные файлы
• Rating (Рейтинг) - показатель качества картинки присваиваемый пользователем для облегчения сортировки
• Рейтинг измеряется в звездах и может быть присвоен как непосредственно, так и поднят/опущен на одну ступень командами Increase/Decrease Rating (Повысить/Понизить рейтинг)
• Label (Метка) - бирка, относящая файл к одной из определенных для себя пользователем групп изображений, для облегчения ориентации бирки обозначаются различными цветами
• Рейтинги и бирки являются независимыми параметрами и могут быть использованы одновременно для упрощения сортировки изображений
• В панели Filter (Фильтр) можно задать критерии для вывода на экран изображения по различным параметрам
• Однотипные параметры собраны в группы, раскрыть группу можно щелкнув по расположенному слева от их названия треугольнику
• Внутри одной группы действует правило логического или: то есть, изображение будет выводится на экран, если оно удовлетворяет хотя бы одному из заданных условий.
• Если ни один из параметров в группе не выбран фильтрация по этому признаку не осуществляется
• Если задать параметры в разных группах, действует правило логического и: то есть, отображаются только файлы соответствующие всем условиям одновременно
• В панели Keywords (Ключевые слова) содержится перечень приписанных к файлу ключевых слов
• Ключевые слова кратко описывают сюжет и объекты присутствующие в кадре и служат для поиска изображений в больших массивах данных (например, в фотобанках)
• В панели Metadata (Метаданные) выводится вся сопроводительная информация, содержащаяся в файле

Дополнительные материалы:
Онлайн мастер-класс «Adobe Bridge»

Для самостоятельного изучения:
Liveclasses. Adobe Photoshop: хранение данных и каталогизация архива



2.3 Отображение отдельного изображения.

• Для изменения масштаба отображения картинки на экране используются команды Zoom In (Увеличить) и Zoom Out (Уменьшить) и Fit on Screen (Показать во весь экран)
• Основной командной клавишей на Mac’e является «Cmd», ее аналогом на PC - «Ctrl»
• Увеличить / уменьшить изображение на один шаг можно горячими клавишами «Cmd»+«+» / «Cmd»+«-», а вывести все изображение на экран можно нажав «Cmd»+«0»
• Для увеличения/уменьшения изображения можно использовать Zoom Tool (Инструмент Масштаб), временно переключиться на него можно зажав клавиши «Cmd»+«Space»
• Увеличить интересующий фрагмент изображения можно обведя его увеличительным стеклом Zoom Tool (Инструмент Масштаб)
• Чтобы инструмент Zoom Tool (Инструмент Масштаб) работал в таком режиме, в палитре Options (Параметры) для данного инструмента снимите ключ Scrubby Zoom (Масшт. перетаскиванием)
• Для лучшего качества отображения картинки на экране после этого рекомендуется увеличить или уменьшить на один шаг масштаб отображения горячими клавишами «Cmd»+«+» / «Cmd»+«-»
• Для перемещения области отображения можно использовать инструмент Hand Tool (Инструмент Рука), временно переключиться на него можно зажав клавиши «Space»
• Чтобы отключить перемещение картинки после того, как закончился сдвиг курсора, нужно отдать команду Photoshop > Preferences > Tools (Photoshop > Настройки > Инструменты) и деактивировать ключ Enable Flick Panning (Продолжение панаромирования)
• Если изображения открыты в режиме закладок, можно разнести их в отдельные окна, подхватив закладки с названиями картинок и растянув их на разные участки экрана
• Чтобы отключить открывание изображений в режиме закладок, вызываем команду Photoshop > Preferences > Workspace (Photoshop > Настройки >Рабочая среда) и отключаем опцию Open Documents as Tabs (Открывать документы во вкладках)
• Переключение режимов отображения картинки производится через команду View > Screen Mode >… (Просмотр > Режимы экрана > …)
• Быстро переключать эти режимы экрана по кругу можно нажимая клавишу «F»
• Standart Screen Mode (Стандартное окно) - картинка отображается в отдельном окне поверх интерфейса операционной системы. Используется в том случае, когда нужно просматривать одновременно несколько изображений
• Full Screen Mode with Menu Bar (Во весь экран с главным меню) - картинка отображается на сером фоне совместно с палитрами и командным меню. Используется для работы с отдельным изображением
• Full Screen Mode (Во весь экран) - картинка отображается на сером фоне без остальных элементов интерфейса. Используется для оценки изображений и показа их заказчику
• Быстро убрать / вывести палитры можно нажимая клавишу «Tab»

Для самостоятельного изучения:
Liveclasses. Adobe Photoshop: навигация в изображениях




2.4 Команды Save (Сохранить) и Save As (Сохранить как).

• Команда Save (Сохранить) сохраняет изображение в тот же файл и с теми же настройками
• Применяется для сохранения в текущем файле изменений, произведенных в результат коррекции
• Команда Save As (Сохранить как) позволяет в процессе сохранения изменить имя, расширение и другие настройки файла при сохранении
• Обычно используется для сохранения в другом формате или с другим названием файла

2.5 Сохранение для интернета: Save for Web & Devices.

• Команда Save for Web (Сохранить для Web) сохраняет копию изображения в один из форматов пригодных для использования в Интеренте, одновременно оптимизируя его (убирая лишние данные)
• При этом в фотошопе остается открытым исходное не доработанное изображение, ассоциирующееся с файлом из которого оно было открыто
• Основным практически значимым отличием этой команды от Save As (Сохранить как) является то, что она позволяет доработать изображение перед сохранением (уменьшить размер, свести вместе слои, конвертировать в sRGB)
• Для корректного отображения цветов в процессе сохранения необходимо в разделе Preview (Просмотр) выбрать настройку Use Document Profile (Использовать профиль документа)
• Закрыть открытое изображение можно используя команду Close (Закрыть) («Cmd+W»)
• Быстро закрыть все открытые изображения можно используя команду Close All (Закрыть все) («Cmd+Alt+W»)

2.6 Форматы файлов psd, tif, jpg

• PSD (Photoshop Document) - растровый формат хранения графической информации, использующий сжатие без потерь информации, созданный специально для программы Adobe Photoshop и поддерживающий все ее возможности
• Плюс PSD - в этом формате сохраняться все созданные в Photoshop элементы и структуры изображения
• Минус PSD - низкая универсальность, его понимают только программы Adobe
• Для сохранения очень больших картинок (размер по любому измерению больше 30.000 пикселей) или очень больших файлов (больше 1Гб) применяется Lafge Document Format (PSB), являющейся одной из разновидностей PSD
• TIFF (Tagged Image File Format) - наиболее универсальный формат хранения и обмена графическими данными
• Изначально формат TIFF поддерживал сжатие без потерь, впоследствии формат был дополнен для поддержки сжатия с потерями в формате JPEG
• Плюс TIFF - универсальность, особенно ценно при передаче файлов сторонним лицам
• Минус TIFF - большой размер файлов
• JPEG (Joint Photographic Experts Group) - один из популярных форматов хранения графических данных широко применяемый в Интернете
• В формате JPEG используется сжатие информации с потерей данных
• Не рекомендуется многократно сохранять изображение в JPEG, поскольку накапливающиеся потери качества могут стать заметными
• Степень сжатия и потери детализации зависит от содержания изображения, чем более однородной является картинка, тем сильнее она будет сжиматься
• Степень сжатия определяется параметром Image Options > Quality (Параметры изображения > Качество), чем он больше, тем выше качество и меньше сжатие
• При Quality=12 изображение практически неотличимо от оригинала
• Максимально возможное сжатие при разумном сохранении качества достигается при Quality=8

Для самостоятельного изучения:
Как избавиться от жутких артефактов JPG?
Михаил Борисов. «Сжатие изображений: JPEG и JPEG2000»





© Андрей Журавлев (aka zhur74), 2012 г.
Редакция третья (2019 г.) переработанная и дополненная.
Первая публикаци https://zhur74.livejournal.com/95026.html