Системы компьютерной графики. Растровая графика Adobe Photoshop

1.

Системы компьютерной графики
Растровая графика
Adobe Photoshop
Автоматизация работы
Модуль 9 часть 2

2.

Задание
Все «горячие клавиши» (клавиатурные сокращения),
встреченные вами в модуле, следует выписывать на
отдельный листок.

3.

Ускорение работы. Продолжение
Продолжим знакомство с существующими возможностями
ускорить свою работу в программе Adobe Photoshop.
В этой части лекции познакомимся с:
– Командами меню Automate (Автоматизация) пункта File
(Файл).
–
Композицией слоев.

4.

Юзабилити для веб-дизайнеров
Автоматизация
работы
с помощью команд
меню Automate

5.

Однотипная обработка серии документов может быть
осуществлена с помощью палитры Actions (Операции)
совместно с новыми средствами автоматизации, например,
командами, собранными в меню File/Automate
(Файл/Автоматизировать).

6.

Команда Automate (Автоматизировать)
Пакетная обработка
Обрезка и выравнивание фотографий
Изменение типа по условию
Подогнать размер

7.

Есть задача!
Допустим, вы намерены опубликовать серию изображений в интернет
и получить отпечатанный каталог всех этих изображений для удобства
верстки Web-страницы.
Средства автоматизации Photoshop практически избавят вас от
большей части связанной с этим ручной работы.
При неавтоматизированном выполнении этой задачи вам потребуется:
1. Открыть каждое изображение.
2. Перевести каждое изображение в модель RGB или в индексированный цвет.
3. Изменить размер каждого изображения.
4. Сохранить (оптимизировать) каждое изображение в файле с расширением jpg, или gif,
или png.
5. Изменить размер каждого изображения с учетом требований печати на принтере.
6. Создать документ размером с лист бумаги для печати на принтере.
7. Поместить в созданный документ каждое изображение.

8.

Есть проблема!
Если речь идет о паре-тройке картинок в месяц, то автоматизация
не принесет выигрыша в скорости.
А попробуйте подставить вместо слова «каждое» число 100 и
прикиньте, сколько вам на это потребуется времени
За день управитесь?
Даже написание сценария лишь частично облегчит вашу участь.
В таких случаях пренебрегать дополнительными средствами
автоматизации не стоит.
Да и, честно говоря, подобную работу никак нельзя признать
творческой, и она просто обязана лечь на плечи компьютера.

9.

Пакетная обработка
Решение состоит:
• В создании макроса, выполняющего все функции обработки.
• Применение команды File / Automate / Batch
(Файл/Автоматизация/Пакет) – которая позволяет за один раз запустить
обработку не одного, а целого набора файлов и папок с файлами.

10.

Команда Batch (Пакет)
Команда, позволяющая применять записанные в сценарии действия сразу к
целой группе изображений.
Для этого нужно задать:
1. Сценарий обработки (раздел Play).
2. Исходную папку (раздел Source).
3. Конечную папку (раздел Destination).
1
2
3
В списке Destination не стоит
выбирать Save and Close,
потому что тогда исходные
файлы будут затерты.
Лучше создать новую папку,
указать ее в Destination, а
потом определить систему
нумерации изображений. В
правом нижнем поле выбираем
Extension.

11.

Задача
Рассмотрим работу команды Batch (Пакет) на
примере, с которого мы начали эту часть лекции.
Задача
Опубликовать серию изображений в Интернет и
получить отпечатанный каталог всех этих
изображений для удобства верстки Web-страницы.
Шаги решения
I.
II.
Создать сценарий, который:
- изменит тип изображения,
- его размеры,
- оптимизирует.
Применить сценарий к набору изображений

12.

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

13.

Изменение типа изображения по условию
Средствами операций проверка текущего типа изображения
невозможна, но Photoshop теперь имеет специальную
команду преобразования типов изображений по условию
Conditional Mode Change (Изменение типа по условию)
1. Откройте файл любого полноцветного изображения и
переведите его в индексированное командой Indexed Color
(Индексированный цвет) из списка Mode (Режим) меню
Image (Изображение).
2. Выберите команду Conditional Mode Change (Изменение
типа по условию) из списка Automate (Автоматизация),
вложенного в меню File (Файл).
3. Появится одноименное диалоговое окно, которое разбито на две области:
Source Mode (Исходный тип)
Target Mode (Целевой тип)
Первая область содержит восемь флажков, соответствующих типам исходного изображения. Те
типы, флажки для которых установлены, будут подвергнуты обработке, а остальные нет.
Включите все флажки, кроме RGB Color (Цвета RGB), Grayscale (Полутоновый) и Indexed Color
(Индексированный цвет).
Быстрее всего это можно сделать, нажав кнопку All (Все), а затем сняв флажки для трех типов.

14.

