Cómo ilustrar un marco de madera en una pared

En este tutorial, aprenderás a dibujar un marco de madera. Colocaremos una foto dentro del marco, añadiremos algún reflejo y suciedad al cristal, y luego colocaremos el marco en una pared. Puedes tomar tu foto favorita y hacer que parezca que está colgada en tu casa. ¡Vamos a empezar!

Vista previa de la imagen final

Primero, échale un vistazo a la imagen que vamos a crear. Como siempre, el archivo de Photoshop con capas está disponible a través de nuestra membresía Psdtuts+ Plus. Puede ver la vista previa de la imagen final a continuación o ver una versión más grande aquí.

Paso 1

Primero crearemos el marco. Aunque nuestra imagen final tendrá 1200 píxeles de ancho y 800 de alto, empezaremos dibujando un marco más grande que nuestra imagen final. Así tendremos más detalles en el marco, luego lo reduciremos para que encaje en nuestra composición final. Ahora crea un nuevo documento utilizando los ajustes que se muestran a continuación.

Paso 2

Crea una nueva capa y nómbrala "Madera". Establece tu Color de primer plano en #994400 y el Color de fondo en #ffcc66. Rellena la capa con tu color de primer plano. Ve a Filtro > Interpretar > Fibras. Ajusta la Varianza a 16 y la Intensidad a 55, luego aplica.

Paso 3

Pulsa Comando + T para entrar en el modo Transformación libre, establece la Ubicación del punto de referencia en el centro-izquierda, establece la Escala horizontal al 30%, y pulsa Intro dos veces para aplicar. Escalar la capa horizontalmente hace que la textura sea más densa.

Paso 4

Toma la herramienta Marco rectangular, ajusta el Estilo a un Tamaño fijo y establece la Anchura y la Altura a 125 píxeles. Haz clic en cualquier parte del lienzo y mueve la selección a la esquina superior izquierda del lienzo. Arrastra dos guías horizontales y dos verticales desde las reglas (pulsa Comando + R para hacerlas visibles si no lo están) y ajústalas a los bordes de la selección. Mueve la selección a la esquina inferior derecha del lienzo, luego arrastra las guías alrededor de la selección como se muestra a continuación.

Paso 5

Crea una nueva capa y nómbrala "Surco 1". Toma la herramienta Marco rectangular, asegúrate de que el Estilo está establecido en Tamaño fijo, luego establece el Ancho en 38 píxeles y el Alto en 1200 píxeles. Haz una selección como se muestra a continuación. La selección que he hecho está a 20 píxeles del borde izquierdo, así que puedes colocar la selección en el extremo izquierdo del lienzo y moverla 20 píxeles hacia la derecha pulsando la tecla de la flecha derecha dos veces, hazlo mientras mantienes pulsada la tecla Mayús. Rellena la selección con el color de primer plano y Deselecciona.

Paso 6

Este rectángulo va a ser uno de los surcos de nuestro marco de madera. Ahora le aplicaremos dos estilos de capa. Primero establece la Opacidad interior de la capa (Relleno) en 0%. Ahora aplica un estilo de capa Bisel y relieve a la capa utilizando estos ajustes: Estilo Bisel interior, Profundidad 75%, Dirección Abajo, Tamaño 40 píxeles y Opacidad del Modo resaltado 100%. A continuación, aplica una Superposición de degradado y utiliza los siguientes ajustes: Modo de fusión Multiplicar, Degradado Negro a Blanco, Opacidad 70%, Ángulo 0 grados y Escala 150%.

Paso 7

Vamos a hacer dos surcos más. Crea una nueva capa llamada "Surco 2". Toma la herramienta "Marco rectangular", ajusta el ancho a 32 píxeles y haz una selección. Ajusta el borde derecho de la selección a la segunda guía vertical y mueve la selección 18 píxeles a la izquierda. Rellena la selección con el color de primer plano. Crea otra capa nueva y nómbrala "Surco 3".

Haz otra selección rectangular de 12 píxeles de ancho y colócala a 2 píxeles a la izquierda de la segunda guía, como puedes ver en la imagen de abajo, luego rellena con el Color de primer plano de nuevo y Deselecciona. Ahora vuelve a la capa "Surco 1" en la paleta Capas, ve a Capa > Estilo de capa > Copiar estilo de capa. Selecciona las capas "Surco 2" y "Surco 3" en la Paleta de Capas, luego ve a Capa > Estilo de Capa > Pegar estilo de capa.

