Come Creare un Realistico Mockup con una Bottiglia di Vino in Adobe Photoshop
Italian (Italiano) translation by Tom Piccarreda (you can also view the original English article)



In questo tutorial vi mostrerò come creare il mockup di una bottiglia di vino rosso. Questo tipo di mockup può rivelarsi utile nel caso in cui si renda necessario applicare un'etichetta personalizzata ad una bottiglia di vino rosso, anche se non si possiede fisicamente la bottiglia.
E grazie allo smart object, è possibile modificare facilmente l'etichetta ogni volta che avrai bisogno!
Vai di fretta e non hai tempo per seguire questo tutorial? Scopri il mio Premium Red Wine Mockup. Il mockup è pronto per l'uso — basta sostituire l'etichetta con la tua e personalizzare la bottiglia con un solo clic!



Risorse per il tutorial
Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial:
1. Come rimuovere l'etichetta dalla bottiglia
Step 1
Scarica l'immagine della bottiglia di vino rosso da Pixabay e aprila con Photoshop CS5 o superiore.



Step 2
Innanzitutto premere Command-J sulla tastiera per creare una copia dell'immagine. Se guardi nel pannello Layers, vedrai che ora ci sono due livelli, ognuno dei quali contiene la stessa immagine. L'immagine originale rimarrà al sicuro sul livello di sfondo, e tutto il lavoro di editing lo andremo a fare sulla copia dell'immagine, sul livello 1 proprio sopra l'originale:



Rinominare il nuovo livello facendo doppio-clic direttamente sul nome del livello nel pannello Layers e scrivendo "Bottle".
Step 3
Selezionate lo strumento Lasso Tool premendo la lettera L sulla tastiera. Ci sono altri due tipi di strumenti Lazo — lo strumento Polygonal Lasso Tool e lo strumento Magnetic Lasso Tool, entrambi i quali si nascondono dietro lo strumento Lasso Tool nel pannello Strumenti. È necessario selezionare il primo.



Semplicemente trascina una selezione a mano libera intorno all'etichetta, come se vorresti disegnare il contorno di un oggetto su un pezzo di carta con una penna o una matita. Con lo strumento Lasso Tool selezionato, il cursore del mouse si trasformerà in una piccola icona a forma di corda. A questo punto basta cliccare nel punto del documento di cui si desidera iniziare la selezione e quindi continuare tenendo premuto il pulsante del mouse e trascinando per disegnare un contorno di selezione a mano libera:



Per completare la selezione, ritorna sul punto dove hai iniziato e rilascia il pulsante del mouse. Non devi necessariamente tornare nello stesso punto nel quale hai cominciato la selezione, ma in questo caso Photoshop chiuderà automaticamente la selezione disegnando una linea retta dal punto dove avete rilasciato il pulsante del mouse fino al punto dove avete iniziato.
Step 4
Dal menu superiore, seleziona Edit > Fill e scegli Content-Aware nel menu a tendina della sezione Contents. Quindi premi OK.



L'etichetta è stata rimossa! Photoshop ha fatto un lavoro eccezionale rimuovendo l'etichetta e riempiendo la zona fondendo parti della bottiglia. Se non sei soddisfatto dei risultati dopo l'esecuzione del comando, puoi semplicemente annullarlo premendo Command-Z sulla tastiera e ripetere l'operazione di riempimento. Con questo comando infatti è possibile ottenere un risultato diverso ogni volta. Quando sei soddisfatto del risultati, ricorda di deselezionare la selezione scegliendo Select > Deselect o premendo Command-D sulla tastiera.



Step 5
Premere L per selezionare lo strumento Lasso Tool nuovamente e fare una selezione attorno al disegno dorato sul collo della bottiglia.



Dal menu superiore, seleziona Edit > Fill e scegli Content-Aware nel menu a tendina della sezione Contents. Quindi premi OK.



