Здравствуйте.
Частенько в работе возникает ситуация, когда нужно доделать или изменить верстку.
Изменения вносится в макет psd.
И нужно экспортировать все новые иконки, картины в формат png с сохранением прозрачности, чтобы можно было бы легко вставить на сайт.
Обычно я делаю так. Нажимаю на слой ПКМ и выбираю «Преобразовать в смарт обьект» https://yadi.sk/i/mrzHWLlGdyjAJ
Затем CTRL+A, CTRL+C, CTRL+N, CTRL+V https://yadi.sk/i/_cH6hq9XdyjAx
И наконец сохраняю изображение в формате png

И так на каждую картинку. Таких картинок или иконок может быть десятки.
Можно ли как то убыстрить этот процесс?
Версия Photoshop CS5 12.xxx

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

Откроем редактор с произвольным изображением и потренируемся. Вверху окна программы видим меню вкладок, нас пока интересует только «Слои». (рис. 1)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Как мы видим, создавать новый слой можно не только из выпадающего меню, но и при помощи комбинации клавиш Shift+Ctrl+N. Для того чтобы сделать работу ещё более комфортной и быстрой, разработчики предусмотрели возможность создания нового слоя в один клик (рис. 2)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

При нажатии этой кнопки слой создастся автоматически и размещён будет выше выделенного в списке слоёв. (рис. 3)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Добавить что-либо в новый слой можно с помощью команды «поместить» (рис. 4)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Переименовать можно простым двойным щелчком по имени слоя.

Выше списка слоёв находятся кнопки управления режимами и стилями слоя, а также фильтры слоёв (рис. 5)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

К слою можно применять такие действия:

— сменить стиль его наложения (рис. 6)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

— сменить его прозрачность и силу заливки цветом (рис. 7-8)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

— дополнительные функции (рис. 9)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

— также к списку слоёв, для большего удобства работы с ними, можно применять фильтры (рис. 10)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Пойдём далее по списку выпадающего меню «Слои».

Например, для того чтобы сделать дубликат слоя не открывая меню, одним кликом – достаточно нажать на нужном слое левой кнопкой мыши и не отпуская протянуть его до кнопки «новый слой» – появится его копия. Либо используя комбинацию Ctrl+J (рис. 11)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Удалить слой можно как из выпадающего меню, так и просто нажатием клавиши Del. Или перетащить его к значку корзины внизу.

Чтобы выделить несколько слоёв, необходимо нажимать на требующихся слоях левой кнопкой мыши удерживая при этом нажатой клавишу Ctrl. Для того, чтобы их объединить – достаточно нажать комбинацию Ctrl+E. Для сведения всех слоёв в один – Alt+Ctrl+Shift+E, но нужно запомнить – выделенным должен быть самый верхний слой и он обязательно должен быть активным. Активность слоя переключается глазком слева от его (слоя) миниатюры. (рис. 12)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Давайте поместим в наш пустой слой произвольный объект и проделаем с ним несколько действий.

Например, чтобы переместить слой достаточно потянуть его не отпуская левую кнопку вверх или вниз списка, а чтобы опустить его ниже фонового слоя – нужно разблокировать фоновый слой двойным щелчком левой кнопкой. Как видите – слой перемещён за фоновый, он активен, но из-за своего положения в списке не виден (рис. 13)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Отменить любое действие можно нажатием такой комбинации – Ctrl+Alt+Z. Прокрутить же отменённые события вперёд – Ctrl+Shift+Z.

Создадим новый пустой слой и зальём его цветом. Чтобы залить основным цветом, достаточно нажать Alt+Backspace (рис. 14). Для заливки фоновым цветом – Ctrl+Backspace. Можно также использовать нижние кнопки, тогда выбранная функция будет представлена отдельным слоем.

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Для сохранения возможности работать с порядком слоёв и редактировать их содержимое, при большом их количестве, иногда бывает удобно не связывать их в один, а сгруппировать. (рис. 15)

