Tutorial Mockup PDF

Preview

Summary

Pasos para poder realizar un Mockup desde Photoshop...

Description

Photoshop / Mockups Cómo hacer un mockup con photosop. En éste tutorial se pretende explicar cómo podemos crear una plantilla donde plasmar nuestros diseños para que el resultado final del mismo adquiera un mayor realismo aplicando así el diseño al lugar en el que vaya a ir representado por medio de una simulación llamada mockup. Esta forma simulada de representación, se realiza con la herramienta photoshop donde por mediación de capas convertidas en objetos inteligentes y tratadas mediante mallas para darle la forma de la superficie, se conseguirá plasmar en ella una simulación de cómo quedará nuestro diseño integrado en la aplicación para la cual fue diseñada.

Antes de empezar: Para la realización de ésta simulación hace falta una plantilla sobra la que poder aplicar nuestro diseño, en éste caso realizaremos el mockup de una revista y para ello necesitaremos un modelo en el que poder trabajar, la mayoría de veces éstas plantillas las encontramos en internet y no siempre cumplen con las medidas que a nosotros nos gustaría para un correcto ajuste del mismo, de modo que vamos a ver cómo podemos crear nosotros mismos una plantilla desde Photoshop.

1º PASO / Creación de la plantilla Creamos un archivo en blanco desde Photoshop con un espacio de trabajo lo suficientemente ancho para que nos permita poder trabajar en la construcción de la plantilla sin que nos salgamos.

En éste caso realizarémos el tutorial para subirloa una página web, de modo que elegiremos la resolución de 72 ppp, si por algún casual el fin fuera para ser impreso, sustituiríamos los 72 por 300 ppp. En cuanto al espacio de trabajo, en éste caso será mejor que nos sobre en vez de que nos falte espacio, de modo que le aplicamos un ancho de aproximadamente 50 cm y un alto de unos 28 – 30 cm.

A continuación y después de crear el espacio de trabajo, crearemos un rectángulo vertical al que posteriormente lo transformaremos con las teclas CTRL+T para poder editar su forma, en la pestaña EDICIÓN / TRANSFORMAR, encontraremos la opción DEFORMAR para poder crear la sensación de curva que tendrán las hojas y que nosotros mismos le daremos mediante el uso de los tiradores.

Una vez tenemos un modelo de la hoja, haremos tantas copias de la misma como sea necesaria para colocarlas unas sobre las otras dándole sensación de mayor volumen, para lograr una sensación mayor de realidad, a las hojas de abajo les aplicaremos unos colores más oscuros mientras que a las de arriba unos colores más claros. Cuando las tengamos harémos una copia de las hojas de la izquierda y las voltearémos verticalmente encajandolas en su lado derecho componinedo así finalmente la forma del la revista....