Abbiamo rimosso con successo il disegno dorato dal collo della bottiglia! Ricorda di deselezionare la selezione scegliendo Select > Deselect o premendo Command-D sulla tastiera.
2. Come rimuovere lo sfondo
Step 1
Ora è il momento di rimuovere lo sfondo bianco della foto. Ciò che andremo a fare è selezionare e rimuovere l'intero sfondo con lo Quick Selection Tools. Selezionarlo facendo clic sulla sua icona nel pannello Tools, oppure premere la lettera W sulla tastiera:



Per cominciare la selezione, spostare il cursore dello strumento Quick Selection Tool vicino l'angolo superiore sinistro della bottiglia, fare clic e trascinare sull'area bianca come se stesse dipingendo con un pennello. Mentre trascini, Photoshop continuamente analizza l'area, confrontando il colore, tono e consistenza e fa del suo meglio per capire quello che è che stai tentando di selezionare, spesso con risultati sorprendenti.



Se si guarda nella barra delle opzioni nella parte superiore dello schermo, vedrete tre icone che ci consentono di passare tra tre modalità di selezione dello strumento (da sinistra a destra: New Selection, Add to selection e Subtract from selection). L'opzione Add to selection (quella centrale) è già scelta di default, poiché l'obiettivo principale dello strumento di Quick selection Tool è quello di continuare ad aggiungere alla selezione fino a quando hai selezionato tutto il necessario:



Quindi continua a "dipingere" con lo strumento vicino ai bordi della bottiglia fino a quando non si seleziona tutto lo sfondo bianco:



Step 1
Una volta selezionato lo sfondo, è possibile rimuoverlo facendo clic su Edit > Cut nel menu in alto.
Ricordati di deselezionare la selezione scegliendo Select > Deselect o premendo Command-D sulla tastiera.
Assicurati di disattivare la visibilità per il livello "Background" per apprezzare il risultato.



Step 3
Ora che avete rimosso con successo lo sfondo, controlla i bordi della bottiglia.
Rimuovi tutte le imperfezioni che si trovano intorno ai bordi della bottiglia utilizzando lo strumento Eraser Tool. Per attivare lo strumento Eraser Tool, premere E e aprire il menu contestuale facendo clic sul pulsante destro del mouse. Selezionare Size 20 px e Hardness 100% e quindi cliccare sulle aree desiderate per rimuovere le imperfezioni.



3. Come creare un nuovo sfondo
Step 1
Seleziona il Rectangle Tool premendo U e creare un nuovo rettangolo sotto la bottiglia. Assicurati che il livello di rettangolo sia posizionato sotto il livello della bottiglia.



Step 2
Fai doppio-clic sul livello del rettangolo per aprire il pannello Layer Style. Aggiungi un nuovo Gradient Overlay facendo clic sulla scheda correlata.



Aggiungi una nuova sfumatura dal colore #0a0a0a al #332f30, Style Linear e Angle -90.
Step 3
Premi U sulla tastiera e aggiungi un altro rettangolo sotto la bottiglia, fino a coprire l'intero sfondo.



Ora fai doppio-clic sul livello per aprire il pannello di Layer Style e aggiungi un nuovo effetto Gradient Overlay facendo clic sulla scheda correlata.



Aggiungi una nuova sfumatura dal colore #332f30 al #0a0a0a, Style Radial e Scale 150%.
Seleziona questi due livelli appena creati, fai un clic destro e seleziona Group from layers. Digita "Background" come nome del gruppo, quindi premere OK.
Step 4
Ora la tua immagine dovrebbe essere simile alla seguente:



Come potete vedere, i bordi della bottiglia non sembrano perfetti. Cerchiamo di risolve il problema facendo doppio-clic sul livello della bottiglia.
Nel pannello Layer Style, è necessario aggiungere un nuovo effetto Inner Shadow come mostrato nell'immagine sottostante:



4. Come aggiungere ombre e riflessi
Step 1
Fai clic sul livello "Bottle", e trascinalo sopra l'icona Create a new layer indicata nella foto sottostante per duplicare il livello selezionato:



