avatar

Photoshop

В этом блоге вы найдете уроки и советы по работе в Adobe Photoshop. Обработка фотографий в Фотошопе не будет для вас проблемой. Вы найдете здесь статьи о профессиональном редактировании цифровых фотографий (например, свадебных фото), узнаете как выполнить ретушь фотографий в Photoshop, как восстановить старые фотографии, как улучшить фото при помощи Фотошопа и многое другое.

Пакетное редактирование и автоматизированная обработка в Photoshop

Часть первая — Создание действия (action)


Финальное изображение для первой части


Давайте посмотрим на галерею, которую мы будем создавать. Щелкните по скриншоту ниже, чтобы рассмотреть веб-фотогалерею. Как и всегда, исходные файлы доступны зарегистрированным членам сообщества PSDTUTS Plus (PSDTUTS Plus membership).





Шаг 1 — Давайте начнем всё с самого начала


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

Сейчас мы создадим собственную веб фотогалерею так быстро, что вы и глазом моргнуть не успеете, готовы? Сперва, соберите все изображения в одну папку. Затем откройте любое из этих изображений, мы будем использовать их для создания Photoshop Action Set (набор действий, прим. ред.) чтобы редактировать всю папку целиком.



Шаг 2 — Настройка действия (экшена)


Теперь создадим действие. Сперва откройте Action Window (окно действий, прим.ред.), идем Window > Action или нажмите Option+F9. Затем щелкните на маленьком значке папки, чтобы создать новый набор действий (Action Set), назовем его "PSDTUTS."

Создав таким образом набор действий, нажмите на маленький значок листа с загнутым уголком в окне действий и создайте новое действие (New Action). Назовите новое действие "Vintage Halftone" (винтажный полутон). Обратите внимание, что после создания нового действия снизу появляются три маленькие иконки - Stop (остановить), Record (запись) и Play (выполнить). Это кнопки управления действиями. Выбираем кнопку Record (запись) и переходим к следующему шагу.



Шаг 3 — Изменяем размеры изображения


Теперь мы наполним созданное действие содержанием. Я буду объяснять, что Вы должны и что не должны делать на каждом этапе, работая с действием; следует быть очень внимательным и выполнять каждый шаг как рекомендовано, иначе результат будет другим. Открыв Ваше изображение и убедившись, что в окне действий выбран режим записи (Record), Вы можете начинать записывать шаги действия.

Первым шагом будет изменение размера изображения. Поскольку все Ваши картинки будут входить в веб-галерею, нужно значительно уменьшить их размеры. Для этого выберите в меню Image (изображение) пункт Image Size (размер зображения) и установите значение ширины (Width) равное 700 пикселов. При этом в поле Constant Proportions (постоянные порции) должна стоять галочка для того, чтобы форматное соотношение изображения сохранялось. Также в опции Resample Image (производить повторную выборку изображения) выберите метод Bicubic Sharper (бикубическое увеличение резкости), который является наилучшим при уменьшении размеров изображения.

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



Шаг 4 - Дублируем изображение


Полезным этапом работы каждого сложного действия является восстановление каталога цветов или восстановление палитры (Reset Swatches). Выполните это нажатием клавиши D на клавиатуре. Не следует изменять каталог цветов с помощью инструмента выбора цвета (color picker). Затем дважды кликните на значке фонового слоя "Background", чтобы сделать его редактируемым, после чего в окне слоев перетащите мышью миниатюру слоя на иконку создания нового слоя (Create a new layer). При этом создастся копия фонового слоя. Убедитесь, что вновь полученный слой-копия "Layer 0 copy" является активным, и переходите к следующему шагу.



Шаг 5 - Добавляем эффект Diffuse Glow


К выбранному слою "Layer 0 copy" мы применим фильтр Diffuse Glow (диффузное свечение) для того, чтобы усилить яркость и придать изображению более выразительный вид. Перейдите в меню Filter (Фильтр) > Filter Gallery (Галерея фильтров) и выберите в наборе Distort (Деформация) фильтр Diffuse Glow (Диффузное свечение). Установите значения параметров фильтра как показано ниже и нажмите ОК.



Шаг 6 - Изменяем прозрачность слоя и объединяем слои


