Renderizando un Matchbox sorprendente en Photoshop

Este tutorial consiste en crear una ilustración digital en Photoshop de una caja de fósforos. Crearemos el diseño de la cubierta de la caja de cerillas, el delantero en la caja de cerillas a partir de un patrón y colocaremos la textura de cartón en la caja. También crearemos las coincidencias y alinearemos todo en una perspectiva 3D..

Vista previa de la imagen final

Antes de comenzar, echemos un vistazo a la imagen que vamos a crear. Haga clic en la captura de pantalla de abajo para ver la imagen a tamaño completo. Como siempre, el archivo de Photoshop en capas está disponible a través de nuestra membresía Psdtuts + Plus.

Paso 1

Cree un nuevo documento con un ancho de 525 pulgadas por 750 pulgadas. Ajuste la resolución a 300 píxeles por pulgada. Luego crea una nueva capa, llámala "Textura" y rellénala con blanco. Aplique un estilo de capa de superposición de patrón con estos ajustes: Modo de fusión de Normal, Opacidad al 60% y el Patrón configurado en manchas de carbón (se encuentra en el conjunto de Papel de escala de grises).

Paso 2

Cree una nueva capa, llámela "Borde" y rellénela con negro. Luego aplique un Estilo de capa de trazo con estos ajustes: Tamaño de 10, Posición establecida en Interior y un Color de blanco. Ahora tenemos que rasterizar el estilo de capa. Para hacer esto, crea una nueva capa. Seleccione la nueva capa y la capa "Borde", luego combínelas con Comando + E. Luego configure el modo de fusión de capa en Multiplicar.

Obtén la herramienta Varita mágica y haz clic en el área negra. Ahora cree una nueva capa y complete la selección con el color "baa36d". Nombre de esta capa "Color". Escóndalo por ahora, ya que vamos a necesitar este más tarde. Ahora vuelve a la capa "Borde". Contrata la selección. Vaya a Seleccionar> Modificar> Contrato. Contrato por 5 píxeles y pulsa Eliminar. Contrata nuevamente por 10 píxeles y llena la selección con negro. Contrae la selección una vez más por 2 píxeles y pulsa Eliminar. Ahora la frontera está lista. Gire la capa "Color" visible y establezca el modo de fusión en Linear Burn.

Paso 3

Crea una nueva capa. Seleccione un área rectangular y rellénela con negro. Arrastra y ajusta una línea de guía vertical al centro. Recoge la herramienta de marca elíptica. A partir de esa guía, mientras mantiene presionada la tecla Alt, haga una selección y presione Eliminar. Luego crea dos rectángulos negros en la misma capa.

Etapa 4

Obtener la herramienta de tipo. Elija su fuente favorita y ponga un poco de texto en su diseño. Puede ir a Edición> Transformar> deformar para doblar el texto.

Paso 5

Ahora vamos a tomar una captura de pantalla de la caja de herramientas de Photoshop y usar el icono de la herramienta Pluma en nuestro diseño. Puede seguir las instrucciones a continuación y hacerlo usted mismo, o omita este paso y descargue una copia de Pentool.png.

Tome una captura de pantalla usando la herramienta o el acceso directo que prefiera (presione PrintScrn en el teclado en Windows). Esto copiará la imagen de captura de pantalla en el portapapeles. Cree un nuevo documento de Photoshop y vaya a Editar> Pegar. Acercar el 1600% al área de la caja de herramientas para ver de cerca nuestra herramienta de lápiz.

Presione Alt + PrntScrn para capturar solo la ventana activa. Crea un nuevo documento y pégalo. Vaya a Imagen> Ajustes> Niveles y ajústelo para aumentar el contraste. Puede usar la herramienta Varita mágica o Marca rectangular para limpiar alrededor de la pluma. Luego, arrastre y colóquelo en el diseño de su caja de cerillas. Ahora, si está satisfecho con su diseño, aplane la imagen yendo a Capa> Aplanar imagen. Guárdelo como "Design.jpg".

Paso 6

Cree un nuevo documento con un ancho de 35 píxeles y una altura de 42 píxeles. La resolución a 300 píxeles / pulgada. Presione Comando + A para seleccionar todo el lienzo, luego arrastre y ajuste las guías a todos los bordes y al centro de la selección. Luego presiona Comando + D para deseleccionar.

Elija # 551100 como su color de primer plano. Luego toma la Herramienta Polígono y usa estos ajustes: configúralo en Rellenar píxeles y establece los lados en 6. Crea una nueva capa y llámala "Hexágono". Luego haga clic y arrastre desde el centro de la capa hasta el borde derecho.