Достигается это таким образом – нужно выделить все слои, которые хотим сгруппировать и нажать Ctrl+G. Можно конечно и из выпадающего меню «Слои» используя соответствующие вкладки. Разгруппировываются же они таким образом – нужно просто перетянуть требуемый слой по списку вверх или вниз так, чтобы он вышел за пределы отмеченные группой. Саму группу можно также превратить в смарт-объект, либо растрировать. К группе слоёв тоже можно применять функции смешивания, менять степень прозрачности и заливки, как и с отдельными слоями.

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Слой вместе с содержимым можно трансформировать. Для этого используют комбинацию клавиш Ctrl+T. Непосредственно можно менять размер и форму объекта, просто подведя указатель мыши к одному из углов. Чтоб не потерять пропорциональность, это, например, важно для фото, при растягивании изображения нужно одновременно удерживать кнопку Shift. (рис. 16)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Для придания же произвольной формы, нужно тянуть за края объекта с нажатой кнопкой Ctrl. (рис. 17)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Ещё можно деформировать объект, исказить, исказить в перспективе и т.д. После нажатия Ctrl+T кликаем на нём правой кнопкой и выбираем то, что нам требуется (рис. 18)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Кроме режимов смешивания, огромные возможности для редактирования и создания разных эффектов вызывается меню «Стиль слоя». Вызвать либо из выпадающего меню «Слои» либо щёлкнув два раза на слое в списке (рис. 19)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Это меню настолько обширно, что отдельно останавливаться на нём пока не будем.

Маска слоя. Её суть заключается в скрытии объекта или его частей без их удаления. Многие ошибочно полагают, что пользоваться маской слоя неудобно – напротив! Это прекрасный инструмент, позволяющий в любой момент повторно отредактировать или изменить выполненную обработку. Чего вам не позволит сделать инструмент «ластик» например. (рис. 20)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Чтобы скрыть часть объекта нужно по белой маске рисовать чёрной кистью и наоборот (рис. 21)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Обтравочная маска. Даёт возможность отсечь части одно объекта относительно границе другого. Выполняется так: удерживая кнопку ALT поднести курсор мыши к границе слоёв между ними. После появления соответствующего значка отпустить. (рис. 22-23)

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

слои в фотошопе, фотошоп со слоями, новый слой в фотошопе, как объединить слои в фотошопе, как создать слой в фотошопе, как сделать слои в фотошопе, создать новый слой в фотошопе

Стрелочка указывает на то, что слой обтравлен.

Выделяем содержимое. Для этого достаточно просто щёлкнуть на миниатюре слоя, удерживая Ctrl (рис. 24).

Перенос файлов из программы Photoshop в Illustrator

Разработчики программы Photoshop обеспечили ее максимальную совместимость с Illustrator. Если перетащить выделенную область или слой из программы Photoshop в Illustrator, то в последней, на палитре Layers (Слои), появится изображение в виде группы, содержащей собственно картинку и контур отсечения. При этом не будут учитываться значения непрозрачности, режимы смешивания, маски и отсеченные области изображения.

С помощью инструмента Path Component Selection (Выбор компонентов контура) можно перетащить контур отсечения слоев из программы Photoshop в Illustrator. Либо можно воспользоваться командой Export Paths to Illustrator (Экспорт контуров в Illustrator) меню File в программе Photoshop, чтобы экспортировать сохраненный контур, а затем открыть этот файл в программе Illustrator. В любом случае контур станет в программе Illustrator редактируемым векторным объектом без какой-либо заливки или обводки.

Если просто скопировать слой в программе Photoshop и вставить его в Illustrator, то маска слоя или контур отсечения слоев будут проигнорированы.

Если установить флажок Link (Связь) в диалоговом окне Place (Поместить) программы Illustrator и поместить в нем изображение из программы Photoshop, то оно появится на палитре Layers (Слои) в качестве слоя некоторого изображения. Изображение будет иметь надлежащую маску, но некоторые режимы смешивания могут дать неожиданные эффекты.

Если изображение было перенесено из программы Photoshop при снятом флажке Link (Связь) или открыто в программе Illustrator, то можно будет выбирать, преобразовать ли слои в объекты или в единый слой, полученный в результате объединения слоев. Если вы выбрали режим преобразования слоев программы Photoshop в объекты, то каждый объект появит ся на своем собственном вложенном слое в пределах подслоя изображения. При этом фон останется отдельным непрозрачным слоем. Его можно будет удалять или редактировать в программе Illustrator.

Все значения параметров непрозрачности и режимов смешивания будут сохранены и в дальнейшем могут быть отредактированы в программе Illustrator. Маски слоя и контуры отсечения станут непрозрачными масками. Все контуры отсечения, представленные на палитре Paths (Контуры) и сохраненные в файле Photoshop, останутся действующими. При этом слои фигур станут слоями изображения, а не векторными объектами. У каждого отдельного слоя будут границы, соответствующие размеру исходного изображения в программе Photoshop.

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

Разрешение любого изображения в формате TIFF, EPS или PSD не будет изменено при открытии и перемещении файла из программы Photoshop в Illustrator. Но изображение поменяет цветовой режим на режим, установленный в программе Illustrator. К импортированному изображению могут быть применены растровые фильтры, растровые эффекты и некоторые векторные эффекты программы Illustrator.

Как загрузить слои в фотошопе