Tutorial de Photoshop: Cómo hacer una maqueta en Photoshop

Aprenda a mapear de manera realista su obra de arte o diseño en un objeto, como una computadora portátil o una tarjeta de visita, para crear una imagen de maqueta perfecta.

Introducción 

Las maquetas digitales son una excelente manera de mostrar su proyecto creativo sin la necesidad de gastar dinero en productos de prueba, y también son bastante fáciles de crear.

El fotógrafo y retocador Tigz Rice nos muestra cómo en este tutorial rápido y sencillo sobre cómo hacer una maqueta usando Photoshop CC.

Paso: 1

Primero, necesitará algunas imágenes del producto / objeto sobre el que desea mapear su diseño. Puedes tomar el mismo, o hay mucho para elegir en la mayoría de las bibliotecas de imágenes de archivo. 

Paso: 2

También necesitará copias de sus diseños que desea mapear en su objeto. En el ejemplo tigz tiene una copia del texto que quiero incluir en una tarjeta de presentación, así como una maqueta de la página de inicio de mi sitio web. 

Asegúrese de que su obra de arte tenga aproximadamente la misma relación de aspecto que el objeto que está tratando de imponer, ya que esto hará que sea mucho más fácil trabajar con su obra de arte.

Paso: 3

Comencemos con la maqueta de la pantalla del portátil. Abra la imagen de fondo de la computadora portátil en Photoshop y vaya a Archivo> Colocar vinculado Navegue hasta el archivo de diseño elegido y presione Aceptar para confirmar su elección. Esto abrirá el archivo como una nueva capa dentro de su documento.

Paso: 4

Notarás que Photoshop convierte tu obra de arte en un objeto inteligente. Esto le permitirá trabajar de forma no destructiva con su capa para que Photoshop mantenga toda la información de píxeles si necesita hacer algún cambio más adelante.

Paso: 5

Con su capa de diseño activa, presione Cmd / Ctrl + T para que aparezcan las herramientas de transformación alrededor de su imagen. Elija cualquiera de las esquinas de su obra de arte y alinéela con la esquina correspondiente del área que desea mapear.

Paso: 6

Ahora, haga clic derecho en su capa de diseño y elija Distorsionar en el menú. Esto le permitirá manipular las cuatro esquinas de su capa de forma independiente.

Paso: 7

Haga clic en cualquiera de las esquinas de su diseño y arrástrelo para alinearlo con la esquina correspondiente de la pantalla de la computadora portátil en la imagen de fondo. Querrá que esto sea lo más preciso posible, así que tómese un poco de tiempo para hacerlo bien.

Paso: 8

Repita con todas las esquinas restantes de su diseño hasta que la imagen esté en su lugar. Una vez que haya terminado, presione Entrar para confirmar la transformación.

Paso: 9

Si su diseño es un trabajo en progreso, el beneficio de vincular al archivo de diseño original como hicimos en el Paso 3 es que cualquier cambio futuro en el archivo puede reflejarse en su maqueta.

Si en algún momento desea cambiar parte de su diseño, simplemente modifique el archivo de arte original y guárdelo con el nombre de archivo original. Photoshop actualizará automáticamente la obra de arte en su maqueta para usted.

Paso: 10

Si por alguna razón no se puede encontrar su archivo vinculado, puede ir a Capa> Objetos inteligentes> Volver a vincular a archivo y navegar hasta el archivo original.

Paso: 11

Alternativamente, puede vincular un archivo completamente nuevo yendo a Capa> Objetos inteligentes> Reemplazar contenido y navegue a un nuevo archivo.

Paso: 12

Veamos un ejemplo ligeramente diferente de una maqueta, usando una tarjeta de presentación donde queremos dibujar a través de la textura de la superficie original. Traer un elemento de textura agregará una sensación de realidad a la imagen final.

Paso: 13

Una vez más, repita los pasos 3 a 7 con su nueva obra de arte. Notará que esta vez que tigz está usando un archivo PNG sin fondo para el diseño mapeado, por lo que no hay áreas blancas en la imagen. Esto será útil más adelante cuando recupere la textura de la cartulina blanca.

Paso: 14

Con la capa del logotipo seleccionada, vaya al panel desplegable Modos de fusión de capas y elija Multiplicar para permitir que la textura de la tarjeta se muestre a través del diseño.

Paso: 15

Consejo: «Dependiendo de su elección de diseño e imagen de fondo, puede encontrar que otro modo de fusión funcione mejor». Tigz

Lea a continuación: Las mejores alternativas a Illustrator.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
Privacidad