Ускоряем работу в Photoshop с помощью экшенов

27 апреля 2012, 11:40

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

1. Настраиваем включение / отключение слоев с сеткой при помощи горячих клавиш.
Итак, открываем файл для рисования макетов. Сетка в нем уже есть и в моем случае находится в группе слоев «grid-980». Отключаем видимость этой группы слоев.



Далее, создаем новый экшен. Назовем его к примеру Show Grid.
Выбираем папку в которой он будет храниться, у меня это папка My Work Action.
Назначаем функциональную клавишу... я назначу F1, и нажимаем кнопку Record.



Убедитесь что в палитре слоев выбран какой-нибудь любой слой кроме группы слоев с сеткой, например выберите слой Background. Если этого не сделать, то экшены создадутся неправильно, они будут применяться к текущему выбранному слою, а не конкретно к группе слоев с сеткой.
Включаем нашу группу слоев с сеткой и нажимаем кнопку Stop в панели Action.

Аналогично подготовим второй экшен, который будет отключать сетку.
Создаем экшен с названием Hide Grid и назначаем функциональную клавишу F2.
Выключаем группу слоев с сеткой и нажимаем Stop.

Теперь очень удобно включать и выключать сетку используя клавиши F1 и F2. Вам больше не придется искать сетку в огромном количестве слоев макета.

Для данного приема можно придумать кучу других применений которые облегчат вам работу.

2. Настраиваем сохранение выбранного слоя или группы слоев в отдельный файл при помощи горячих клавиш.
Очень часто приходится сохранять всякие мелкие изображения в макетах сайтов, к примеру стрелочки возле списков, фоновые изображения для кнопок, различные иконки и картинки. Я всегда использовал для этих целей инструмент Slices, делал нарезку, отключал ненужные фоновые слои, если была необходима прозрачность для изображений, и сохранял с помощью диалога Save for Web. Это всегда занимало много времени и я думал, как можно облегчить и ускорить эти действия...
Описанный далее экшен существенно сокращает время на выполнение этих операций.

Итак, открываем какой-нибудь макет сайта или просто файл с несколькими слоями. Выделяем слой или группу слоев в палитре Layers.
Создаем новый экшен, назовем его к примеру Save Image и назначим горячую клавишу F3.
Далее нажимаем правой кнопкой на группу выделенных слоев и выбираем пункт «Duplicate Group...»



В открывшемся диалоге выбираем Document: New и нажимаем кнопку OK.

Создастся новый документ с текущей группой слоев. Далее идем в меню Image, выбираем пункт Trim, в диалоговом окне нажимаем ОК.

Теперь идем в палитру Action, нажимаем кнопку в верхнем правом углу и выбираем пункт
Insert Menu Item...



Выбираем в меню File пункт Save for Web & Devices. После этого нажимаем ОК в диалоговом окне.

Далее снова идем в палитру Action, нажимаем кнопку в верхнем правом углу и выбираем пункт Insert Menu Item... Опять идем в меню File и выбираем пункт Closed

Нажимаем ОК и останавливаем запись экшена.

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

Ваш комментарий

адрес не будет опубликован

ХТМЛ не работает


Ctrl + Enter