Questo tutorial riguarda la creazione di Apple Magic Mouse in Photoshop, sebbene tu possa utilizzare queste tecniche per creare anche altri stili di progettazione di icone del mouse. Il nuovo design di questo mouse è semplicemente fantastico. La sua creazione e il suo utilizzo come icona rendono tutto più divertente e interessante. L'aspetto lucido e la semplicità trasformano questo mouse in un'icona dall'aspetto davvero curato. Questo tutorial sfiderà l'utente di Photoshop di livello intermedio, quindi iniziamo!
Dai un'occhiata all'immagine che creeremo.
Per creare questa icona useremo principalmente lo strumento Pennello (B), e per aggiungere ombre e luci allo stesso Strumento Pennello (B) ea volte gli Strumenti Brucia e Schiva (O). Per definire le forme curve utilizzerai lo strumento Penna (P) che ti darà le forme più precise.
Dopo aver terminato con la creazione di questo mouse, verrà eseguita la procedura per creare il file ICNS o il file ICO.
Iniziare innanzitutto creando un nuovo documento premendo Comando + N e scegliendo una larghezza e un'altezza di 1000 px. Poiché il mouse verrà creato utilizzando i colori bianco e nero, sarà necessario dare allo sfondo del documento un colore che ti aiuterà a lavorare meglio - in questo caso è stato scelto il rosso.
Successivamente inizieremo a creare le due forme principali. In seguito aggiungeremo i dettagli su di loro.
Innanzitutto, crea la forma superiore usando lo strumento Penna (P), quindi assicurati di aver creato un nuovo livello. Trasforma ora il tracciato della penna in una selezione premendo Comando + Ritorna e riempi la selezione con il bianco come mostrato.
E ora che la parte superiore del mouse è stata creata, è necessario creare la parte inferiore. Prima crea un nuovo livello e posizionalo sotto la forma bianca appena creata, poiché questa forma sarà il supporto della forma bianca. Utilizzare nuovamente lo strumento Penna (P) per creare la forma e riempire la selezione con # 141414.
L'opacità della forma bianca è stata ridotta in modo da poter vedere cosa sta succedendo dietro di esso.
Ora che la forma attuale del mouse è stata definita, dovrai iniziare ad aggiungere dettagli (ombre e luci).
Inizia a lavorare sulla parte inferiore del mouse. Usa prima lo strumento scherma (O) e aggiungi un po 'di luce come mostrato.
Fare doppio clic sul livello di forma nero per accedere al menu Opzioni di fusione e aggiungere un tratto nero morbido come mostrato.
Duplica il livello, ma senza il tratto appena creato nel passaggio 5. Utilizza lo strumento Brucia (O) questa volta e inizia a rendere la forma più scura in alcune aree.
Utilizza lo strumento Penna (P) e crea un tratto nero di 1 pixel come sotto. Cancellare il bordo destro del tratto per farlo sfumare.
Ora hai finito di lavorare sulla parte inferiore del mouse. Ora è il momento di iniziare a lavorare sulla parte superiore.
Prima di tutto, crea delle forme per aiutarti a sapere come tagliare la forma. Usa lo strumento Penna (P) e crea una forma come di seguito. Ora crea un nuovo livello e riempi il livello con # 929292.
Crea un'altra forma ancora usando lo strumento Penna (P). Dopo aver creato il percorso, assicurati di creare un nuovo livello e riempire la selezione con # 6d6d6d.
Successivamente aggiungi un'ombreggiatura semplice sotto il mouse usando il pennello nero impostato su morbido.
Inizia ad aggiungere i dettagli nella parte superiore del mouse, a partire dalla sezione inferiore. Usa gli strumenti Brucia e Schiva (O) per creare ombre e luci.
Il passaggio successivo consiste nell'aggiungere alcune texture alla parte inferiore perché questa sezione viene creata utilizzando un materiale plastico diverso rispetto alle sezioni superiori. Prima crea un nuovo livello e riempilo di bianco. Ora vai su Filtro> Disturbo> Aggiungi disturbo e usa le impostazioni di seguito.
Imposta il livello su Schermo e 30% Opacità.
Fai una selezione attorno alla forma che stai applicando alla texture tenendo premuto il tasto Comando e facendo clic sulla miniatura dei livelli. Ora inverti la selezione e cancella il rumore in eccesso.
Crea una maschera e, usando il pennello nero impostato su Opacità bassa, cancella le parti del rumore per farle confondere.
Usa lo strumento Penna (P) e crea una nuova forma come di seguito. Riempi la forma con # 373737.
Quindi crea un nuovo livello sopra il livello nel passaggio 13. Usa lo strumento Penna (P) per creare un tratto bianco di 1px come mostrato. Cancellare i bordi e alcune aree usando lo strumento Gomma (E). Imposta il livello su 80% Opacità.
Ora è il momento di creare la sezione centrale del mouse. Lo chiamo Glossy Strip.
Questa sezione è composta da un materiale diverso e verranno utilizzate diverse tecniche per crearlo. Prima di tutto lo strato è troppo scuro e devi renderlo più chiaro. Fai questo usando lo strumento Scherma (O. Per creare quelle due ombre sui lati usa lo strumento Brucia (O).
Crea un altro tratto bianco proprio come hai fatto nel passaggio 14.
Crea due bellissime riflessioni sulla forma creando due tratti in un nuovo livello usando lo strumento Pennello (B). Quindi vai su Filtro> Distort> Wave e gioca con le impostazioni lì finché non ottieni lo stesso risultato mostrato qui sotto. Non utilizzare le stesse impostazioni che vedi nell'immagine sottostante, in quanto il risultato potrebbe non essere lo stesso. Invece, prova a giocare con le impostazioni e sperimentare.
Ora che hai creato il tuo riflesso aggiungi una maschera. Usa il pennello nero all'interno della maschera per nascondere i bordi della forma. Imposta il livello su 46% Opacità.
Duplica il livello e impostalo su 20% Opacità e Moltiplica. La differenza non è molto ovvia, ma ciò che fa è rendere il riflesso un po 'più visibile.
Crea un'altra riflessione. Segui gli stessi passaggi o forse semplicemente duplica il livello e posizionalo nella giusta posizione.
Quindi crea un effetto lucido di fronte alla forma. Fai questo creando una forma bianca come quella sottostante usando lo strumento Penna (P).
Usa lo strumento Gomma (E) sui bordi per farla sfumare.
Ora che hai finito con le sezioni sotto è tempo di lavorare sull'ultima parte di questo tutorial. Per prima cosa usa lo strumento Brucia (O) sulla parte bianca per aggiungere un'ombra.
Usa lo strumento Penna (P) e crea una forma come sotto, quindi riempi il livello con il nero.
Imposta il livello su Moltiplica e Opacità su 8%.
Usa di nuovo lo strumento Penna (P) per creare un tratto bianco di 1px sui bordi inferiori della forma. Cancellare i bordi del tratto usando lo strumento Gomma (E).
Creare un tratto di grigio scuro sulla parte superiore della forma, quindi utilizzare di nuovo lo strumento Gomma (E) sui bordi.
Alla fine aggiungi il logo Apple al mouse e hai finito.
Se hai un Mac, il modo migliore per creare le tue icone è usare l'Icon Composer che Apple sta dando via gratuitamente alla pagina degli sviluppatori sul loro sito web. Troverai questa app anche nella cartella del tuo sviluppatore nel DVD di installazione di OSX.
Prima salva il tuo mouse come file PNG trasparente, quindi importalo in Icon Composer. Quindi salvalo semplicemente come file ICNS o ICO. La cosa grandiosa di Icon Composer è che puoi anche vedere in anteprima l'aspetto dell'icona sul tuo dock.
È possibile visualizzare l'immagine finale qui sotto o visualizzare a versione più grande qui.