Paso 7

Vaya a Imagen> Tamaño de lienzo. Asegúrese de que Relativo esté marcado. Introduzca 200 por ciento para el ancho y la altura. Duplica la capa "hexágono". Muévalo hacia arriba y ajuste la parte inferior del hexágono a la guía superior. Duplica la capa de nuevo, esta vez muévela hacia abajo y ajusta la parte superior del hexágono a la guía inferior. Combine las dos capas duplicadas seleccionándolas y dirigiéndose a Capa> Combinar capas. Nombra la capa fusionada "Hex2".

Paso 8

Duplique la capa "Hex2" y gírela -60 grados. Duplica la capa "Hex2" de nuevo y esta vez gírala 60 grados. Nombre de esta capa "Hex60". Ir a vista> Borrar guías. Ahora agarra la herramienta Lassoo poligonal y haz una selección que cubra el hexágono inferior izquierdo.

Haga clic derecho dentro de la selección y elija Capa Vía Cortar. El hexágono seleccionado ahora se coloca en una nueva capa. Arrastre las guías verticales y horizontales al centro de ese hexágono. Vuelva a la capa "Hex60" y arrastre dos guías al centro de la superior derecha. Aplanar la imagen y hacer una selección con la herramienta Marca rectangular. Vaya a Editar> Definir patrón, nombre el patrón "Hexágono" y haga clic en Aceptar.

Paso 9

Cree un nuevo documento de 750 píxeles de ancho por 210 píxeles de alto con una resolución de 300 píxeles / pulgada. Crea una nueva capa llamada "Striker" y rellénala con cualquier color. Aplicar los estilos de capa que se muestran a continuación.

Paso 10

Ahora vamos a añadir algo de textura. Utilicé esta textura gratuita del sitio web Urban Dirty. Descargue este archivo, ábralo en Photoshop y arrastre la textura a su documento delante de la capa "Striker".

Vaya a Imagen> Ajustes> Umbral y cambie el valor hasta que obtenga algo similar al que se muestra a continuación. Invierta la imagen yendo a Imagen> Ajustes> Invertir. Luego vaya a Filtro> Desenfoque> Desenfoque gaussiano, e ingrese un radio de aproximadamente 1.5.

Vaya a Imagen> Ajustes> Niveles e intente obtener algo como se muestra en la imagen de abajo. Establecer el modo de fusión de la capa a la pantalla. Si estás contento con el delantero, aplana la imagen yendo a Capa> Aplanar imagen. Guárdalo como "Striker.jpg".

Paso 11

Vamos a crear una bonita textura de cartón ahora. Vuelva a crear un nuevo documento con la misma configuración que hicimos para el delantero, que tiene un ancho de 750 píxeles, una altura de 210 píxeles y una resolución de 300 píxeles / pulgada. Crea una nueva capa y rellénala con blanco. Aplique un estilo de capa de superposición de patrón y elija el patrón "Motas de carbón". Aplanar la imagen.

Pulsa Comando + U para que aparezcan los controles Hue / Sauration. Use estos ajustes: Colorear configurado para marcado, Tono de 30, Saturación de 20 y Luminosidad de 0. Si está satisfecho con el delantero, aplaste la imagen yendo a Capa> Acoplar imagen. Guarda la imagen como "Cardboard.jpg".

Paso 12

Ahora tenemos todas las partes que necesitamos para la caja. Debido a que vamos a darle una perspectiva a nuestra caja, usar una imagen de referencia es una buena idea. Puede usar una foto de una caja de cerillas o hacer un modelo simple en su aplicación 3D favorita para usar como referencia. Modelé tres cajas y rendericé el alambre. Puedes descargar la imagen de referencia aquí. Avanza y abre la imagen de referencia en Photoshop. Duplique la capa "Fondo", llámela "Referencia 3D" y complete la capa "Fondo" con blanco.

Paso 13

Abra el archivo "Design.jpg". Seleccione todo yendo a Seleccionar> Seleccionar todo. Luego vaya a Editar> Copiar. En este punto, enciendo la lupa en el sistema operativo. Yo uso Windows XP. La lupa puede ser muy útil en los siguientes pasos. Puedes obtener información sobre la lupa desde este enlace..