Изменение типа изображения по условию
4. Список в области Target Mode (Целевой тип)
предназначен для выбора типа, который должно иметь
изображение после преобразования.
Установите в списке режим RGB Color (Цвета RGB).
5.
Нажмите кнопку ОК. Photoshop откроет
предупреждающее окно, говорящее о том, что тип
изображения не совпадает ни с одним из помеченных
для преобразования типов.
С изображением ничего не произошло.
6. Установите дополнительно флажок для типа Indexed
Color (Индексированный цвет).
7.
Нажмите кнопку ОК. Теперь изображение преобразовано
в модель RGB, поскольку вы разрешили это
преобразование.
Разумеется, команда Conditional Mode Change
(Изменение типа по условию) имеет смысл только при
вызове из операции и дает ей возможность "узнавать"
тип изображения.

15.

Проблема 2
• Вторая задача в намеченной программе действий состоит
в том, чтобы вписать серию изображений в строго
фиксированную рамку (например, 200х200 пикселов).
• Макрос «не знает», каков текущий размер изображения,
поэтому придать серии изображений стандартный размер
средствами команды Image Size (Размер изображения) не
удается.
• Проблема состоит в том, что изображение может иметь
как альбомную, так и портретную ориентацию, а для
«вписания» изображения в определенные вертикальный и
горизонтальный размеры нужно знать, какой из них
больше.

16.

Автоматизированный расчет размеров
К выполнению подобной задачи придется привлечь
специальную команду Photoshop Fit Image (Подогнать
размер), предназначенную именно для этой цели.
1. Откройте любое изображение.
2. Выберите команду Fit Image (Подогнать размер) меню
Automate (Автоматизация).
3. В открывшемся диалоговом окне в поля Width (Ширина) и
Height (Высота) введите максимальные значения этих
размеров, например 200х200 пикселов.
4. Нажмите кнопку ОК.
Изображение отмасштабировано. Можете проверить
действие инструмента на изображении с другой
ориентацией.
5. Закройте открытые документы.

17.

Сохранение дополнительной информации
• Теперь, когда вы познакомились с необходимыми командами
автоматизации, создадим операцию, которая будет
осуществлять преобразование типа открытого изображения по
условию.
• По ходу дела разрешим еще одну проблему
Изображения могут содержать слои и альфа-каналы, которые
невозможно сохранить в формате JPEG.
Слои легко удаляются командой Flatten Image (Свести
изображение), а как быть с каналами?
Решение в том, чтобы использовать флажок Save a Copy
(Сохранять копию) в диалоговом окне команды Save As
(Сохранить как), позволяющем при сохранении указать на
необходимость сведения слоев и удаления каналов.

18.

Включение команд автоматизации в макрос
Для применения этих установок при записи операции нужно иметь изображение, содержащее и
слои, и каналы.
1. Откройте файл содержащий и слои и каналы.
2. Переведите изображение в модель CMYK, выбрав команду CMYK Color (Цвета CMYK) из списка
Mode (Режим), находящегося в меню Image (Изображение).
3. Закройте файл. Эти странные операции нам понадобились только для того, чтобы можно было
воспользоваться командой Conditional Mode Change (Изменение типа по условию).
4. Создайте новую операцию щелчком на соответствующей пиктограмме в палитре Actions
(Операции).
Назовите ее, например, «Gallery».
Запустите запись операции.
5. Откройте файл содержащий и слои и каналы.
6. Выберите команду Fit Image (Подогнать размер) меню Automate (Автоматизация).
7. В появившемся диалоговом окне в поля Width (Ширина) и Height (Высота) введите максимальные
значения этих размеров, например 200х200 пикселов.
Продолжение

19.

Включение команд автоматизации в макрос
В начало
8. Нажмите кнопку ОК.
9. Выберите команду Conditional Mode Change (Изменение типа по условию) из списка Automate
(Автоматизация) меню File (Файл).
10. Установите флажки для всех режимов, за исключением RGB Color(Цвета RGB) и Indexed Color
(Индексированный цвет), а в списке, где задается тип изображения после преобразования, выберите RGB
Color (Цвета RGB).
11. Нажмите кнопку ОК.
12. Выберите команду Save As (Сохранить как).
13. В открывшемся диалоговом окне установите флажок Save a Copy (Сохранять копию), отмените сохранение
слоев и каналов.
14. Нажмите кнопку Save (Сохранить).
15. Закройте документ без сохранения.
16. Остановите запись операции щелчком на пиктограмме остановки в палитре Actions (Операции).
Операция готова. Осталось научиться применять ее к серии изображений.

20.

Пакетная обработка
1. Выберите команду Batch (Поточная обработка) из
вложенного списка Automate (Автоматизация) меню
File (Файл).
2. В поле Play (Выполнить) диалогового окна Batch
(Поточная обработка) установите в списке Set
(Набор) имя набора My Actions, a в поле Action
(Операция) — имя операции, Gallery.
3. В списке поля Source (Источник) выберите вариант
Folder (Папка).
ПРИМЕЧАНИЕ
В качестве источника изображений (Source)
разрешено выбирать не только папки, открытые
файлы, а также, например, импорт или любой
другой источник из списка Import (Импорт),
находящегося в меню File (Файл)
4. Нажмите кнопку Choose (Выбрать), расположенную
под списком, и установите папку, в которой
находятся обрабатываемые изображения. Не
бойтесь выбрать любую из папок на вашем жестком
диске, ведь операция работает с копиями этих
изображений.
Продолжение

