Com fer un Mockup en Photoshop

En el món de el disseny gràfic, quan parlem de mockups ens referim a maquetes que mostren com quedarà un disseny implementat a la realitat. Són molt útils perquè ens ajuden a saber si les nostres creacions funcionen realment i, si treballem per a clients, els ajuda a fer-se una idea de com va a quedar el treball que fas sobre suports físics. En aquest tutorial vaig a mostrar com fer un Mockup en Photoshop. Encara que utilitzarem un pot de crema, vas a aprendre tècniques aplicables a gairebé qualsevol tipus d'objecte No t'ho perdis! 

Què necessites per fer un Mockup en Photoshop?

què necessites per fer un Mockup en Photoshop

El primer que necessitaràs és una plantilla de Mockup sobre la qual implementarem el nostre disseny, pots trobar molts tipus en bancs d'imatges gratuïts com Pexel o Pixaby. A més et caldrà una parcel·la per crear l'etiqueta i un logotip. Si encara no tens el teu logotip pots consultar aquest tutorial de com crear un logotip en Adobe Illustrator

Obre la plantilla de Mockup i selecciona l'objecte

Eina selecció d'objectes en Photoshop

Anem a començar obrint la plantilla de Mockup. A continuació utilitza l'eina selecció d'objectes per seleccionar el pot de crema. Evita que es quedi un halo en la selecció anant a la pestanya "Selecció", "modificar", "expandir" i la estendrem 2 píxels (aproximadament). 

Crea una capa de color uniforme

color uniforme photoshop

El següent que has de fer és crear una capa de color uniforme, Pots fer-ho fent clic sobre el símbol que apareix marcat a la imatge superior i donant-li a "color uniforme". Com tens el pot de crema seleccionat, sobre la capa s'aplicarà automàticament una màscara amb aquesta retallada. Amb això, el que aconseguim és canviar-li el color a l'objecte. Perquè quedi més realista, aniràs a el panell marcat en la imatge superior i canviaràs la manera de fusió a subexposició lineal. Finalment baixa l'opacitat de la capa de color uniforme a l' 75%.

Afegeix una etiqueta al teu Mockup

crear etiqueta

Per a la crear el teu etiqueta, necessites crear una nova capa i convertir-la en un objecte intel·ligent. Si fas doble clic sobre ella, directament s'obrirà una nova finestra de document on podràs editar la teva etiqueta de manera independent. El primer que faràs és utilitzar la eina retallar per reduir la mida de la tela. A continuació, arrossega la trama a la pantalla i ajusta el seu Tamaño perquè s'adapti a l'espai.

Amb la eina rectangle i usant el color blanc, vas a crear un rectangle al centre de la imatge (És el que ens servirà d'etiqueta). Quan ho tinguis obre el teu logotip i situa'l prop de el marge esquerre de l'rectangle. Finalment, utilitza l'eina text i el color exacte de l'logotip per escriure el nom del producte. A la barra opcions d'eina, a la part superior de l'espai de treball, podràs modificar les característiques de el text, jo he utilitzat la tipografia pacífic i li he donat una mida de 130 punts. És important que ara vagis a la pestanya arxiu i li donis a guardar, Si tornes a la finestra de document en què vam començar a treballar, els canvis s'hauran aplicat a la capa de l'etiqueta.

Acaba la teva Mockup

canviar la perspectiva de l'etiqueta

Canvia la manera de fusió de l'etiqueta, Torna a triar subexposició lineal, però aquesta vegada no has de tocar el percentatge d'opacitat. Ara cal ajustar la perspectiva, Per això has d'anar a la pestanya edició »,« transformar »,« deformar ». Si no tens activa les guies, fes clic esquerre i actívalas en «commutar guies». Ja només quedarà moure els controladors per adaptar l'etiqueta a la forma d'el Mockup I ja ho tindries!


Sigues el primer a comentar

Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats amb *

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.