Recursos: Mockups

portada

Hoy os introducimos en el divertido mundo de los Mockpus. Tanto si sois diseñadores como si tenéis una pequeña marca, o simplemente os gusta trastear con el ordenador, este será un recurso que os resultará muy practico, muy fácil de usar y muy divertido.
¿Qué es un Mockup?
Un Mockup es un recurso para Photoshop. Un archivo .psd (archivo de photoshop) con superpoderes.Está formado por capas inteligentes que hacen todo el trabajo por nosotras.
¿Para que sirve un Mockup?
Un Mockup nos permite crear con un par de clicks un fotomontaje realista de un producto, o insertar nuestro logo o imagen en un espacio.
Os prometemos que es más divertido de lo que suena y más fácil de lo que parece.
Para empezar necesitaremos descargar nuestros Mockups. En esta página tenemos un recopilatorio de más de mil mockups para cada ocasión, ¡y todos ellos gratuitos!
Desde Umidori agradecemos CSS Author por semejante recopilación.
Una vez que descargamos los Mockups que nos interesan vamos al lío. Para nuestro primer ejemplo hemos elegido este mockup que simula un sello.
Rubber Stamp MockUp

Para empezar, por una parte, abriremos el archivo .psd de nuestro mockup y a continuación abriremos también nuestro diseño. Nosotras vamos a utilizar nuestro logo de Umidori.

En el panel de capas de nuestro mockup encontraremos una capa, normalmente señanalada, que tendremos que abrir y poner nuestro logo.
mock2

Haremos doble clicl sobre el icono de la hojita que nos aparece en la capa y a continuación se nos abrirá otro documento. Es muy posible que nos aparezcan ventanitas de aviso, nosotras le damos a todo a aceptar para adelante y en el nuevo archivo que nos aparece va a ser donde peguemos nuestro logo.
mock3

Vamos a sustituir el logo que trae por defecto por el nuestro. La cosa es sencilla, ¡borramos uno y pegamos otro!
mock4

Nosotras normalmente no borramos el logo que trae el Mockup por defecto, simplemente desactivamos la capa donde está y en una nueva pegamos el nuestro. Eso, a vuestro gusto. A continuación, cerramos ese documento, si, si, sin miedo. Os pedirá guardar los cambios y le daremos a aceptar y….
¡TACHÁN!
Captura de pantalla 2015-10-22 a las 1.52.06

¡Ya se ha obrado la magia!, ahora solo tenemos que guardarlo en .jpg o el formato que nos interese y listo.
mok6

Os dejamos unos cuantos ejemplos más que hemos realizado, de esta misma manera y sólo con nuestro logo.
mook7

mock8

mock9

mock10

mock11

mock12

Esperamos que os molen tanto como a nosotras los Mokups y si teneis alguna duda al respecto no dudéis en preguntar.

Fuente: este post proviene de Umidori Estudio, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Amiguis, las Umidoris estamos atravesando momentos difíciles y muy duros en este instante de nuestras vidas, NOS MUDAMOS. Y si, nos mudamos las dos, puesto que vivíamos juntas en amor y compañía. Amba ...

Nueva entrega de la colección de posts “Ikea hack”, esta vez dedicada a la mesa Lack que seguro que conocéis, apta para todos los bolsillos y muy customizable. Sin cambiar la funcionalidad ...

Como cada mes, traemos nuestro top 5 de descargables by the face, ¡a darle al download! Gracias, autores. Esta vez, por variar un poco, cambiamos Dafont por Creativebooster.net y encontramos esta letr ...

Ya llevamos unos días de 2017 y una vez bien recuperadas de la obligatoria resaca post-fin de año es hora de ponerse las pilas y volver a la tan añorada rutina. Así que hoy os hemos preparado una sele ...

Recomendamos

Relacionado

software photoshop truco ...

El formato de archivo PSD es hoy por hoy uno de los mejores formatos y más extendidos para guardar nuestras imágenes. Este formato, propio de Photoshop, tiene como inconveniente que puede llegar a ser muy pesado. Esto es asi porque además de guardar el archivo por capas, Photoshop guarda por defecto una copia acoplada del archivo. Este archivo acoplado lo guarda para en el caso que abramos esa ima ...

