Come automatizzare l'esportazione di più PNG con dimensioni diverse da Photoshop?


18

Ho un file PSD con una risoluzione di 96 px × 96 px. Ora voglio salvarlo come quattro file PNG con diverse risoluzioni come 36 px × 36 px, 48 px × 48 px, 72 px × 72 px e 96 px × 96px. Invece di regolare le dimensioni dell'immagine manualmente quattro volte e salvarle come opzione, posso automatizzare in qualche modo?


Prova la risposta fornita da @NickBeus e dagli il segno di spunta verde se funziona per te. Questa risposta mi ha aiutato moltissimo. Non posso dirvi quante volte ho aperto la finestra di dialogo "Salva per Web" solo per modificare le dimensioni dell'output UNA VOLTA PIÙ. La finestra "Risorse immagine" consente di aggiungere tutte le dimensioni e i suffissi di nome file necessari e di esportarli tutti.
rgb_life,

Risposte:


13

Non è una soluzione completa, ma questo potrebbe aiutare qualcuno che è venuto qui da Google.

Se si salva con File → Salva per Web, è possibile ridimensionare durante il processo di salvataggio, le opzioni si trovano sul lato destro in Dimensione immagine.

Lo faccio abbastanza spesso quando ho bisogno di un paio di dimensioni diverse per un'immagine, anche se come hanno notato le altre risposte, se stai progettando icone, usi i vettori, ti renderà la vita molto più semplice.


3
Sono stupito. In realtà non avevo mai notato l'opzione di ridimensionamento in Save for Web: o
Yisela

e puoi anche usare Alt+Ctrl+Shift+Sper avviare la Save for Webfinestra di dialogo in CS6.
Muhammad Saqib,

5

Con Photoshop CC, ora esiste una funzione chiamata Photoshop Generator progettata per creare più immagini

Puoi leggere di Generator qui .

Un estratto:

Generator ti consente di creare risorse di immagini in tempo reale mentre lavori, eliminando le noiose fasi di copia, suddivisione ed esportazione manuale di ogni livello e risparmiando ore di tempo. Aggiungi semplicemente un'estensione di file al nome del tuo livello o gruppo di livelli e Photoshop creerà automaticamente un JPG, PNG o GIF dai contenuti di quel livello. Se apporti una modifica a quel livello, il file viene immediatamente aggiornato. Ciò significa che ora hai una cartella di immagini che sono sempre aggiornate con il tuo design di Photoshop.


4

Quante volte è necessario esportare l'icona? Se è solo l'icona, l'opzione migliore è probabilmente quella di disegnare tutto usando i vettori e gli stili di livello, ridimensionare il documento, apportare le modifiche necessarie e salvare il PNG (mantenendo facoltativamente il PSD per future esportazioni).

Se hai bisogno di ripetere il processo più volte, ti consiglio di impostare tutto come un foglio sprite con sezioni.

Ecco qualcosa che ho scritto sull'argomento (include molte tecniche di esportazione): Esportazione da Photoshop .

Quando si progettano le icone, spesso è necessario modificare manualmente le dimensioni più piccole individualmente - potrebbe valere la pena tenerlo presente quando si costruiscono tutte le dimensioni.


3

Come Marc ha menzionato sopra, probabilmente stai meglio ridimensionando i vettori nel documento e usando i fogli sprite.

L'unica cosa che dovresti evitare è ridimensionare durante Save for Web come suggerisce Maxism. Ho scritto un post confrontando i risultati di diverse tecniche e Save for Web ha prodotto costantemente risorse con artefatti e mezzo pixel: ridimensionamento ed esportazione di risorse in Photoshop .

Ho anche creato uno script di Photoshop che automatizza il processo di esportazione di tali risorse: EXPORT TO ANDROID PHOTOSHOP SCRIPT .

Spero che sia di aiuto.


1

Non c'è modo di passare automaticamente da 96 a 36 automaticamente. Anche a 48 anni vedrai che il tuo design inizierà a sfaldarsi.

L'unico vantaggio sarebbe se hai molte icone da esportare in questo modo e prevedi di tornare indietro e ripulirle. Puoi registrarlo come azione o usare jsx, se sei così propenso.

Per il tuo particolare progetto, vorrei sperimentare di scendere a passi o esportare ogni versione dalla versione originale da 96px. Di solito i passaggi sono i migliori, ma in alcuni progetti può introdurre progressive quantità di distorsione.


1

Crea le tue icone in mdpi e usa questa azione di Photoshop per esportarla in ldpi, hdpi e xhdpi. Da mdpi a xhdpi funziona bene, ma ldpi e hdpi sembrano un po 'sfocati.

Link all'articolo
Scarica l'azione di Photoshop



1

C'è una nuova opzione in Photoschop CC 2014. Si chiama "Genera risorse", è sotto "file" e puoi scegliere 0.25x, 0.5x, 2x, 3x e puoi configurare autonomamente le dimensioni. Esporterà i tuoi layer in qualsiasi formato di file e in diverse dimensioni (se lo desideri).


Questa risposta è MOLTO buona. Per prima cosa devi andare su "FILE> GENERATE" e selezionare "Risorse immagine". Quindi vai su "FILE> ESPORTA> ESPORTA COME" e otterrai il miglior menu che abbia mai usato in Photoshop, dove puoi aggiungere dimensioni e dare a ciascuno un suffisso personalizzato! Questo è in Adobe Photoshop CC, ovviamente. Il mio CS4 è morto con un aggiornamento di Mac OSX, quindi non ho idea di nessuna versione oltre a quella che sto usando ora.
rgb_life,

1

Credo che sia esattamente quello che vuoi.

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

Se hai dimestichezza con l'apertura di ciascuno .psddi essi, Illustratorpuoi eseguire facilmente l'output su più dimensioni modificando i fattori di ridimensionamento nel .jsxfile.

L'immagine di base utilizzata per Android è xhdpi, per iOS è @ 2x. Lo script scalerà su e giù da queste dimensioni.



0

Non ho trovato nulla di semplice in Adobe Land per fare questo per me. Se hai o sei disposto a installare ImageMagick e sei a tuo agio con la riga di comando, lo convertstrumento CLI è fantastico .

Ho scritto questo script di shell che accetta larghezze e ridimensiona un'immagine fino a quando premi Invio senza un numero:

#!/bin/sh

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

Ho chiamato il mio multi-resize.she l' ho inserito in ~/bin/modo che sia disponibile ovunque.

Lo eseguiresti quindi in una shell come in un PNG della risoluzione originale:

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

Avrai foo-72.png, ecc. Nella stessa directory.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.