Paso 8

Ya casi hemos terminado con la pieza izquierda de nuestro marco de madera. Selecciona todas las capas de Surco y la capa "Madera" en la Paleta de Capas y ve a Capa > Nueva > Grupo a partir de capas. Nombra el grupo "Izquierda". Duplica el grupo de capas "Izquierda" y nómbralo "Derecha". Haz que el grupo de capas "Derecha" sea invisible por ahora.

Paso 9

Vuelve al grupo de capas "Izquierda", ábrelo y luego ve a la capa "Madera". También, asegúrate de que las Guías son visibles. Toma la herramienta Marco rectangular, establece el estilo en Normal, haz una selección como se muestra a continuación, y pulsa Suprimir para borrar el área seleccionada. Deselecciona pulsando Comando + D. Selecciona el grupo "Izquierda" en la paleta de Capas y ve a Capa > Combinar grupo (Comando + E).

Paso 10

Ve al grupo de capas "Derecha" en la Paleta de Capas y ábrelo. Selecciona la capa "Madera" y ve a Edición > Transformar > Voltear horizontalmente. De esta manera no tendremos exactamente la misma textura en las piezas izquierda y derecha. Toma la herramienta Marco rectangular y haz una selección como se muestra, luego borra presionando Eliminar. Deselecciona pulsando Comando+D.

Paso 11

Selecciona el grupo de capas "Derecha" y ve a Edición > Transformar > Voltear horizontalmente. Mueve el grupo de capas a la derecha del lienzo como se muestra. Abre el grupo de capas y cambia el Modo de fusión del Estilo de capa de Superposición de degradado, de cada capa Surco, de Multiplicar a Trama. Selecciona el grupo de capas "Derecha" en la Paleta de Capas y pulsa Comando + E para combinarlas.

Paso 12

Duplica la capa "Derecha" y nómbrala "Parte inferior". Pulsa Comando + T y gírala 90 grados, luego colócala en la parte inferior del lienzo. Duplica la capa "Izquierda" y nómbrala "Parte superior". Gírala 90 grados y colócala en la parte superior del lienzo. Ve a la paleta de capas y arrastra la capa "Parte superior " por encima de la capa "Derecha".

Paso 13

Toma la herramienta Lazo poligonal y haz una selección con la ayuda de las guías, como se muestra a continuación, luego pulsa Eliminar para borrar.

Paso 14

Ve a la capa "Parte inferior" en la Paleta de Capas y haz lo mismo para la parte inferior: Haz una selección como se muestra con la herramienta Lazo poligonal y pulsa borrar. Ve a la Paleta de Capas y selecciona todas las capas excepto la de "fondo", luego combínalas pulsando Comando + E. Nombra la capa combinada como "Marco".

Paso 15

Pulsa Comando + A para seleccionar todo y luego pulsa Comando + C para copiar. Ve a la paleta de Canales y crea un nuevo canal. Pulsa Comando + V para pegar. Ve a Filtro > Artístico > Pinceladas. Establece el Tamaño del pincel en 1, la Nitidez en 10, y establece el Tipo de pincel en Simple. Haz clic en el Canal Alfa para cargar las áreas blancas como una selección.

Paso 16

Ve a la Paleta de Capas y selecciona la capa "Marco". Ve a Capa > Nueva > Capa vía copiar y nombra la nueva capa "Relieve". Aplica una Sombra paralela a la capa "Relieve" con estos ajustes: Modo de fusión Multiplicar, Opacidad 90%, Ángulo 120 grados, Distancia y Tamaño 3 px.

Aplica un estilo de capa Sombra interior utilizando estos ajustes: Modo de fusión Subexposición de color, Opacidad 100%, Ángulo 120 grados y Distancia y Tamaño 0 px. A continuación, aplica un estilo de capa Bisel y relieve y utiliza estos ajustes: Estilo Bisel interior, Profundidad 1000%, Dirección abajo y Tamaño 0 px.

Paso 17

