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 restaurar el comando Ejecutar en Windows Vista o Windows XP

Cómo restaurar el comando Ejecutar en Windows Vista o Windows XP

Cuando comencé a usar Vista, sentí que Microsoft había hecho algo excelente al colocar la barra de búsqueda en lugar del menú de inicio habitual en Windows Vista, pero

Filelize sincroniza archivos recientes con su servicio de almacenamiento en la nube preferido [Windows]

Filelize sincroniza archivos recientes con su servicio de almacenamiento en la nube preferido [Windows]

Dropbox te permite agregar archivos y carpetas a tu cuenta de forma selectiva. Al instalar la aplicación, se añade una opción al menú contextual que te permite enviar...

Saladin: Gestor de archivos de código abierto y doble panel enfocado en la comodidad

Saladin: Gestor de archivos de código abierto y doble panel enfocado en la comodidad

Descubra las características de Saladin, un administrador de archivos de doble panel con una interfaz fácil de usar e integración con Windows Shell.

Establecer el navegador predeterminado en Windows 8 para enlaces de aplicaciones de escritorio o de terceros

Establecer el navegador predeterminado en Windows 8 para enlaces de aplicaciones de escritorio o de terceros

Aprende a configurar tu navegador predeterminado en Windows 8 para enlaces de aplicaciones de terceros. Olvídate de Internet Explorer como navegador predeterminado.

El temporizador de apagado realiza una acción según los eventos del sistema de Windows

El temporizador de apagado realiza una acción según los eventos del sistema de Windows

En julio, Usman revisó la última versión de TimeComX, una herramienta de automatización de sistemas con mejoras considerables en sus funciones y opciones. Hoy,

Descarga trucos, guías, partidas guardadas y parches para cualquier juego

Descarga trucos, guías, partidas guardadas y parches para cualquier juego

Hot Game Cheater es una utilidad de trucos gratuita que tiene trucos completos, tutoriales, juegos guardados, parches, tonos de llamada, etc. de cualquier juego que se haya lanzado.

ProcDump: herramienta de volcado de procesos para desarrolladores y administradores de sistemas

ProcDump: herramienta de volcado de procesos para desarrolladores y administradores de sistemas

Aprenda a usar ProcDump para recopilar información valiosa en los registros sobre los procesos que causan picos de CPU. Obtenga información para una resolución eficiente.

Deshacer en Windows 7

Deshacer en Windows 7

Cuando hablamos de la función Deshacer Cambios, ¿qué es lo primero que nos viene a la mente? La mayoría de las personas usan la tecla de acceso rápido Ctrl + Z para restaurar los cambios. Esto...

Desinstalar .NET Framework de Windows 7

Desinstalar .NET Framework de Windows 7

Antes de continuar, debe saber que estamos revisando esta herramienta solo para usuarios avanzados. No recomendamos desinstalar .NET Framework.

Eliminar barras de herramientas no deseadas de su sistema

Eliminar barras de herramientas no deseadas de su sistema

¿Tienes problemas con el navegador? Multi-Toolbar Remover elimina rápidamente varias barras de herramientas persistentes para una experiencia de navegación fluida.