Aplicaciones para editar fotos DE PAGO

Descripción de PHOTOPEA Similar al PHOTOSHOP pero online Características PHOTOPEA Edición de fotos con un nivel de retoque muy avanzado. Admite formatos raw y psd. Photopea es la mejor alternativa de Photoshop  Si ejecuta Chrome OS, aún puede usarlo porque solo necesita un navegador, Si necesita abrir un archivo .psd, aún funciona sin alterar demasiado la imagen, Puede exportar fácilmente la image ...

Plantillas y formatos currículums photoshop

0 LIKES FacebookTwitter Hay muchos sitios webs de los cuales recopilo aportes para Oficientes y generalmente los curriculum vitae no gozan de muy buena calidad, sin embargo en sitios relacionados con el diseño gráfico cada tanto aparece un buen aporte, aunque no siempre tienen que ver con la ofimática. En este caso, afortunadamente encontré  en Graphics Fuel algo con un diseño muy elegante que ...

Plantillas y formatos currículums psd

Muchos modelos de Curriculum Vitae se lanzaron en el año 2016 y se pudo apreciar un creciente número de diseños en formato PSD de Adobe Photoshop. Estos modelos se destacan por tener elementos gráficos que era complicado incluir en programas como Word o similares. De esta forma, muchas personas del ámbito de las artes se vieron favorecidas por la posibilidad de tener un curriculum atractivo y orig ...

Tecnología

Hay una forma fácil de crear un archivo en pdf con Photoshop, sin necesidad de utilizar ningún otro programa, como el Adobe Acrobat Pro, Pdf Creator o similares. La opción de Photoshop de guardar en formato pdf (Photoshop PDF) no sirve, ya que te guarda todo en un pdf de una única página. La versión que estoy utilizando es la CS6, pero creo que las versiones anteriores también tienen esta opción. ...

Plantillas y formatos tarjetas

Una tarjeta de presentación (o también llamadas tarjetas de visita) es un arma poderosa y barata de publicitar su negocio o emprendimiento.   Idealmente se encargan a imprentas o agencias de diseño, pero si deseamos también podemos crearla nosotros mismos con ayuda de formatos o plantillas como el que recomiendo en éste artículo. Estos formatos de tarjetas de presentación PSD fueron realizados por ...

Cajetin Cajetines .dwg Descarga ...

Hoy volvemos con este nuevo archivo de esta colección, elegir un buen cajetín para utilizar en los planos de tus proyectos es decisivo si queremos mostrar profesionalidad en nuestros diseños, a nosotros personalmente nos encanta utilizar un tipo de cajetín diferente según el proyecto o el diseño de nuestro plano. Antes de nada nos gustaría saber que tipo de cajetines os gustaría que publiquemos ...

➳ personalización de blogs

Hola guapas os traigo un tutorial muy importante que deberíamos hacer cada cierto tiempo, es una "Copia de Seguridad del blog" donde se genera un archivo con las entradas y comentarios que tengamos publicados hasta ese memento, por si pasara algo con nuestro blog ya sea un accidente nuestro o de la red, tendríamos ese respaldo con nuestro trabajo. Yo suelo hacerlo una vez al mes, ya depe ...

software atajos de teclado photoshop

Al pie os ofrecemos un completo listado con los atajos de teclado para Photoshop: Menú Archivo Nuevo: Ctrl N Abrir: Ctrl O Cerrar: Ctrl W Guardar: Ctrl S Guardar Como.: Mayús Ctrl S Volver (a la última versión guardada): F12 Imprimir: Ctrl P Obtener Información (datos Exif y Demás): Alt Ctrl I Salir / Cerrar: Ctrl Q Menú Edición Deshacer (sólo Último paso): Ctrl Z Paso Atrás: Ctrl Alt ...

tutorial mailrelay newsletter

¡Buenas de nuevo! He estado unas semanas como ausente ya que necesitaba desconectar un poco y tomarme unos días de vacaciones. Estos días me han servido para hacerme un planing y ver un poco lo que voy a ir haciendo de ahora en adelante, que espero cumplir. Lo primero que me planteé fue retomar la newsletter, como ya os comenté hace unos meses hice mi migración a Mailrelay y aún no he podido sacar ...