Share
Nel seguente suggerimento rapido imparerai come creare uno stile icona retro. Utilizzerai un simbolo web standard e il pannello Aspetto per creare uno stile retrò che può essere riutilizzato su qualsiasi elemento, dalle icone al testo. Questo è il tutorial perfetto per i principianti che vogliono saperne di più sul pannello Aspetto. Cominciamo!
Poiché questo design è concepito per essere utilizzato come icona web, inizia realizzando una tavola da 96 pixel a 96 pixel. Altre dimensioni comuni per le icone Web sono 48px e 16px. Imposta le unità su Pixel.
Poiché questo tutorial è di base, useremo alcune icone predefinite dalla Libreria simboli. Vai a Finestra> Librerie Simboli> Icone Web. Ho scelto l'icona delle forbici per dimostrare l'effetto. Trascina il simbolo al centro della tavola da disegno e ridimensionalo in modo che sia alto circa 64px.
Interrompere il collegamento tra il simbolo e la libreria spostandosi su Oggetto> Espandi aspetto oppure, se si sta lavorando con un simbolo che richiede alcune parti raggruppate ed eliminate, è possibile utilizzare lo Strumento di creazione forme (Maiusc + M) per combinare e sottrarre aree dell'illustrazione (nelle versioni precedenti di Illustrator puoi usare le impostazioni Pathfinder).
Con il simbolo che sto usando, ho fatto clic con il pulsante destro del mouse per interrompere il collegamento, quindi ho utilizzato lo strumento Generatore di forme per eliminare i cerchi bianchi dall'impugnatura, puoi farlo tenendo premuto l'opzione e facendo clic sulle aree che devono essere eliminate.
Apri il pannello Aspetto andando su Windows> Aspetto. Vai al "fx"nella parte inferiore del pannello Aspetto e vai a Converti in forma> Ellisse e inserisci una larghezza e un'altezza assolute di 92 px.
Nel pannello Aspetto, fai clic sul pulsante Aggiungi nuovo riempimento nella parte inferiore del pannello per creare un nuovo riempimento sopra il primo in un colore a contrasto, sto usando il giallo.
Fare clic sul primo riempimento e modificarlo dal nero predefinito a un grigio chiaro o un altro colore che ha un bell'aspetto con il colore dei simboli.
Seleziona il colore di riempimento Ellisse nel pannello Aspetto e vai a "fx"e vai a Distorsione e trasformazione> Trasforma e sposta il riempimento 3 px orizzontale e 3 px verticale, fai clic su OK.
Nel pannello Aspetto, fai clic sul pulsante Aggiungi nuovo riempimento nella parte inferiore del pannello per creare un nuovo riempimento sopra il primo colore simbolo in una tonalità più scura di un colore che complimenta con il primo. Sto usando il marrone.
Con il secondo colore di riempimento ancora selezionato, vai su "fx"e vai a Distorsione e Trasforma> Trasforma e sposta il riempimento 1 px orizzontale e -1px verticale, fai clic su OK.
Con il secondo colore di riempimento ancora selezionato, vai su "fx"e passare a Pixelate> Colore mezzitoni e impostare il Raggio massimo su 8 px, fare clic su OK.
Dovresti finire con un effetto come nell'esempio qui sotto.
Fai clic sulle impostazioni di opacità del riempimento a mezzitoni e modificalo in Moltiplica con un'opacità del 25%.
Ora aggiungeremo gli ultimi ritocchi all'effetto. Per prima cosa aggiungeremo del grano. Con l'oggetto selezionato, vai su "fx"e vai a Texture> Grain. Gioca con le impostazioni Intensity e Contrast fino a trovare uno stile che ti piace, ho usato un'intensità di 30 e un contrasto di 45. Fai clic su OK.
Quindi aggiungere un effetto angolo arrotondato al riempimento a mezzitoni. Fai questo selezionando il riempimento a mezzitoni e vai al menu "fx"e vai a Stylize> Round Corners.Anteprima il Raggio per assicurarti che l'effetto appaia buono .. Ho usato 2px. La scala dell'icona influirà sulla qualità degli angoli arrotondati e su quanti px dovresti usare.
Aggiungi l'effetto al pannello Stili grafica (Finestra> Stili grafica) facendo clic sul pulsante Nuovo stile grafico nella parte inferiore del pannello.
Ora avrai uno stile grafico che può essere applicato a molte forme e icone diverse per creare un rapido set di icone retrò. Per completare ulteriormente questo tutorial, puoi modificare e modificare il livello di mezzitoni dello stile che hai creato per creare una gamma di stili retrò senza dover ricominciare da capo. Guarda cosa puoi inventare e sentiti libero di condividere il tuo lavoro sulla pagina Facebook di Vectortuts +.
Se ti è piaciuto questo tutorial, ti potrebbe piacere "Come creare uno stile di icona riutilizzabile usando il pannello Aspetto" che ti guiderà attraverso il processo di creazione di un'icona con forme di base e lo strumento esploratore, e poi come aggiungere un stile utilizzabile. Divertiti!
Accentsconagua