Come posso esportare un'immagine da un'immagine Illustrator a più dimensioni?


29

Sono nuovo di Adobe Illustrator e ho un'immagine del logo che devo usare in 5 o 6 dimensioni diverse. L'immagine del logo è stata creata in Adobe Illustrator, ma quando provo a salvare l'immagine in PNG o JPEG ciò che avrebbe dovuto essere semplice risulta essere molto complicato.

Capisco che Adobe Illustrator vuole trattare l'immagine come una certa dimensione, e quindi vuole moltiplicare quella dimensione per un fattore di scala di pixel per pollice per ottenere il numero effettivo di pixel che salva. Ha alcune scelte di fattore di scala limitate che forniscono un insieme molto limitato di dimensioni dei pixel di output risultanti.

Tuttavia, per molti usi del Web, l'utente conosce già le dimensioni dei pixel di output necessarie. Esiste un modo per specificare semplicemente la larghezza o l'altezza dei pixel della grafica salvata che è necessaria?

Ho visto suggerimenti per esportare l'immagine e quindi usare Photoshop per ridimensionarla, ma ciò si traduce in una qualità dell'immagine più scadente rispetto alla creazione dell'immagine finale dall'immagine vettoriale.



c'è un numero di modi per farlo, il mio è selezionare tutto quindi l'immagine che si desidera esportare, poi c'è l'opzione larghezza e altezza nell'intestazione, basta cambiarla e poi esportarla

Risposte:


26

File> Salva per Web, quindi inserisci le dimensioni in pixel facendo clic sulla Image Sizescheda a destra della finestra Salva per Web.

O non ti capisco correttamente?


Perfetto grazie. Ho appena trascorso circa 15 minuti con la funzione "export", ma dal momento che rifiuta di usare meno di 72ppi, ho dovuto ridimensionare la grafica e la tavola da disegno per esportazioni molto piccole, questo è probabilmente ciò che ha fatto anche il richiedente.
Kjeld Schmidt,

12

L'uso File → Save for Webe l'inserimento delle dimensioni farà ciò che stai cercando. Inoltre, Illustrator utilizza il ridimensionamento vettoriale, quindi i risultati sono migliori che se provaste la stessa cosa in Photoshop: immettere dimensioni che non corrispondono al documento in Photoshop significa che l'immagine verrà ridimensionata in bitmap.

Si noti che è necessario fare clic su Applica dopo aver modificato le dimensioni, se si utilizza una versione di Illustrator precedente a CS6.

Salva per Web in Illustrator

Oh, e ci sono ottime possibilità che tu voglia Convert to sRGBdisattivarlo: converte in modo distruttivo la tua immagine dallo spazio colore corrente a sRGB, facendo cambiare i colori.

inserisci qui la descrizione dell'immagine


Non c'è un pulsante Applica in CS6 .... e non sono d'accordo su Converti in RGB, vuoi che sia ON per le immagini destinate al web.
Scott,

2
Grazie per la punta CS6. Lasciare Converti in sRGB è assolutamente l'approccio sbagliato per il lavoro su Web e UI. Ecco un intero articolo sul perché: bjango.com/articles/photoshop ( contestami a tuo rischio e pericolo!)
Marc Edwards,

2
Hai veramente letto l'articolo? Quando lavori sul Web e sull'interfaccia utente, i valori di colore esatti DEVONO essere mantenuti durante l'intero processo. Se si inserisce # FF0010 come colore, DEVE essere emesso nel file come # FF0010 se si intende corrispondere al colore nel codice. Ciò significa che la conversione in sRGB DEVE essere disattivata. Ho la sensazione che tu non faccia questo tipo di lavoro e non capisca cosa sia coinvolto.
Marc Edwards,

1
Scott, per favore, non prenderlo come un attacco ad hominem, ma da discussioni simili penso che potresti aver preso alcune idee errate sulla rappresentazione del colore RGB. Vedi anche graphicdesign.stackexchange.com/questions/7815/… .
e100,

3
La conversione in sRGB è la scelta sbagliata in quasi tutte le situazioni possibili quando si lavora per il web. "Esiste un MOTIVO per cui il team di Save for Web ha implementato l'opzione Converti in sRGB" - È ora di sistemarlo. feedback.photoshop.com/photoshop_family/topics/…
Marc Edwards,

1

Quando ho bisogno di supportare più dimensioni di pixel, duplico e ridimensiono l'arte all'interno dello stesso file AI. Ogni dimensione va su una tavola da disegno separata correttamente dimensionata. Aggiungo il nome della scheda con il formato del file da esportare. Quindi eseguo un jsx che esporta ogni tavola da disegno e prende il formato del file dal nome, usando le ultime impostazioni che ho inserito per quel formato in quel file. Questo è tutto in CS5.

Uso questo flusso di lavoro per alcuni loghi, icone e annunci display.


Per favore, puoi condividere il file .jsx?
Kelin,

@kelin Temo di non poterlo fare. È da tanto che non mi preoccupo dei prodotti Adobe.
borghese il

1
Non è un problema, ho trovato grande sceneggiatura qui: stackoverflow.com/a/28067227/3050403
Kelin

0

Puoi anche creare un documento della dimensione appropriata in Photoshop (o riordinare un'area con le guide), quindi File> Posiziona la grafica vettoriale.

È possibile ridimensionare la dimensione della forma prima che venga visualizzata. Ovviamente il ridimensionamento dopo ridurrà la sua qualità.

Ho sempre usato questa tecnica per i loghi al fine di dare un controllo preciso sulle dimensioni, ad esempio ottenere la linea di base degli elementi di testo del logo su un limite di pixel (una forma di suggerimento).


0

Un'aggiunta a questo argomento che ho trovato interessante per i progettisti di app mobili, è questo script che crea risorse retina per iOS e Android in 1 clic.

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.