Share
Cosa starai creandoQuesto tutorial ti mostrerà come creare un'immagine fotorealistica del nuovo iPhone4 di Apple. Speriamo che, alla fine, avrai qualcosa di estremamente vicino alla realtà, che per i pochi che non possiedono l'iPhone4 (come me) potrebbe essere il più vicino possibile. Prima di iniziare potrebbe essere una buona idea ritirare un'immagine di riferimento dal web solo per sapere dove tutto va e le dimensioni di alcune delle funzionalità. Altrimenti, divertiti!
Per iniziare, crea un nuovo documento di dimensioni adeguate (ho usato una foto da 10 pollici x 8 pollici a 300 dpi perché si adatta perfettamente come sfondo di alta qualità).
Per creare lo sfondo, imposta il colore di primo piano su # 505050 e quindi usa lo strumento sfumatura e seleziona l'impostazione radiale. Trascina dal centro verso l'esterno per ottenere un bagliore morbido al centro dell'immagine.
Premi (Cmd / Ctrl + R) per alzare i righelli, trascina alcune guide dai righelli verso il centro di dove vuoi che il tuo iPhone sia.
Su un nuovo livello; chiamalo "lato argento", seleziona lo strumento rettangolo arrotondato (U) e impostalo sui percorsi. Assicurati che il suo raggio sia di 1 cm e quindi trascina dal centro delle linee guida, assicurandoti di tenere premuto "Alt" quando lo trascini. Prova a ottenere una forma realistica (se non sei sicuro, tira su un'immagine di riferimento dal web).
Fare clic con il tasto destro e selezionare i percorsi di riempimento. Riempi con # C9C9C9. Quindi selezionare Filtri> Disturbo> Aggiungi disturbo. Scegli qualcosa intorno a 9,51 (quanto basta per renderlo più realistico e perdere la sua durezza) nell'ambientazione monocromatica e uniforme. Premi due volte il pulsante "Esci" per rimuovere il percorso. Disegna le pennellate come mostrato e quindi vai a filtri> Sfocatura> Sfocatura gaussiana> 2,8 pixel.
Crea un nuovo livello e chiamalo "corpo principale". 'Cmd / Ctrl - Fare clic' sul livello "lato argento" e quindi selezionare 'Seleziona> Modifica> Contratto> 10 pixel.'
Imposta il colore di sfondo su # 0A0A0A, quindi per riempire la selezione premi 'Cmd / Ctrl + Backspace.' (Questo riempie automaticamente la selezione con il colore di sfondo).
Crea un nuovo livello e chiamalo "profondità": questa è solo una linea intorno al corpo dove l'iPhone curva e rifrange la luce dalla fotocamera. Per creare la linea "Cmd / Ctrl - Fai clic" sul livello "corpo principale", quindi vai su "Modifica> Traccia" LARGHEZZA - 10 pixel, COLORE - # 000000, POSIZIONE - Interno.
Quindi vai su "Filtri> Sfocatura> Sfocatura obiettivo" e applica le impostazioni di seguito. Assicurati che questo livello sia sempre sopra tutti gli altri livelli.
Crea un nuovo livello sotto chiamato "Schermo". Seleziona lo strumento Selezione rettangolo (M) e poi disegna dal centro delle linee guida, tieni premuto 'Alt' una volta che hai iniziato a trascinare per far espandere il rettangolo dal centro. Rendi il rettangolo una bella forma per lo schermo lasciando spazio per il pulsante menu, l'altoparlante e la fotocamera. Quando sei soddisfatto della forma dello schermo, riempilo con qualsiasi colore e poi crea un nuovo livello sopra il livello "Schermo"; non preoccuparti di nominarlo ancora.
Quando sei soddisfatto della forma del tuo schermo; nel tuo nuovo livello scegli 'File> Inserisci' e scegli un'immagine a tua scelta (ho scelto il mio cane - non è carino!) Quindi ridimensiona, sposta o ruota l'immagine o fai quello che vuoi per farlo sembrare bene. Assicurati che l'immagine sia sopra lo schermo quando hai finito, puoi quindi rinominare il livello "Schermata". Ora, premi "Alt-Click" tra il livello "Screen" e "Screen Pic" per renderlo un livello di ritaglio. Ciò significa che ritaglia lo strato sottostante e consente di modificare o modificare l'immagine sottostante con facilità.
Ora inizieremo dal pulsante menu. Crea un nuovo livello e chiamalo "Pulsante Menu", rendi l'opacità del 60%. Porta un'altra linea di guida fino al punto in cui si trova il pulsante, quindi utilizza lo strumento Ellisse dal centro delle linee guida tenendo premuto "Alt". Quando hai la dimensione desiderata, riempila di bianco, quindi apri il menu degli effetti di livello facendo doppio clic su accanto al livello, quindi usa l'opzione di sovrapposizione dei gradienti con #AEAEAE su # 000000 come mostrato di seguito. Rimuovi il percorso.
Crea un nuovo livello e chiamalo "Icona Menu", usa lo strumento rettangolo arrotondato (U) con un raggio di 10 pixel e tira fuori il quadrato dal centro, prima di aggiungere un tratto ad esso, crea il colore di primo piano # 979797, quindi seleziona lo strumento pennello (B) e ingrandisci il pennello di 3 pixel e il 90% di durezza. Quindi torna allo strumento rettangolo arrotondato e quindi fai clic con il pulsante destro del mouse su> Tracciato tratto> Pennello> OK.
Ora per creare l'altoparlante, spostare una linea guida orizzontale sopra lo schermo, sia l'altoparlante che la telecamera saranno centrati lungo questa linea. Crea un nuovo livello chiamato "Altoparlante" quindi usa lo strumento rettangolo arrotondato (U) per creare la griglia dell'altoparlante. Imposta il raggio su 1 cm solo per creare un bordo arrotondato, quindi estrai la forma alla dimensione mostrata nelle immagini sottostanti. Con lo stesso strumento, fare clic con il tasto destro, scegliere "Riempi il percorso" e riempirlo di nero. Quindi visualizza gli effetti di livello e scegli "Sovrapposizione pattern" e "Luminosità esterna" e utilizza le impostazioni mostrate.
Ora faremo la riflessione che ho menzionato prima. Quindi crea un nuovo livello chiamato "Riflessione" sotto il livello "Altoparlante". 'Cmd / Ctrl - Fare clic' sul livello "Main Body" e quindi selezionare lo strumento Lazo poligonale (L), selezionare la modalità intersect e quindi creare un triangolo sul lato destro dell'iPhone come mostrato. Riempi di bianco. Quindi porta l'opacità del livello al 55%.
Seleziona lo strumento Selezione rettangolo (M) e imposta la sfumatura su 150 pixel. Seleziona il terzo inferiore del riflesso e premi il tasto Cancella alcune volte finché non vedi la punta del riflesso.
Ora possiamo iniziare sulla fotocamera, tirare fuori una linea guida dove vuoi che sia il centro della fotocamera, creare un nuovo livello chiamato "camera". Seleziona lo strumento Ellisse (U) e crea tre piccoli cerchi l'uno dentro l'altro dal centro delle linee guida. Riempi l'anello esterno con # 424242, anello centrale # 080809 e l'anello centrale # 080F2B.
Ora vai al menu degli effetti di livello e usa le impostazioni di smussatura e rilievo qui sotto per far apparire la fotocamera più impostata nell'iPhone. Quindi vai su Filtro> Sfocatura> Sfocatura gaussiana> 0.9 pixel.
Ora che abbiamo completato la fotocamera possiamo finalmente passare agli ultimi ritocchi per la vista frontale di iPhone; prima faremo i pulsanti laterali. Crea tre nuovi livelli sotto il livello "Lato argento" (denominali Button 1, 2 e 3.) Disegna tre percorsi con lo strumento rettangolo arrotondato (U) con un raggio di 1 pixel lungo il lato sinistro di iPhone. Stiamo facendo i due pulsanti del volume e il cursore muto e puoi vedere dove vanno nell'immagine sottostante. Una volta che li hai disegnati, riempi i tracciati bianchi, uno alla volta su ogni livello. Quindi applica le impostazioni di seguito nel menu degli effetti di livello. Quando li hai applicati a ogni livello, vai su Filtro> Sfocatura> Sfocatura gaussiana> 1.
Crea un altro nuovo livello e chiamalo "pulsante in alto". Crea un altro percorso con lo strumento rettangolo arrotondato (U) nell'angolo in alto a destra dell'iPhone. Riempi di bianco e aggiungi le impostazioni di seguito.
Potrebbe essere necessario spostare la sfumatura nella posizione corretta usando lo strumento sposta (V) e trascinandolo lungo lo schermo. Premi Cmd / Ctrl + F per ripetere l'ultimo effetto filtro (Gaussian Blur in questo caso).
Prima di procedere suggerisco di raggruppare i livelli che hai utilizzato finora in Gruppi di livelli, se non lo hai già fatto premendo l'icona della cartella nella barra dei livelli.
Ora il corpo dell'iPhone è fuori dal modo in cui possiamo muoverci con l'interfaccia prima di passare alla vista posteriore e laterale dell'iPhone. Per iniziare, Crea un nuovo gruppo di livelli e chiamalo "interfaccia", Comando / Ctrl - Fai clic sul livello "Schermo" e quindi premi il pulsante "Aggiungi maschera di livello". Ciò renderà tutto ciò che viene fatto nel gruppo di ritaglio sullo schermo.
Crea un nuovo livello e seleziona lo strumento selezione rettangolare (M) e seleziona un'area nella parte inferiore dello schermo come mostrato e riempila con il bianco.
Applica le impostazioni di seguito. Quindi vai su Livello> Stile livello> Copia stile livello.
Trascina due linee guida al centro del riquadro e quindi crea un nuovo livello denominato "Pulsante Fotocamera". Usa lo 'Strumento rettangolo arrotondato' (U) con un raggio di 1 cm per creare il pulsante. Premi Cmd / Ctrl + Invio per trasformare il percorso in una selezione, quindi riempi la selezione. Vai a Livello> Stile livello> Incolla stile livello. (Questo incollerà la stessa impostazione degli effetti di livello dal livello copiato a questo).
Aggiungi le impostazioni di smusso e rilievo come mostrato di seguito.
Ora creeremo l'icona della fotocamera per il pulsante, creeremo un nuovo livello e lo chiameremo "Icona della fotocamera". Utilizzando lo strumento Rettangolo arrotondato (U) con un raggio di 20 pixel, disegnare una fotocamera su larga scala e utilizzare lo strumento di selezione del percorso diretto per spostare gli angoli superiori del riquadro superiore l'uno verso l'altro. Premi Cmd / Ctrl + T per trasformare l'icona; ridimensionalo per adattarlo al pulsante della fotocamera. Seleziona lo strumento Rettangolo arrotondato (U) e fai clic con il pulsante destro del mouse sul tracciato, fai clic sul percorso di riempimento e riempilo con # 424242.
Crea un nuovo livello chiamato "slider box" e usa lo strumento rettangolo arrotondato (U) per la casella nell'angolo in basso a destra dello schermo. Utilizzando lo stesso raggio, disegna una casella in cui la parte superiore tocca la linea guida come mostrato di seguito. Riempi di bianco e poi applica questi effetti di livello.
Crea un nuovo livello chiamato slider e poi ancora usando lo strumento rettangolo arrotondato (U) fai un piccolo cursore all'interno del riquadro del cursore, mettilo sul lato sinistro. Premi Cmd / Ctrl + Invio quindi Cmd / Ctrl + Backspace per selezionarlo e riempirlo con il colore di sfondo. Vai a Livello> Stile livello> Copia stile livello.
Vai al livello "Icona della fotocamera" e premi Cmd / Ctrl + J per duplicare il livello dell'icona della videocamera, premi Cmd / Ctrl + T per trasformarlo, renderlo più piccolo e spostarlo sopra il cursore. Quindi disegna l'icona di una cinepresa usando lo strumento rettangolo arrotondato (U) e lo strumento Penna (P), trasformalo e spostalo sul cursore.
Importa un'immagine diversa andando su File> Inserisci e selezionando l'immagine. Premi Cmd / Ctrl + T e riduci la dimensione dell'immagine in modo che possa adattarsi perfettamente nell'angolo in basso a sinistra.
Quindi utilizza lo strumento rettangolo arrotondato (U) con un raggio di 10 pixel per creare una finestra sopra l'immagine. Premi Cmd / Ctrl + Invio per creare una selezione, quindi premi l'icona "aggiungi maschera di livello" nella barra dei livelli. Questo ridurrà l'immagine alla selezione.
Ora passiamo alla barra dello zoom! Su un nuovo livello chiamato "Zoom bar", usa lo strumento rettangolo arrotondato (U) con un raggio di 30 pixel e traccia una barra sottile sul fondo dello schermo. Quindi cambia lo strumento per sottrarre e disegnare un'altra barra all'interno della barra precedente. Utilizzando lo strumento di selezione del percorso (A), selezionare e fare clic con il pulsante destro del mouse sul percorso esterno, scegliere il percorso secondario di riempimento, quindi riempirlo con #EAEAEA.
Utilizzare nuovamente lo strumento di selezione del percorso (A) e selezionare il percorso centrale. Modificare le impostazioni da sottrarre per aggiungere e quindi riempire il percorso con il nero. Premi 5 sulla tastiera per ridurre l'opacità al 50%.
Crea un nuovo livello e disegna un cursore circolare con lo strumento ellisse (U), riempilo con il bianco e quindi premi 9 per ridurre l'opacità al 90%.
Seleziona lo strumento testo (T) e metti un simbolo Nero + e - su entrambi i lati della barra dello zoom, il carattere è Veranda e la dimensione 8 per il segno - e la dimensione 6 per il segno più. Portare l'opacità al 50%.
Ora passiamo al display del flash. Usa lo strumento rettangolo arrotondato (U) al raggio di 1 cm per disegnare il rettangolo nell'angolo in alto a sinistra, riempilo con il bianco e porta l'opacità al 50%. Usa il font Veranda in nero e la dimensione 12 per scrivere la parola "Off" e poi riduci l'opacità al 50%. Usando lo strumento Penna (P), disegnare un'icona lampo e riempirla con # 000000. Portare l'opacità al 50%.
Ora abbiamo completamente finito con la vista principale dell'iPhone (accarezzati sulla schiena se ti piace) e se vuoi andare avanti continua semplicemente seguendo il tutorial mentre ci spostiamo sul retro dell'iPhone e poi sul lato. Prima di iniziare, basta mettere l'iPhone anteriore in un'unica grande cartella.
Questo passaggio sarà più facile per coloro che hanno organizzato i tuoi livelli in cartelle, ho messo tutti i miei livelli pulsanti e livelli corporei in una cartella che posso semplicemente copiare e capovolgere per il retro del mio iPhone. In caso contrario, Cmd / Ctrl + Fare clic su "Main body", "silver side", "slider mute", "Top button", "Reflection", "depth" e i livelli del pulsante del volume, fare clic con il tasto destro e premere duplicato layer, premere OK e poi metti i livelli in una nuova cartella chiamata "Back iPhone".
Seleziona la cartella "Back iPhone", quindi usa lo strumento sposta (V) per spostare l'iPhone posteriore accanto all'iPhone anteriore. Apri la cartella e seleziona ogni livello escludendo il "livello di riflessione", quindi scegli Modifica> Trasforma> Rifletti orizzontalmente.
Ora passiamo sulla fotocamera posteriore. Crea un livello "anello fotocamera", porta due guide dove desideri che sia la tua fotocamera, quindi usa lo strumento selezione ellittica (M), tieni premuto Alt + MAIUSCOLO SOLO quando hai iniziato a trascinare dal centro delle linee guida. Quindi scegli Modifica> Traccia> 4 pixel> OK. Quindi applica le impostazioni del gradiente di seguito.
Crea un nuovo livello chiamato "grigi" e crea un altro cerchio usando lo strumento selezione ellittica (M) all'interno dell'anello della fotocamera e riempilo con # 282828. Scegli Filtri> Disturbo> aggiungi disturbo e scegli 16.57. Quindi selezionare Filtri> Sfocatura> Sfocatura gaussiana> 2,2 pixel. Aggiungi questi effetti di livello. Trasforma l'opacità del livello al 50%.
Crea un altro livello chiamato "underlay grigio" e sotto il livello "grigio" usa lo strumento selezione ellittica (M) e crea un altro cerchio al di sotto, riempilo e aggiungi gli effetti di livello sotto.
Infine disegna un altro cerchio per l'obiettivo e riempilo con # 013274 quindi applica questi effetti.
Crea un nuovo livello sotto il livello "copia riflessione" e chiamalo "logo apple". Ottenere un'immagine del logo Apple e tracciarla o semplicemente disegnarla dalla memoria usando lo strumento Penna (P) riempirlo con #CECDCB.
Per il flash basta usare lo strumento selezione ellittica (M) e riempirlo di bianco su un nuovo livello, utilizzare le linee guida per tenerlo in linea con la fotocamera. Quindi vai agli effetti di livello e applica la sovrapposizione del motivo di seguito.
Seleziona lo strumento testo (T) con il carattere Tahoma, misura 14 e scrivi iPhone verso il basso. Quindi utilizzare lo stesso carattere ma alla dimensione 3.7 per il codice prodotto e le informazioni sotto il nome del marchio. Il colore è # 545453.
Inizia a disegnare i simboli di sicurezza e qualità con lo strumento Penna (P), divertiti un po 'e creane uno tuo o semplicemente mantieni gli originali come ho fatto in seguito. Ancora una volta mantieni il colore # 545453.
Ora che il Back è finito, possiamo finalmente finire con il lato. Crea un nuovo gruppo di livelli chiamato "iPhone laterale" e in quel gruppo crea un livello chiamato "side blk". Ho trascinato alcune linee guida per delineare le basi del mio iPhone di lato. Disegna una casella con lo strumento rettangolo arrotondato (U) con un raggio di 10 pixel. Riempi e quindi apri gli stili di livello e applica queste impostazioni.
Ora con lo stesso strumento (U) su un nuovo livello chiamato "Argento" disegna una casella più sottile ma più lunga del "Side Blk". La sua lunghezza dovrebbe significare che sporge solo il bordo dell'altro riquadro. Quindi aggiungi la sfumatura sotto.
Da sinistra a destra questa sfumatura va: # 202020, # 919191, # 2E2E2E, # 737373, #ADADAD, #BCBCBC, # 616161, #EDEDED, # 303030.
Crea un nuovo livello chiamato "Rifrazione" e quindi Comando / Ctrl - Fai clic sul livello "Argento" e utilizza lo strumento lazo poligonale (L) per selezionare due aree sui lati dell'iPhone come mostrato di seguito. Riempi con il bianco e poi sposta l'opacità al 40%.
Crea un nuovo livello chiamato "pulsanti del volume" e utilizza lo strumento del percorso ellittico (P) per creare due cerchi delle dimensioni del pulsante del volume, riempirlo e applicare le impostazioni di seguito. Ho usato le linee guida per assicurarmi che si allineino con i miei pulsanti di visualizzazione iPhone.
Utilizzare lo strumento testo (T) e digitare un segno più e uno meno nei pulsanti, utilizzare il carattere Tahoma alla dimensione 14. Aumentare il segno meno aumentando la larghezza al 160%. Vai a Livello> Rasterizza> scrivi (fallo su entrambi i livelli di testo). Quindi Cmd / Ctrl: fare clic sui livelli più e meno, quindi passare al livello "pulsanti volume" e premere Elimina.
Per il nostro ultimo passaggio usa lo strumento rettangolo arrotondato (U) con un raggio di 8 pixel e disegna un rettangolo su un nuovo livello chiamato "Slider Back". Riempi con # b7b7b7 e aggiungi l'ombra interna sotto.
Crea un nuovo livello chiamato "slider" e disegna un'altra casella con lo strumento rettangolo arrotondato (U) all'interno della casella precedente, solo questa volta con un raggio di 7 pixel. Quindi applicare queste impostazioni ad esso.
Per finire, seleziona lo strumento pennello (B) in taglia 13 e durezza 50% con il colore # 1E1E1E, Comando / Ctrl - Fai clic sul livello "argento" e quindi in basso traccia una linea del pennello trascinando e tenendo premuto Maiusc. Assicurati che sia in linea con le altre linee dalla vista posteriore e frontale. (Usa una linea guida se vuoi.)
Ora hai completato il tuo iPhone 4. Spero davvero che ti sia piaciuto questo tutorial e sono soddisfatto di quello che hai finito. Spero che tu abbia imparato qualcosa di nuovo e abbia avuto un'esperienza piacevole.
Accentsconagua