Rinomina questo nuovo livello "Reflection" e spostalo sotto lo livello della bottiglia. Fai clic destro e seleziona Rasterize Layer Style.
Step 2
Il menu in alto, seleziona Edit > Transform > Flip Vertical e sposta l'immagine verso il basso sotto la bottiglia:



Step 3
Ora seleziona Edit > Transform > Wrap e tira le maniglie di trasformazione fina a far combaciare la bottiglia con il sua riflesso e premi INVIO sulla tastiera per confermare.



Seleziona lo strumento Eraser Tool (E), imposta la dimensione a 500 px e la durezza a 0% e cancella delicatamente il riflesso, come mostrato nell'immagine sottostante:



Infine, individua l'opzione Opacity nel pannello dei livelli e impostala al 35%.
Step 4
Seleziona lo strumento Ellipse Tool e disegna un'ellisse un po' più piccola del diametro della bottiglia. Assicurati di impostare il colore della forma al nero. Impostare il nome del livello a "Small Shadow".



Ora dobbiamo aggiungere un effetto di sfocatura alla forma. Nel menu in alto, seleziona Filter > Blur > Gaussian Blur. Un messaggio potrebbe avvisarti che: "questo livello di forma deve essere rasterizzato o convertito in un oggetto avanzato prima di procedere. Se rasterizzate, non più sarà modificabile come una forma." Premere Rasterize e impostare l'effetto per la dimensione del raggio di 10 pixel. Conferma premendo OK.
Nel pannello livelli, assicurati che il livello di ellisse "Small Shadow" sia sotto il livello della bottiglia e sposta la forma dietro la bottiglia. La bottiglia deve coprire la forma quasi completamente, come puoi vedere nell'immagine sottostante:



Abbiamo appena aggiunto la prima ombra! Ora aggiungiamo un'altra ombra un po' più sfumata.
Step 5
Ciò che ci accingiamo a fare adesso è ripetere lo stesso procedimento descritto nel passaggio 4, ma con alcune modifiche. Seleziona lo strumento Ellipse Tool e disegna un'ellisse più grande rispetto al diametro della bottiglia. Assicurati di impostare il colore della forma al nero. Rinomina questo nuovo livello "Big Shadow". Nel pannello livelli, assicurati che il livello di ellisse sia sotto il livello della bottiglia e sposta la forma dietro la bottiglia. La bottiglia deve coprire la forma, come si può vedere nell'immagine sottostante:



Aggiungi un effetto di sfocatura alla forma selezionando Filter > Blur > Gaussian Blur. Imposta l'effetto per la dimensione del raggio a 85 pixel e conferma premendo OK. Nel pannello livelli, imposta l'opacità al 30%.
Ora il pannello livelli dovrebbe apparire in questo modo:



Seleziona i livelli "Big Shadow", "Small Shadow" e "Reflection". Per selezionare più livelli contigui, fare clic sul primo livello e poi clicca sull'ultimo livello tenendo premuto il tasto Shift. Clicca con il pulsante destro del mouse, e dal menu a tendina seleziona Group from layers, dai il nome "Shadow" al gruppo e premi OK per confermare.



5. Come progettare l'etichetta
Step 1
Crea un nuovo documento di 893 x 958 px in Photoshop.
Nel pannello Layers, fai clic-destro sull'icona nella parte inferiore del pannello, quindi fai clic su Solid Color e riempi con il colore #25221f:



Step 2
Scarica e installa il font Open Sans e seleziona la strumento Text Tool (T). Nel pannello Character, imposta il tracking a 75 e digitare le parole: PREMIUM RED WINE 2017 con colore #86752c.



Aprire l'immagine Swordfish. Nel menu in alto, vai a Select > Color Range, imposta il Fuzziness a 200, deseleziona Localized Color Cluster e premi OK.



