Share
Oggi ti mostrerò come creare un'icona di sostituzione della Rubrica per Mac OSX. Quando sei un principiante, è meglio iniziare con la progettazione di icone sostitutive per fare pratica. Iniziamo con la personalizzazione delle icone nei nostri spazi di lavoro.
Diamo un'occhiata all'immagine che creeremo.
Creare una buona icona di Mac OSX non riguarda solo un'idea o un design sofisticato, ma anche le regole. Quando inizierai a progettare un'icona per Mac OSX ci sono molte cose che devi sapere. Prima di tutto devi leggere le linee guida di Apple Human Interface. Ti offre una conoscenza di base della filosofia del design dell'interfaccia utente di Mac OSX. La prossima cosa da considerare è in realtà ciò che si desidera creare, quindi iniziamo a creare la nostra icona personalizzata per la nostra app Rubrica.
Iniziamo con una piccola teoria sull'illuminazione delle icone. È molto semplice capirlo. Ci sono due fonti di luce: una luce solare come una forte fonte di luce e un riflesso ambientale come una sorgente di luce soffusa.
Crea un nuovo documento di 1024 pixel per 1024 pixel. Per definire un rettangolo 512px per 512px (standard icona Leopard) aggiungi quattro guide (Visualizza> Nuova guida).
Crea un nuovo livello e aggiungi un rettangolo arrotondato (con un diametro di 20px) come livello di forma. Questa sarà la forma principale del libro. Mi piacerebbe avere un libro rosso, quindi vado a scegliere un colore rosso come colore di riempimento. Chiamiamo questo livello "Copertina del libro".
I libri o le carte delle icone di Mac OSX hanno una prospettiva specifica, vedi l'immagine qui sotto.
Prendi lo Strumento selezione diretta (A) e seleziona due punti d'angolo (sempre due). Quindi allinearli alle nostre guide (e quindi nascondere le guide). Copia il livello "Copertina libro" ancora una volta e rinominalo in "Carta". Utilizzeremo questo livello in seguito, quindi nascondilo per ora.
Fare doppio clic su "Copertina del libro" per visualizzare la finestra Stile livello e applicare tutte le impostazioni di seguito. Non dimenticare di selezionare Blending Clipped Layers come gruppo nelle opzioni di fusione.
Crea un nuovo livello, premi Comando + Alt + G per cambiare il livello in una maschera di ritaglio. Seleziona lo strumento Penna (P) e crea una linea blu scuro sulla sinistra. Chiamiamolo semplicemente "Black Binding" perché il blu scuro sembra un colore nero.
Applica queste impostazioni a "Black Binding".
Aggiungi altre due maschere di ritaglio alla forma del libro. Queste maschere devono trovarsi sotto il livello "Black Binding". Riempi il primo con il nero. Successivamente, vai su Filtro> Disturbo> Aggiungi disturbo (applica una quantità del 75% e imposta Distribuzione su Uniforme). Inoltre, modifica la modalità di fusione su Sovrapponi e imposta Opacità su 7%. Sulla seconda maschera di ritaglio applicare il Filtro carta per appunti (con il bilanciamento dell'immagine di 20, Granulosità di 15 e Rimozione di 10). Cambia la modalità di fusione in Sovrapponi e imposta l'opacità al 3%.
Aggiungiamo alcuni schemi al "Black Binding". Crea altre due maschere di ritaglio, questa volta devono essere sopra il livello "Black Binding", ovviamente. Ora dobbiamo fare una selezione del "Black Binding". Quindi tieni premuto Command e fai clic sulla maschera vettoriale di "Black Binding". Riempi la selezione con un colore nero e applica il filtro Penna grafica con le impostazioni seguenti.
Fare clic su Estrai (comando + Alt + X) ed estrarre circa la metà delle strisce nere dal colore bianco.
Cambia la modalità di fusione di questo livello in Sovrapponi e imposta l'opacità al 10%.
Ora stiamo andando a ripetere qualcosa dai passaggi precedenti. Quindi seleziona la seconda maschera di ritaglio, che abbiamo creato nel passaggio 9. Fai gli stessi passaggi del punto 9, ma senza applicare il filtro Penna grafica. Utilizzeremo il filtro Note Paper come nel passaggio 8, con le stesse impostazioni (Image Balance - 20, Graininess - 15, Relief - 10). E ancora, cambia la modalità di fusione in Sovrapponi e questa volta, lascia l'Opacità al 100%.
L'ultima cosa che dobbiamo fare su "Black Binding" (e sulla copertina del libro) è aggiungere graffi visibili. Crea un nuovo livello sopra tutte le maschere di ritaglio "Copertina libro". Seleziona lo strumento pennello e un pennello Starburst (puoi trovarlo nei pennelli assortiti).
Prendi un colore nero, quindi fai una selezione di "Black Binding" (Command + clic sulla maschera vettoriale) e fai clic più volte sul bordo destro della selezione. Alla fine, crea un nuovo gruppo, chiamalo "Copertina anteriore". Spostare tutti gli strati che abbiamo usato per disegnare la copertina del libro lì.
Quindi aggiungiamo un ritorno al nostro libro. Copia il gruppo "Copertina anteriore", rinominalo in "Copertina posteriore" e spostalo sotto il gruppo "Copertina anteriore".
La "cover posteriore" è quasi simile alla "copertina anteriore". Abbiamo bisogno di nascondere solo due effetti di livello. Il primo è un Drop Shadow della forma del libro principale e il secondo è una Bevel and Emboss della forma "Black Binding".
Ora è il momento di utilizzare il livello "Carta" del passaggio 4. Quindi, svela questo livello e afferra lo strumento di selezione diretta. Quello che faremo ora è ridimensionare il livello "Carta". Ma come puoi vedere, non utilizzeremo la trasformazione perché dobbiamo mantenere gli angoli arrotondati del foglio sullo stesso raggio degli angoli del coperchio del libro. Se scaliamo con Trasformazione, anche il raggio degli angoli si ridimensiona. Sempre, seleziona due punti d'angolo e spostali un po 'più vicini all'angolo successivo. Alla fine, cambia il colore di riempimento in bianco.
Applica queste impostazioni al livello "Carta".
Per creare cinque carte, copia il livello Carta quattro volte. Quindi, posizionali come mostrato di seguito.
Crea un nuovo gruppo, chiamalo "Papers" e sposta tutti i documenti in questo gruppo. Posiziona questo gruppo sotto il gruppo "Copertina anteriore" e sopra il gruppo "Copertina posteriore".
Manca ancora qualcosa? Anelli, ovviamente. Quindi facciamolo. Innanzitutto, crea un'ellisse con lo strumento Ellisse (U).
Sottrai un'altra ellisse all'interno della prima ellisse usando lo strumento Ellisse (U) in modalità Sottrai (-).
Sottrarre la parte nascosta della forma ad anello usando lo strumento Penna (P) in modalità Sottrai (-). Assegna un nome a questo livello "Anello".
Applica queste impostazioni su "Ring".
Per creare un piccolo riflesso del colore rosso, duplica gli stili di livello "Anello", cancella e applica queste proprietà.
Aggiungi un nuovo livello, chiamalo "Suoneria", quindi vai a Livello> Maschera vettoriale> Mostra tutto. Fai clic sulla maschera vettoriale di "Ring" e copia il percorso sul livello "Ring Shadow". Seleziona questo livello e usa un pennello morbido nero 100px con opacità del 20% per aggiungere un colore nero alle estremità dell '"Anello".
Crea un "Ring Eye" con lo strumento Ellisse (U).
Applica queste impostazioni di livello su "Ring Eye".
Aggiungi un nuovo livello sotto "Ring" e sopra "Ring Eye". Crea una selezione di "Black Binding". Prendi un pennello nero da 50px con il 30% di Opacità e dipingi un'ombra sotto l'anello.
Come puoi vedere, è necessario correggere il bordo dell '"Anello". Crea un nuovo livello su tutte le maschere di ritaglio "Anello" e sistemalo con un piccolo pennello nero.
Crea un nuovo gruppo, chiamalo "Ring Layers" e metti tutti gli strati "Ring" lì. Quindi copia questo gruppo e spostalo. L'ombra sotto il secondo "Ring" dovrebbe essere un po 'diversa, quindi ruotala di qualche grado più vicino all' "Anello". Per ottenere cinque squilli, ripetere questo passaggio altre tre volte (senza però creare un nuovo gruppo).
Seleziona lo strumento Penna (P) e forma una piega, come nell'immagine qui sotto.
Applicare le seguenti proprietà sulla "Piegatura".
Duplica il "Fold" quattro volte.
Ok, aggiungiamo un'ombra al libro. Non ho intenzione di trasformare e sfocare la forma del libro, ma invece sto usando solo lo strumento pennello (B) e lo strumento Cancella (E). Penso che in questo modo potrebbe essere più difficile per te, ma spero che se fai del tuo meglio, il risultato sarà più reale. Puoi anche giocare con l'opacità di questo livello, una cosa importante è che l'ombra non dovrebbe essere troppo forte e scura (uno sfondo swhite ci aiuta con questo).
Ora abbiamo fatto il libro. Puoi usarlo come icona di sostituzione per molte applicazioni, ma se vogliamo usarlo come Rubrica, dovremmo aggiungere un altro dettaglio. Sarà un at-sign come nell'icona originale. Quindi scegli il tuo font preferito (adoro Myriad Pro), imposta la dimensione del font a 250pt e digita il carattere "@".
Quindi ruotare il segno di attivazione di circa 10 ° a sinistra ...
... e applicare queste impostazioni.
Copia il segno di destinazione, spostalo di alcuni pixel verso l'alto e alcuni pixel a destra. Cancella lo stile del livello, cambia il colore in bianco e applica le nuove impostazioni. Non dimenticare di impostare Opacity all'80%.
Spero che questo tutorial ti sia utile come punto di partenza per creare icone di stile per Mac OSX. In caso contrario, è possibile scaricare gratuitamente questa icona per Mac OSX con la licenza CC e come piccolo bonus. Ho aggiunto anche altre due versioni di colore: verde e nero. Per scaricare questa icona, clicca sull'immagine qui sotto. Ecco un articolo che descrive come installare icone Mac OSX personalizzate.
Accentsconagua