Creare Iphod
+5
Derp
Narkoteks
Giosuè
revStefano
rafaman
9 partecipanti
Zermo :: Informatica :: Photoshop & Gimp
Pagina 1 di 1
Creare Iphod
Apriamo Photoshop e creiamo un nuovo documento con queste misure: 470X500.
Scegliamo lo strumento rettangolo arrotondato e settiamo la sfumatura a 20px.
Tracciamo una forma come da figura in basso:
Figura 2 - Creazione di un rettangolo arrotondato
[Devi essere iscritto e connesso per vedere questa immagine]
Applichiamo uno smusso con questi settaggi:
[Devi essere iscritto e connesso per vedere questa immagine]
e dopo una traccia con questi altri.
[Devi essere iscritto e connesso per vedere questa immagine]
Ora che la base è pronta, occupiamoci del display. Scegliamo sempre un rettangolo arrotondato, ma questa volta abbassiamo il valore dell'angolo fino a 5px. Come colore di sfondo, scegliamo il seguente: #F3F7FB. Chiamiamo il livello appena creato ' cornice' e applichiamo una traccia con queste impostazioni. Di seguito potete osservare il risultato:
[Devi essere iscritto e connesso per vedere questa immagine]
Creaimo ora una selezione rettangolare come in questa immagine:
[Devi essere iscritto e connesso per vedere questa immagine]
e sfumiamo con questi colori:
* Primo piano: #FFFFFF
* Secondo piano: #CDDBE3
Ecco cosa abbiamo ottenuto:
Figura 4 - Applicazione della sfumatura
[Devi essere iscritto e connesso per vedere questa immagine]
Adesso selezioniamo lo strumento Linea e come colore scegliamo il seguente: #97A7AF. Tracciamo una linea sotto la sfumatura appena creata. Ecco un esempio:
[Devi essere iscritto e connesso per vedere questa immagine]
Adesso selezioniamo lo strumento Poligono, e all'interno della casella Lati, inseriamo il valore 3.
[Devi essere iscritto e connesso per vedere questa immagine]
Ora disegniamo un piccolo rettangolo come in questa figura:
[Devi essere iscritto e connesso per vedere questa immagine]
Quindi aggiungiamo un'ombra esterna e una sovrapposizione colore:
[Devi essere iscritto e connesso per vedere questa immagine]
Abbiamo appena realizzato il simbolo Play del display:
Figura 5 - Pulsante Play sul display
[Devi essere iscritto e connesso per vedere questa immagine]
Adesso realizzeremo l'indicatore del livello della batteria. Creiamo una selezione come in questa immagine:
[Devi essere iscritto e connesso per vedere questa immagine]
Selezioniamo Sfumatura lineare e selezioniamo i seguenti colori:
* Primo piano: #B0D499
* Secondo piano: #167448
Tracciamo la sfumatura dall'altro verso il basso come da immagine:
[Devi essere iscritto e connesso per vedere questa immagine]
Ed ecco realizzato l'indicatore del livello di batteria:
Figura 6 - Indicatore della batteria
[Devi essere iscritto e connesso per vedere questa immagine]
Andiamo avanti con una selezione rettangolare come da figura.
[Devi essere iscritto e connesso per vedere questa immagine]
Dal menu Modifica > Traccia tracciamo la selezione con lo spessore di 1px e con questo colore: #C1CED4.
In questa immagine potete osservare il risultato:
[Devi essere iscritto e connesso per vedere questa immagine]
Adesso creiamo una nuova selezione:
[Devi essere iscritto e connesso per vedere questa immagine]
e riempiamola con un'altra sfumatura lineare scegliendo questi altri colori:
* Primo piano: #1DA2DD
* Secondo piano: #62C6ED
Ecco il risultato:
[Devi essere iscritto e connesso per vedere questa immagine]
Servono ancora due selezioni e una sfumatura. Penso che adesso sarete in grado di realizzarne due davvero semplici. Ecco i colori per queste altre selezioni:
* Primo piano: #C4C7CA
* Secondo piano: #EAEDF2
Figura 7 - Barre di avanzamento:
[Devi essere iscritto e connesso per vedere questa immagine]
Di seguito potete osservare il display con la barra di avanzamento completa:
[Devi essere iscritto e connesso per vedere questa immagine]
Per il testo del display, ho usato un Franklin Gothic Demi, ma andrà benissimo anche qualsiasi altro Serif. La copertina dell'album l'ho scaricata da un Cd Covers dove troverete praticamente di tutto.
Ho aggiunto al display, oltre alla copertina, la dicitura "Now Playing", il numero della traccia, il titolo dell'album, gli indicatori del tempo trascorso/restante. Vediamo il risutlato del display completo:
Figura 9 - Display completo:
[Devi essere iscritto e connesso per vedere questa immagine]
La ghiera cliccabbile:
Realizzare il jog dell'iPod, ovvero la famosa ghiera del lettore, è tra le cose più semplici. Partiamo subito con il creare una sezione circolare e riempiamola con il colore di primo piano #ECF0F3. Vediamo il risultato:
[Devi essere iscritto e connesso per vedere questa immagine]
La seconda selezione circolare, ci servirà per realizzare il pulsante centrale della ghiera cliccabile. Stavolta riempiremo la selezione con il colore bianco:
Figura 11 - Selezione circolare interna:
[Devi essere iscritto e connesso per vedere questa immagine]
Adesso creiamo un'icona in maniera dimostrativa, dopo sarà sicuramente facile realizzare le altre. In questo caso ho preferito scegliere il simbolo Avanti (Forward).
Scegliamo lo strumento Poligono, e settiamo 3 come numero dei lati come da figura:
[Devi essere iscritto e connesso per vedere questa immagine]
Adesso tracciamo un triangolo e duplichiamolo. Dopo, accanto a i due triangoli appena creati, affianchiamo una selezione rettangolare. Riempiamo di bianco ed ecco il risultato:
Figura 12 - Disegno del pulsante Avanti:
[Devi essere iscritto e connesso per vedere questa immagine]
Figura 13 - iPod completo:
[Devi essere iscritto e connesso per vedere questa immagine]
crediti: »CooLÐrifT™
Scegliamo lo strumento rettangolo arrotondato e settiamo la sfumatura a 20px.
Tracciamo una forma come da figura in basso:
Figura 2 - Creazione di un rettangolo arrotondato
[Devi essere iscritto e connesso per vedere questa immagine]
Applichiamo uno smusso con questi settaggi:
[Devi essere iscritto e connesso per vedere questa immagine]
e dopo una traccia con questi altri.
[Devi essere iscritto e connesso per vedere questa immagine]
Ora che la base è pronta, occupiamoci del display. Scegliamo sempre un rettangolo arrotondato, ma questa volta abbassiamo il valore dell'angolo fino a 5px. Come colore di sfondo, scegliamo il seguente: #F3F7FB. Chiamiamo il livello appena creato ' cornice' e applichiamo una traccia con queste impostazioni. Di seguito potete osservare il risultato:
[Devi essere iscritto e connesso per vedere questa immagine]
Creaimo ora una selezione rettangolare come in questa immagine:
[Devi essere iscritto e connesso per vedere questa immagine]
e sfumiamo con questi colori:
* Primo piano: #FFFFFF
* Secondo piano: #CDDBE3
Ecco cosa abbiamo ottenuto:
Figura 4 - Applicazione della sfumatura
[Devi essere iscritto e connesso per vedere questa immagine]
Adesso selezioniamo lo strumento Linea e come colore scegliamo il seguente: #97A7AF. Tracciamo una linea sotto la sfumatura appena creata. Ecco un esempio:
[Devi essere iscritto e connesso per vedere questa immagine]
Adesso selezioniamo lo strumento Poligono, e all'interno della casella Lati, inseriamo il valore 3.
[Devi essere iscritto e connesso per vedere questa immagine]
Ora disegniamo un piccolo rettangolo come in questa figura:
[Devi essere iscritto e connesso per vedere questa immagine]
Quindi aggiungiamo un'ombra esterna e una sovrapposizione colore:
[Devi essere iscritto e connesso per vedere questa immagine]
Abbiamo appena realizzato il simbolo Play del display:
Figura 5 - Pulsante Play sul display
[Devi essere iscritto e connesso per vedere questa immagine]
Adesso realizzeremo l'indicatore del livello della batteria. Creiamo una selezione come in questa immagine:
[Devi essere iscritto e connesso per vedere questa immagine]
Selezioniamo Sfumatura lineare e selezioniamo i seguenti colori:
* Primo piano: #B0D499
* Secondo piano: #167448
Tracciamo la sfumatura dall'altro verso il basso come da immagine:
[Devi essere iscritto e connesso per vedere questa immagine]
Ed ecco realizzato l'indicatore del livello di batteria:
Figura 6 - Indicatore della batteria
[Devi essere iscritto e connesso per vedere questa immagine]
Andiamo avanti con una selezione rettangolare come da figura.
[Devi essere iscritto e connesso per vedere questa immagine]
Dal menu Modifica > Traccia tracciamo la selezione con lo spessore di 1px e con questo colore: #C1CED4.
In questa immagine potete osservare il risultato:
[Devi essere iscritto e connesso per vedere questa immagine]
Adesso creiamo una nuova selezione:
[Devi essere iscritto e connesso per vedere questa immagine]
e riempiamola con un'altra sfumatura lineare scegliendo questi altri colori:
* Primo piano: #1DA2DD
* Secondo piano: #62C6ED
Ecco il risultato:
[Devi essere iscritto e connesso per vedere questa immagine]
Servono ancora due selezioni e una sfumatura. Penso che adesso sarete in grado di realizzarne due davvero semplici. Ecco i colori per queste altre selezioni:
* Primo piano: #C4C7CA
* Secondo piano: #EAEDF2
Figura 7 - Barre di avanzamento:
[Devi essere iscritto e connesso per vedere questa immagine]
Di seguito potete osservare il display con la barra di avanzamento completa:
[Devi essere iscritto e connesso per vedere questa immagine]
Per il testo del display, ho usato un Franklin Gothic Demi, ma andrà benissimo anche qualsiasi altro Serif. La copertina dell'album l'ho scaricata da un Cd Covers dove troverete praticamente di tutto.
Ho aggiunto al display, oltre alla copertina, la dicitura "Now Playing", il numero della traccia, il titolo dell'album, gli indicatori del tempo trascorso/restante. Vediamo il risutlato del display completo:
Figura 9 - Display completo:
[Devi essere iscritto e connesso per vedere questa immagine]
La ghiera cliccabbile:
Realizzare il jog dell'iPod, ovvero la famosa ghiera del lettore, è tra le cose più semplici. Partiamo subito con il creare una sezione circolare e riempiamola con il colore di primo piano #ECF0F3. Vediamo il risultato:
[Devi essere iscritto e connesso per vedere questa immagine]
La seconda selezione circolare, ci servirà per realizzare il pulsante centrale della ghiera cliccabile. Stavolta riempiremo la selezione con il colore bianco:
Figura 11 - Selezione circolare interna:
[Devi essere iscritto e connesso per vedere questa immagine]
Adesso creiamo un'icona in maniera dimostrativa, dopo sarà sicuramente facile realizzare le altre. In questo caso ho preferito scegliere il simbolo Avanti (Forward).
Scegliamo lo strumento Poligono, e settiamo 3 come numero dei lati come da figura:
[Devi essere iscritto e connesso per vedere questa immagine]
Adesso tracciamo un triangolo e duplichiamolo. Dopo, accanto a i due triangoli appena creati, affianchiamo una selezione rettangolare. Riempiamo di bianco ed ecco il risultato:
Figura 12 - Disegno del pulsante Avanti:
[Devi essere iscritto e connesso per vedere questa immagine]
Figura 13 - iPod completo:
[Devi essere iscritto e connesso per vedere questa immagine]
crediti: »CooLÐrifT™
rafaman- Staff
- Messaggi : 5128
Località : Scauri (LT)
Re: Creare Iphod
io ci ho provato....devo dire che con un po di pratica ci si riesce al primo colpo
rafaman- Staff
- Messaggi : 5128
Località : Scauri (LT)
Re: Creare Iphod
no è solo un'immagine stile ipod creata che si può creare
rafaman- Staff
- Messaggi : 5128
Località : Scauri (LT)
Re: Creare Iphod
per me è stupendo....comunque non si può migliorare perchè l'ha creato tale e quale quello della guida e sembra proprio un vero ipod anche perchè la schermata è quella
rafaman- Staff
- Messaggi : 5128
Località : Scauri (LT)
Re: Creare Iphod
bellissimo!!
Punitore- Utente Bannato
- Messaggi : 1019
Località : infondo a destra scendi le scale e sono li :D
Zermo :: Informatica :: Photoshop & Gimp
Pagina 1 di 1
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.
|
|
Dom Mag 03, 2020 11:59 am Da eligabri44
» Siti per scaricare e vedere in streaming film ??
Ven Set 06, 2019 6:43 pm Da Aldo3
» film sui diritti civili
Ven Set 06, 2019 6:39 pm Da Aldo3
» Ciao a tutti
Mar Mag 01, 2018 10:52 am Da tonk
» Mi presento
Sab Ott 07, 2017 4:23 pm Da gcmmrt
» ciao a tutti
Dom Mar 26, 2017 2:15 pm Da Savio
» erwewweeerwreeweww
Dom Feb 26, 2017 4:06 pm Da inter1130
» Ciao a tutti dopo tanto tempo
Sab Feb 25, 2017 1:49 pm Da giulio99
» Ciao ragazzi
Mar Feb 21, 2017 1:56 pm Da xazazelx