Inverti la selezione andando a Select > Inverse. Trascina questa immagine nel documento dell'etichetta utilizzando lo strumento Move Tool (V). Fai doppio clic sul layer "Swordfish" e aggiungi un nuovo effetto Color Overlay, imposta il colore su #6a6a6b.
Step 3
Con il carattere di Open Sans già installato, è necessario digitare la parola BLACK.
Scarica e installa il font Berkshire Swash e digita la parola Marvin.



Continuare ad aggiungere testo con il font Open Sans:



Scarica e installa il font di Black Jack e aggiungi del testo, come mostrato nell'immagine sottostante:



L'etichetta è pronta! Salva il file come Label.psd sul tuo desktop. Ci servirà tra un'istante.
6. Come avvolgere l'etichetta sulla bottiglia
Step 1
Torna al file della bottiglia e, nel pannello Layers, seleziona il livello "Bottle".
Seleziona lo strumento Rectangle Tool (U) e fai clic da qualche parte sulla tela. Crea un nuovo rettangolo di 893 x 958 pixel. Rinomina il livello "Label".



Clicca con il pulsante destro del mouse sul livello "Label" e scegli Convert to smart object. Hai appena creato lo smart object che contiene l'etichetta.
Ora sposta il rettangolo sopra la bottiglia e, nel menu in alto, scegli Edit > Transform > Wrap (Command-T). Questo fa apparire le maniglie del comando Free Transform.
Fare clic sull'opzione "Custom" dal pannello di controllo. Questo consente di personalizzare la forma del preset che hai scelto.
Per modificare la forma, trascinate le maniglie di controllo, un segmento del riquadro di delimitazione o un'area all'interno della griglia. Quando si regola una curva, utilizzare le maniglie di controllo. Questa operazione è simile a quando si prova a regolare le maniglie di un segmento curvo nella grafica vettoriale. Cerca di ottenere una griglia come questa:



Quando sei soddisfatto del risultato, premi INVIO sulla tastiera per confermare.
Step 2
Seleziona lo smart object, quindi scegli Layer > Smart Objects > Replace Contents.



