Share
Alcuni mesi prima che venissero rilasciati gli ultimi iMac, pensavo a come avrebbe potuto apparire un iMac nero. Essendo un Photoshopper, ho deciso di provare a farne uno. Dopo averlo pubblicato su un blog, l'immagine è diventata virale e ha iniziato a comparire su blog Mac e tecnologia e il mio sito è stato sommerso dal traffico. Oggi se cerchi Black iMac in una ricerca su Google vedrai molti siti usando la mia immagine. Oggi ti mostrerò come ho fatto quella foto.
La prima cosa di cui abbiamo bisogno per rendere il nostro iMac nero è normale da cui partire. Ho usato il modello precedente perché quando l'ho fatto in origine, era tutto ciò che era disponibile. Ecco un'immagine che ho trovato su Google Immagini di un iMac frontale. È un prodotto piuttosto standardizzato.
Ora la prima cosa da fare è creare un nuovo livello in cima, quindi prendi lo strumento Rettangolo arrotondato (U) e disegna un rettangolo nero con una curva che corrisponda all'immagine di base. (Credo di aver usato un raggio di 20px)
Ora per il momento lasceremo lo schermo e concentreremo l'attenzione sul supporto. Quindi ingrandire e utilizzare lo strumento Penna (P), disegnare attorno al supporto come mostrato. Con lo strumento Penna, è una buona idea usare il minor numero di punti possibile per ottenere una linea più liscia. Questo può richiedere un po 'di pratica e alcuni tentativi. Prova anche a specchiare dove posizioni i punti in modo che anche se la linea è un po 'traballante, almeno è simmetrica.
Una volta ottenuto il percorso, fai clic con il pulsante destro del mouse su di esso e seleziona Crea selezione.
Ora, prima di andare oltre, volevo notare che il nero utilizzato da Apple è una sorta di nero opaco o opaco. Nelle foto ha un cast leggermente bluastro. Piuttosto che cercare di indovinare i colori esatti da usare, ho appena trovato un'immagine di un normale laptop Mac nero e poi l'uso del contagocce ha selezionato alcune sfumature (vedi sotto).
Comunque, tornando al supporto, con la selezione ancora creata, ho creato un nuovo livello e poi ho utilizzato il gradiente riflesso e un nero scuro e chiaro dal passaggio precedente e ho riempito il supporto come mostrato. Puoi vedere che la parte chiara del gradiente è nel mezzo. L'ho fatto perché quando guardi il cavalletto nella versione bianca, ha lo stesso tipo di luce e ombra ma è invertito.
In realtà, in quasi tutti i passaggi di questo tutorial, l'idea è di guardare come appare la foto e quindi emulare l'effetto usando grigi scuri e neri invece di bianchi e grigi chiari.
Ora il gradiente non era così forte, quindi ho afferrato un grosso pennello Dodge Tool (O), quindi tenendo premuto Shift verso il basso per mantenere il mio pennello esattamente orizzontale, sono andato oltre un paio di volte per ottenere quel punto forte più forte.
Dopo aver schivato la curva, ho usato lo strumento Schivare nella parte inferiore del cavalletto in modo che anche lì si schiarisca (come mostrato di seguito). Sta già cominciando a sembrare uno stand ora: incredibile cosa può fare un po 'di luce e ombra!
Quindi ho nuovamente estratto lo strumento penna e questa volta ho disegnato una forma che catturava l'area nella parte anteriore del cavalletto (vedi sotto). Questa parte dovrebbe avere una colorazione diversa in modo che quando guardi l'immagine, puoi vedere che questa parte è ad un'angolazione diversa dall'altra parte dello stand.
Nota che la base della mia selezione di penne nell'immagine qui sotto è tutta vistosa. Questo perché in realtà non importa su quella parte, voglio solo ottenere quella curva in alto.
Quindi facciamo clic con il tasto destro del mouse sullo strumento Penna ancora selezionato e selezioniamo Rendi selezione. Quindi crea un nuovo livello sopra il livello di supporto e riempilo con un grigio scuro.
Quindi, come puoi vedere nell'immagine qui sotto, ho la mia strana forma proprio sopra il cavalletto principale. Quindi ora facciamo clic tenendo premuto il tasto Ctrl sul livello di supporto per selezionarne i pixel e quindi premere Ctrl + Maiusc + I per invertire la selezione. Quindi premi Cancella in modo che tutto ciò che ti rimane dalla nostra strana forma sia l'intersezione delle due forme.
Ora prendi lo strumento Scherma (O) e di nuovo con un pennello morbido, aggiungi un punto culminante dove mostrato. Quindi tenere premuto Alt e sfiorare il bordo più a destra. Tenendo premuto Alt con lo strumento Scherma, si passa allo strumento Brucia (e viceversa). In questo modo puoi spazzolare rapidamente il buio e la luce senza cambiare strumenti.
Infine, per completare il supporto, duplichiamo la parte anteriore del supporto, tieni premuto Ctrl, fai clic su quel livello, quindi premi la freccia giù una volta e premi Elimina. Questo dovrebbe lasciarti con una linea sottile 1px (mostrato nella selezione nell'immagine qui sotto). Imposta questo livello su Sovrapponi e 30% Opacità, e darà un punto luce davvero debole.
Fai di nuovo la stessa cosa, tranne questa volta anziché la freccia giù, premi la freccia Su in modo da lasciare una selezione 1px alla base. Posiziona questo livello sotto il supporto, spostalo verso il basso di 1 pixel e usa lo strumento Brucia per scurirlo. Questa sarà una debole ombra sotto la tribuna.
(Nota questo passaggio non è essenziale e sembra complicato, ma in realtà è piuttosto semplice: se ti perdi, non preoccuparti, non influirà drasticamente sull'immagine finale)
Ok, quindi abbiamo un bel supporto nero. Qui è in cima all'immagine principale, e puoi vedere che sembra giusto!
Ora iniziamo a lavorare sull'area dello schermo. La prima cosa che dobbiamo fare è eliminare la forma nera dritta e sostituirla con una sfumatura. Quindi spostiamo la visibilità di quel livello e teniamo premuto Ctrl, facciamo clic su di esso, creiamo un nuovo livello e quindi disegniamo un gradiente riflesso dall'angolo in alto a sinistra all'angolo in basso a destra in modo che sia chiaro al centro e buio agli angoli, come mostrato.
Successivamente, ho afferrato un grosso pennello Dodge grasso e schiarito in diagonale un po 'di più, come mostrato.
Ora premi nuovamente Ctrl e fai clic sul livello dello schermo per selezionarne i pixel, quindi seleziona Seleziona> Modifica> Contratto e utilizza un valore di 1 pixel. Quindi, in un nuovo livello, riempilo con una tonalità più chiara di grigio scuro, come mostrato.
Senza lasciare andare la selezione, vai di nuovo in Seleziona> Modifica> Contratto e questa volta usa il valore di 2px. Quando hai finito, premi Elimina e dovresti lasciare una sottile linea 2px che gira intorno allo schermo.
Questa linea sottile ci permetterà di dare un po 'di evidenziazione e ombra ai bordi dello schermo. L'ho fatto perché se guardi attentamente l'iMac bianco, vedrai una linea sottile simile attorno allo schermo, in particolare in alto a destra, dove è abbastanza evidenziato.
Ora prendi il tuo grande pennello Dodge e schiarisci strategicamente l'angolo in alto a destra e un po 'sul lato destro e in alto. Sperimenta dove sembra appropriato evidenziare.
Ora spegni i livelli dello schermo nero per un momento, in modo da poter vedere lo schermo bianco dietro. Quindi, in un nuovo livello, usa lo strumento Rettangolo arrotondato con una leggera curva questa volta (ho usato 2px) per disegnare un rettangolo dove è l'area di visualizzazione, come mostrato.
Ora puoi riattivare il resto dei livelli dello schermo. Ora premi Ctrl e fai clic sul livello di visualizzazione appena creato, quindi crea un nuovo livello in cima, vai a Selezione> Modifica> Contratto e utilizza un valore di 2 pixel. Riempi questa nuova area con il nero dritto.
Come puoi vedere, ciò che accade è che il primo livello di visualizzazione che abbiamo creato è in realtà un punto culminante attorno all'area di visualizzazione principale. Se guardi il tuo schermo, è probabile che tu possa vedere un po 'di questo. Se si desidera rendere questo molto realistico, è possibile utilizzare un po 'di scherma e brucia per scurire e schiarire in modo appropriato. Ma per i nostri scopi questo lo farà!
Successivamente ho posizionato un'immagine sullo schermo. Volevo un bel sfondo astratto di tipo Mac e, fortunatamente per noi, abbiamo un tutorial su Psdtuts +. Fondamentalmente ho usato l'output di quel tutorial, tranne che ho modificato il colore per essere verde. Puoi usare quello che vuoi. Basta posizionare l'immagine e premere CTRL + T per trasformarla nella giusta misura. Potrebbe essere necessario ritagliare l'immagine per adattarla.
Ora gli iMac hanno sempre quelle piccole telecamere in cima, quindi ho fatto una selezione circolare intorno alla fotocamera nella foto iMac bianca e l'ho copiata e l'ho posizionata nella stessa posizione in un nuovo livello sopra gli altri livelli neri di iMac.
Ora abbiamo bisogno di un dock! Ancora una volta sono andato su Google e ho trovato uno screenshot del desktop di qualcuno, ritagliato il dock usando lo strumento di selezione rettangolare e incollato sopra. L'unico problema è che lo sfondo è blu! Quindi abbiamo bisogno di adattarlo al verde prima di finire di posizionarlo.
Quindi ho usato lo strumento bacchetta magica (W) e ho cliccato nell'area blu per selezionarlo tutto. Quindi tenere premuto MAIUSC e fare clic in qualsiasi area che si perde, come all'interno del simbolo Quicktime. Fondamentalmente assicurati di avere tutti i pixel. Non è terribilmente importante per essere una selezione davvero bella, perché lo ridurremo - grazie al cielo, perché altrimenti dovremmo usare lo strumento Penna!
Una volta che hai selezionato, vai su Immagine> Regolazioni> Tonalità / Saturazione e sposta il cursore Tonalità fino a quando non raggiunge un colore verde chiaro che corrisponde approssimativamente allo sfondo verde (o corrisponde a qualsiasi sfondo usato).
Ora posizioniamo il dock sullo sfondo e premiamo Ctrl + T per trasformarlo.
Successivamente abbiamo bisogno di un piccolo logo Mac per attaccare lo schermo. Ancora una volta ho trovato un'immagine utilizzando una normale ricerca di immagini di Google. Questo è un bel colore argento che dovrebbe funzionare bene.
Il problema, tuttavia, è che dietro il logo c'è un'ombra che non vogliamo. Quindi prendi lo strumento Penna e traccia i bordi del logo come mostrato. Quando hai finito, fai clic con il tasto destro e scegli Crea selezione, quindi premi Ctrl + C per copiare il logo dal suo sfondo ombra.
Ora per posizionare il logo, spegni tutti i livelli neri in modo da poter vedere di nuovo l'immagine della guida iMac bianca, quindi riduci il logo in modo che corrisponda approssimativamente alle dimensioni e alla posizione del logo sulla macchina. Quindi cambia di nuovo i livelli neri!
Ci siamo quasi adesso!
Successivamente creiamo una riflessione sottile per far sembrare che l'iMac sia davvero lì. Quindi duplica il livello di supporto, premi Ctrl + T e ruotalo di 180 '. Quindi attenua il livello fino al 20% e aggiungi un livello di regolazione come mostrato in modo che svanisca nel nulla.
In seguito aggiungeremo anche un'ombra sottile sotto l'iMac. Quindi disegna un'ellisse come mostrato in grigio scuro.
Ora sfumare l'ombra dell'ellisse fino a circa il 20% di opacità e andare su Filtro> Sfocatura> Controllo sfocatura e utilizzare un valore di circa 10px per ottenere una buona sfocatura. Quando hai finito, premi Ctrl + T per trasformare e schiacciare l'ombra solo verticalmente (in modo che non sia così alta, ma resti della stessa larghezza). Lo facciamo in modo che l'ombra appaia sullo stesso piano del tavolo o di qualsiasi altro dispositivo iMac sia acceso.
E abbiamo praticamente finito! Ho spostato l'iMac da un lato e ho aggiunto un po 'di testo per terminarlo. Nel caso ve lo stiate chiedendo, il carattere tipografico è Myriad Pro Semibold che sembra molto simile al carattere tipografico utilizzato da Apple (sebbene non del tutto uguale, a meno che non mi sbagli).
Quindi, ecco fatto, abbiamo creato un nuovo look per l'iMac! Nel PSD di esempio per questo tutorial, ho incluso sia il PSD per questo tutorial sia quello originale che ho creato alcuni mesi fa, che è abbastanza simile ma molto più grande e con alcune variazioni minori. Spero ti sia piaciuto il tutorial!
Accentsconagua