Saludos queridos geeker's hoy les traigo un tutorial para quienes tienen un emprendimiento y necesitan crear imágenes para exponer sus productos o simplemente dar a conocer la marca exponiendo el logo de su emprendimiento.

Existen muchas páginas en internet que ofrecen estas maquetas para descarga,
de estos recursos están disponibles, unos son pagos y otros gratuitos con atribución al autor. La página que prefiero para descargar estas maquetas es https://www.freepik.es/, una página española que ofrece estos recursos que fueron creados por diseñadores y que Freepik pone a la disposición de todos. También tiene la opción en inglés en https://www.freepik.com.

Los mockup's o maquetas vienen en archivos Photoshop y son completamente editables, por lo que podemos incluir en ellos nuestras imágenes y gracias a esto podemos darle una identidad a nuestra marca comercial, también podemos apreciar como quedaría nuestra ilustración impresa u sublimada en una franela, y quizás ofrecerla a posibles clientes o inversores. Hoy vamos a descubrir este sencillo proceso.

Greetings dear geeker's today I bring you a tutorial for those who have a business and need to create images to expose their products or simply to publicize the brand by exposing the logo of your business.

There are many pages on the internet that offer these mockups for download,
of these resources are available, some are paid and others are free with attribution to the author. The page that I prefer to download these mockups is https://www.freepik.es/, a Spanish page that offers these resources that were created by designers and that Freepik makes available to everyone. It also has an English option at https://www.freepik.com.

The mockups come in Photoshop files and are fully editable, so we can include in them our images and thanks to this we can give an identity to our brand, we can also see how our illustration would look printed or sublimated on a T-shirt, and perhaps offer it to potential customers or investors. Today we are going to discover this simple process.

Existen muchas opciones de maquetas libres de derecho de uso (con atribución), con una simple búsqueda es la página podemos acceder a cientos, existen muchas maquetas, no solo franelas y tazas, encontraremos maquetas de marquesinas, vasos, pancartas, botellas y muchos otros más.

Después de decidir la maqueta que queremos utilizar y descargarla, pasamos a descomprimir el archivo, pues siempre estos vienen en formato WinRAR, luego abrimos el archivo Photoshop para proceder con la edición.

Debemos recordar copiar el mensaje para la correcta atribución, al descargar el archivo. Aquí en Hive tenemos mucha experiencia en eso.

There are many options of royalty free mockups (with attribution), with a simple search on the page we can access hundreds, there are many mockups, not only T-shirt and mugs, we will find mockups of marquees, glasses, banners, bottles and many others.

After deciding the mockup we want to use and downloading it, we decompress the file, because they always come in WinRAR format, then we open the Photoshop file to proceed with the edition.

We must remember to copy the message for correct attribution, when downloading the file. Here at Hive we have a lot of experience in that.

Imagen de Freepik

Al abrir el archivo en Photoshop nos aparecen todas las capas que compones el mockup, la zona están creadas como un Objeto Inteligente lo que hace posible la edición o adición de imágenes propias en la imagen original, en este caso la zona a editar está dividida en la imagen (con el dibujo de la franela) y una máscara (imagen en blanco).

Al dar doble clic sobre el dibujo de la franela se nos abre otra pestaña con el diseño previo que viene con el archivo. Lo que hice (y siempre hago) es colocar las medidas para ubicar nuestra propia imagen, depende de nosotros si ocupamos el mismo espacio del diseño, o lo hacemos más grande, todo depende de nuestras intenciones. Si nos fijamos en el dibujo de la capa notamos que incluso podemos todo el frente de la franela.

When we open the file in Photoshop all the layers that compose the mockup appear, the area is created as a Smart Object which makes it possible to edit or add your own images in the original image, in this case the area to edit is divided into the image (with the drawing of the flannel) and a mask (blank image).

Double clicking on the flannel drawing opens another tab with the previous design that comes with the file. What I did (and I always do) is to place the measures to place our own image, it depends on us if we occupy the same space of the design, or we make it bigger, everything depends on our intentions. If we look at the drawing of the layer we notice that we can even make the whole front of the T-shirt.

También podemos cambiar el color de la franela con solo hacer doble clic sobre la capa de la máscara. Se nos abrirá una ventana con una paleta de colores, y mientras vamos moviendo el cursor por los colores y dando clic a nuestra selección el archivo nos va a dar la vista previa con el nuevo color. Como ya vieron en la imagen de portada dejé el color original pues la ilustración ya es bastante colorida.

We can also change the color of the flannel by double clicking on the mask layer. A window will open with a color palette, and as we move the cursor over the colors and click on our selection the file will give us the preview with the new color. As you saw in the cover image I left the original color as the illustration is already quite colorful.

Imagen de Vectonauta en Freepik

Con esta otra maqueta, esta vez de tazas, podemos repetir todo el proceso al agregar nuestra propia imagen a la taza, cambiar el color del producto y guardar como una imagen JPG o PNG o simplemente guardar como archivo PSD (Photoshop) para continuar editando más adelante o cambiar el color del producto o cualquier otra cosa.

En las capas de las tazas, podemos notar una diferencia. las capas sombreadas son las capas editables, aunque con un poco de práctica podemos cambiar el color de fondo también. Las dos primeras capas son para editar el diseño impreso en estas tazas, y las dos capas de abajo son las máscaras para cambiar el color al producto, para eso daremos doble clic al apartado delimitado con una línea recta, que como ya vimos antes abrirá una ventana y podremos cambiar el color de la taza, sin que esta pierda los valores de la sombra.

With this other mockup, this time of mugs, we can repeat the whole process by adding our own image to the mug, change the color of the product and save as a JPG or PNG image or simply save as a PSD (Photoshop) file to continue editing later or change the color of the product or anything else.

In the layers of the mugs, we can notice a difference. The shaded layers are the editable layers, although with a little practice we can change the background color as well. The first two layers are to edit the design printed on these cups, and the two layers below are the masks to change the color of the product, for that we will double click on the section delimited with a straight line, which as we saw before will open a window and we can change the color of the cup, without losing the values of the shadow.

Resultado final /// Final result

Tu lectura es un gran honor para mi

Your reading is a great honor for me

Follow me