Crea una nueva capa y llámala "Diseño". Ahora ve a Filtro> Punto de fuga. Haga clic en 4 puntos para crear un plano de perspectiva. Luego presione Comando + V para pegar la imagen. Presione Comando + T para transformar la imagen, reducirla un poco, girarla CCW 90 ° y arrastrarla dentro del plano.

Paso 14

Colóquelo, amplíelo para que se ajuste al plano de perspectiva y haga clic en Aceptar. Establezca la Opacidad de la capa en 50% para que pueda ver la imagen de referencia porque repetiremos este paso varias veces más..

Paso 15

Ahora repite el paso anterior para el delantero. Crea una nueva capa y llámala "Striker". Abra el archivo "Striker.jpg". Selecciona todo y pulsa Comando + C para copiar. Vaya a Filtro> Punto de fuga y cree otro plano que coincida con el lado del cuadro. Pega la imagen y ajusta el tamaño y la posición..

Paso 16

Repita el proceso con el "Cardboard.jpg" para los cuatro lados de la caja interior. Tenga en cuenta que el orden de la capa es importante.

Todas las piezas de cartón se ven planas por ahora. Les agregaremos algo de profundidad aplicando una Superposición de degradado a estas capas. Use los siguientes ajustes para todas las capas de tarjetas: un degradado que va de negro a blanco, un estilo establecido en lineal.

Los siguientes son algunos otros parámetros para cambiar para cada capa:

  • Para la capa "Striker", establezca el Modo de fusión en Multiplicar, Opacidad en 30 y Ángulo en -95.
  • Para la capa "Diseño", establezca el modo de fusión en Multiplicar, la opacidad en 30 y el ángulo en -95.
  • Para la capa "Card03", configure el modo de fusión en Multiplicar, la opacidad en 10 y el ángulo en 180.
  • Para la capa "Card02", configure el modo de fusión en Multiplicar, la opacidad en 25 y el ángulo en 180.
  • Para la capa "Card01", configure el Modo de fusión en Multiplicar, Opacidad en 40 y Ángulo en -145.
  • Para la capa "Card04", configure el Modo de fusión en Multiplicar, Opacidad en 40 y Ángulo en -125.
  • Seleccione la capa "Tarjeta04", vaya a Imagen> Ajustes> Tono / Saturación, configure la luminosidad en -15

Paso 17

Las piezas de la caja de cerillas no tienen grosor, así que vamos a arreglar eso. Seleccione la capa "Card03", duplique la capa y mueva el original (no la copia) 1 píxel hacia arriba. Presione Comando + U y levante la luminosidad para hacerla más liviana hasta que tenga el efecto de grosor, como se muestra a continuación.

Repita esto para todas las partes excepto la parte inferior de la caja que es la capa "Card04". Ahora selecciona cada capa y está duplicada, luego fusionalas. Comando-clic en la capa "Copia Card03" para cargar la selección. Luego, utilizando el conjunto de herramientas de pincel en un pincel suave, pinte el borde a negro. Luego ajusta la opacidad.

Paso 18

Finalmente, haga una selección con la ayuda de la capa "Referencia 3D". Cree una nueva capa sobre la capa "Referencia 3D" y complete la selección con gris oscuro. La caja ya está terminada. Guarde el archivo como "Matchbox.psd".

Paso 19

Cree un nuevo documento de 32 píxeles de ancho por 750 píxeles de alto con una resolución de 300 píxeles / pulgada. Rellena la capa de fondo con el color ffeecc. Pulsa D en el teclado para cambiar a los colores predeterminados. Crea una nueva capa y rellénala con negro..

Vaya a Filtros> Render> Fibras, y establezca la Varianza a 55, Fuerza a 40, y aplíquela. Luego vaya a Filtro> Desenfoque> Desenfoque de movimiento, luego establezca el Ángulo en 90 y la Distancia en 40. Vaya a Seleccionar> Gama de colores. El cursor se convertirá en un cuentagotas. Haga clic en blanco en el panel Muestras para seleccionar áreas blancas en la imagen. Trae borrosidad hasta 200.

Cree una nueva capa y complete la selección con el color "ffeecc" nuevamente. Aplique Bevel y Relieve con estos ajustes: Estilo de biselado interno, Dirección configurada en Abajo, Tamaño de 1, Profundidad de 510 y Modo de sombra establecido en Color Burn.

Eliminar la capa de fibras y aplanar la imagen. Pulsa Comando + A para seleccionar todo y Comando + C para copiar. Si no desea que todas sus coincidencias sean iguales, puede repetir este paso tantas veces como desee. Al hacer clic en el botón Aleatorizar cuando se aplica el filtro Fibras se producirán diferentes texturas.

