7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Product Mockup

Come utilizzare le attività degli Elementi di Envato per creare un modello Mockup

Read Time: 3 mins

Italian (Italiano) translation by Loris Pizii (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Le risorse digitali sono un ottimo vantaggio per qualsiasi strumento del progettista. Con gli Elementi di Envato, il servizio di sottoscrizione di Envato per i download delle attività, avrai accesso a migliaia di attività digitali di alta qualità, dai componenti aggiuntivi ai modelli di prodotto e altro ancora!

In questo tutorial di consigli rapidi, combineremo due delle attività omaggio, un mockup di branding di caffè e una texture acquerello vettoriale, dagli Elementi di Envato. Per questo tutorial useremo sia Adobe Illustrator CC e Adobe Photoshop CC.

1. Utilizzo delle strutture acquerello

Passo 1

Cominciamo in Adobe Illustrator CC. Utilizzando il Tipo di Strumento (T), scrivi una breve parola o due. Ho scelto "LO VE &" per il mio tipo.

Using the Type Tool T write out a quick word or two Ive chosen LO VE for my typeUsing the Type Tool T write out a quick word or two Ive chosen LO VE for my typeUsing the Type Tool T write out a quick word or two Ive chosen LO VE for my type

Passo 2

Espandi (sotto Oggetto) il tuo tipo o Crea Contorni. In questo modo il tuo tipo di oggetti viene covertito, rendendo più facile modificarli.

Expand under Object your type or Create OutlinesExpand under Object your type or Create OutlinesExpand under Object your type or Create Outlines

Passo 3

Organizza il tuo modello mentre guardi la forma. Ho Scalato la mia & (e-commerciale) e riorganizzato un po' le mie lettere per il mio progetto. Quando sei soddisfatto del tuo posizionamento, Seleziona tutti i tuoi oggetti e Unisci nel pannello Esplora.

Rearrange your type objects and unite them in the pathfinder panelRearrange your type objects and unite them in the pathfinder panelRearrange your type objects and unite them in the pathfinder panel

Passo 4

Apri il file dell'acquerello dei pennelli e struttura dal download gratuito degli Elementi di Envato. Copia (Control-C) una delle strutture di acquerello fornite nel pacchetto e Incolla (Control-V) nel documento.

Posizionalo dietro l'oggetto di testo nel pannello Livelli. Potrebbe esserti necessario Scalare, Ruotare o modificare un po' la struttura.

Copy and paste watercolor texture into your documentCopy and paste watercolor texture into your documentCopy and paste watercolor texture into your document

Passo 5

Seleziona il gruppo dell'acquerello e il gruppo di testo e crea una Maschera di Ritaglio (Control-7). Il testo ora una fantastica struttura acquerello applicata ad esso. Considera la stratificazione della struttura multipla per ottenere un effetto diverso.

Select the watercolor group and the text group and create a Clipping Mask Control-7 Select the watercolor group and the text group and create a Clipping Mask Control-7 Select the watercolor group and the text group and create a Clipping Mask Control-7

2. Utilizzo di un prodotto Mockup

Passo 1

Cerchiamo di passare ad Adobe Photoshop CC. Terro' aperti entrambi i programmi per questa sezione.

Scarica il pacchetto gratuito del prodotto della coppa di caffè mockup da gli Elementi di Envato. Apri uno dei file inclusi. Nel pannello Livelli, fai Doppio Clic su uno degli Oggetti Avanzati per aprirli.

In the Layers panel Double-Click one of the Smart Objects in order to open itIn the Layers panel Double-Click one of the Smart Objects in order to open itIn the Layers panel Double-Click one of the Smart Objects in order to open it

Passo 2

Copia il vostro design da Adobe Illustrator CC e Incollalo nel documento Oggetto Avanzato in Adobe Photoshop CC. Di solito Incolla gli oggetti come Oggetti Avanzati in modo da mantenere le loro funzionalità scalabili.

Posiziona o modifica l'oggetto come necessario per adattare all'etichetta già presente nel file.

Place or edit your object as needed so it matches up with the label already present in the filePlace or edit your object as needed so it matches up with the label already present in the filePlace or edit your object as needed so it matches up with the label already present in the file

Passo 3

Una volta che l'oggetto viene posizionato sopra l'oggetto segnaposto, Nascondi i livelli originali degli Oggetti Avanzati nel pannello Livelli e Salva (Control-S) il documento. Puoi anche solo sostituire o eliminare questo livello se ti prende la fantasia.

Hide the original design layer Hide the original design layer Hide the original design layer

Passo 4

Tornando nel documento mockup, troverai che la tazza di caffè che hai modificato, ha un nuovo design. Ripeti su qualsiasi altro livelli di Oggetti Avanzati all'interno del documento e salva il file.

Repeat this process on the other smart objectsRepeat this process on the other smart objectsRepeat this process on the other smart objects

Ottimo lavoro, hai finito!

Ora che hai il blocco di combinazione e l'utilizzo di queste risorse digitali, puoi applicare il tuo design ad alcuni degli altri prototipi di prodotto inclusi nella confezione, per creare un set completo di pezzi di presentazione. O crea diversi designi per realizzare una serie di pezzi di portfolio.

Guarda più risorse e iscriviti a Elementi di Envato per ottenere alcuni fantastici articoli gratuiti!

Our final product mockupOur final product mockupOur final product mockup
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.