Crea una scatola dorata a forma di cuore

Nel tutorial di oggi, dimostreremo come creare un'elegante scatola a forma di cuore in Photoshop. Iniziamo!


Risorse Tutorial

  • Trama di fiori
  • Trama netta
  • Texture diagonale

Passo 1

Crea un nuovo documento, 600 x 600 px. Prima di procedere con questo tutorial, dare un'occhiata all'impostazione e alla disposizione dell'area. Assicurati che ogni area di colore sia sul proprio livello e nominali come mostrato di seguito.


Passo 2

Per il livello "a cuore", scegli lo strumento Forma personalizzata, seleziona la forma del cuore per rendere la forma come immagine di seguito.


Passaggio 3

Premi Cmd / Ctrl + T per trasformare la forma come immagine di seguito. Quindi premi Cmd / Ctrl + Invio per effettuare una selezione e riempirla con qualsiasi colore.


Passaggio 4

Per il livello "cuore frontale", premi Cmd / Ctrl + J per duplicare "cuore su". Rinominare il nuovo livello "cuore anteriore" e spostarlo sotto "cuore su". Quindi abbassalo come mostrato di seguito.


Passaggio 5

Disegna la forma come l'immagine mostrata sotto usando lo strumento Penna. Quindi riempilo con il colore usato per "fronte cuore".


Passaggio 6

Per il livello "a cuore aperto", usa lo strumento Penna per disegnare come mostrato nelle immagini qui sotto. Dovremmo raggruppare tutti i livelli del cuore in una cartella e chiamarla "cuore".


Passaggio 7

Prima di aggiungere dettagli al cuore hai bisogno di fare lo sfondo. Perché è molto facile farlo, quindi non ti dirò come fare, basta creare qualcosa come l'immagine qui sotto.


Passaggio 8

Aggiungi il seguente stile di livello a "heart up".


Passaggio 9

Aggiungi il seguente stile di livello a "cuore frontale".


Passaggio 10

Aggiungi il seguente stile di livello a "cuore indietro".


Passaggio 11

Premi Cmd / Ctrl + J per duplicare "heart front", rinominare il nuovo layer "heart bottom". Sposta questo livello sotto "fronte cuore" e abbassalo come mostrato sotto.


Passaggio 12

Premi Cmd / Ctrl + T per trasformarlo. Quindi il "fondo del cuore" è un po 'più piccolo del "cuore anteriore".


Passaggio 13

Modifichiamo solo l'ombra interiore nello stile di livello di "fondo cuore" e manteniamo l'altro stile.


Passaggio 14

Aggiungi la texture del fiore al cuore. Cambia il suo metodo di fusione in Luce soffusa e riduci l'opacità a 20 gradi.


Passaggio 15

Crea un nuovo livello sotto "fronte cuore", chiamalo "ombra frontale". Tenendo premuto Cmd / Ctrl, fare clic su "fronte cuore" per ottenere la sua selezione e riempire il colore nero. Vai al menu Filtro> Sfocatura> Sfoca più. Tenendo premuto Cmd / Ctrl, fare clic su "heart bottom" per ottenere la sua selezione. Quindi premere Cmd / Ctrl + Maiusc + I per invertire la selezione e premere Elimina per eliminare l'area in eccesso.


Passaggio 16

Al di fuori della cartella "cuore", crea una nuova cartella in alto, chiama "nastro dorato". In questa cartella, crea un nuovo livello, chiamalo "nastro". Usa lo strumento Penna per disegnare le seguenti immagini come mostrato di seguito.


Passaggio 17

Riduci il suo riempimento a 0 gradi e aggiungi lo stile di livello ad esso.


Passaggio 18

Crea un nuovo livello su "nastro", chiamalo "bordo del nastro". Tenendo premuto Cmd / Ctrl, fare clic su "ribbon" per ottenere la sua selezione e riempire qualsiasi colore. Usa la penna per disegnare la forma come immagine di seguito. Quindi premi Comando / Ctrl + Invio per selezionare da questa forma e premi Elimina.


Passaggio 19

Aggiungi il seguente stile di livello a "bordo del nastro".


Passaggio 20

Crea un nuovo livello sotto "ribbon", chiamalo "ribbon net". Ho già creato la "trama netta". Quindi devi solo scaricarlo e aggiungerlo a "ribbon net" come mostrato di seguito.


Passaggio 21

Aggiungi il seguente stile di livello a "ribbon net".


Passaggio 22

Crea un nuovo livello sotto "ribbon net", chiamalo "ribbon shadow". Usa lo strumento Penna per disegnare come mostrato qui sotto.


Passaggio 23

Imposta Pennello come mostrato sotto. Quindi mentre scegli lo strumento Penna fai clic con il pulsante destro del mouse sul tracciato e seleziona Traccia percorso con il pennello.


Passaggio 24

Ridurre l'opacità di "ombreggiatura del nastro" a 50 gradi.


Passaggio 25

Crea un nuovo livello su "bordo del nastro" chiamalo "barra multifunzione". Disegna una linea bianca come immagine qui sotto e riduci la sua Opacità a 60 gradi.


Passaggio 26

Seleziona la cartella "cuore" e la cartella "nastro" facendo clic col tasto destro e scegli Duplica livelli. Premi Cmd / Ctrl + E per unire due nuove cartelle in un nuovo layer e rinominale "reflection". Spostalo in "fondo cuore" e abbassalo come mostrato nell'immagine sotto.


Passo 27

Elimina l'area nella selezione.


Passaggio 28

Vai al menu Filtro> Sfocatura> Sfocatura gaussiana, imposta Raggio: 3px.


Passaggio 29

Premi Cmd / Ctrl + T per trasformare "reflection" e riduci la sua Opacity a 30 gradi.


Passaggio 30

Aggiungi la maschera di livello a "riflessione". Usa lo strumento Pennello con colore nero per disegnare come immagine qui sotto.


Passaggio 31

Crea un nuovo livello sotto "heart bottom", chiamalo "box shadow". Tenendo premuto Cmd / Ctrl, fare clic su "heart up" per ottenere la sua selezione e riempire il colore nero. Quindi gira "ombra casella" come mostrato nell'immagine qui sotto.


Passo 32

Vai al menu Filtro> Sfocatura> Sfocatura gaussiana, imposta Raggio 10px.


Passaggio 33

Premi Cmd / Ctrl + T per trasformarlo in più piccolo e riduci la sua opacità a 40 gradi.


Passaggio 34

Crea una nuova cartella tra "cuore" e "nastro dorato", chiamala "carta bianca". Crea un nuovo livello in questa cartella, chiamalo "card". Usa lo strumento Rettangolare arrotondato (imposta il raggio di 3 pixel) per disegnare come mostrato nell'immagine sottostante, riempilo con qualsiasi colore.


Passaggio 35

Aggiungi il seguente stile di livello a "card".


Passaggio 36

Aggiungi "texture diagonale" e riduci la sua Opacità a circa 8 gradi. L'ho fatto già. Hai solo bisogno di scaricarlo per l'utilizzo.


Passaggio 37

Scegli lo strumento Tipo orizzontale, impostalo come mostrato nell'immagine sottostante e digita qualsiasi testo.


Passaggio 38

Unisci tutti i livelli in "while card" in uno nuovo. Premi Cmd / Ctrl + T e, tenendo premuto Cmd / Ctrl, trasformalo come mostrato di seguito.


Passaggio 39

Aggiungi il seguente stile di livello ad esso. Quindi abbiamo fatto.


Immagine finale