Paso 20

Ahora vuelve a "Matchbox.psd". Arrastre la capa "Referencia 3D" a la parte superior de la pila de capas. Pulsa Comando + V para pegar el stick sobre la capa "Referencia 3D". Para desactivar el ajuste, abra el menú Ver y desmarque Ajustar. Desactivar Snap facilitará las cosas en el siguiente paso. Vaya a Editar> Transformar> Distorsionar. Ajusta la perspectiva del stick a la perspectiva en la imagen de referencia arrastrando las esquinas.

Primero haz la parte superior del palo. Pulsa Comando + V de nuevo. Esta vez crea el lado de frente del palo. Este lado debe ser un poco más oscuro, así que presione Comando + U y baje el valor de luminosidad. Aplique una Superposición de degradado a las dos capas adheridas con estos ajustes: Modo de fusión establecido en Quemadura lineal, Opacidad establecida en 40 y Ángulo establecido en -140.

Paso 21

Seleccione ambas capas de palo y fusionarlas. Nombra la capa "Matchstick". Hacer la capa de "Referencia 3D" invisible. Arrastre la capa "Matchstick" hacia abajo debajo de la capa "Card02". Crea una nueva capa y llámala "Sugerencia". Obtén la herramienta Eliptical Lassoo y haz una selección para la punta del partido. Llene la selección con el color # 410000. Vaya a Filtro> Ruido> Agregar ruido. Aplique con esta configuración: Monto del 22%, Uniforme y Monocromático verificado.

Vaya a Filtro> Distorsionar> Spherize. Use estos ajustes: Cantidad de 100% y Modo configurado en Normal. Ahora aplique un estilo de capa de superposición de degradado: el modo de fusión establecido en Luz suave, Opacidad de 75, Gradiente de negro a blanco, Reversa marcada, Estilo de radial y Escala al 150%.

Ahora coloque la elipse en la punta de la cerilla y vaya a Edición> Transformar> Sesgar. Hágalo paralelo al palo y ajuste la escala y la posición. Finalmente, seleccione las capas "Matchstick" y "Tip" y combínelas.

Paso 22

Rellena el matchstick manteniendo presionada la tecla Alt y arrastrando. Vaya a Editar> Transformar> Distorsionar. Distorsiona la capa para que coincida con la perspectiva de los palos a la perspectiva de la caja. Ahora vamos a hacer la sombra de la caja en los partidos. Ahora presione Comando y haga clic en la capa "Card04" para cargar la selección. Comando + Mayús + clic en la capa "Copia Card01" para agregar la selección. Luego Comando + Alt + clic en la capa "Copia Card02" para restar. Luego Comando + Alt + clic en la capa "Copia Card03" para restar. Deberías tener una selección como esta.

Paso 23

Crear una nueva capa por encima de los matchsticks. Píntalo con negro, como puedes ver en la imagen de abajo. Entonces dale un poco de desenfoque gaussiano.

Paso 24

Ahora es el momento de hacer el reflejo y la sombra de nuestra caja. Ahora haz invisible la capa "Fondo". Asegúrese de que la capa "Referencia 3D" también esté desactivada. Con una de las capas visibles seleccionadas, vaya a Capa> Combinar visible. Nombre de la capa fusionada "Reflexión". Pulsa Comando + T y escala aproximadamente el 70%. Duplica la capa "Reflejo" y nómbrela "Caja de cerillas". Activar la capa "Fondo".

Seleccione la capa "Reflejo" y aplique un desenfoque de movimiento con un ángulo de 90 y una distancia de 270 píxeles. Pulsa Comando + T para escalar la capa "Reflejo" horizontalmente para alinear los bordes del reflejo con los bordes del cuadro. Seleccione y borre la parte superior de la reflexión, luego deseleccione presionando Comando + D. Vaya a Filtro> Desenfocar> Desenfoque gaussiano y configure el Radio en 5.

Paso 25

Haz una selección, como en la imagen de abajo. Comando + Alt + Mayús + clic en la capa "Matchbox" para obtener la intersección seleccionada. Cree una nueva capa sobre la capa "Reflexión" y rellénela con negro. Anule la selección presionando Comando + D y aplique un Desenfoque Gaussiano con un Radio de 8.

Conclusión

Sí, hemos terminado! Puedes cambiar el color de fondo si quieres. Lo llené con un gradiente. Espero que te haya gustado el tutorial. El resultado está abajo y puedes ver la versión final más grande aquí.