21.

Пакетная обработка
В начало
5. Включите расположенный ниже флажок
Override Action " Open" Commands
(Игнорировать команду "Открыть" в операции).
Если этот флажок сброшен, то задание папкиисточника теряет смысл: будет использоваться
папка, определенная в операции.
6. Если необходимо, установите флажок Include
All Subfolders (Включая все подкаталоги). В
этом случае будут обработаны изображения из
всех папок, вложенных в папку-источник.
Будьте осторожнее при выборе этого флажка.
7. В списке поля Destination (Назначение) также
установите пункт Folder (Папка), и выберите
папку для обработанных изображений,
воспользовавшись кнопкой Choose (Выбрать).
Продолжение

22.

Пакетная обработка
В начало
8.
Включите флажок Override Action " Save In" Commands (Игнорировать команды "Сохранить" в операции).
В противном случае будет использоваться папка назначения, определенная в операции.
9. В нижней части диалогового окна Batch (Поточная обработка) находится область File Naming (Имена
файлов), в которой задаются правила генерации имен файлов, создаваемых в результате поточной
обработки.
Имя каждого файла может состоять из шести компонентов, которые содержат списки.
Там вы найдете имя документа, расширение, дату создания, порядковый номер, и др.
В названиях файлов миниатюр нам нужно только подчеркнуть, что в них хранятся именно миниатюры, а не
оригинальные изображения.
В первом списке оставьте вариант Document Name (Имя документа), в поле ввода второго списка
выберите extension (расширение).
Продолжение

23.

Пакетная обработка
В начало
10. В поле Errors (Ошибки) вы можете определить, как будут
обрабатываться ошибки времени выполнения: остановить при ошибке
или записывать отчет в файл.
Рекомендуем установить вывод сообщений об ошибках в файл.
Для этого в списке установите вариант Log Errors To File (Записывать
отчет в файл),
а с помощью кнопки Save As (Сохранить как) выберите имя текстового
файла для записи сообщений.
11. Нажмите кнопку ОК и наблюдайте, как "все делается само"!

24.

Команда Crop and Straighten Photos
Если вы отсканировали сразу несколько фотографий
команда Crop and Straighten Photos (Обрезка и
выравнивание фотографий) отделит их друг от друга и
сохранит в разных файлах.

25.

Команда Automate (Автоматизировать)
Команду Создание дроплета* из операции изучите
самостоятельно по источнику: https://goo.gl/1epyiL
Создание дроплета*
* Задание не является обязательным.

26.

Команда Automate (Автоматизировать)
Остальные команды из меню
Automate (Автоматизировать)
разберите самостоятельно*.
* Задание не является обязательным.

27.

Юзабилити для веб-дизайнеров
Автоматизация
работы
с помощью
композиции слоев

28.

Зачем нужны композиции слоев?
Создавая свои творческие работы дизайнер никогда не
останавливается на одном варианте исполнения своего творения.
Он постоянно находится в поиске и ему необходимо видеть различные
версии исполнения своей работы.
Если работа выполняется для заказчика, то как правило, последнему
интересен момент выбора, т.е. он предполагает предоставление ему
нескольких версий исполнения его заявки.
Все эти проблемы решались достаточно стандартными способами:
записывались различные варианты работы в различных файлах.
Этот способ явно грешит очевидными недостатками: высокие
требования к объемам носителей для показа работ, загромождение
своих носителей большим количеством файлов и т.п.
Хорошим решением данной проблемы стало появление в Adobe
Photoshop композиции слоев.

29.

Общие сведения
В чем идея композиций слоев?
У вас есть многослойное изображение, которое содержит все варианты
предполагаемых дизайнов.
Используя палитру Layer Comps (Композиции слоев) вы получаете возможность
свободного перехода между различными вариантами композиции изображения,
которое значительно сэкономит время и ваше и заказчика.
Единственный нюанс, что создавать различные варианты дизайна с помощью
композиций слоев мы можем с помощью:
Изменения видимости слоев.
Изменений положения слоев.
Изменения стилей слоев.
Но даже эти возможности дают широкий полет для творчества.
Кроме этого, в Photoshop CC мы можем сочетать смарт-объекты с композициями
слоёв. Т.е. изменения в смарт-объекте тоже записываются композициями.

30.

Пример

31.

Задание
При подготовке различных вариантов
дизайна в итоговом проекте разберитесь
с композициями слоев по источнику:
https://goo.gl/eL4SsC

32.

Спасибо
за внимание!
Твои вопросы?
Ты можешь их задать:
На форуме «Вопросы по курсу»
32