Ahora selecciona todas las capas que no sean la de "Fondo" y combínalas pulsando Comando + E. Nombra la capa combinada como "Marco". Ahora necesitamos una foto para poner dentro del marco. He utilizado una foto de Stock.xchng, subida por papaleguas. Puedes descargarla aquí.

Ábrela en Photoshop y arrastra la imagen a tu documento "Marco", colócala debajo de la capa "Marco", luego escálala y colócala como se muestra a continuación. Nombra esta capa como "Foto".

Ve a la capa "Marco" y aplica un Estilo de capa de Resplandor exterior utilizando estos ajustes: Modo de fusión Multiplicar, Opacidad 40%, Color negro y Tamaño 9 px. Ahora aplica una Sombra paralela con estos ajustes: Modo de fusión Multiplicar, Opacidad 35%, Ángulo 120 grados, Distancia 3 px y Tamaño 9 px.

Paso 18

Ahora es el momento de hacer el cristal. En realidad, vamos a hacer las reflexiones. Puedes conseguir la imagen que se refleja en el cristal aquí. Es una foto de Stock.xchng subida por the swedish.

Ábrela en Photoshop y arrástrala a tu documento "Marco", luego escálala y colócala como se muestra en la imagen de abajo. Ve a Filtro > Desenfocar > Desenfoque gaussiano y aplícalo con un radio de 3 píxeles. Ajusta el Modo de fusión de la capa a Trama y la Opacidad al 15%. Nombra esta capa "Ref 1".

Necesitamos dos reflejos en el cristal, así que duplica la capa "Ref1" y nómbrala "Ref 2". Mueve la capa "Ref2" cinco píxeles a la izquierda.

Paso 19

Crea una nueva capa encima de la capa "Ref2" y nómbrala "Iluminación". Toma la herramienta Marco rectangular y haz una selección como se muestra. Toma la herramienta Degradado, establece el Degradado en Primer Plano como Transparente y establécelo como Degradado radial. Selecciona blanco como color de primer plano. Rellena la selección como se muestra y deselecciona.

Paso 20

Pulsa Comando + T y escala la iluminación hacia abajo horizontalmente y hacia arriba verticalmente, como se muestra a continuación. Ve a Filtro > Desenfocar > Desenfoque gaussiano y aplícalo con un radio de 3 píxeles.

Paso 21

Ahora haremos los bordes sucios del cristal. Ve a la Paleta de Canales, crea un nuevo canal y nómbralo "Suciedad1". Ve a Filtro > Interpretar > Nubes. Ve a Filtro > Artístico > Película granulada, establece el Granulado en 9, establece el Área resaltada, la Intensidad en 0, y pulsa OK. Ve a Filtro > Trazos de pincel > Bordes acentuados, luego ajusta la Anchura de los bordes a 1, el Brillo de borde a 20, el Suavizado a 1 y aplica.

Paso 22

Crea otro canal y nómbralo "Área de suciedad". Asegúrate de que las guías son visibles. Agarra la herramienta Rectángulo redondeado, establece el Relleno en Píxeles, establece el Radio en 25 píxeles y elige el blanco como color de primer plano. Dibuja un rectángulo como se muestra a continuación.

Paso 23

Ve a Filtro > Desenfocar > Desenfoque gaussiano y aplícalo con un Radio de 15 píxeles. Ve a Imagen > Ajustes > Niveles (Comando + L) y ajusta el Nivel de entrada de las sombras a 200 y el Nivel de entrada de las luces a 220. Ahora aplica otro filtro de Desenfoque gaussiano, esta vez con un Radio de 7 píxeles.

Ahora ve a Imagen > Ajustes > Invertir (Comando+I). Este canal definirá el área en la que será visible la suciedad. Ahora haz clic en el canal en la Paleta de Canales para hacer una selección de las áreas blancas. Pulsa Alt + Comando y haz clic en el canal "Suciedad" para seleccionar el área blanca del canal "Suciedad" que se cruza con el área ya seleccionada.

Paso 24

