Автоматизация Photoshop c помощью Actions

Apr 19, 2008 10:24

Автоматическое создание коробок для DVD и CD в Photoshop Actions



При разработке дизайна для интернет магазина "Оскар" мгновенно родилась такая идея. А почему бы не показать продукцию в их товарном виде, то есть в таком виде, в каком привыкли видеть покупатели заходя в обычный магазин. Так как товар имеет типовую форму, а меняется лишь обложка, этот процесс обрисовки можно автоматизировать с помощью Photoshop Aсtions и мы решили попробовать.

Палитра Actions в Фотошоп была придумана для автоматизации часто повторяющихся однотипных задач. Сейчас мы рассмотрим работу этого инструмента.

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



Хорошо, коробка готова но впереди самое сложное. Я долго настраивался :)

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

Переходим к палитре Actions. В основном тебе понадобится две кнопки: запись последовательности действий (кружок), и остановить запись (квадратик).

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

И так начнем.

Нажимаем в палитре Actoins кнопку записи экшена, запись пошла. Хочу тебя успокоить, не нужно переживать о том, что неправильное движение или действие запишется и придется начинать все заново. Если что-то сделал не так, жми стоп, возвращайся на шаг назад и удаляй не верное действие нажав на ведерко в нижней-правой части палитры Actoins.

Нам нужно изменить размер обложки в соответствии с размером файла где находится коробка. Нажимаем Ctrl+Alt+I и ставим ширину (width) как на файле с обложкой. Далее жмем Ctrl+Alt+C и ставим высоту (height) как у файла с обложкой. Жмем стоп экшена.

Теперь переносим слой с коробкой в наш файл. Эти действия Actoins не записывает так как думает, что ничего не произошло и нового слоя не увидит. А этот слой с коробкой будет служить контейнером куда нам и нужно вписать обложку.

Переходим на слой с обложкой и жмем запись эшена. Для начала скопируем обложку для натягивания на болванку нажав ctrl+J. Далее нажимаем ctrl+t и трансформируем его под форму коробки. Жмем стоп Actoins.

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

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



Мы используем картинку с коробкой как трафарет на сайте, сохранив ее в формате png24 с прозрачностью. Таким образом картинка с коробкой одна, а под нее будут подкладываться разные картинки обложек. Так же тут появляется свобода творчества, ведь на коробке можно нарисовать наклейку Top, Hit, распродажа, в подарок, акция поместив эти картинки в специальный раздел.

Дерзайте.



Плишкин Дмитрий © asten.ru

техдизайн, Автоматизация Photoshop, actions, веб-дизайн

Previous post Next post
Up