★・・・・・・・★・・・・・・・・★

¡Hola,sean bienvenidos vibez tutoriales!

Hoy les enseñaré en hacer un mockup,  pero no será uno "difícil" les enseñaré hacer uno realmete sencillo .

Los tipos de mockups son muchos o mejor dicho bastantes , esto se dividirá en 1.1,1.2 y etc...

Un mockup es en como se vería tu historia si fuera salido o saliera en un libro en físico

•Aplicaciónes: Picsart, Pinterest y pixelab,polar,photoshop express y vsco(las 4 ultimas son opcionales)

Esas son las aplicaciones que utilizaremos para nuestro mockup.

Sin nada más que decir comencemos.

★・・・・・・・★・・・・・・・・★

1. Nos meteremos a Pinterest a buscar un fondo de madera para que se vea que que nuestro mockup está en una mesa. Lo buscarán de la siguiente manera:

×como ven ahí me parecen muchos resultados y yo le aplastare a donde dice "textura de madera oscura"  , pero si quieren pueden aplastarlo a cualquier opción y observar cual es de su agrado para nuestra textura de nuestro mockup.

Yo utilizaré esta textura:

× en lo personal yo digo que deberían usar de esta forma rectangular pero si encuentran alguna que esta de imagen completa,  ustedes mismos le pueden recortar en la parte que más les guste.

★・・・・・・・★・・・・・・・・★

2. Ahora mismo en Pinterest nos vamos a buscar "book cover mockup template". Apareceran muchos resultados de muchos libros sin portada y que están en blanco. Yo a continuación les dejaré esto que les servirá mucho y me lo encontré en Pinterest.

★・・・・・・・★・・・・・・・・★

3. Nos salimos de Pinterest y nos vamos a meter a picsart , le damos click al + y vamos a buscar fondos de colores y le aplastan al color que sea . Ya que hayan hecho esto ahora nos vamos a herramientas le aplastan y nos vamos a la opción de recortar , ahora colocaremos las siguientes medidas 2000×1400 . Y ya depsues se nos presentaran las medidas correspondientes para nuestro mockup.

★・・・・・・・★・・・・・・・・★

4. Ahora nos vamos a arrastrarle y nos vamos a  agregar foto , le dan click y buscamos nuestra textura y ya después la añadiremos. Ahora vamos a agrandar la hasta que se llene nuestro espacio y ya hecho,  le damos click en la ✔

★・・・・・・・★・・・・・・・・★

5. Ahora nos vamos a dale clic en agregar foto y buscamos una portada de nuestra historia, para realizar nuestro mockup .Ya que la hayan escogido le damos click en añadir hasta que nuestra portada se nos presente.

★・・・・・・・★・・・・・・・・★

6. La podemos a acomodar en medio o de los dos lados de el izquierdo o el derecho. Y si es el caso de que escojan cualquier de los dos lados nos veremos en el caso de añadirle el título o frase de nuestra historia. Yo colocare la portada de el lado izquierdo y a su lado derecho añadire el texto.

★・・・・・・・★・・・・・・・・★

7. Ahora nos vamos a darle click en añadir foto y vamos a buscar el template que utilizaremos ya que lo hayan encontrado le damos click en la esquina en añadir. Ya luego se nos va a presentar en frente .

★・・・・・・・★・・・・・・・・★

8. Ahora le damos click al template y buscamos la opción de abajo en opacidad y se nos va a aparecer esto:

× le aplastamos a la bolita y de ahí bajaremos la opacidad hasta que se logre ver esas partes de el libro , le acomodamos y le estiramos al igual que la portada hasta que se vea que son de la misma medida, si desean subirle a la opacidad pueden hacerlo para que ustedes logren ver esas partes de ese template.

★・・・・・・・★・・・・・・・・★

9. Ya que hayamos terminado lo anterior ahora vamos a subirle la opacidad al 100. Y luego le arrastramos hasta irnos en la opción mezcla y le dan click , le arrastramos hasta que le demos a la opción de multiplicar

×  ya que le hemos puesto en multiplicar , ahora nos vamos a ajustar y le damos click nos iremos y le aplastamos a claridad . Le subiremos un poco o si quieren pueden subirle en todo para que las orillas de el lado izquierdo se noten:

× ya que hayan terminado en aclararle las orillas y acomodar las partes de el template ahora nos vamos a la ✔ y le damos click y lo guardamos (dos o tres veces).

★・・・・・・・★・・・・・・・・★

10. Ahora nos salimos del picsart sin borrar nuestro mockup y nos vamos a pixelab , nos metemos y pondremos nuestro título o frase de nuestra historia, que deseamos , si quieren pueden ponerle su Autor u usuario.  Si no saben en como poner en png su título u frase,  se van a esta parte:

× le dan click a transparent  y ya el fondo se pondrá transparente, y ya después lo guardan (dos o tres veces por si acaso)

★・・・・・・・★・・・・・・・・★

11. Ahora nos metemos de nuevo a picsart y nos vamos a añadir foto y buscamos los pngs de nuestros títulos y ya después los añadimos, luego los colocamos en el espacio vacío que queda al lado de la portada , le acomodarnos a nuestro gusto.

★・・・・・・・★・・・・・・・・★

12. Ahora vamos a decorar y poner objetos/texturas a nuestro mockup,  estos deben tener significado que represente a nuestra historia.  En mi caso solamente se tratan de one Shots, yo le pondré algunas cosas Random que tendrá mi historia. Y ya depsues de que lo terminen le dan click a la palomita y de paso ya le ponen su marca de agua y después lo guardan (dos o tres veces).

★・・・・・・・★・・・・・・・・★

13. Esto es opcional, si desean ponerle efectos a su mockup pueden hacerlo, yo en mi caso solamente le puse los de picsart porque me gustan mucho sus efectos , pero si desean hacerlo adelante.

★・・・・・・・★・・・・・・・・★

14. Ahora vamos a mejorarle la calidad con remini a  nuestro mockup,  esperamos a que salga listo el resultado y ya depsues de que pasen anuncios y entro otros , ahora lo veremos con mejor calidad y lo guardamos.

★・・・・・・・★・・・・・・・・★

15. Ahora ya tenemos nuestro resultado final de nuestro mockup y les presentaré el mío:

¡Tadan! Aquí está el resultado final de mi mockup.

¡Espero me haya explicado bien este tutorial y les haya gustado mucho y servido!

×En el paso 6 si es el caso que no le quieren colocar texto a su mockup y desean ponerlo en medio, pueden hacerlo . Solamente le pueden poner objetos,stikers o texturas a su mockup, y ponerle su marca de agua, a continuación les pondré un ejemplo aquí:

Eso seria todo.

Cualquier duda o pregunta pueden hacerlo con confianza.

¿Les gustaría que les diera recursos,fonts y efectos y entre otras cosas más para editar?

Créditos correspondientes a sus creadores de los recursos utilizados.

¡Nos vemos en el siguiente tutorial u apartado!