Теперь немного понизим непрозрачность (Opacity) слоя "Layer 0 copy". Для этого введите в окошко желаемое значение (в данном случае 75%) и нажмите ввод. Во время записи действия не следует изменять величину непрозрачности с помощью слайдера, поскольку при этом будет записан отдельный шаг для каждого дискретного значения этой величины 100, 99, 98, 97 ... 75, чего бы нам не хотелось. Далее, нажмите на миниатюру слоя "Layer 0", удерживая при этом клавишу Shift, затем комманд-клик (или щелчок правой кнопкой мыши для PC) и выберите Merge Layers (объединить слои). Результатом объединения должен станет слой "Layer 0 copy".



Шаг 7 - Применяем фильтр Gaussian Blur


Продублируйте слой "Layer 0 copy", перетащив его миниатюру на иконку Create new layer (Создать новый слой). При этом над слоем "Layer 0 copy" появится новый слой "Layer 0 copy 2". Убедитесь, что он является активным и перейдите в меню Filter (Фильтр) > Blur (Размытие) и выберите в этом наборе фильтр Gaussian Blur (Размытие по Гауссу). Установите значение радиуса в 2 пиксела и нажмите ОК.



Шаг 8 - Изменения режима смешивания копии слоя


Измените режим смешивания слоя "Layer 0 copy 2" на Overlay (наложение), причем не включайте режимы смешивания, поскольку фотошоп будет записывать в действие каждый режим, который вы попробуете. Переходите прямо к режиму Overlay. Если на этом этапе Вы хотите попробовать другие режимы смешивания слоев, то нажмите на кнопку Stop в окне действий, а только потом выбирайте тот режим смешивания, который Вам нравится. После этого вернитесь назад к последнему записанному шагу с помощью меню Edit (Редактирование) > Undo (Отмена команды). Теперь снова нажмите на кнопку Record (Запись) чтобы перейти к желаемому режиму смешивания. В завершении установите значение Opacity (Непрозрачность) равным 70%.



Шаг 9 — Создаем заполняющий слой (Fill layer)


Теперь добавим черный фон к нашей работе. Для этого перейдите в Create New Fill or Adjustment Layer (Создать новый заполняющий или регулирующий слой) выберите Solid Color (чистый цвет), установите значение цвета в шестнадцатиричной системе #000000 и нажмите ОК. Это приведет к созданию полноразмерного заполняющего слоя "Color Fill 1". Кликните на нем
и перетащите его ниже слоя "Layer 0 Copy" на палитре слоев.



Шаг 10 - Добавляем маску слоя


Активируйте слой "Layer 0 copy" и перейдите в меню Layers (Слои) > Layer mask (Маска слоя) > Hide All (Спрятать все) .



Шаг 11 - Выделяем маску слоя


Теперь мы собираемся создать на нашей картинке несимметричную рамку. После того, как Вы создали маску слоя, Вы должны кликнуть мышью на ее миниатюре, а потом создать полное выделение, нажав Command + A (Ctrl + A на РС) на клавиатуре. Это очень важный момент, и если Вы не кликните на миниатюре маски, результат в конце получится скверный.

Кроме того, для выделения Вы должны использовать именно команду Select All (Выделить все), а не пользоваться инструментом выделения Marquee tool для выделения произвольной области. Если Вы это сделаете, фотошоп сохранит координаты реального выделения только для одной единственной картинки и не будет отрабатывать данный шаг на других.



Шаг 12 - Трансформируем выделенную область


Теперь выберите инструмент выделения Marquee tool на палитре инструментов. Далее Комманд-клик (правый клик для РС) и выберите опцию Transform Selection (Трансформировать выделение). Теперь выделенная область будет окружена рамкой для свободной трансформации, однако не изменяйте саму эту рамку. На верхней панели есть два параметра W и H (это ширина - Width и высота - Height, и их значение должно быть 100%). Нажмите на иконку с изображением цепи, которая расположена между окошками этих параметров, и измените значение любого из них на 95%. Таким образом Вы уменьшите облась выделения на 5%. Теперь дважды нажмите Ввод, чтобы применить выполненную трансформацию.



Шаг 13 - Создаем несимметричную рамку


