Añadir 3D a tu diseño puede aportar una elegancia extra a la apariencia general. Esta técnica básica es uno de los mejores consejos de Photoshop y resulta muy útil para principiantes al diseñar sitios web y banners. Usaremos herramientas básicas como las opciones de fusión de capas y la herramienta de transformación.
Para comenzar, primero cree un nuevo documento de tamaño 800 X 600.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-6190-0829093911830.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
Rellena el fondo con un color claro. En este caso, hemos usado azul claro.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-2401-0829093914382.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
Ahora crea una nueva capa (Shift + Ctrl + N), haz doble clic en ella y establece el modo de fusión en luz suave, simplemente yendo a las opciones de fusión.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-1333-0829093915488.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
A continuación, toma un pincel blanco grande y suave con la herramienta Pincel y haz un solo clic como se muestra a continuación.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-1063-0829093917168.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
Ahora crea una nueva capa y nómbrala raya, rellénala con color gris oscuro (#707793)
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-1927-0829093918305.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
Abre las opciones de fusión de la nueva capa Raya y añade una superposición de degradado. Solo tienes que reducir la opacidad al 15 %.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-9689-0829093919324.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
Su salida debería verse así.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-3482-0829093920116.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
Duplica la capa de la Raya dos veces. Nombra una de las rayas inferior y la otra, la superior. Colócalas en la parte superior e inferior de la raya ya creada y reduce su tamaño con la herramienta Transformar o simplemente seleccionando la capa y presionando Ctrl + T.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-3071-0829093921002.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
Colorea las franjas superior e inferior de rojo y elimina cualquier efecto añadido (superposición de degradado) haciendo clic en la flecha de la derecha y en el ojo antes de los efectos. Esto eliminará todos los efectos de fusión de la capa seleccionada. También puedes eliminarlos accediendo a las opciones de fusión y desmarcando la superposición de degradado.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-5349-0829093921969.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
Ahora aplicaremos algunos efectos de fusión a estas franjas superior e inferior. Abra las opciones de fusión y marque la sombra interior, ajuste la opacidad a 60, la distancia a 0, el estrangulador a 0 y el tamaño a 1.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-6213-0829093923111.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
Marque la superposición de degradado, establezca la opacidad en 20 y la escala al 100 por ciento.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-7217-0829093923831.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
Por último, reduzca la opacidad de ambas capas al 70% desde el panel de capas.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-2770-0829093925403.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
Crea un nuevo grupo y nómbralo "raya". Duplica todas las capas de rayas (superior, inferior y central) y colócalas en ese grupo. Presiona Ctrl + T para redimensionarlas. Con las capas en la herramienta Transformar, mantén presionada la tecla Ctrl y verás que ahora puedes mover libremente los bordes de todo el grupo y darles forma 3D.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-7671-0829093927064.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
Para mejorar el efecto 3D de tu grupo de rayas recién creado, usa las opciones de brillo/contraste. Ve a Imagen -> Ajustes -> Brillo/Contraste y realiza los siguientes ajustes. Ahora le has dado una mejor fuente de luz, creando un aspecto 3D uniforme.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-6775-0829093927439.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
Finalmente, tu espacio de trabajo debería verse así.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-8643-0829093929303.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
Se puede mejorar aún más utilizando la herramienta de texto y las opciones de fusión.
![Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]](/resources8/r252/image-9301-0829093930285.jpg "Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]")
¿Tienes problemas con el error de administración de memoria de Windows 11? Descubre soluciones paso a paso y comprobadas para resolver bloqueos BSOD, optimizar la RAM y restaurar un rendimiento fluido. ¡No necesitas conocimientos técnicos!
¿Tienes problemas con el frustrante error "Micrófono demasiado bajo" en Windows 11? Descubre soluciones paso a paso y comprobadas para aumentar el volumen de tu micrófono al instante. Mejora la calidad del audio de tus llamadas, grabaciones y más, ¡sin necesidad de conocimientos técnicos!
¿Tiene problemas con el error 709 de impresora? Descubra soluciones paso a paso para impresoras HP, Canon y Epson. Solucione problemas de SMTP, actualice controladores y recupere su impresión rápidamente. ¡No necesita conocimientos técnicos!
Descubre instrucciones paso a paso para configurar copias de seguridad programadas en Windows 11. Protege tus datos con el historial de archivos automatizado y las imágenes del sistema para tu tranquilidad.
¿Tienes problemas con el error de restablecimiento de PIN de Windows Hello en Windows 11? Descubre pasos de solución comprobados para solucionarlo rápidamente y recuperar inicios de sesión seguros sin frustraciones. Actualizado con los últimos consejos para una experiencia fluida en Windows.
¿Tienes problemas con el error de actualización 0x80073712 de Windows 11? Descubre soluciones paso a paso probadas para 2026, incluyendo consejos para que tus actualizaciones se ejecuten sin problemas. ¡Olvídate de los errores de instalación!
¿Tienes problemas con el rendimiento lento en Windows 11? Descubre soluciones paso a paso con el Plan de Rendimiento Definitivo para recuperar velocidades ultrarrápidas y optimizar tu PC sin esfuerzo. Actualizado a las últimas compilaciones de 2026.
¿Tienes problemas con el error de memoria gráfica integrada de Windows 11? Descubre soluciones probadas para resolver este frustrante problema, optimizar tu sistema y recuperar un rendimiento fluido sin perder la cabeza.
¿Tiene problemas con el texto borroso o demasiado grande en Cmd.exe en Windows 11? Descubra soluciones probadas para el error de escalado de texto, desde ajustes sencillos hasta ediciones avanzadas del registro, que garantizan una visualización nítida de la línea de comandos.
¿Tienes problemas con el error del obturador de privacidad de la cámara web en Windows 11? Descubre soluciones probadas para restaurar el acceso a tu cámara de forma rápida y segura. Guía paso a paso para una solución de problemas sencilla.
