Articles

Utilizzo di Adobe Photoshop o Illustrator per creare un ICO

Posted by admin

Preferisco usare Photoshop per creare le mie icone ICO. Un ICO ha impostato le dimensioni e vuoi assicurarti che siano perfette per ogni dimensione. Con il mio metodo Photoshop avrai il controllo sul design di ogni singola dimensione dell’icona, a differenza del metodo Illustrator. Questo è utile perché consente di aggiungere maggiori dettagli alle icone di dimensioni più grandi.

Passo 1: Creare un file modello. È possibile scaricare il file modello PSD che ho creato., Non è niente di speciale, ma dà ad ogni dimensione dell’icona una cornice per dove l’icona deve adattarsi. Puoi scegliere le dimensioni che desideri e visualizzarle in qualsiasi ordine desideri, ma questo è il mio layout preferito. Una volta che hai finito salvare il PSD e bloccarlo per evitare sovrascritture accidentali!

il Mio file di modello.

Sono consapevole che le tavole da disegno fanno qualcosa di molto simile e non richiederebbero il passaggio seguente., Questo metodo è stato creato prima che le tavole da disegno fossero disponibili in Photoshop e ho scoperto che preferisco questo metodo rispetto all’utilizzo delle tavole da disegno in ogni modo. Se Adobe continua a migliorare le tavole da disegno, potrei cambiare un giorno.

Passo 2: Creare un’azione di Photoshop. Questa azione ritaglia la tavola da disegno all’interno della cornice, salva l’immagine come PNG, annulla il ritaglio e ripeti per il resto delle dimensioni. Piuttosto che cercare di spiegarlo per iscritto, ti mostrerò. Acquista il mio video veloce qui sotto e avrai l’idea.,

Video molto veloce che mostra come creare l’azione personalizzata.

Passo 3: Crea la tua icona! Sto lavorando su un altro post sul blog su come creo le mie icone. Una volta che è pronto tornerò e collegarlo qui. Ora puoi passare alla sezione Conversione in basso.

Illustrator icon exporting method

Molte persone preferiscono creare le loro icone in Adobe Illustrator e capisco perché. Illustrator è ottimo per le icone SVG (il futuro), ma preferisco usare Photoshop quando si tratta di ICO.,

Passo 1: Creare un file modello. Avrai bisogno di due tavole da disegno; uno a 16×16 e l’altro a 24×24. Lo facciamo per cercare di evitare il sub-pixelation il più possibile quando si espande alle dimensioni più grandi. È possibile scaricare il file di modello AI che ho creato.

Passo 2: Crea la tua icona! Sto lavorando su un altro post sul blog su come creo le mie icone. Una volta che è pronto tornerò e collegarlo qui.,

What my export screen looks like although it’s missing 4x scale.

Step 3: Export the artboards. Go to File > Export > For Screens or use the keyboard shortcut ⌥+⌘+E. In this next screen you want to export both artboards as PNGs at 1x, 2x, 3x, and 4x scale., Dopo l’esportazione è possibile eliminare l’icona 72px (scala 24px @ 3x) e scegliere quale icona 48px si desidera mantenere (scala 16px @ 3x o 24px @ 2x). Ora puoi passare alla sezione Conversione in basso.

Attenzione! Se si verificano problemi nella visualizzazione della dimensione corretta degli ICO esportati da Illustrator, eseguire i PNG di Illustrator esportati tramite ImageOptim.

Leave A Comment