На этом этапе несимметричная рамка получит свою форму. Проверьте, что Ваше выделение имеею прямоугольную форму и отстоитот края картинки на несколько пикселов. Убедитесь также, что маска слоя "Layer 0 copy" выбрана и активна. Теперь перейдите в меню Select (Выделение) > Refine edge (Уточненный край), установите параметры как на картинке ниже и затем нажмите ОК. На этом этапе у Вас должно получиться нерегулярное выделение как в нижней части следующей картинки. Если Вы работаете с изображением другого размера, следует немного "поиграть" с параметрами Refine edge, чтобы получился хороший результат.



Шаг 14 — Заливаем выделенную область


Теперь заполните выделенное белым цветом. Сначала нажмите клавишу D для сброса Swatches (Образцы), затем выберите инструмент Marquee в палитре инструментов, кликните правой кнопкой мыши где-нибудь на выделенном и в появившемся окне выберете Fill (Заполнить). В диалоговом окне установите Contents в Use as Foreground Color (в качестве цвета переднего плана), Mode выставите в режим Normal и Opacity (Непрозрачность) до 100%. И наконец, нажмите Ctrl + D, чтобы снять выделение.



Шаг 15 - Дублируем действия


Теперь давайте повторим все шаги с 10 по 14, но на этот раз со слоем"Layer 0 copy 2". Вы можете просто повторить предыдущие действия или дублировать их в окне Actions (Действия). Чтобы скопировать шаги, для начала выберите "Layer 0 copy 2" в списке слоев и после этого остановите запись действия, нажав кнопку Stop.

Далее выделите (в окне действий) все шаги этапа создания рамки, то есть от шага "Make" после выделения слоя "Layer 0 copy" до шага "Set Selection" перед шагом выделения слоя "Layer 0 copy 2".

Выделите все эти шаги, кликая на них с нажатой клавишей Shift, затем перейдите в дополнительные опции и выберите Duplicate (Дублировать). При этом все выделенные Вами шаги продублируются сразу после последнего шага ("Set selection"). Теперь просто перетащите выделенные действия ниже шага "Select 'Layer 0 copy 2". Затем кликните на последнем шаге в окне действий, после чего снова запустите запись действия, нажав на кнопку Record в окне действий (прим. ред.).



Шаг 16 - Полутоновый шаблон


Кликните на миниатюре маски слоя "Layer 0 copy". Затем перейдите в меню Filter (Фильтры)> Filter Gallery (Галерея фильтров) и выберите Sketch (Эскиз) > Halftone Pattern (Полутоновый шаблон). Установите параметры, как показано ниже и нажмите ОК. Это позволит применить полутоновый шаблон к маске данного слоя.



Шаг 17 - Добавляем эффект Photo Filter (Фото-фильтр)


Выберите на палитре слоев слой "Layer 0 copy 2", нажмите на кнопку создать новый корректировочный слой (Create New Fill or Adjustment Layer) и выберите Photo Filter (Фото-фильтр). Выберите цвет #957345 и установите Dencity (Плотность) 100%. После этого нажмите ОК.



Шаг 18 - Настраиваем Hue/Saturation (Оттенок/Насыщенность)


Создайте новый корректитрующий слой Оттенок/Насыщенность (New Fill or Adjustment Layer > Hue Saturation), установите значения параметров, как это показано ниже, и нажмите ОК.



Шаг 19 - Заливаем новый слой


На палитре слоев создайте новый слой и убедитесь, что он располагается последним (выше всех остальных). Фактически это первый самостоятельный слой, созданный нами, поэтому он и будет называться "Layer 1". Нажмите Ctrl+A, чтобы выделить все пространство слоя, затем выберите инструмент Marquee (Выделение), кликните правой кнопкой и выберите Fill (Залить). Для заливки слоя черным следует использовать Foreground color (цвет переднего плана).



Шаг 20


Теперь добавим к слою "Layer 1" эффект Pattern Overlay (Наложение узора или шаблона). Я использую "Gray Granite" (Серый гранит) из пресета Grayscale Paper (Серая бумага).



Шаг 21 - Растеризуем эффект слоя


Создайте еще один новый слой (Layer 2), затем кликните с нажатой клавишей Shift по слою Layer 1, чтобы выделить оба слоя, и объедините слои командой Merge layers.



Шаг 22 - Изменяем режим смешивания слоя


Теперь измените режим смешивания слоя (Blending Mode ) на Умножение (Multiply) и выставите значение непрозрачности (Opacity) 75%.



