1. Design & Illustration
  2. Mockups

Cómo usar los recursos de Envato Elements para crear la maqueta de un producto

Scroll to top
Read Time: 3 min

() translation by (you can also view the original English article)

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

Los recursos digitales son una gran ayuda en la caja de herramientas de cualquier diseñador. Con Envato Elements, el servicio de suscripción de Envato para descargas de recursos, tendrás acceso a miles de activos digitales de alta calidad, ¡desde complementos hasta maquetas de productos y más!

En este tutorial de consejos rápidos, combinaremos dos de los recursos gratuitos, una maqueta para la marca de un café y una textura de acuarela vectorial, de Envato Elements. Para este tutorial usaremos Adobe Illustrator CC y Adobe Photoshop CC.

1. Usando texturas de acuarela

Paso 1

Empecemos en Adobe Illustrator CC. Utilizando la Herramienta Texto (T), escribe una o dos palabras breves. Yo he elegido «LO VE &».

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

Paso 2

Expande (debajo de Objeto) tus letras o Crea contornos. Al hacerlo, tus letras se convertirán en objetos, facilitando su edición.

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

Paso 3

Coloca tus letras como creas conveniente. Escalé mi ampersand (&) y reorganicé un poco mis letras para mi diseño. Cuando estés satisfecho con la posición, selecciona todos tus objetos y únelos en el panel Buscatrazos.

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

Paso 4

Abre el archivo de pinceles de acuarela y texturas de las descargas gratuitas de Envato Elements. Copia (Control-C) una de las texturas de acuarela suministrada en el paquete y pégala (Control-V) en tu documento.

Colócalo detrás de tu objeto de texto en el panel Capas. Quizá tengas que escalar, rotar o editar un poco la textura.

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

Paso 5

Selecciona el grupo de acuarela y el grupo de texto y crea una máscara de recorte (Control-7). Ahora a tu texto se le ha aplicado una fantástica textura de acuarela. Considera colocar varias texturas para obtener un efecto diferente.

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. Usando una maqueta para un producto

Paso 1

Cambiemos a Adobe Photoshop CC. Mantendré ambos programas abiertos para esta sección.

Descarga el paquete de maquetas de productos de tazas de café de Envato Elements. Abre uno de los archivos incluidos. En el panel Capas, haz doble clic en uno de los objetos inteligentes (Smart Objects) para abrirlo.

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

Paso 2

Copia tu diseño de Adobe Illustrator CC y pégalo en el documento de objetos inteligentes en Adobe Photoshop CC. Normalmente pego los objetos como objetos inteligentes para que conserven sus características escalables.

Coloca o edita tu objeto según sea necesario para que coincida con la etiqueta ya presente en el archivo.

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

Paso 3

Una vez que tu objeto se ubique sobre el objeto del marcador de posición, oculta la capa original del objeto Inteligente en el panel Capas y guarda (Control-S) el documento. También puedes reemplazar o eliminar esta capa si gustas.

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

Paso 4

Regresando al documento de la maqueta, encontrarás que la taza de café que editaste tiene un nuevo diseño. Repite en cualquier otra capa de objetos inteligentes dentro del documento y guarda tu archivo.

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

¡Buen trabajo, lo lograste!

Ahora que has aprendido sobre la combinación y el uso de estos recursos digitales, aplica tu diseño a algunas de las otras maquetas de productos incluidas en el paquete, y así crear un conjunto completo de piezas de presentación. O crea diferentes diseños para una serie de piezas de un portafolio.

¡Revisa más recursos y regístrate en Envato Elements para conseguir fantásticos regalos!

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.
One subscription. Unlimited Downloads.
Get unlimited downloads