Cómo crear un efecto de rayas 3D en Photoshop [Tutorial]

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]

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]

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]

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]
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]

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]

Su salida debería verse así.

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]
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]
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]

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]

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]

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]

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]

Finalmente, tu espacio de trabajo debería verse así.

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]

Dejar un comentario

Cómo evitar problemas con la actualización de Windows 11 (KB5083769) y recuperarse rápidamente.

Cómo evitar problemas con la actualización de Windows 11 (KB5083769) y recuperarse rápidamente.

Aprende a instalar de forma segura las actualizaciones de Windows 11, a evitar las versiones defectuosas de Patch Tuesday y a recuperarte rápidamente utilizando puntos de restauración, copias de seguridad y actualizaciones manuales.

La actualización KB5078885 (compilación 19045.7058) para Windows 10 ESU se lanzará como la actualización de marzo de 2026.

La actualización KB5078885 (compilación 19045.7058) para Windows 10 ESU se lanzará como la actualización de marzo de 2026.

La actualización KB5078885 (Windows 10 compilación 19045.7058) se implementa a través de ESU y corrige problemas, además de proporcionar actualizaciones de certificados de arranque seguro para 22H2 y 21H2.

¿Por qué las aplicaciones en Windows 11 seguirán mostrando destellos blancos en el modo oscuro en 2026?

¿Por qué las aplicaciones en Windows 11 seguirán mostrando destellos blancos en el modo oscuro en 2026?

Windows 11 sigue mostrando destellos blancos en las aplicaciones con modo oscuro. A continuación, te explicamos por qué persiste este problema en 2026 y qué revela sobre el diseño de sistemas heredados.

La compilación 26300.8142 (KB5079492) para Windows 11 26H2 agrega cambios en el panel táctil (Desarrollo)

La compilación 26300.8142 (KB5079492) para Windows 11 26H2 agrega cambios en el panel táctil (Desarrollo)

La actualización KB5079492 (compilación 26300.8142) para Windows 11 añade protección de administrador, información sobre la NPU en el Administrador de tareas y ajustes para el panel táctil. Aquí están las novedades en las versiones para desarrolladores y beta.

Las compilaciones 29558 y 28020.1797 para Windows 11 llegan al Canal Canary.

Las compilaciones 29558 y 28020.1797 para Windows 11 llegan al Canal Canary.

Las compilaciones 29558 y 28020.1797 de Windows 11 incluyen una importante renovación de la consola de Windows, actualizaciones del terminal, correcciones y mejoras para los usuarios que participan en las pruebas del canal Canary.

Microsoft finalmente permite usar la aplicación de Windows para Escritorio remoto en Windows 11.

Microsoft finalmente permite usar la aplicación de Windows para Escritorio remoto en Windows 11.

La aplicación de Windows ahora es compatible con Escritorio remoto en redes locales, incorpora mejoras de confiabilidad y reemplaza a los clientes heredados en Windows 11 y 10.

La actualización KB5053658 (compilación 26120.3653) para Windows 11 agrega una nueva función de recuperación en el canal Beta.

La actualización KB5053658 (compilación 26120.3653) para Windows 11 agrega una nueva función de recuperación en el canal Beta.

La actualización KB5053658 para Windows 11 (compilación 26120.3653) introduce la función Recuperación rápida de máquina, el resumen de la voz del Narrador, un nuevo error de pantalla verde y cambios en Copilot.

Cómo habilitar Copilot en la página de nueva pestaña de Microsoft Edge

Cómo habilitar Copilot en la página de nueva pestaña de Microsoft Edge

Para habilitar Copilot para Edge New Tab, abre la página de indicadores y activa las opciones Compositor NTP, Clasificación de chat, Enfoque y Usar búsqueda de Copilot.

La compilación 27842 para Windows 11 ofrece nuevos cambios visuales en el Canal Canary.

La compilación 27842 para Windows 11 ofrece nuevos cambios visuales en el Canal Canary.

La compilación 27842 para Windows 11 se lanza con nuevos iconos de batería, una pantalla de error de comprobación de errores actualizada y agrega nuevas configuraciones de mouse en el Canal Canary.

Windows 11 compilación 22635.4870 (KB5050087) trae cambios a la pantalla de bloqueo en el canal Beta.

Windows 11 compilación 22635.4870 (KB5050087) trae cambios a la pantalla de bloqueo en el canal Beta.

La actualización KB5050087 para Windows 11 (compilación 22635.4870) llega al canal Beta con opciones de personalización de los widgets de la pantalla de bloqueo y cambios en el Explorador de archivos.