Individua il file di Label.psd che abbiamo salvato prima e fate clic su Inserisci.
L'etichetta è ora posta all'interno dello smart object.
Puoi ancora fare qualsiasi tipo di cambiamento all'etichetta semplicemente modificando l'oggetto avanzato in questo modo:
- Selezionate lo smart object nel pannello Layers.
- Fai doppio-clic sulla miniatura dello smart object nel pannello Layers.
Quando si modifica uno smart object, il contenuto viene aperto in una nuova finestra di Photoshop (o dall'applicazione che gestisce il formato inserito per impostazione predefinita, ad esempio Adobe Illustrator o Adobe Acrobat).
Quando sei soddisfatto delle modifiche al contenuto, salva il file e le modifiche verranno visualizzate nello smart object del relativo documento di Photoshop.
Step 3
Selezionate il livello "Label" nel pannello Layers e fare doppio-clic sul livello, fuori il nome o dalla miniatura. Aggiungere un nuovo effetto Gradient Overlay:



Modifica la sfumatura facendo clic sulla piccola finestra, imposta il colore dei due Color Stop al bianco e l'Opacity Stop di destra con Opacity 0% e Location 46%.



Step 4
Ora aggiungi un nuovo effetto Pattern Overlay. Imposta il Blend Mode su di Multiply, Opacity al 40% e fai clic sulla miniatura del Pattern. Carica il set "Rock Patterns" facendo clic sulla piccola icona dell'ingranaggio e quindi selezionare il penultimo pattern:



Infine, aggiungi un effetto Drop Shadow: Blend Mode Normal, colore Nero, Opacity 9% e Distance 5 px.



Step 5
Scegli lo strumento Rectangle Tool (U), clicca da qualche parte sulla tela e utilizzare le seguenti dimensioni: 925 x 1275 px. Nel pannello Layers, imposta il riempimento per il rettangolo appena creato al 0%. Con strumento Move (V), posizionare il rettangolo sopra l'etichetta in questo modo:



Step 6
Seleziona il livello appena creato, dai il nome "Highlights", e fai doppio-clic sul livello per aprire il pannello Layer Style. Aggiungi una nuovo effetto Gradient Overlay.
Blend Mode: Soft Light; Opacity: 80%; Angle: 0°; Scale: 150%.
Imposta i due Color Stop con colore bianco e crea quattro Opacity Stops. Da sinistra a destra:
- Primo Color Stop: Opacity 0%; Location 9%.
- Secondo Color Stop: Opacity 100%; Location 25%.
- Terzo Color Stop: Opacity 100%; Location 37%.
- Quarto Color Stop: Opacity 0%; Location 53%.



Step 7
Duplica il livello "Highlights" e rinominalo "Spotlight". Fai doppio-clic sul livello per aprire il pannello Layers Style. Imposta Opacity al 20% e Angle a -23 °. Conferma premendo OK.



Step 8
Duplica il livello "Spotlight" e rinominalo "Texture". Fai doppio-clic sul livello per aprire il pannello Layers Style. Rimuovi l'effetto Gradient Overlay facendo clic sulla piccola checkbox e aggiungi un nuovo effetto Pattern Overlay.
Imposta Blend Mode a Multiply e Opacity a 100% e fai clic sulla finestra del pattern. Carica il set Color Paper facendo clic sull'icona del piccolo ingranaggio quindi seleziona il pattern Marbled.



Step 9
Duplica il livello "Texture" e rinominalo "Ombre". Fai doppio-clic sul livello per aprire il pannello Layers Style. Rimuovi l'effetto Pattern Overlay facendo clic sulla piccola checkbox e aggiungi un nuovo effetto Gradient Overlay.
Imposta Blend Mode a Multiply, Opacity a 32%, Angle a 0%, e Scale a 100%.
Imposta il colore del due Color Stops sul nero e crea quattro opacity stops. Da sinistra a destra:
- Primo Color Stop: Opacity 100%; Location 6%.
- Secondo Color Stop: Opacity 0%; Location 23%.
- Terzo Color Stop: Opacity 0%; Location 45%.
- Quarto Color Stop: Opacity 100%; Location 100%.



Step 10
Seleziona i livelli "Shadows", "Texture", "Spotlight" e "Highlights". Per selezionare più livelli contigui, fare clic sul primo livello quindi clicca sull'ultimo livello tenendo premuto Shift. Con il pulsante destro del mouse, scegli Create Clipping Mask.
Ci siamo quasi! Questo è il risultato fino ad ora:



Diamo un tocco finale aggiungendo una luce globale all'immagine.
Seleziona il livello "Shadows" e quindi seleziona, nel menu in alto, Layer > New adjustment layer > Curves e premi OK.
Andiamo a impostare solo le curve per RGB e Rosso in questo modo:



Congratulazioni, hai finito!
In questo tutorial di multi-disciplinare, abbiamo imparato un metodo rapido per rimuovere alcune parti dell'immagine e sostituire il contenuto con lo strumento riempimento Content-aware. Abbiamo progettato un'etichetta da zero e l'abbiamo avvolta intorno alla bottiglia. Poi abbiamo aggiunto attentamente alcuni effetti di luci e ombre per dare un aspetto 3D. Il risultato è un mockup foto-realistico che utilizza uno smart object per sostituire l'etichetta.



Non dimenticare dare un'occhiata ai miei prodotti di GraphicRiver sui mockup per le bottiglie. Sono articoli di qualità professionale perfetti per mostrare la vostra etichetta del vino con stile e professionalità!
Sono disponibili Red Wine Bottle Mockup, White Wine Bottle Mockup e molto altro ancora!
Spero che hai apprezzato il mio tutorial e imparato qualcosa di nuovo. Non esitare a lasciare commenti, suggerimenti e i tuoi risultati qui sotto.
Enjoy Photoshopping!


