Como utilizar mockups
viernes, noviembre 07, 2014El lunes, cuando decidí compartir contigo mi primera lámina descargable, quise utilizar los mockups descubiertos gracias a Milowcost. No encontré como utilizarlo en su blog, así que me puse a chafardear con el photoshop tras descargarme alguno de ellos. De esta forma, aprendí como utilizar los mockups.
Y como nadie nace sabiendo, hoy te enseño como utilizarlos, ya que es realmente sencillo.
Por supuesto, para esto necesitas el programa Adobe Photoshop, el cual es de pago, pero si eres algo avispado, estoy segura de que lo podrás encontrar por la red ;)
Sin más, vamos con mi primer tutorial.
Lo primero que haremos, claro está, es abrir el programa Photoshop.
Vamos a Archivo, y elegimos Abrir. Se abrirá nuestro explorador, buscamos el archivo .psd que contiene el mockup elegido y aceptamos.
Ya tenemos en nuestro área de trabajo el mockup a editar. Queremos que nuestro diseño (en este caso una lámina), aparezca en lugar de la imagen "Hand down sketch mockup". Desplegamos las carpetitas que contienen todas las capas para buscar la que contiene dicha imagen.
Nos podemos guiar por las miniaturas de las capas, y para asegurarnos de cual es la capa, desmarcamos la vista (clic en el ojo). Si la imagen desaparece, ¡esa es nuestra capa! Ahora vamos a modificarla.
Damos doble clic sobre la miniatura. Si nos aparece ese mensaje, damos OK...
...y se nos abrirá una nueva pestaña. No te preocupes, porque la anterior permanece en el área de trabajo.
Aquí es donde colocaremos nuestra imagen/lámina. Para ello, vamos a Archivo - Colocar. Buscamos nuestro archivo y lo abrimos.
Se nos abre nuestra imagen, pero en tamaño pequeño. Solo tenemos que redimensionarla al tamaño de la capa. Esto lo hacemos desplazando las esquinas hasta las mismas de la capa.
Vemos que tiene una vista algo borrosa... para evitar esto hacemos clic con el botón derecho del ratón y elegimos Colocar.
Una vez hecho esto, vamos a Archivo - Guardar (que no Guardar como).
Ahora solo nos queda ir a la Pestaña Anterior y veremos que nuestra imagen ya aparece en el lugar de la otra. Para guardar nuestro mockup editado: Archivo - Guardar como. Y lo guardamos con el nombre elegido y el formato que más nos guste, yo suelo utilizar .png.
¡Y ya tenemos nuestro mockup editado con nuestra propia imagen!
Pero... ¿esto se te hace poco? ¿No sabes donde encotrar mockups para editarlos? ¡Aquí te dejo un tablero que he creado en Pinterest especialmente para ti! Además de este tablero, podrás encontrar muchísimos más mockups por la red.
¿Te gustaría encontrar más posts de este tipo en el blog?
.png)
12 comentarios
Me acabas de abrir un mundo de posibilidades infinitas. Muchas gracias, esto me va a venir a mi genial para mis freebies y otras cosillas que hago en el blog. De verdad, os hago la ola a ti y a milowcost, OLE OLE Y OLE.
ResponderEliminarMe ha encantao así que ya tienes una seguidora más, espero poderme ir pasando por aquí de vez en cuando :) Un beso!
Yo ni tengo photoshop...Lo hago todo con Picmonkey. No me da la vida para meterme a mas fregaos. Un beso
ResponderEliminarEl nombre asusta, pero es muy fácil de utilizar!! yo cada vez estoy dejando más de lado a photoscape y estoy utilizando photoshop para casi todo.
EliminarBesos!
Mo que? todavía no se me queda el nombre pero ya tengo clarito que lo voy a utilizar, gracias por el tutorial, se ve muy sencillo en realidad. Ah y ya te sigo en pinterest :)
ResponderEliminarGenial!! ya me cuentas que tal te van!
EliminarGenial el tutoríal, lo pondré en práctica 😄 un beso
ResponderEliminarTe explicas muy bien! Tendré que descargarme el "potochóf" ese para hacer cosas chulis :D
ResponderEliminarUn beso!
super interesante, me lo había perdido... a ver si lo pongo en practica algun dia... saludines
ResponderEliminarClaro! en el tablón de Pinterest que he dejado hay varios pero si los buscas en google salen muchos más. Los hay tanto de pago como gratis. Lo que haces es bajar un archivo .psd que es el formato usado por photoshop, lo abres, lo editas y listo!
ResponderEliminarCualquier duda, estoy en el email ;)
Muy interesante!
ResponderEliminarCuando tenga un ratillo los utilizaré ;)
Un besito
Muchas gracias por el tutorial!, desde luego no tenía ni idea, ni siquiera de que existían los mockups. Parece una herramienta interesante, la tendré en cuenta ;-)
ResponderEliminarUn beso!
Hola compi! Vengo de la escuelita de Wendy jeje yo voto para que hagas mas post asi te quedo genial y muy explicado para chicas como yo que no somos muy avispadas jajaja unbeso y gracias!
ResponderEliminar