• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Video Tutorial Photoshop CS3: Creare un layout in stile iPad

crokki95

Utente Senior
Autore del topic
15 Luglio 2009
1.913
74
Miglior risposta
0
Salve a tutti oggi girando per il web ho trovato questa video-guida per photoshop cs3 molto interessante...
Ecco il video:[video=youtube;0d5EDPxpsQ0]http://www.youtube.com/watch?v=0d5EDPxpsQ0&feature=player_embedded[/video]

Step1: Layout

Selezioniamo lo strumento rettangolo arrotondato, raggio 20pixel.
ipad-step1.jpg

Fusione di livello:

Sfumatura da #000000 a #969696 Stile lineare angolo 40°
Traccia 3pixel Riempimento sfumatura
Step2: Sfondo

Andiamo a inserire un’immagine di sfondo per il nostro ipad.
ipad-step2.jpg

In questo esempio l’immagine è di 415px x 435px con stile di livello ombra interna 5px

Step3: Pulsante

Ora creiamo il nostro pulsante home, selezioniamo lo strumento cerchio e creiamo una sfera.
ipad-step3.jpg

Stile di livello, sovrapposizione di sfumatura da #0000 a #616161 angolo -90.

Infine creiamo il quadrato all’interno del cerchio con colorazione su scala di grigi.

Step4: Icone

Andiamo a scaricare le icone realizzate da kon su deviantart.-------->
Perfavore, Entra oppure Registrati per vedere i Link!

ipad-step4.jpg

Posizioniamo le icone a nostro piacimento e inseriamo i nomi delle applicazioni.

Step5: Dockbar

Andiamo a creare la struttura del nostro dockbar inserendo in primo luogo un rettangolo di colore grigio.
ipad-step5.jpg

Selezionando il rettangolo attiviamo la trasformazione manuale CTRL+T e premendo CTRL rendiamo il nostro rettangolo in trapezio.

Dopo inseriamo un rettangolo e applichiamo una forma onda con lo strumento altera che troviamo in alto a destra ed eliminiamo il resto con una selezione esterna con bacchetta magica.

Step6: Sfumatura icone

Ora dovbbiamo creare la sfumatura alle icone dentro la dockbar.

Duplichiamo i 4 livelli con le icone, e uniamo il livello. A questo puno selezioniamo la metà in orrizzontale con lo strumento selezione rettangolare.
ipad-step6.jpg

Andiamo su migliora bordo e applichiamo una sfumatura di 3px ed eliminiamo, in questo modo non avremo una sfumatura netta.

Step7: Info Bar

Creiamo la barra superiore con le scritte iPad, ora e batteria.
ipad-step7.jpg

Creiamo un rettangolo con opacità 80% e inseriamo un campo di testo con la scritta iPad e ora centrata.

Infine inseriamo un rettangolo che simuli la batteria in alto a destra.
Spero che possa essere utile a qualcuno ;)
Fonte:
Perfavore, Entra oppure Registrati per vedere i Link!
 
Riferimento: Video Tutorial Photoshop CS3: Creare un layout in stile iPad

Grazie a tutti
 
Riferimento: Video Tutorial Photoshop CS3: Creare un layout in stile iPad

Bella però è un po difficile implementare il css a quel layout.
 
Riferimento: Video Tutorial Photoshop CS3: Creare un layout in stile iPad

Bello ma molto difficile!
 
Riferimento: Video Tutorial Photoshop CS3: Creare un layout in stile iPad

Ottima guida ma la sezione è sbagliata. Va nella sottosezione "VideoGrafica" della sezione "Grafica". Segnalo. ^^
 
Riferimento: Video Tutorial Photoshop CS3: Creare un layout in stile iPad

Va bene anche qui, perché spiega come creare la parte grafica del layout e quindi è comunque inerente al web design. ;)
 
Riferimento: Video Tutorial Photoshop CS3: Creare un layout in stile iPad

sI MA COME SI PUO FARE UN LAYOUT COSI? Xd io non ci riuscirei.
 
Riferimento: Video Tutorial Photoshop CS3: Creare un layout in stile iPad

Guida ben fatta ma bisogna avere requisiti minimi per adoperarla al 100%
 
Riferimento: Video Tutorial Photoshop CS3: Creare un layout in stile iPad

Va bene anche qui, perché spiega come creare la parte grafica del layout e quindi è comunque inerente al web design. ;)
Grazie per essere intervenuto xD :emoji_smiley:
Guida ben fatta ma bisogna avere requisiti minimi per adoperarla al 100%
Sisi è normale che un po di conoscenza devi averla...Ma ti assicuro che è semplice...Forse tra un po postero una guida su come fare la parte grafica di un sito in 3d xD
 
Riferimento: Video Tutorial Photoshop CS3: Creare un layout in stile iPad

Ottimo, molto utile :-)​