Экспорт слоев в файлы в фотошопе

Экспорт слоев в файлы в фотошопе

Поздравляю. Вы только что закончили совершенный до пикселя макет приложения и получили одобрение от каждого члена команды, и все, что теперь осталось, это сохранить десятки, сотни и даже тысячи отдельных элементов вашей разработки. Это, наверное, наименее интересная часть дизайнерского быта, которая обычно подразумевает повторение одних и тех же действий на протяжении долгих часов (бррр). Сохранение изображений в разных масштабах так, как того требует Apple SDK, добавляет некоторые «нудности» в процесс. Однако есть способы, чтобы упростить-автоматизировать процесс экспорта.

Копируем объединённые объекты

Скопировать нужный элемент дизайна с помощью команды «Copy Merged» — довольно легко: удостоверьтесь, что показаны только нужный для данного элемента слои, инструментом «Прямоугольная область» обведите нужный элемент, выберите Edit → Copy Merged, File → New, снова Редактировать и Вставить. В результате вы получили новый документ с вашим элементом, у которого удален прозрачный слой вокруг до максимально возможной степени (максимально близко к краю изображения). Теперь все, что вам нужно – это сохранить изображение, используя «Сохранить как» или «Сохранить для Web».

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

Экспортировать слои в файлы

Если вам повезло и ваша цель – экспортировать много похожих изображений (с идентичными размерами), вы можете использовать сценариями Фотошопа «Экспортировать слои в файлы».
Выбрав Файл → Сценарии → Экспортировать слои в файлы (File → Scripts → Export Layers to Files) каждый слой вашего документа будет сохранен как отдельный файл с названием, которое совпадает с названием слоя. Это значит, что вам, возможно, придется предварительно подготовить ваш документ, сведя все до растрированных слоев для элементов, которые вы хотите экспортировать – процесс, занимающий время, но чаще это гораздо быстрее, чем использование «Copy Merged». Также дополнительно можно подрезать прозрачные края вокруг изображения, если вы хотите, чтобы прозрачные зоны были полностью удалены.

Фрагменты (Слайсы)

Инструмент «Раскройка» (Slice tool) позволяет вам «раскроить» документ на фрагменты, чтобы экспортировать их как отдельные изображения с некоторыми ограничениями: в одном документе может быть только один набор фрагментов, и фрагменты не могут пересекаться (если они будут пересекаться, они будут «раскроены» на более мелкие фрагменты). В 90-е Slice tool был хорошим способом для создания шаблонов таблиц, заполненных картинками. В наше время этот инструмент больше используется для лучшего контроля над раскройкой изображений, особенно когда надо создать эффектный, динамичный дизайн с изображениями, в которых есть прозрачность.

Читайте также:  Поколение айпадов по порядку

Спрайт-листы с фрагментами

Sprite sheets (спрайт-листы) обычно используются в CSS и в OpenGL играх, где создание текстурного атласа (texture atlasing) имеет важное значение. Похожий способ может быть использован для построения элементов пользовательского интерфейса в Фотошопе, даже если конечным результатом является набор картинок, а не одна большая картинка.
Рассредоточивая элементы, которые вы хотите экспортировать как спрайт-лист, вы исключаете необходимость пересечения фрагментов. Если вам нужно уместить в один документ слишком много элементов, вы можете создать сложный (составной) документ, исключая потребность в более чем одном наборе фрагментов на один документ.
Есть дополнительное преимущество в работе таким образом – ваши главные элементы дизайна больше не нужно прорисовывать с большой точностью. Ничего страшного, если вы случайно будете использовать растрированный слой или забудете его назвать, потому что у вас будет возможность все исправить, когда вы будете готовить ваш спрайт-лист для экспорта. Однако, это не значит, что ваш оригинальный макет может нарушить синхронизацию ваших последних изменений с экспортируемыми документами (если вы изменяете цвет или эффект слоя или вводите другие коррекции, например).