Шаг 23 - Объединяем слои


На палитре слоев выделите слой "Layer 2" и нажмите, удерживая Shift, на слой "Color Fill 1". Таким образом Вы выделите все слои проекта. Затем в опциях палитры слоев выберите команду Flatten image (Объединить слои). После этого в окне действий нажмите на Stop. Вот и все, теперь у нас есть созданное действие, готовое к выполнению.



Конец части I - проверяем Ваше действие на разных изображениях


Теперь пришло время протестировать работу Вашего действия на других картинках. Попробуйте использовать для этого картинки с большей шириной или большей длиной. Если Вы следовали простым правилам, изложенным в предыдущих шагах, то не должно быть никаких сбоев. Для того, чтобы применить действие к другой картинке, просто откройте изображение, выберите действие "Vintage halftone" и нажмите на маленькую кнопку Play.

Прежде, чем двигаться дальше, хорошо бы сохранить само Действие. Для этого выберите в окне действий набор "PSDTUTS", затем перейдите к дополнительным опциям (маленькая кнопка в верхнем правом углу панели действий) и выберите Save Actions (Сохранить действия). Напишите в открывшемся окне название вашего действия и сохраните Ваш набор действий где-нибудь по Вашему усмотрению. Теперь мы готовы для пакетной обработки.

Часть II - Пакетная обработка


Шаг 1 - Создаем Droplet (Дроплет)


Дроплет позволяет применить Ваше действие к одному или нескольким изображениям или к папке с изображениями, если Вы перетянете их на иконку дроплета. Вы можете сохранить дроплет где угодно и использовать его столько раз, сколько потребуется. Для создания дроплета перейдите в меню File (Файл) > Automate (Автоматизировать) > Create droplet (Создать дроплет). При этом появится диалоговое окнго, в котором Вы можете выбрать множество опций.

В первую очередь выберите папку с Вашими изображениями и сохраните там дроплет. В окошке опции Play выберите набор действий "PSDTUTS" и действие "Vintage halftone". В окошке опции Destination выберите Folder и затем выберите папку, отличную от папки расположения Ваших оригинальных картинок. В данном случае я назову эту папку "vintage pictures".

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



Шаг 2 - Запускаем дроплет в работу


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



Конец Части II


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

Часть III - Веб-фотогалерея


Шаг 1 - Выбираем шаблон


Особенностью программы Photoshop CS3 является возможность создания веб-фотогалерей. С помощью этого инструмента можно создавать сложные HTML или FLASH галереи буквально в течение нескольких минут. Давайте попробуем. В первую очередь откроем окно веб-фотогалереи. Для этого перейдите в меню File (Файл) > Automate (Автоматизировать) и выберите Web Photo Gallery (Веб-Фотогалерея). В открывшемся окне Вы увидите три важных поля для настройки.

Первое из этих полей - Styles (Стили). Здесь можно изменить внешний вид Вашей веб-галереи и указать адрес электронной почты для контактов. Второе поле - Source Images (Источник изображений). Третье - Options (Опции), которые зависят от выбранного стиля. Здесь можно настроить различные параметры создаваемой галереи, такие, как цвета фона и переднего плана, размеры изображений и их миниатюр, а также параметры безопасности.

В первую очередь изменим стиль (Style). Я выбираю стиль "Flash Gallery - 1" (между прочим, я работаю в расширенной версии программы Photoshop CS3 extended), поскольку этот стиль красивый, а также полностью настраиваемый. Вы также можете добавить адрес электронной почты. Выбрав стиль, пока не нажимайте больше куда бы то ни было, а сразу переходите к следующему шагу.



Шаг 2 - Выбираем папки источника изображений и конечного результата


Перейдите в раздел исходного изображения, выберите Use as Folder и просматривайте систему, пока не найдете папку"Старинные фотографии" ("Vintage pictures"), которая создавалась еще в шаге 1 части 2. Параллельно, просматривая систему, создайте новую папку в любом месте и назовите его "vintage gallery".



Шаг 3 - Настройка Галереи


Теперь настало время для настройки визуального аспекта вашей галереи. Начните с выбора Banner option, напишите заголовок для вашей галереи и также добавьте контактные данные. Затем выберите опцию большого изображения (Large Images option) и установить ширину и высоту для просмотра изображений, а также установить качество JPEG и названия каждого изображения.