Ve a la Paleta de Capas y crea una nueva capa debajo de la capa "Marco", y nómbrala "Suciedad1". Rellena la selección con el color #a79988. Ve a la Paleta de Canales de nuevo, y luego haz Comando-clic en el canal "Área de suciedad" para cargar la selección. Vuelve a la paleta de capas y crea una nueva capa sobre la "Suciedad1" y nómbrala "Suciedad2". Rellena la selección de nuevo con el color #a79988.

Paso 25

El marco está casi terminado. Antes de combinar las capas, vamos a hacer algunos ajustes finales. Ve a la capa "Marco" y pulsa Comando + U para que aparezca el diálogo Tono/Saturación. Ajusta la Saturación a -15. Ve a la capa "Foto", pulsa de nuevo Comando + U y ajusta la Luminosidad a -10 y aplica. Ahora ya estamos listos. Ve a Capa > Acoplar imagen.

Paso 26

Ahora podemos empezar a hacer la pared. Vamos a crear un nuevo documento de 1200 píxeles de ancho y 800 píxeles de alto con una resolución de 300 píxeles/pulgada. Crea una nueva capa y nómbrala "Pared". Establece el color de primer plano en un 85% de gris y el color de fondo en negro. Ve a Filtro > Interpretar > Nubes. Ve a Filtro > Distorsionar > Cristal. Ajusta la Distorsión a 20, Suavizar a 1, el Escalado a 120%, y establece la Textura en Esmerilado.

Paso 27

Ve a Filtro > Interpretar > Efectos de iluminación y aplícalo con los ajustes que se muestran en la imagen de abajo. A continuación cubriremos la pared con un papel tapiz. Utilicé el "Free Wallpaper Patterns for PS7+" de c130 que descargué del sitio web Brusheezy. Puedes descargar el motivo de Photoshop aquí.

Paso 28

Copia el "wallpapers.pat" a la carpeta Ajustes preestablecidos\Motivos en tu directorio de Photoshop. Aplica un estilo de capa de Superposición de motivo a la capa "Pared" y utiliza estos ajustes: Modo de fusión Superponer, Opacidad 20%, Motivo Floral. Para cargar los motivos que has descargado, abre el selector de motivos, haz clic en el pequeño icono de triángulo para abrir el menú y selecciona Cargar motivo, luego elige el archivo "wallpapers.pat".

Paso 29

Ve a tu documento "Marco.PSD" y arrastra la imagen al documento "Pared.PSD", hazlo mientras mantienes pulsada la tecla Mayús para que quede centrada en la pared. Nombra la capa "Marco". Es necesario reducir la escala, así que pulsa Comando + T, ajusta las escalas horizontal y vertical al 50% y aplica.

Paso 30

Crea una nueva capa debajo de la capa "Marco" y nómbrala "Sombra". Haz clic en la miniatura de la capa "Marco" para cargar sus píxeles. Rellena la selección con negro y Deselecciona. Pulsa Comando + T y rota -30 grados. Mantén pulsada la tecla Alt y pulsa veinte veces la tecla de la flecha derecha. Selecciona todas las capas de sombra en la Paleta de Capas y combínalas pulsando Comando + E.

Paso 31

Pulsa Comando + T y rota la sombra 30 grados. Ve a Filtro > Desenfocar > Desenfoque gaussiano y aplícalo con un Radio de 10 píxeles, luego coloca la sombra como se muestra.

Paso 32

Crea una nueva capa en la parte superior y nómbrala "Sombra de árbol". Toma la herramienta Pincel, escoge el Pincel de dispersión Hojas de arce y establece el Diámetro Maestro en 130 px. Abre el panel de Pinceles y en Dinámica de forma, establece la Variación de tamaño al 50% y en Dispersión establece la Dispersión al 300% y la Cantidad a 3. Establece el Color de primer plano en negro y pinta como se muestra.

Conclusión

Como paso final, ve a Filtro > Desenfocar > Desenfoque gaussiano y aplícalo con un Radio de 50 píxeles. Establece la Opacidad de la capa al 70%. Esto nos dará algunas luces y sombras y además el marco se convertirá en el foco de la ilustración. Y ya está. ¡Espero que hayas encontrado útil este tutorial! Puedes ver la imagen final abajo o ver una versión más grande aquí.

Suscríbete al canal RSS de Psdtuts+ para obtener los mejores tutoriales y artículos de Photoshop de la web.