Так как мы заинтересованы только в разработанных пользователем фрагментах, будет хорошей идеей кликнуть «Hide Auto Slices» (в параметрах при использовании инструмента «Выделение фрагмента» и выключить «Показывать номера фрагментов» (искать в меню в «Направляющие, сетка и фрагменты» в «Установках»). Таким образом, вы уберете ненужную неразбериху из пользовательского интерфейса фрагментов Фотошопа.

После того, как вы создали спрайт-лист со всеми правильно установленными фрагментами, вы сможете экспортировать все изображения одним махом, используя «Сохранить для Веб».

Фрагмент из слоя

Если ваш элемент пользовательского интерфейса состоит из оного слоя и вы хотите, чтобы экспортируемое изображение было как можно меньшего размера, вы можете использовать «Фрагмент из слоя». Чтобы создать его для выделенного слоя, выберете «New Layer Based Slice» из меню «Слои». Фрагмент из слоя будет двигаться, увеличиваться и уменьшаться вместе со слоем, с которым он связан. Это также затрагивает эффекты слоя: обводка и тени увеличивают размер фрагмента из слоя, поэтому эффекты включены. Меньше контроля, но более автоматизировано.

Резюмируем

На протяжении нескольких лет, я использовал «Copy Merged» в качестве моего основного способа и «Экспорт слоев в файлы», когда это имело смысл. Да и выбора особо не было. Спрайт-листы имеют много преимуществ, особенно для средних и больших проектов. Универсально при экспортировании Retina и обычных изображений – каждый из наборов может быть экспортирован несколькими кликами, и вряд ли у вас будут проблемы с названием файла или его размером, так как здесь все делается автоматически.

Читайте также:  Как вставить тире в таблицу excel

Здравствуйте.
Частенько в работе возникает ситуация, когда нужно доделать или изменить верстку.
Изменения вносится в макет 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

Содержание статьи
1 Описание команды "Экспортировать слои в файлы"
2 Ошибка "Команда не выполнена так как не существует папка назначения"

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

Теперь представьте, что в таком макете будет, допустим, 50 картинок (иконки, фоны и прочее). Сколько нужно потратить времени, чтобы вручную это все сохранить? К тому же задача усложнится на парочку дополнительных действий, когда потребуется сделать тримминг слоя, избавляясь от лишнего прозрачного фона. Ответ: много. Причем монотонная однообразная работа вам радости не прибавит.

К счастью, для таких целей фотошоп имеет специальный инструмент — команду Экспортировать слои в файлы (Export Layers To File).

Экспортировать слои в файлы — это команда фотошопа, позволяющая автоматически сохранить на компьютер каждый слой проекта в отдельный графический файл, с расширением JPEG, PNG, BMP, TIFF и ряд других.

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

Файл -> Сценарии -> Экспортировать слои в файлы

Чтобы выполнить операцию сохранения слоев в файлы, нужно:

1. Выбрать папку, куда файлы должны будут поместиться. Для этого нажмите на Обзор и выберите папку на компьютере. Здесь нужно учесть важный момент: фотошоп не любит русский язык. Ниже я описал, что нужно делать.

Читайте также:  Текущая дата в excel формула

2. Указать Префикс имени файла. Это условная часть, которая добавится в название сохранного файла в его начало:

Посмотрите внимательно на скриншот выше. Видите знаки тире в наименовании каждого файла? Так фотошоп отобразил русскоязычные названия слоев.

Поэтому, чтобы этого избежать, нужно переименовать все слои на англоязычные аналоги, например, «Layer 1».

3. Поставьте галочку Только видимые слои, если хотите, чтобы фотошоп не сохранял слои, где вы убрали значок видимости. Иначе программа будет обрабатывать все слои подряд.

4. Укажите тип сохраняемого файла. Доступны следующие варианты: BMP, JPEG, PDF, PSD, TARGA, TIFF, PNG-8 и PNG-24.

В зависимости от выбранного файла, ниже в зоне параметров, отобразятся доступные для данного типа опции.

  • BMP — позволяет выбрать битовую глубину 16/24/32.
  • JPEG — позволяет указать качество изображения: от 0 (низкое) до 12 (наилучшее).
  • PDF — это кодировка (JPEG или ZIP) и также качество изображения: от 0 до 12.
  • PSD — галочка максимизировать совместимость (для поддержки слоев в более старых версиях фотошопа).
  • TARGA — позволяет выбрать битовую глубину 16/24/32.
  • TIFF — позволяет выбрать сжатие (без сжатия, LZW, ZIP, JPEG) и качество изображения: от 0 до 12.
  • PNG-8 и PNG-24 — позволяют оставить прозрачность пикселей, а также тримминг прозрачных пикселей.

5. Нажмите Выполнить, когда все настроете.

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

Кстати о минусах — операцию нельзя отменить. Если после каждого обработанного слоя будет выходить ошибка, то придется нажимать на нее до тех пор, пока фотошоп не пройдет по всем слоям. Такой уж несовершенный инструмент…

Ошибка «Команда не выполнена так как не существует папка назначения»

Если при сохранении вы увидели окно ошибки с таким содержанием:

— значит вы упустили из виду одну очень досадную вещь: фотошоп не переваривает русский язык!

Чтобы ошибки не было, нужно проследить, чтобы до папки, куда осуществляется сохранения, не было использовано ни единой русской буквы.

Например, такой путь: C:UsersКасатикиDesktopНовая папка — это неправильно! Причем, в этом примере, изменить название конечной папки на английское наименование не поможет. У многих русскоязычных пользователей, имя пользователя компьютера написано русскими буквами, как у меня. И это фотошоп тоже не переваривает.

В таком случае нужно создать папку прямо в корне жесткого диска. Путь к нему не содержит имя пользователя. Вот так будет правильно: C:psand.

Ссылка на основную публикацию
Что такое медиана числового ряда
Среднее арифметическое ряда чисел – это сумма данных чисел, поделенная на количество слагаемых. Среднее арифметическое называют средним значением числового ряда....
Что делать если игры не скачиваются
Play Market — официальный магазин приложений для Андроида и главный источник загрузки новых игр и программ на смартфоны и планшеты...
Что делать если заглючил планшет
Если завис планшет леново, самсунг, асус, престижио, дигма и так далее, да еще и в самое неподходящее время радости конечно...
Что такое номер ssid
Компьютеры и телефоны уже давно прочно вошли в нашу жизнь. Помимо смартфонов и ноутбуков, существуют еще десятки устройств, которые имеют...
Adblock detector