В поле опции миниатюр (Thumbnails) настройте максимальный размер уменьшенных изображений ваших картинок. В настройках опции Custom colors (Цвета пользователя) установите следующие значения: Background (Фон) #000000, Banner (Заголовок) #000000, Text (Текст) #DEC8A1, Active Link (Активная ссылка) #DEC8A,1 Link (Ссылка) #FFFFFF, и Visited Link (Открытая ссылка) #EBDABE. В конце в опциях безопасности обозначим текст (Custom Text), который будет играть роль "водяного знака" (watermark). Закончив с настройкой параметров, нажмите ОК и позвольте фотошопу выполнить остальную работу. В считанные минуты Ваша галерея будет готова.



Выводы


Автоматизация действий в Фотошопе это большая экономия времени и эту возможность должны знать все: дизайнеры, веб-мастера и фотографы. Попробуйте этот урок с вашими собственными фотографиями и получите удовольствие!



-------------------------------------------------------------------------------
© ФМ²
Оригинал (английский): Batch Editing and Automated Processing in Photoshop
Перевод: © Sigizmund, adainas, Ready, Ануфриев Дмитрий.

15 комментариев

avatar
Радует, что снова начали появляться интересные статьи, а не всякие «рекламы». =)
avatar
  • leviothan Павел
  • 08 февраля 2010, 18:09
да, кажется ФМ оживает) этого очень хочется по крайней мере)
avatar
  • A1exis Александр
  • 08 февраля 2010, 23:38
Спасибо Sigizmund'у за этот перевод (90% перевода его)! Спасибо ему!
avatar
всегда пожалуйста и… спасибо. мне это очень интересно и приятно делать. интересно, а какой механизм появления переводных статей в данном сообществе?
avatar
  • A1exis Александр
  • 10 февраля 2010, 00:22
Что Вы понимаете под «механизмом»? Администрация сайта переводит своими силами и силами добровольцев :), сами участники переводят и размещают, по-разному бывает…
avatar
То есть, если я правильно понимаю, любой участник сообщества (в том числе и я) может предложить разместить тут любую понравившуюся статью (переводную)? А есть ли модерация и т.п. отбор? Я именно это назвал механизмом. То есть какой путь должна пройти публикация?
avatar
  • A1exis Александр
  • 10 февраля 2010, 16:02
Именно. Абсолютно любой участник может размещать все интересное и полезное по его мнению, все что найдет. Модерации нет, после размещения статьи она попадает в «чистилище» где ее все участники сообщества могут почитать, прокомментировать и проголосовать за нее (голосование и есть «общественная модерация»). Если статья набирает достаточное количество голосов она из чистилища попадает на главную страницу, если она не нравится пользователям (т.е. набирают отрицательные баллы) попадает в «слив».
avatar
Теперь понятно, спасибо.
avatar
  • leviothan Павел
  • 09 февраля 2010, 12:15
хм, пардон за офтоп, но какой критерий попадания статьи на главную? просто у этой рейтинг 4.2, а на главной нет… статья то хорошая, ей обязательно надо на главную =)
avatar
  • buranik
  • 09 февраля 2010, 12:46
Пожалуйста, используйте кат — в гуглоридере статью полчаса прокручивать приходится
avatar
  • adainas Санёк
  • 09 февраля 2010, 19:36
Клевета - cut стоит.
avatar
  • buranik
  • 09 февраля 2010, 20:49
Хм, значит, гуглоридер не подружился с местной лентой рсс :-\
Тогда изиняюсь
avatar
  • Aleka Алёнка
  • 23 февраля 2010, 15:14
хм… статья отличная, все предельно ясно, перевод отличный, автору за это спасибо. поставила статье плюс. но я все таки хотела бы видеть не только фотошоп на страницах ФМ, а еще и статьи по технике фотографии. А то у нас сообщество фотографов превращается в сообщество фотошоперов. давайте научимся делать качественные фотографии с помошью фотоаппарата а не с помошью фш. а за статью все равно спасибо еще раз. на днях проэксперементирую
avatar
  • A1exis Александр
  • 25 февраля 2010, 21:44
Ну так вперед! Чего же Вы ждете?! ;)
avatar
  • Aleka Алёнка
  • 01 марта 2010, 00:09
я то не жду) я учусь
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.