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

Aplicaciones incluidas en Windows 7

Aplicaciones incluidas en Windows 7

En esta publicación, analizaremos lo siguiente: ¿Qué son las aplicaciones integradas de Windows? Aplicaciones integradas de Windows Vista vs. Aplicaciones integradas de Windows 7

Editor de inicio de sesión de Windows 7

Editor de inicio de sesión de Windows 7

El editor de pantalla de inicio de sesión de Thoosje es una pequeña aplicación que te permite cambiar la pantalla de inicio de sesión predeterminada de Windows 7 en segundos. También te ofrece otras funciones.

AniPlayer X – Reproductor multimedia para amantes de las series y el anime

AniPlayer X – Reproductor multimedia para amantes de las series y el anime

AniPlayer X es un reproductor multimedia portátil de nuevo desarrollo, diseñado para quienes disfrutan viendo series (principalmente anime). Con este reproductor,

Evitar que Windows 7 se reinicie automáticamente después de una falla del sistema

Evitar que Windows 7 se reinicie automáticamente después de una falla del sistema

En algunos casos de error, aparece un error del kernel o de memoria, que reinicia automáticamente el equipo Windows. Este reinicio es necesario en caso de problemas importantes.

Cómo solucionar la distorsión de la pantalla en Windows 10 tras Fall Creators Update

Cómo solucionar la distorsión de la pantalla en Windows 10 tras Fall Creators Update

¿Tienes la pantalla distorsionada en Windows 10? Descubre las posibles causas y soluciones para solucionar el problema y que tu monitor vuelva a la normalidad.

Cómo encontrar qué aplicación está ralentizando tu conexión a Internet en Windows

Cómo encontrar qué aplicación está ralentizando tu conexión a Internet en Windows

Aprende a encontrar la causa de tu baja velocidad de internet. Usa el Administrador de Tareas para identificar la aplicación o el servicio que consume más ancho de banda.

Cómo añadir efecto de lluvia a tu imagen [Tutorial]

Cómo añadir efecto de lluvia a tu imagen [Tutorial]

En este tutorial de Photoshop, aprenderás a añadir un efecto de lluvia a tus imágenes. Es un proceso sencillo que te mostraremos.

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

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

Añadir 3D a tu diseño puede aportar una elegancia extra al aspecto general. Esta técnica básica es uno de los mejores consejos de Photoshop y resulta muy útil.

Pasos sencillos para restablecer de fábrica su PC con Windows 7

Pasos sencillos para restablecer de fábrica su PC con Windows 7

Aprende a restablecer Windows 7 de fábrica de forma segura con esta sencilla guía paso a paso. Restaura tu PC a la configuración original y soluciona problemas comunes rápidamente.

Cómo eliminar Ubuntu y restaurar Windows en una PC

Cómo eliminar Ubuntu y restaurar Windows en una PC

Cómo eliminar Ubuntu y restaurar Windows en una PC