Cómo hacer un altavoz woofer incrustado en madera

En este tutorial, ilustraremos un altavoz woofer y haremos una sencilla textura de madera para el fondo. Colocaremos el altavoz de manera que parezca estar dentro de la textura de madera. Además, crearemos tornillos que parezcan sostenerlo en su sitio. ¡Pon buena música y comencemos a trabajar!

Vista previa de la imagen final

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

Paso 1

Crea un nuevo documento de 800 px de ancho y 800 px de alto con una resolución de 300 píxeles/pulgada. Arrastra una guía horizontal y otra vertical y ajústalas en el centro del documento. Rellena la capa "Fondo" con un 65% de gris.

Toma la herramienta Marco elíptico, establece el estilo en Tamaño fijo y establece el Ancho y el Alto en 220 px. Haz clic en cualquier parte del lienzo, mueve el cursor dentro de la selección, luego muévete al centro de la página y ajusta las guías. Crea una nueva capa y nómbrala "Centro". Rellena la selección con el color #1e2f29. Pulsa Comando + D para Deseleccionar.

Paso 2

Aplicaremos dos estilos de capa para dar a este círculo un aspecto de semiesfera. Primero aplicaremos un Resplandor interior con estos ajustes: Modo de fusión Multiplicar, Opacidad establecida en 100%, Color establecido en negro y Tamaño establecido en 25 px. A continuación, aplica una Superposición de degradado utilizando estos ajustes: Modo de fusión Multiplicar, Degradado de negro a blanco, Invertir marcado, con un Estilo Radial, Ángulo de 75 grados y Escala de 150%.

Paso 3

Crea una nueva capa y nómbrala "Iluminación central". Escoge el blanco como tu Color de primer plano y toma la herramienta Pincel. Haz un solo clic en las áreas como se muestra en la imagen de abajo con pinceles de 55 px, 30 px y 10 px con una Dureza de 100%. Haz clic en la miniatura de la capa "Centro" para cargar la selección, ve a Filtro > Desenfocar > Desenfoque gaussiano y aplícalo con un Radio de 16 px.

Paso 4

Crea una nueva capa y nómbrala Aro central". Asegúrate de que la selección sigue activa, luego ve a Edición > Trazo. Establece el color en #2e453d, establece la Ubicación en Exterior, y pulsa OK. Aplica un Estilo de capa de Resplandor exterior con la siguiente configuración: Modo de fusión Multiplicar, Opacidad establecida en 40%, Color establecido en Negro, y Tamaño establecido en 8 px. Luego aplica un Estilo de capa Bisel y relieve y utiliza estas configuraciones: Estilo de Bisel interior, Dirección establecida en Arriba, Tamaño establecido en 7 px, Suavizar establecido en 0 px, Ángulo y Altitud establecidos en 50, y Opacidad de Modo resaltado establecida en 0%.

Paso 5

Crea una nueva capa debajo de la capa "Centro" y nómbrala "Cono". Toma la herramienta Marco elíptico. Esta vez establece la Anchura y la Altura en 382 px. Haz clic en cualquier parte del lienzo y mueve el cursor dentro de la selección. A continuación, muévete al centro de la página y ajústate a las guías. Rellena la selección con el color #425d54. Aplica un estilo de capa de Superposición de degradado con estos ajustes: Modo de fusión ajustado a Multiplicar, Opacidad ajustada al 70%, Degradado ajustado de negro a blanco, con un Estilo Lineal, y Ángulo ajustado a -90 grados.

Paso 6

Crea una nueva capa sobre la capa "Cono" y nómbrala "Borde del cono". Haz clic en la capa "Cono" y rellena la selección con blanco. Asegúrate de que la herramienta Marco elíptico sigue seleccionada, mueve la selección 1 px a la derecha usando la tecla de la flecha derecha del teclado, y pulsa Suprimir para borrar. Deselecciona pulsando Comando + D. Toma la herramienta Borrador, establece el Diámetro maestro en 215 px y la Dureza en 0%. Borra los bordes superior e inferior de la capa con un solo clic, como puedes ver en la imagen de abajo. Establece la Opacidad de la capa "Borde del cono" al 40%.

Paso 7

Haremos lo mismo para el borde derecho del cono. Haz clic en la capa "Cono" para cargar la selección. Crea una nueva capa encima de la capa "Borde del cono" y dale el mismo nombre, "Borde del cono". Rellena la selección con blanco. Toma la herramienta Marco elíptico y mueve la selección 1 px a la izquierda usando la tecla de flecha izquierda. Pulsa Suprimir para borrar, y luego deselecciona. Toma la herramienta Borrador y borra los bordes superior e inferior. Por último, establece la Opacidad de la Capa al 40%.

Paso 8

Ahora haremos las reflexiones en el cono. Crea una nueva capa sobre la capa "Cono" y nómbrala "Reflejo". Toma la herramienta Marco rectangular y haz una selección, como se muestra en la imagen de abajo. Rellénala de blanco y pulsa Comando + D para Deseleccionar.

Ve a Edición > Transformar > Perspectiva, toma el controlador de la parte superior derecha del Cuadro delimitador y arrástralo hasta la mitad de la página antes de su aplicación. Ve a Filtro > Desenfocar > Desenfoque gaussiano y aplícalo con un Radio de 25 px. Haz clic en la capa "Cono" para cargar la selección. Ve a Selección > Invertir y pulsa Borrar para borrar, luego establece la Opacidad de la capa al 50%.

Paso 9

Haremos dos reflejos más en el cono. Primero crea una nueva capa encima de la capa "Reflejo" y nómbrala también "Reflejo". Toma la herramienta Marco rectangular, selecciona un área rectangular a la derecha del cono, como se muestra en la imagen de abajo, y rellena con blanco. Observa que este segundo rectángulo es más grande que el primero. Pulsa Comando + D para Deseleccionar.

Ve a Edición > Transformar > Perspectiva, toma el controlador de la parte superior izquierda del cuadro delimitador y arrástralo hasta el centro de la página antes de la aplicación. Ve a Filtro > Desenfocar > Desenfoque gaussiano y aplícalo con un Radio de 25 px. Haz clic en la capa "Cono" para cargar la selección. Ve a Selección > Invertir y dale a Borrar para eliminar, luego pon la Opacidad de la capa al 50%.

Para crear el reflejo final en el cono, haz una selección rectangular en la parte inferior del cono, luego crea una nueva capa llamada "Reflejo", y rellena la selección con blanco. Deselecciona pulsando Comando + D. Ve a Edición > Transformar > Perspectiva, esta vez toma el controlador superior izquierdo o superior derecho y muévelo al centro de la página antes de la aplicación. Una vez más ve a Filtro > Desenfocar > Desenfoque gaussiano y aplícalo con un Radio de 25 px. Haz clic en la capa "Cono" para cargar la selección. Ve a Selección > Invertir y pulsa Suprimir para borrar, luego establece la Opacidad de la capa al 50%.

Paso 10

Crea una nueva capa debajo de la capa "Cono" y nómbrala "Plato". Toma la herramienta Marco elíptico. Esta vez establece la Anchura y la Altura en 423 px. Haz clic en cualquier parte del lienzo, luego mueve el cursor dentro de la selección y hacia el centro de la página, y ajusta a las guías. Rellena la selección con el color #48685d. Ve a Filtro > Ruido > Añadir ruido, establece la Cantidad en 2%, establece la Distribución en Gaussiano, con Monocromático marcado, y pulsa OK, luego Deselecciona.

Aplica un estilo de capa de Superposición de degradado con estos ajustes: Modo de fusión establecido en Multiplicar, Opacidad al 60%, Degradado establecido en negro a blanco, con un Estilo Lineal, Ángulo establecido en -90 grados, y Escala establecida en 150%. Aplica un Resplandor interior y utiliza los siguientes ajustes: Modo de fusión Multiplicar, Opacidad establecida en 25%, Color establecido en negro, y Tamaño establecido en 13 px.

Paso 11

Crea una nueva capa sobre la capa "Fondo" y nómbrala "Parte de atrás" Toma la herramienta Marco elíptico. Esta vez establece la anchura y la altura en 534 px. Haz clic en cualquier parte del lienzo, luego mueve el cursor dentro de la selección y en el centro de la página ajusta a las guías. Rellena la selección con el color #13221d y luego Deselecciona.

Paso 12

Ahora vamos a ordenar un poco nuestra Paleta de capas. Hay capas con el mismo nombre y vamos a combinarlas. Selecciona todas las capas "Borde del cono" y ve a Capa > Combinar capas. Selecciona todas las capas "Reflejo" y combínalas también.

Paso 13

Crea una nueva capa en la parte superior de la pila de capas y nómbrala "Aro grande". Toma la herramienta Marco elíptico. Esta vez ajusta la anchura y la altura a 474 px. Haz clic en cualquier parte del lienzo, luego mueve el cursor dentro de la selección y hacia el centro de la página para ajustarlo a las guías. Rellena la selección con el color #445852. Pulsa Comando + D para Deseleccionar.

Toma la herramienta Marco elíptico, establece el ancho y el alto en 418 px. Haz clic en cualquier parte del lienzo, luego mueve el cursor dentro de la selección y hacia el centro de la página para ajustarlo a las guías. Ahora borraremos el área seleccionada pulsando Suprimir. Pulsa Comando + D para Deseleccionar.

Paso 14

Aplica el Estilo de capa Bisel y relieve a la capa "Aro grande" con estos ajustes: Estilo ajustado a Bisel interior, Profundidad al 365%, Dirección ajustada a Arriba, Tamaño ajustado a 30 px, y Suavizar ajustado a 7 px. Además, en los controles de Sombra, ajusta el Ángulo y la Altitud a 50 grados, luego ajusta el Contorno de resplandor a Desnivel - Profundo, ajusta la Opacidad del modo resaltado al 30%, y ajusta la Opacidad del Modo sombra al 65%. También aplicaremos un Resplandor interior utilizando estos ajustes: Modo de fusión Multiplicar, Opacidad al 90%, Color en negro y Tamaño en 7 px.

Paso 15

Crea una nueva capa encima de la capa "Parte de atrás" y nómbrala "Oscuro". Toma la herramienta Marco elíptico y en las opciones de la herramienta establece la anchura y la altura en 490 px. Haz clic en cualquier parte del lienzo, luego mueve el cursor dentro de la selección y hacia el centro de la página para que se ajuste a las guías. Rellena la selección con negro y Deselecciona.

Paso 16

Crea una nueva capa encima de la capa "Parte trasera" y nómbrala "Agujero". Toma la herramienta Rectángulo redondeado, establécela en Relleno de píxeles y establece el Radio en 10 px. A continuación, dibuja un rectángulo redondeado, como se muestra en la imagen de abajo. Asegúrate de que está centrado en la guía vertical y de que está colocado unos pocos píxeles por encima de la capa "Oscuro".

Ve a la paleta de capas y duplica la capa "Agujero". Pulsa Comando + T para el modo de Transformación libre. Mueve el origen de la transformación al centro de la página. Si no puedes tomar el origen, intenta tomarlo con la tecla Alt presionada. Rota la capa 180 grados.

Ahora selecciona ambas capas de agujeros y ve a Capa > Combinar capas (Comando + E.) Duplica la capa de agujeros de nuevo. Pulsa Comando + T y gira la capa 90 grados. Selecciona ambas capas de agujeros y combínalas de nuevo. Duplica la capa una vez más. Pulsa Comando + T y gira la capa 45 grados esta vez. Selecciona las dos capas de agujeros y combínalas. Nombra la capa fusionada como "Agujeros".

Paso 17

Crea una nueva capa por encima de la capa "Parte trasera" y nómbrala "Aro exterior". Haz clic en la miniatura de la capa "Parte trasera" para cargar la selección. Rellena la selección con el color #2a3732. Ahora haz clic en la miniatura de la capa "Agujeros" para cargar la selección. Oculta la capa "Agujeros". Asegúrate de que la capa "Aro exterior" está seleccionada en la paleta de capas. Pulsa Suprimir para borrar el área seleccionada. Deselecciona pulsando Comando + D, y luego elimina la capa "Agujeros".

Paso 18

Aplica un Estilo de capa Bisel y relieve a la capa "Aro exterior" utilizando estos ajustes: Estilo Bisel interior, Profundidad 1%, Dirección Arriba, Tamaño 1 px, Ángulo y Altitud 50 grados. Aplica un Bisel y relieve a la capa "Oscuro" también, con estos ajustes: Estilo Bisel interior, Profundidad  32%, Dirección Abajo, Tamaño 2 px, y Ángulo y Altitud 50 grados. Además, aplica una Superposición de degradado con la siguiente configuración: Modo de fusión Normal, Opacidad 30%, Degradado de negro a blanco, Estilo Lineal y Ángulo 50 grados.

Paso 19

Crea una nueva capa en la parte superior de la pila de capas. Nómbrala "Tornillo". Toma la herramienta Marco Elíptico y establece el Estilo en Normal. Haz una selección, como se muestra en la imagen de abajo, y luego rellena la selección con un 10% de gris. A continuación, aplica estos Estilos de capa a la capa "Tornillo":

• Superposición de degradado con estos ajustes: Modo de fusión Normal, Opacidad 80, Degradado de negro a blanco, Invertir marcado, Estilo Radial, Ángulo 90 grados y Escala 115%. Además, arrastra el centro del degradado hacia arriba y hacia la derecha.
• Resplandor interior utilizando estos ajustes: Modo de fusión Multiplicar, Opacidad 15%, Color Negro y Tamaño 5 px.
• Sombra paralela con estos ajustes: Modo de fusión Multiplicar, Opacidad 100%, Color negro, Ángulo 50 grados, Distancia 0 y Tamaño 2 px.

Crea una nueva capa sobre el "Tornillo" y nómbrala "Iluminación del tornillo". Haz clic en la miniatura de la capa "Tornillo" para cargar la selección, y rellena la selección con blanco. Asegúrate de que la herramienta Marco elíptico está seleccionada, luego mueve la selección 1 px a la derecha y 1 px hacia arriba usando las teclas de flecha. Pulsa Suprimir para borrar y luego Deselecciona. Además, establece la Opacidad de la capa en 40%.

Paso 20

Toma la herramienta Marco rectangular y haz una selección como se muestra a continuación. Crea una nueva capa en la parte superior y nómbrala "surco del tornillo". Rellena la selección con un 10% de gris. Haz otra selección rectangular y rellénala de nuevo con un 10% de gris. Deselecciona pulsando Comando + D.

Aplica un Estilo de capa de Sombra interior a esta capa y utiliza estos ajustes: Modo de fusión Multiplicar, Opacidad 100%, Ángulo 50 grados, Distancia 1 px y Tamaño 2 px. Ajusta el Modo de fusión de la capa "surco del tornillo" a Diferencia. Selecciona las capas "Tornillo", "Iluminación del tornillo" y "surco del tornillo" en la paleta de capas, y combínalas seleccionando Capa > Combinar capas (Comando + E). Nombra la capa combinada como "Tornillo".

Paso 21

Ahora duplica la capa "Tornillo" y coloca un tornillo en cada orificio. Puedes arrastrarlos para copiarlos mientras mantienes pulsada la tecla Alt. Ahora vamos a combinar todas las capas excepto la capa "Fondo". Haz que la capa "Fondo" sea invisible. Asegúrate de que una de las capas visibles está seleccionada, ve a Capa > Combinar visible. Ahora podemos empezar a hacer la textura de la madera.

Paso 22

Crea una nueva capa sobre la capa "Fondo" y nómbrala "Madera". Escoge el #bb9966 como color de primer plano y el #885533 como color de fondo. Rellena la capa con el color de primer plano y ve a Filtro > Interpretar > Fibras. Ajusta la Varianza a 16 y la Intensidad a 42 y pulsa OK. A continuación, aplica un estilo de capa de Degradado con estos ajustes: Modo de fusión Luz suave, Opacidad en 45%, Degradado de negro a blanco, Invertir marcado, Estilo Radial, Ángulo en 75 grados, y Escala en 150%. Mientras el diálogo de Superposición de degradado está abierto, mueve el centro del degradado a la esquina superior derecha haciendo clic y arrastrando en la página.

Paso 23

Ahora haz clic con el botón derecho en el logo de Psdtuts+ en la parte superior de esta página y haz clic en Copiar. Pégalo en Photoshop y colócalo como se muestra. Renombra la capa como "PSDtuts". Asegúrate de que la capa "Madera" está seleccionada en la paleta de capas. Pulsa Comando + A para seleccionar todo y Comando + C para copiar. Ve a la paleta de canales, crea un nuevo canal y pulsa Comando + V para pegar la textura de la madera en este canal. Ve a Imagen > Ajustar > Niveles y ajusta los niveles como se muestra a continuación.

Paso 24

Haz clic en la miniatura del canal para hacer una selección de las áreas blancas, luego vuelve a la paleta de capas. Ve a la capa "PSDtuts" y pulsa Suprimir para borrar las áreas seleccionadas, luego Deselecciona.

Conclusión

Ve a la capa "Altavoz" y aplica un Estilo de capa de Sombra paralela con estos ajustes: Modo de fusión Multiplicar, Opacidad al 100%, Ángulo ajustado a 50 grados, Distancia ajustada a 10 px, Extensión ajustada a 3 px, y Tamaño ajustado a 27 px.

Esa Sombra paralela fue el paso final de nuestro tutorial. Espero que hayas aprendido algo nuevo y que te hayas divertido. Puedes ver la imagen final a continuación o ver una versión más grande aquí.

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