Як автоматизувати експорт декількох PNG різних розмірів з Photoshop?


18

У мене є файл PSD з роздільною здатністю 96 px × 96 px. Тепер я хочу зберегти це як чотири файли PNG з різною роздільною здатністю, такі як 36 px × 36 px, 48 px × 48 px, 72 px × 72 px та 96 px × 96px. Замість того, щоб регулювати розмір зображення вручну чотири рази і зберігати як варіант, чи можу я якось автоматизувати це?


Спробуйте відповідь, яку дали @NickBeus, і дайте йому зелену галочку, якщо вона працює для вас. Ця відповідь мені так допомогла. Я не можу сказати вам, скільки разів я відкрив діалогове вікно "Зберегти для Інтернету" просто для зміни розміру виводу ОДИН БОЛЬШ ЧАС. Вікно "Активи активів" дозволяє додавати всі потрібні суфікси розмірів та імен файлів та просто експортувати їх усі.
rgb_life

Відповіді:


13

Це не повне рішення, але це може допомогти тому, хто приїхав сюди з Google.

Якщо ви збережете за допомогою файлу → Зберегти для Інтернету, ви можете змінити розмір під час процесу збереження, параметри знаходяться в правій частині під розміром зображення.

Я роблю це досить часто, коли мені потрібна пара різних розмірів для зображення, хоча, як відзначали інші відповіді, якщо ви розробляєте піктограми, використовуйте вектори, це полегшить ваше життя.


3
Я вражений. Я ніколи фактично не помічав варіант зміни розміру в Save for Web: o
Yisela

а також можна використовувати Alt+Ctrl+Shift+Sдля запуску Save for Webдіалогового вікна в CS6.
Мухаммед Сакіб

5

У Photoshop CC тепер є функція під назвою Photoshop Generator, яка призначена для створення декількох зображень

Про Генератор ви можете прочитати тут .

Уривок:

Генератор дозволяє створювати об’єкти зображень у режимі реального часу під час роботи, виключаючи копіткі кроки копіювання, розрізання та експортування кожного шару вручну, а також економить години часу. Просто додайте розширення файлу до імені вашого шару або групи шарів, і Photoshop автоматично створить JPG, PNG або GIF із вмісту цього шару. Якщо ви внесете зміни до цього шару, файл буде негайно оновлений. Це означає, що тепер у вас є папка зображень, яка завжди актуальна з вашим дизайном Photoshop.


4

Скільки разів потрібно експортувати значок? Якщо це лише одна піктограма, ваш найкращий варіант - це, мабуть, просто намалювати все за допомогою векторів та стилів шару, змінити розмір документа, внести будь-які необхідні коригування та зберегти PNG (необов’язково зберігаючи PSD для подальшого експорту).

Якщо вам потрібно повторити процес багато разів, я рекомендую налаштувати все як спрайтовий аркуш з фрагментами.

Ось що я написав на цю тему (включає багато методів експорту): Експорт із Photoshop .

Створюючи піктограми, вам часто потрібно вручну підлаштовувати менші розміри окремо - можливо, варто пам’ятати про це, будуючи всі розміри.


3

Як згадував Марк вище, вам, мабуть, краще не використовувати масштабування векторів у документі та використання спрайтів.

Єдине, чого слід уникати - це масштабування під час Збереження для Інтернету, як пропонує Maxism. Я написав пост, в якому порівнював результати різних методик і «Зберегти для Інтернету», що постійно створював активи з артефактами та півпікселями: зменшення масштабів та експорт активів у Photoshop .

Я також створив сценарій Photoshop, який автоматизує процес експорту цих активів: ЕКСПОРТ ДО СТРАНУ ФОТОШОПУ АНДРОІДУ .

Сподіваюся, це допомагає.


1

Немає хорошого способу перейти з 96 до 36 автоматично. Навіть у 48 років ви побачите, як ваш дизайн починає руйнуватися.

Єдиною вигодою буде, якщо у вас є багато значків для експорту таким чином, і ви плануєте повернутися та очистити їх. Ви можете записати це як дію або використовувати jsx, якщо ви так схильні.

Що стосується вашого конкретного дизайну, я б експериментував із кроком вниз або експортом кожної версії з оригінальної версії 96px. Зазвичай кроки найкращі, але в деяких проектах це може ввести прогресивні кількості спотворень.


1

Створіть свої значки в mdpi та використовуйте цю дію Photoshop, щоб експортувати їх у ldpi, hdpi та xhdpi. Від mdpi до xhdpi це добре працює, але ldpi та hdpi виглядають трохи розмитими.

Посилання на статтю
Завантажте дію Photoshop



1

У Photoschop CC 2014. є нова опція. Вона називається "Генерувати активи", це під "файлом", і ви можете вибрати 0,25x, 0,5x, 2x, 3x, а також можете налаштувати параметри. Він експортує ваші шари в будь-який формат файлів і в різних розмірах (якщо ви хочете).


Ця відповідь хороша для СООО. Спочатку потрібно перейти до "ФАЙЛ> ГЕНЕРАТ" та поставити галочку "Активи активів". Потім перейдіть до "ФАЙЛ> ЕКСПОРТ> ЕКСПОРТ ТАКОЖ", і ви отримаєте найкраще меню, яке я коли-небудь використовував у Photoshop, де ви можете додати розміри та надати їм кожен спеціальний суфікс! Це, звичайно, в Adobe Photoshop CC. Мій CS4 помер з оновленням Mac OSX, і тому я не маю уявлення про будь-яку версію окрім тієї, якою я зараз користуюся.
rgb_life

1

Я вважаю, що саме цього ви хочете.

https://github.com/austynmahoney/mobile-export-scripts-illustrator

Якщо вам зручно відкривати кожен .psdз них, Illustratorви можете легко вивести декілька розмірів, налаштувавши коефіцієнти масштабування у .jsxфайлі.

Базове зображення, яке використовується для Android, - xhdpi, для iOS - @ 2x. Сценарій буде масштабуватися вгору і вниз від цих розмірів.


0

Приємна програма Mac під назвою "Доставка її" робить саме те, що ви просите: Експортуйте зображення в кілька розмірів / форматів. Я ним користувався. Ось посилання на Mac App Store: https://itunes.apple.com/us/app/shipit!/id492043869


Цей додаток більше не доступний у магазині iTunes Канади та США ... або AppStore ...
PatTheBeast

0

Я не знайшов нічого простого в Adobe Adobe, щоб зробити це для мене. Якщо у вас є або ви хочете встановити ImageMagick, і вам зручно використовувати командний рядок, то convertінструмент CLI чудово підходить .

Я написав цей скрипт оболонки, який приймає ширину і розмір зображення, поки ви не натиснете Enter без числа:

#!/bin/sh

oot=${1%.*}
while read -p 'width: ' -r && [ "$REPLY" != '' ]; do
    convert "$1" -resize "$REPLY"x "$oot-$REPLY.png"
done

Я назвав шахту multi-resize.shі поставив її, ~/bin/щоб вона була доступна всюди.

Потім ви виконаєте його в оболонці на зразок PNG оригінальної роздільної здатності:

$ multi-resize.sh foo.png
width: 96
width: 72
width: 48
width: 36
width: 
$

Ви будете мати foo-72.pngі т.д. в одному каталозі.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.