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]

Leave a Comment

Cómo recibir alertas para dormir según cuándo necesitas despertarte

Cómo recibir alertas para dormir según cuándo necesitas despertarte

Cómo recibir alertas para dormir según cuándo necesitas despertarte

Cómo apagar la computadora desde el teléfono

Cómo apagar la computadora desde el teléfono

Cómo apagar la computadora desde el teléfono

Reparar y solucionar problemas de actualización de Windows 7

Reparar y solucionar problemas de actualización de Windows 7

Windows Update funciona básicamente en conjunto con el registro y diferentes archivos DLL, OCX y AX. En caso de que estos archivos se corrompieran, la mayoría de las funciones de...

Returnil Virtual System 2010: virtualice su sistema

Returnil Virtual System 2010: virtualice su sistema

Últimamente, aparecen como hongos nuevos paquetes de protección del sistema, y ​​todos ellos ofrecen una nueva solución de detección de spam y antivirus, y si tienes suerte...

Cómo activar Bluetooth en Windows 10/11

Cómo activar Bluetooth en Windows 10/11

Aprende a activar el Bluetooth en Windows 10/11. El Bluetooth debe estar activado para que tus dispositivos Bluetooth funcionen correctamente. ¡No te preocupes, es muy fácil!

PDF Rider es un excelente software de gestión de PDF de código abierto

PDF Rider es un excelente software de gestión de PDF de código abierto

Anteriormente, revisamos NitroPDF, un buen lector de PDF que también permite al usuario convertir documentos en archivos PDF con opciones como fusionar y dividir el PDF.

Limpiar archivos de texto con Text Cleanser

Limpiar archivos de texto con Text Cleanser

¿Alguna vez has recibido un documento o archivo de texto con caracteres redundantes? ¿El texto contiene muchos asteriscos, guiones, espacios vacíos, etc.?

Cuadro de búsqueda rápida de Google en la barra de tareas de Windows 7

Cuadro de búsqueda rápida de Google en la barra de tareas de Windows 7

Tanta gente me ha preguntado sobre el pequeño ícono rectangular de Google al lado del Orbe de Inicio de Windows 7 en mi barra de tareas que finalmente decidí publicar esto.

Solución para uTorrent en Windows 7

Solución para uTorrent en Windows 7

uTorrent es, sin duda, el cliente de escritorio más popular para descargar torrents. Aunque funciona a la perfección en Windows 7, algunas personas tienen...

2 herramientas increíbles que te recuerdan que debes relajar la vista

2 herramientas increíbles que te recuerdan que debes relajar la vista

Todos necesitamos tomar descansos frecuentes mientras trabajamos con una computadora; al no tomar descansos existe una gran posibilidad de que sus ojos se salgan (bueno, no salten).