Скрипт сохранения слоев photoshop
В этом в этом материале мы рассмотрим способы сохранения, загрузки и использования стилей слоя в программе Photoshop.
Как мы уже поняли из предыдущих публикаций, с помощью стилей слоя мы легко и без применения особого мастерства можем создавать забавные и интересные фото- и текстовые эффекты. Вам не нужно быть гуру Photoshop или тратить огромное количество времени на изучение света и теории цветов, чтобы начать применять тени, обводку, градиенты, узоры, внутреннее и внешние свечение и другие стили к Вашим изображениям.
В этом материале мы создадим простую фоторамку с помощью стилей, потом сохраним эти эффекты и применим их к другому изображению.
Вот как будет выглядеть готовая фоторамка, полученная в результате применения стилей, которые мы добавим к фотографии в этим примере:
Имейте в виду, что создание фоторамки само по себе не является основной целью этой статьи. Суть материала в том, чтобы узнать, как легко сохранять собственные эффекты стилей слоя, загружать их при необходимости в Photoshop и применять их к другим изображениям.
Создание двухцветной рамки для фото с помощью стилей слоя
Открываем изображение в Photoshop и сразу дублируем фоновый слой.
Обычно мы дублируем этот слой, прежде чем приступить к редактированию, чтобы не повредить первоначальное изображение, но, в данном случае, имеется и другая причина. Дело в том, что Photoshop просто не даст нам применить стили к фоновому слою. В этом легко убедиться, если посмотреть на нижнюю часть панели слоёв, где значок добавления стилей имеет серый цвет, что говорит о том, что стили недоступны:
Давайте обойдём эту маленькую проблему, просто продублировав фоновый слой нажатием клавиш Ctrl+J.
Теперь у нас есть копия фонового слоя, с которой мы будем работать и можно,наконец, приступить к добавлению стилей слоя.
Зададим ей следующие параметры:
Цвет - чёрный
Размер (Size) - 60 пикселей
Положение (Position) - Внутри (Inside)
Теперь фотография должна иметь черную окантовку:
На этот раз, давайте добавим белый границу внутри черной, и сделаем это с помощью "Внутреннего свечения" (Inner Glow).
К сожалению, мы можем использовать определенный стиль слоя только один раз в одном слое, и это означает, что, поскольку мы уже использовали "Обводку" для добавления чёрной рамки, мы не можем использовать его снова для добавления белой. Исходя из этого, для белой обводки нам потребуется нестандартно применить другой стиль, в данном случае, мы будем использовать "Внутреннее свечение".
Добавляем "Внутреннее свечение" к слою и задаём следующие параметры. Опять таки, параметр Размер (Size) зависит от общего размера изображения:
Теперь внутри чёрной рамки добавилась белая кайма:
Давайте создадим завершающий штрих для нашей фоторамки, добавив ей немного глубины, как будто черная внешняя рамка находится перед белой внутренней рамкой. Для этого мы воспользуемся "Внутренней тенью" (Inner Shadow). В диалоговом окне задайте следующие настройки, но, скорее всего, Вам надо будет самостоятельно подобрать параметры "Стягивание" (Choke) и "Размер" (Size):
Вот что у нас получилось:
Ну, c рамкой всё. Давайте теперь разберем сохранение и загрузку.
Сохранение на компьютере собственных стилей слоя Photoshop
Для сохранения нужно открыть диалоговое окно стилей (если Вы его закрыли) и нажать на кнопку "Новый стиль" (New Style) в верхнем левом углу окна:
После чего откроется диалоговое окно сохранения, где следует ввести имя (я назвал "Двойная рамка"), остальные опции оставляем по умолчанию:
Для сохранения нажимаем кнопку ОК.
Применение созданных стилей к другому изображению
Вот фото, которое я буду использовать сейчас:
Открываем фото в Photohop и дублируем его. Теперь нам следует найти наш новый стиль в палитре стилей. По умолчанию она сгруппирована с палитрой цвета и палитрой образцов цвета в версиях до CS6, в CS6 она сгруппирована с палитрой коррекции, в обоих случаях она расположена в правом верхнем углу. Если, по какой-то причине, она отсутствует в рабочем окне, открыть её можно через Окно --> Стили (Window --> Styles).
Далее просто наводим курсор мыши на наш новый стиль и кликаем по нему:
Кстати, если не убирать пару секунд курсор с иконки, то высветится его название.
Всё, стиль применён к изображению:
А теперь обращаю внимание на один важный момент. Несмотря на то, что стиль слоя появился в палитре, и мы можем его применять всякий раз при необходимости, в настоящее время он сохранён только временно. В принципе, он сохранился в Photoshop, но при сбое или переустановке программы мы его потеряем. К счастью, Photoshop позволяет сохранить постоянный копию нашего стиля слоя на компьютере, которую можно загрузить обратно и использовать любой момент, когда она понадобится. Далее мы рассмотрим, как это сделать.
Сохранение собственного стиля слоя на компьютере
Для этих целей нам понадобится менеджер наборов (Preset Manager), открыть который можно через вкладку главного меню Редактирование --> Наборы --> Управление наборами (Edit --> Presets --> Preset Manager), в версиях CS5 и ниже - Редактирование --> Управление наборами (Edit --> Preset Manager).
В диалоговом окне менеджера выберите пункт "Стили" (Styles), затем, кликните по миниатюре нужного стиля. Если Вам необходимо сохранить несколько стилей, зажмите клавишу Ctrl и кликните по нескольким миниатюрам, после чего нажмите кнопку "Сохранить" (Save Set. ):
Откроется окно выбора папки сохранения, выберите нужную папку, впишите своё название файла, если предложенное программой Вас не устраивает, и сохраните:
Стиль сохранится как набор стилей - файл ASL, и в любой момент мы сможем загрузить его обратно в Photoshop.
Загрузка стилей слоя в Photoshop
Откройте палитру стилей, как указано выше, и нажмите на кнопку в правом верхнем углу, в открывшемся меню нажмите на пункт "Загрузить стили" (Load Styles):
В какой-то момент может возникнуть потребность сохранить все слои файла .psd в виде отдельных файлов изображений. В данной статье будет рассмотрен пример автоматического сохранения слоев как отдельных файлов в Adobe Photoshop с помощью встроенного сценария.
Статья написана на основе 11 версии программы Adobe Photoshop CS 4.
Для примера рассмотрим готовый файл типа .psd, в котором созданы кнопки компьютерной клавиатуры. Всего видимых слоев 56:
Список слоев .psd - файла
Обратите внимание, что все слои в исходном файле находятся друг над другом, размер "холста" соответствует размеру каждого конечного файла. То, как выглядит рабочая область исходного .psd файла, показано на рисунке:
Рабочая область исходного .psd файла
Чтобы сохранить каждый слой в отдельный файл, в главном меню выберите "Файл" -> "Сценарии" -> "Экспортировать слои в файлы", как показано на изображении ниже:
Открытие сценария экспорта слоев в файлы
Откроется окно настройки экспорта слоев в файлы:
Окно экспорта слоев в файлы
В поле "Выходная папка" укажите адрес каталога, в который будут сохранены итоговые изображения. Для этого можно воспользоваться кнопкой "Обзор. " или скопировать из адресной строки стандартной программы "Проводник" ОС Windows.
В поле "Префикс имени файла" можно указать строку, с которой будет начинаться имя каждого файла. В данном случае не заполнено, т.к. Adobe Photoshop в качестве имени каждого файла берет наименование слоя.
Установите галочку "Только видимые слои", чтобы файлы изображений создались только из тех слоев, которые отмечены как видимые.
Тип файла в данном случае указан "JPEG", и мы рекомендуем оставить этот тип. Дело в том, что, когда установили тип "PNG", программа стала сначала скрывать все лишние слои, кроме одного, затем выполняла сохранение, затем скрывала все слои, кроме следующего и т.д. По нашим подсчетам, в этом случае на сохранение 56 файлов потребуется больше часа. Если выбрать тип "JPEG", то сохранение происходит гораздо быстрее.
Качество рекомендуем указать как "Хорошее" - 8 баллов.
Программа начнет автоматически выполнять требуемые операции, чтобы сохранить каждый слой в отдельный файл изображения. Затем отобразится окно об успешном завершении операции:
Окно об успешном завершении экспорта слоев
Теперь перейдите в каталог, который был указан при настройке экспорта в поле "Выходная папка". Здесь можно увидеть, что к имени каждого файла Photoshop добавил свои префиксы с несколькими нулями и цифрами. Их придется удалить вручную, если в этом есть необходимость. Результат в данном случае выглядит так:
Сохраненные в файлы слои
На этом наш урок о том, как сохранить отдельные слои в разные файлы в программе Adobe Photoshop, завершен. Если остались вопросы, предлагаем воспользоваться формой комментариев.
Узнайте, как экспортировать документы, монтажные области и слои в разных форматах и размерах.
Обновлено в августе 2021 г. (версия 22.5).
В этом выпуске прекращена поддержка экспорта документов Photoshop в формате SVG с помощью функции «Экспортировать как». Поддержка «Экспортировать как SVG» прекращается из-за редкого использования и ограничений. Дополнительные сведения см. в разделе о прекращении поддержки экспорта в формате SVG в Photoshop.
Используйте функции Быстрый экспорт в и Экспортировать как для экспорта документов, монтажных панелей, слоев и групп слоев Photoshop в файлы формата PNG, JPG или GIF.
Быстрый экспорт в
Используйте функцию Быстрый экспорт в , если необходимо быстро экспортировать работу с применением настроек, заданных в окне Установки быстрого экспорта.
Чтобы получить доступ к функции Быстрый экспорт в , выполните одно из следующих действий.
- Выберите Файл > Экспорт > Быстрый экспорт в [формат изображения].
- Откройте панель Слои . Выберите слои, группы слоев или монтажные области, которые необходимо экспортировать. Щелкните выделенные объекты правой кнопкой мыши и выберите Быстрый экспорт в [формат изображения] в контекстном меню.
Установки быстрого экспорта
По умолчанию в процессе быстрого экспорта создаются ресурсы в формате PNG с прозрачностью, и каждый раз появляется запрос на выбор места экспорта.
Чтобы изменить параметры быстрого экспорта , выполните одно из следующих действий.
- Выберите Редактирование > Установки > Экспорт
- Выберите Файл > Экспорт > Настройки экспорта
В диалоговом окне Установки можно задать следующие параметры.
Формат быстрого экспорта : выберите формат файла изображения для экспорта — PNG, JPG или GIF . Далее можно задать параметры, относящиеся к конкретному формату. Например, для PNG можно указать, экспортировать ресурсы с включенным параметром Прозрачность (32 бита) или выполнять экспорт изображений меньшего размера (8 бит). Для JPG можно задать Качество экспорта.
Местоположение быстрого экспорта : выберите этот параметр, чтобы указать местоположение для изображений, экспортируемых с помощью быстрого экспорта. Выберите один из следующих вариантов.
- Каждый раз спрашивать, куда экспортировать : запрос на выбор местоположения появляется каждый раз при экспорте ресурсов.
- Экспортировать файлы в папку ресурсов рядом с текущим документом : графический ресурс помещается в подпапку Ресурсы в папке, содержащей исходный документ Photoshop.
Метаданные быстрого экспорта : используйте этот параметр, чтобы включить метаданные (информацию об авторских правах и контактные данные) в экспортируемые ресурсы.
Цветовое пространство быстрого экспорта : выберите, требуется ли преобразовывать ресурсы в цветовое пространство sRGB .
Экспортировать как
Используйте функцию Экспортировать как , если необходимо каждый раз настраивать параметры при экспорте слоев, групп слоев, монтажных областей или всего документа Photoshop в виде изображений. Каждый выбранный слой, группа слоев или монтажная панель экспортируется как отдельный графический ресурс.
Для запуска диалогового окна Экспортировать как выполните одно из следующих действий.
- Выберите Файл > Экспорт > Экспортировать как , чтобы экспортировать текущий документ Photoshop. Если документ содержит монтажные области, то все они экспортируются с помощью этого диалогового окна.
- Откройте панель Слои . Выберите слои, группы слоев или монтажные области, которые необходимо экспортировать. Щелкните выделенные объекты правой кнопкой мыши и выберите Экспортировать как в контекстном меню.
Параметры диалогового окна «Экспортировать как» и выбор расположения
В диалоговом окне Экспортировать как можно задать следующие параметры.
Формат: выберите PNG, JPG или GIF.
Настройка формата: для PNG укажите, экспортировать ресурсы с включенным параметром «Прозрачность» (32 бита) или выполнять экспорт изображений меньшего размера (8 бит). Для JPEG укажите требуемое качество изображения (0–100 %). Изображения GIF по умолчанию прозрачны. При экспорте ресурсов PNG учитывайте следующее.
Размер : укажите ширину и высоту графического ресурса. Пропорции ширины и высоты зафиксированы по умолчанию. При изменении ширины автоматически меняется высота с сохранением пропорций. Если требуется указать границы холста экспортируемого ресурса, см. раздел Размер холста.
Масштаб: выберите, насколько большим должно быть экспортированное изображение. Этот параметр полезен для экспорта ресурсов большего или меньшего разрешения. Изменение масштаба влияет на размер изображения.
Ресамплинг: выберите метод повторной выборки. Повторной выборкой называется изменение объема данных изображения при изменении его размеров в пикселах либо разрешения, обычно при изменении размера изображения.
- Билинейная : этот метод добавляет новые пикселы, рассчитывая среднее значение цвета окружающих пикселов. Он дает результат среднего качества.
- Бикубическая : более медленный, но и более точный метод, основанный на анализе значений цвета окружающих пикселов. За счет использования более сложных вычислений бикубическая повторная выборка дает более плавные цветовые переходы, чем билинейная повторная выборка или выполняемая по соседним пикселам.
- Бикубическая, глаже : хороший метод для увеличения изображений на основе бикубической интерполяции, разработанный специально для получения более гладких результатов.
- Бикубическая, четче : удобный метод для уменьшения размера изображения на основе бикубической интерполяции при увеличении резкости. Этот метод позволяет сохранить детали изображения, подвергнутого повторной выборке. Если интерполяция «Бикубическая, четче» делает слишком резкими некоторые области изображения, попробуйте воспользоваться бикубической интерполяцией.
- Бикубическая автоматическая : автоматически выбирает метод бикубической повторной выборки, подходящий для изображения.
- По соседним : быстрый, но менее точный метод, который повторяет пикселы изображения. Этот метод используется в иллюстрациях, содержащих несглаженные края. Он сохраняет четкие края и позволяет создать файл уменьшенного размера. Однако этот метод может создать зубчатые края, которые станут заметными при масштабировании изображения или проведении множества операций с выделением.
- Сохранить детали: при изменении размера изображения этот метод в первую очередь пытается сохранить детали и четкость изображения.
Размер холста: если для ресурса отводится область с определенной высотой и шириной, укажите эти значения в качестве размера холста. Область предварительного просмотра в диалоговом окне «Экспортировать как. » обновляется: изображение располагается по центру в этих границах. Этот параметр полезен в некоторых ситуациях, например:
- Выполняется экспорт значков разных размеров, которые требуется расположить по центру в окошках 50х50 пикселов.
- Выполняется экспорт баннерных изображений, размер которых больше или меньше требуемых значений.
Если изображение превышает размер холста, оно обрезается до заданных значений ширины и высоты. Щелкните Сбросить , чтобы вернуть значения, заданные в параметре Размер изображения .
Метаданные: укажите, следует ли включать метаданные (информацию об авторских правах и контактные данные) в экспортируемые ресурсы.
Цветовое пространство: укажите следующее.
- Требуется ли преобразовывать экспортируемые ресурсы в цветовое пространство sRGB. По умолчанию этот параметр выбран.
- Требуется ли внедрять цветовые профили в экспортируемые ресурсы.
Чтобы изменить выбранную папку для диалогового окна Экспортировать как , выполните одно из следующих действий.
- Выберите Редактирование > Установки > Экспорт
- Выберите Файл > Экспорт > Настройки экспорта
В диалоговом окне Установки выберите параметр в списке Экспортировать как папку .
- Экспортировать ресурсы в папку текущего документа.
- Экспортировать ресурсы в последнюю указанную папку .
Диалоговое окно Экспортировать как позволяет экспортировать выделенные слои, монтажные области или документы в качестве ресурсов разного размера.
Для этого выполните следующие действия.
- На панели в левой части окна Экспортировать как выберите относительный размер ресурса, например 1,25x .
- Выберите суффикс для имени ресурса, экспортируемого с относительным размером. Например, @ 1,25x . Суффиксы упрощают управление экспортируемыми ресурсами.
- При необходимости щелкните значок «+», чтобы задать другие размеры и суффиксы для экспортируемых ресурсов.
Выбранные параметры масштабирования применяются ко всем выделенным слоям или монтажным областям.
Экспорт файлов в разных размерах с помощью окна «Экспортировать как»Можно экспортировать и сохранять слои как отдельные файлы с использованием множества различных форматов, включая PSD, BMP, JPEG, PDF, Targa и TIFF. Слои именуются автоматически по мере сохранения. Можно задать параметры для управления генерацией имен.
Чтобы экспортировать слои в виде файлов, сделайте следующее.
Монтажные области можно экспортировать в виде отдельных файлов. Выполните следующие действия.
Монтажные области можно экспортировать как PDF-документы. Выполните следующие действия.
Какое цветовое пространство лучше всего подойдет для экспорта документа Photoshop?
sRGB рекомендуется использовать при подготовке изображений для публикации в Интернете, поскольку оно определяет цветовое пространство стандартного монитора, используемого для просмотра изображений в Интернете. Кроме того, цветовое пространство sRGB можно использовать при работе с изображениями, полученными с помощью цифровых камер потребительского класса, поскольку в большинстве этих камер цветовое пространство sRGB используется по умолчанию.
Дополнительные сведения о цветовых пространствах и настройках см. в разделе Настройки цвета.
Что такое экспортные фрагменты?
Фрагменты разделяют изображение на изображения меньшего размера, которые собираются на веб-странице с помощью HTML-таблицы или слоев CSS. Разделив изображение, можно назначить каждому фрагменту свою URL-ссылку для создания навигации либо оптимизировать каждую часть изображения с помощью индивидуальных параметров оптимизации. Экспортировать и оптимизировать разделенное на фрагменты изображение можно с помощью команды «Сохранить для Web (старая версия)». Photoshop сохраняет каждый фрагмент как отдельный файл и создает код HTML или CSS, необходимый для отображения разбитого на фрагменты изображения.
Можно ли экспортировать документ Photoshop с помощью команды «Сохранить для Web»?
Да. Вы по-прежнему можете использовать команду Сохранить для Web (старая версия) для экспорта ресурсов. Чтобы экспортировать документ с помощью старой версии функции экспорта, выберите Файл > Экспорт > Сохранить для Web (старая версия).
Поддержка экспорта в формате SVG в Photoshop всегда была экспериментальной. В августовском выпуске Photoshop 22.5 поддержка этой функции прекращена из-за редкого использования и ограничений.
Если вам по-прежнему необходимо экспортировать документ Photoshop в формате SVG, воспользуйтесь следующими обходными путями.
- Выберите Установки > Экспорт и установите флажок Использовать прежнюю версию «Экспортировать как» . Закройте и перезапустите Photoshop.
- Для работы с SVG лучше использовать векторные приложения, такие как Illustrator и XD, поскольку Photoshop в основном работает с пикселями. Откройте файл PSD в Adobe XD или Illustrator и используйте их функции экспорта в формат SVG. Дополнительные сведения об экспорте файлов из XD или Illustrator:
Ограничения экспорта SVG в Photoshop
- При рендеринге текст отображается не так, как ожидалось. Чтобы обеспечить максимальную надежность, преобразуйте текстовый слой в фигуру, прежде чем экспортировать его в SVG.
- При рендеринге слои-маски и обтравочные маски отображаются не так, как ожидалось. Попробуйте использовать вместо них векторные маски для экспорта SVG.
- Фоновый слой экспортируется в SVG как прозрачный. Продублируйте фоновый слой на панели «Слои», чтобы сделать его видимым на экспортированном изображении SVG.
Ошибка: функция Adobe «Сохранить для Web»
Если при использовании Photoshop в macOS 10.15.x выбрать «Файл» > «Экспорт» > «Сохранить для Web», отобразится ошибка Ошибка функции Adobe «Сохранить для Web». Невозможно завершить данную операцию. Произошла неизвестная ошибка.
Сведения о временном решении см. в разделе Photoshop и macOS Catalina (10.15).
Ошибка: рендеринг видео запускается, но не завершается
Если выбрать команду Файл > Экспорт > Просмотреть видео, процесс не завершается.
Сведения о временном решении см. в разделе Photoshop и macOS Catalina (10.15).
Ошибка «Возникла проблема с Генератором. Закройте Photoshop и повторите попытку. Если проблема повторится, удалите все подключаемые модули сторонних разработчиков или попробуйте переустановить Photoshop». может возникнуть при запуске Photoshop или использовании функций, связанных с генератором.
Ошибка: слой пустой
В диалоговом окне «Экспортировать как» невозможно выполнить рендеринг слоев, которые являются пустыми или не поддерживают рендеринг изображений. Эти слои могут быть обтравочными масками, корректирующими слоями или просто слоями без пикселей.
Ошибка: изображение выходит за границы документа
Операции экспорта не удалось провести рендеринг изображения, потому что оно выходит за пределы холста. Переместите изображение так, чтобы оно находилось в границах холста.
Можно создавать графические ресурсы JPEG, PNG или GIF из содержимого слоя или группы слоев в PSD-файле. Ресурсы автоматически формируются при добавлении поддерживаемого расширения формата изображения к имени слоя или группы слоев. При желании можно также указать качество и размер для формируемых графических ресурсов.
Формирование графических ресурсов из PSD-файла особенно полезно в сфере веб-дизайна для нескольких устройств.
Инструкции по созданию и экспорту веб-графики см. в документе Экспорт файлов Photoshop в различных форматах.
Чтобы лучше понять принцип работы генератора графических ресурсов, рассмотрим простой PSD-файл (загрузите его по этой ссылке) со следующей иерархией слоев:
Иерархия слоев для этого файла имеет две группы слоев: Rounded_rectangles (Прямоугольники со скругленными углами) и Ellipses (Эллипсы). Каждая из этих групп слоев содержит пять слоев.
Выполните следующие действия, чтобы сформировать графические ресурсы из этого PSD-файла.
- Откройте PSD-файл и выберите Файл > Сформировать > Графические ресурсы .
- Добавьте соответствующие расширения форматов файлов ( .jpg , .jpg или .jpg ) к названиям слоев или групп слоев, из которых требуется сформировать графические объекты. Например, переименуйте группы слоев, Rounded_rectangles и Ellipses в Rounded_rectangles.jpg и Ellipses.jpg ; а слой Ellipse_4 в Ellipse_4.jpg .
В именах слоев нельзя использовать специальные символы : и * .
Photoshop формирует графические ресурсы и сохраняет их в подпапке вместе с исходным PSD-файлом. Если исходный PSD-файл еще не сохранен, Photoshop сохраняет сформированные ресурсы в новую папку на рабочем столе.
Формирование графических ресурсов включено для текущего документа. После включения эта функция остается доступной при каждом последующем открытии документа. Чтобы отключить формирование графических ресурсов для текущего документа, снимите флажок Файл > Сформировать > Графические ресурсы .
Формирование нескольких ресурсов из слоя или группы слоев
Чтобы сформировать несколько ресурсов из слоя или группы слоев, разделяйте имена ресурсов запятыми. Например, следующее имя слоя формирует три ресурса:
Ellipse_4.jpg, Ellipse_4b.jpg, Ellipse_4c.jpg
Сохранение ресурсов в подпапке
Можно сохранить графические ресурсы, созданные из определенных слоев или групп слоев, во вложенную папку непосредственно в папке ресурсов документа. Включите имя вложенной папки в имя слоя/группы слоев, например:
Формирование графических ресурсов из PSD-файла особенно полезно в сфере веб-дизайна для нескольких устройств. Рассмотрим следующий пример веб-дизайна и его структуру слоев:
Давайте извлечем значок сверху и верхнюю строку таблицы изображений Global Hotspots (Глобальные точки доступа) в качестве графических ресурсов изображения:
Читайте также: