En este tutorial, ilustraremos un altavoz de graves y haremos una textura de madera simple para el fondo. Colocaremos el altavoz para que parezca estar dentro de la textura de la madera. Además, crearemos tornillos que parecen mantenerlo en su lugar. Pon una buena música y vamos a trabajar.!
Antes de comenzar, 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. Puede ver la vista previa de la imagen final a continuación o ver una versión más grande aquí.
Cree un nuevo documento de 800 px de ancho y 800 px de alto con una resolución de 300 píxeles / pulgada. Arrastre una guía horizontal y otra vertical y colóquelas en el centro del documento. Rellena la capa "Fondo" con un 65% de gris..
Obtenga la herramienta Elíptica de marquesina, configure el estilo en Tamaño fijo y establezca Ancho y Alto ambos a 220 px. Haga clic en cualquier lugar del lienzo, mueva el cursor dentro de la selección, luego mueva hacia el centro de la página y ajuste las guías. Crea una nueva capa y llámala "Centro". Llene la selección con el color # 1e2f29. Pulsa Comando + D para Deseleccionar.
Aplicaremos dos estilos de capa para darle a este círculo un aspecto hemisférico. Primero aplique un Resplandor interior con estas configuraciones: Modo de mezcla de multiplicación, Opacidad establecida en 100%, Color establecido en negro y Tamaño establecido en 25 px. A continuación, aplique una Superposición de degradado utilizando estos ajustes: Modo de fusión establecido en Multiplicar, Gradiente establecido en negro a blanco, Reversa marcada, con un estilo de radial, Ángulo configurado en 75 grados, y Escala establecida en 150%.
Crea una nueva capa y nómbrela como "Punto culminante del centro". Elija blanco como color de primer plano y obtenga la herramienta Pincel. Haga un solo clic en las áreas como en la imagen de abajo con pinceles de 55 px, 30 px y 10 px con una dureza del 100%. Presione Comando y haga clic en la Miniatura de Capa "Centro" para cargar la selección, vaya a Filtro> Desenfoque> Desenfoque Gaussiano y aplique con un Radio de 16 px.
Crea una nueva capa y llámala "Anillo central". Asegúrese de que la selección aún esté activa, luego vaya a Editar> Trazo. Establezca el color en # 2e453d, establezca Ubicación en Exterior y presione Aceptar. Aplique un estilo de capa de brillo exterior con las siguientes configuraciones: Modo de mezcla de multiplicación, Opacidad establecida en 40%, Color establecido en negro y Tamaño establecido en 8 px. A continuación, aplique un estilo de capa de relieve y bisel y use estos ajustes: estilo de bisel interior, dirección configurada hacia arriba, tamaño configurado a 7 px, suavizado configurado a 0 px, ángulo y altitud establecidos a 50, y resaltado opacidad establecido a 0%.
Cree una nueva capa debajo de la capa "Centro" y asígnele el nombre "Cono". Obtener la herramienta de marquesina elíptica. Esta vez establece el ancho y el alto en 382 px. Haga clic en cualquier lugar del lienzo, luego mueva el cursor dentro de la selección. Luego, vaya al centro de la página y ajuste las guías. Llene la selección con el color # 425d54. Aplique un estilo de capa de superposición de degradado con estos ajustes: Modo de fusión establecido en Multiplicar, Opacidad establecida en 70%, Gradiente definido en negro a blanco, con un estilo de lineal, y Ángulo establecido en -90 grados.
Cree una nueva capa encima de la capa "Cone" y asígnele el nombre "Cone Edge". Comando: haga clic en la capa "Cono" y complete la selección con blanco. Asegúrate de que la Herramienta de recuadro elíptico aún esté seleccionada, mueve la selección 1 px hacia la derecha con la tecla de flecha derecha del teclado y presiona Borrar para borrar. Anule la selección presionando Comando + D. Obtenga la herramienta Borrador, establezca el Diámetro Maestro en 215 px y la Dureza en 0%. Borre los bordes superior e inferior de la capa con un solo clic, como puede ver en la imagen de abajo. Establezca la opacidad de la capa "Borde de cono" en 40%.
Haremos lo mismo para el borde derecho del cono. Comando-clic en la capa "Cono" para cargar la selección. Crea una nueva capa sobre la capa "Cone Edge" y dale el mismo nombre, "Cone Edge". Rellena la selección con blanco. Obtenga la Herramienta de recuadro elíptico y mueva la selección 1 px hacia la izquierda con la tecla de flecha izquierda. Presione Eliminar para borrar, luego deseleccione. Agarra la herramienta Borrador y borra los bordes superior e inferior. Por último, establezca la opacidad de la capa en 40%.
Ahora haremos las reflexiones sobre el cono. Crea una nueva capa sobre la capa "Cono" y nómbrela "Reflexión". Obtenga la herramienta de marquesina rectangular y realice una selección, como se muestra en la siguiente imagen. Rellénelo con blanco y presione Comando + D para Deseleccionar.
Vaya a Edición> Transformar> Perspectiva, agarre el tirador superior derecho del Cuadro delimitador y arrástrelo hacia la mitad de la página antes de aplicarlo. Vaya a Filtro> Desenfocar> Desenfoque gaussiano y aplique con un radio de 25 px. Comando-clic en la capa "Cono" para cargar la selección. Vaya a Seleccionar> Invertir y presione Eliminar para Borrar, luego establezca la Opacidad de la capa en 50%.
Haremos dos reflexiones más sobre el cono. Primero cree una nueva capa sobre la capa "Reflexión" y asígnele el nombre "Reflexión". Obtenga la herramienta Marquesina rectangular, seleccione un área rectangular a la derecha del cono, como en la imagen de abajo, y rellene con blanco. Tenga en cuenta que este segundo rectángulo es más grande que el primero. Pulsa Comando + D para Deseleccionar.
Vaya a Edición> Transformar> Perspectiva, tome el control superior izquierdo del cuadro delimitador y arrástrelo al centro de la página antes de aplicarlo. Vaya a Filtro> Desenfocar> Desenfoque gaussiano y aplique con un radio de 25 px. Comando-clic en la capa "Cono" para cargar la selección. Vaya a Seleccionar> Invertir y presione Eliminar para Borrar, luego configure la Opacidad de la capa al 50%.
Para crear la reflexión final en el cono, haga una selección rectangular en la parte inferior del cono, luego cree una nueva capa llamada "Reflexión" y complete la selección con blanco. Anule la selección presionando Comando + D. Vaya a Editar> Transformar> Perspectiva, esta vez agarre la manija superior izquierda o superior derecha y muévala al centro de la página antes de aplicar. Una vez más, vaya a Filtro> Desenfoque> Desenfoque gaussiano y aplique con un radio de 25 px. Comando-clic en la capa "Cono" para cargar la selección. Vaya a Seleccionar> Invertir y presione Eliminar para Borrar, luego configure la Opacidad de la capa al 50%.
Crea una nueva capa debajo de la capa "Cono" y llámala "Placa". Obtener la herramienta de marquesina elíptica. Esta vez establece el ancho y el alto en 423 px. Haga clic en cualquier lugar del lienzo, luego mueva el cursor dentro de la selección y hacia el centro de la página, y ajuste las guías. Llene la selección con el color # 48685d. Vaya a Filtro> Ruido> Agregar ruido, establezca Cantidad en 2%, establezca Distribución en Gauss, con Monocromático activado y presione Aceptar, luego deseleccione.
Aplique un estilo de capa de superposición de degradado con estos ajustes: Modo de fusión establecido en Multiplicar, Opacidad al 60%, Gradiente configurado en negro a blanco, con un Estilo de lineal, Ángulo configurado a -90 grados y Escala establecido al 150%. Aplique un Resplandor interior y use las siguientes configuraciones: Modo de mezcla de multiplicación, Opacidad establecida en 25%, Color establecido en negro y Tamaño establecido en 13 px.
Cree una nueva capa sobre la capa "Fondo" y nómbrela "Atrás" Obtenga la herramienta de marco elíptico. Esta vez establece el Ancho y el Alto en 534 px. Haga clic en cualquier lugar del lienzo, luego mueva el cursor dentro de la selección y, en el centro de la página, seleccione las guías. Llene la selección con el color # 13221d y luego deseleccione.
Ahora vamos a ordenar un poco nuestra paleta de capas. Hay capas con el mismo nombre y vamos a fusionarlas. Seleccione todas las capas "Borde de cono" y vaya a Capa> Combinar capas. Selecciona todas las capas de "Reflexión" y fusionalas también.
Cree una nueva capa en la parte superior de la pila de capas y asígnele el nombre "Big Ring". Obtener la herramienta de marquesina elíptica. Esta vez establece el Ancho y el Alto en 474 px. Haga clic en cualquier lugar del lienzo, luego mueva el cursor dentro de la selección y hacia el centro de la página, haga clic en las guías. Llene la selección con el color # 445852. Pulsa Comando + D para Deseleccionar.
Coge la herramienta de marco elíptico, establece el ancho y el alto en 418 px. Haga clic en cualquier lugar del lienzo, luego mueva el cursor dentro de la selección y hacia el centro de la página, haga clic en las guías. Ahora limpiaremos el área seleccionada presionando Eliminar. Pulsa Comando + D para Deseleccionar.
Aplique Bevel y Relieve Layer Style a la capa "Big Ring" con estos ajustes: Estilo establecido en Inner Bevel, Profundidad al 365%, Dirección establecida en Up, Tamaño establecido en 30 px y Suavizado configurado en 7 px. Además, en los controles de sombreado, ajuste el Ángulo y la Altitud a 50 grados, luego configure el Contorno de brillo en Cala - Profundo, establezca la Opacidad de Resaltado al 30% y la Opacidad de la Sombra al 65%. También aplicaremos un Resplandor interior utilizando estas configuraciones: Modo de fusión establecido en Multiplicar, Opacidad al 90%, Color establecido en negro y Tamaño establecido en 7 px.
Crea una nueva capa sobre la capa "Atrás" y nómbrela "Oscura". Coge la herramienta de marco elíptico y, en las Opciones de herramienta, establece el ancho y el alto en 490 px. Haga clic en cualquier lugar del lienzo, luego mueva el cursor dentro de la selección y hacia el centro de la página, haga clic en las guías. Rellena la selección con negro y deselecciona..
Crea una nueva capa sobre la capa "Atrás" y llámala "Agujero". Obtenga la herramienta Rectángulo redondeado, configúrelo en Píxeles de relleno y establezca Radio en 10 px. A continuación, dibuja un rectángulo redondeado, como en la imagen de abajo. Asegúrese de que esté centrada en la guía vertical y que esté colocada unos pocos píxeles sobre la capa "Oscura".
Vaya a la paleta de capas y duplique la capa "Agujero". Pulsa Comando + T para el modo Transformación libre. Mueva el origen de transformación al centro de la página. Si no puede capturar el origen, intente agarrarlo con la tecla Alt presionada. Gira la capa 180 grados.
Ahora seleccione ambas capas de orificios y vaya a Capa> Combinar capas (Comando + E). Duplique la capa de orificios nuevamente. Pulsa Comando + T y gira la capa 90 grados. Seleccione ambas capas de agujero y fusionarlas de nuevo. Duplica la capa una vez más. Pulsa Comando + T y gira la capa 45 grados esta vez. Seleccione las dos capas de agujero y fusionarlas. Nombre de la capa fusionada "Holes".
Cree una nueva capa sobre la capa "Atrás" y llámela "Anillo externo". Pulse Comando y haga clic en la miniatura de capa "Atrás" para cargar la selección. Llene la selección con el color # 2a3732. Ahora pulse Comando y haga clic en la miniatura de la capa "Agujeros" para cargar la selección. Ocultar la capa "Holes". Asegúrese de que la capa "Anillo exterior" esté seleccionada en la Paleta de capas. Pulsa Eliminar para borrar el área seleccionada. Anule la selección presionando Comando + D, y luego elimine la capa "Agujeros".
Aplique un Estilo de Capa de Biselado y Relieve en la capa "Anillo Exterior" usando estos ajustes: Estilo configurado en Biselado Interno, Profundidad establecida en 1%, Dirección configurada en Arriba, Tamaño establecido en 1 px, Ángulo y Altitud establecidos en 50 grados. Aplique también un bisel y relieve a la capa "Oscura", con estos ajustes: Estilo configurado en Biselado interno, Profundidad establecida en 32%, Dirección establecida en Abajo, Tamaño establecido en 2 px, y Ángulo y altitud establecidos en 50 grados. Además, aplique una Superposición de degradado con las siguientes configuraciones: Modo de fusión establecido en Normal, Opacidad al 30%, Gradiente definido en negro a blanco, Estilo de lineal y Ángulo establecido en 50 grados.
Crea una nueva capa en la parte superior de la pila de capas. Nómbrelo como "tornillo". Coge la herramienta de marco elíptico y establece el estilo en Normal. Realice una selección, como en la imagen de abajo, luego complete la selección con un 10% de gris. A continuación, aplique estos estilos de capa a la capa "Tornillo":
Cree una nueva capa sobre el "Tornillo" y asígnele el nombre "Destacado del tornillo". Pulse Comando y haga clic en la miniatura de la capa "Tornillo" para cargar la selección y rellene la selección con Blanco. Asegúrese de seleccionar la herramienta Elíptica para marquesina, luego mueva la selección 1 px a la derecha y 1 px hacia arriba con las teclas de flecha. Presione eliminar para borrar y luego deseleccionar. Además, establece la opacidad de la capa en 40%.
Agarre la herramienta de marquesina rectangular, luego haga una selección como se muestra a continuación. Crea una nueva capa en la parte superior y llámala "Screw Dent". Rellena la selección con un 10% de gris. Realice otra selección rectangular y rellénela nuevamente con un 10% de gris. Deselecciona pulsando Comando + D.
Aplique un estilo de capa de sombra interna a esta capa y use estos ajustes: Modo de fusión establecido en Multiplicar, Opacidad establecida en 100%, Ángulo establecido en 50 grados, Distancia establecida en 1 px y Tamaño establecido en 2 px. Establezca el modo de fusión de la capa "Dentado del tornillo" en Diferencia. Seleccione las capas "Tornillo", "Resaltar tornillo" y "Dentado de tornillo" en la Paleta de capas, luego combínelas yendo a Capa> Combinar capas (Comando + E). Nombre de la capa fusionada "Tornillo".
Ahora duplique la capa "Tornillo" y coloque un tornillo en cada orificio de tornillo. Puede arrastrarlos para copiar mientras mantiene presionada la tecla Alt. Ahora vamos a combinar todas las capas excepto la capa "Fondo". Hacer la capa "Fondo" invisible. Asegúrese de que una de las capas visibles esté seleccionada, vaya a Capa> Combinar visible. Ahora podemos empezar a hacer la textura de la madera..
Cree una nueva capa sobre la capa "Fondo" y asígnele el nombre "Madera". Elija # bb9966 como su primer plano y # 885533 como su color de fondo. Rellene la capa con el Color de primer plano y vaya a Filtro> Procesar> Fibras. Establece la variación en 16 y la fuerza en 42 y pulsa OK. Luego aplique un estilo de capa de superposición de degradado con estos ajustes: Modo de fusión establecido en Luz suave, Opacidad al 45%, Gradiente configurado en negro a blanco, Reversa marcada, Estilo establecido en radial, Ángulo configurado a 75 grados y Escala establecida al 150% . Mientras el cuadro de diálogo Superposición de degradado está abierto, mueva el centro del degradado a la esquina superior derecha haciendo clic y arrastrando en la página.
Ahora haga clic con el botón derecho en el logotipo de Psdtuts + en la parte superior de esta página y haga clic en Copiar. Pegue en Photoshop y colóquelo como se muestra. Cambie el nombre de la capa como "PSDtuts". Asegúrese de que la capa "Madera" esté seleccionada en la Paleta de capas. Pulsa Comando + A para seleccionar todo y Comando + C para copiar. Vaya a la paleta de canales, luego cree un nuevo canal y presione Comando + V para pegar la textura de madera en este canal. Vaya a Imagen> Ajustar> Niveles y modifique los niveles como se muestra a continuación.
Comando-clic en la Miniatura del canal para hacer una selección de las áreas blancas, luego volver a la paleta de capas. Vaya a la capa "PSDtuts" y presione Eliminar para borrar las áreas seleccionadas, luego deseleccionar.
Vaya a la capa "Altavoz" y aplique un Estilo de capa de sombra paralela con estos ajustes: Modo de fusión establecido en Multiplicar, Opacidad al 100%, Ángulo establecido en 50 grados, Distancia establecida en 10 px, Dispersión establecida en 3 px, y Tamaño establecido a 27 px.
Ese Drop Shadow fue el paso final de nuestro tutorial. Espero que hayas aprendido algo nuevo y te hayas divertido. Puede ver la imagen final a continuación o ver una versión más grande aquí.
Suscríbase a Psdtuts + RSS Feed para obtener los mejores artículos y artículos de Photoshop en la web.