This is a text with a link.

Diseño Gráfico: Crea un texto veraniego

Nivel Principiante Adobe Photoshop Adobe Photoshop

Crea el fondo y las capas de texto

Paso 1

Crea un documento de 1000x1000 px.

3DColorfulFlat_Step_01.jpg


Paso 2

Haz clic en el icono de Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas, selecciona Color uniforme y asigna el color #f2e1cd.

3DColorfulFlat_Step_02.jpg


Paso 3

Crea un texto en mayúsculas usando la fuente Remissis SemiBold, cambia el tamaño a 375 pt, el interlineado a 350 pt y el tracking a -25.

3DColorfulFlat_Step_03.jpg


Crea una malla 3D a partir de una capa

Paso 1

Selecciona la capa de texto y ve a 3D > Nueva extrusión 3D a partir de capa seleccionada.

Para acceder a los ajustes y propiedades de malla 3D, necesitas abrir dos paneles: el panel 3D y el panel Propiedades (puedes encontrar ambos en el menú Ventana). 

El panel 3D tiene todos los componentes de una escena 3D y, cuando hagas clic en el nombre de alguno de ellos, tendrás acceso a sus ajustes en el panel Propiedades. Asegúrate de seleccionar la pestaña del elemento que quieres modificar en el panel 3D antes de cambiar los ajustes del panel Propiedades

3DColorfulFlat_Step_04.jpg


Paso 2

Selecciona la herramienta Mover para acceder a los Modos 3D, situados en la parte derecha de la barra de Opciones.

Después de elegir uno de ellos, haz clic y arrastra para realizar los cambios en el elemento seleccionado en el panel 3D.

Puedes cambiar la vista actual a un ángulo que te guste usando las opciones de los Modos 3D.

3DColorfulFlat_Step_05.jpg


Configura los ajustes de malla 3D

Paso 1

Selecciona la pestaña del nombre de la malla en el panel 3D y cambia la Profundidad de extrusión a 70 px.

3DColorfulFlat_Step_06.jpg


Paso 2

Haz clic en el icono Tapa en la parte superior del panel Propiedades y cambia la anchura del Bisel a un 2% y el Contorno a Semicircular.

3DColorfulFlat_Step_07.jpg


Crea materiales 3D

Paso 1

Selecciona la pestaña Material de inflación frontal y configura estos ajustes:

(Los valores de color utilizados están en RGB).

  • Difusión: 242, 225, 205
  • Especular: 158, 157, 155
  • Brillo: 50%
3DColorfulFlat_Step_08.jpg


Paso 2

Selecciona la pestaña de Material de bisel frontal y configura estos ajustes:

  • Difusión: 242, 225, 205
  • Especular: 135, 135, 135
  • Brillo: 20%
3DColorfulFlat_Step_09.jpg


Paso 3

Selecciona la pestaña Material de extrusión, haz clic en el icono de Difusión y selecciona Cargar textura para cargar la imagen "Colorido conjunto de tonos degradados".

3DColorfulFlat_Step_10.jpg


Paso 4

Selecciona la pestaña de la malla de texto y en Asignación de textura selecciona Segmentar

3DColorfulFlat_Step_11.jpg


Paso 5

Vuelve a seleccionar la pestaña Material de extrusión, haz clic en el icono de Difusión y selecciona Editar propiedades de UV.

3DColorfulFlat_Step_12.jpg


Paso 6

Asegúrate de que ambos valores de Segmentar están fijados en 1 y los valores de Desplazamiento al 0%.

3DColorfulFlat_Step_13.jpg


Paso 7

Haz clic en el icono de la carpeta de Iluminación, selecciona Cargar textura y abre la imagen "Brillante abstracción colorida con gradiente". Vuelve a ajustar las Propiedades de UV como hicimos con la textura Difusión.  

3DColorfulFlat_Step_14.jpg


Ajusta la escena 3D

Paso 1

Selecciona la pestaña de la malla de texto, haz clic en el icono de Coordenadas en la parte superior del panel Propiedades y cambia ángulo de rotación del eje X a 90º

3DColorfulFlat_Step_15.jpg


Paso 2

Haz clic en menú desplegable del panel 3D y elige la opción Mover Objeto 3D a plano de tierra.

3DColorfulFlat_Step_16.jpg


Paso 3

Mueve el ángulo de la cámara a tu gusto para poder ajustar, a continuación, la iluminación.

3DColorfulFlat_Step_17.jpg


Ajusta la iluminación de la escena 3D

Paso 1

Selecciona la pestaña de Luz infinita 1 y cambia la Intensidad al 80% y el Suavizado de Sombra al 35%.

3DColorfulFlat_Step_18.jpg


Paso 2

Selecciona la herramienta Mover para desplazar la luz a tu gusto, o también puedes introducir valores numéricos haciendo clic en el icono Coordenadas.

3DColorfulFlat_Step_19.jpg


Paso 3

Selecciona la pestaña Entorno y cambia la Intensidad de IBL al 110%, el Suavizado de Sombra al 50%, y dentro de los colores de sombra del plano de tierra selecciona R: 210, G: 62, B: 28, y una Opacidad del 60%.

3DColorfulFlat_Step_20.jpg


Paso 4

Ve a 3D > Interpretar capa 3D. El proceso de interpretación (renderización) tarda un poco, pero puedes pausarla en cualquier momento pulsando la tecla Esc.

Una vez terminada la interpretación, cambia el nombre de la capa 3D a Texto, haz clic derecho y elige Convertir en objeto inteligente para evitar cambiar algo sin querer.

3DColorfulFlat_Step_21.jpg


Añade ajustes de capa

Paso 1

Añade una capa de ajuste de Corrección Selectiva y cambia el Modo de fusión a Luminosidad.

Luego, selecciona Blancos del menú Colores y cambia el valor de Negro a -25%.

3DColorfulFlat_Step_22.jpg


Paso 2

Añade una capa de ajuste de Consulta de colores, selecciona el perfil Turquoise-Sepia de la pestaña Abstracto y cambia el valor de Opacidad al 7%.

3DColorfulFlat_Step_23.jpg


Añade texturas

Paso 1

Coloca el fondo "Ruido de fondo" encima de la capa Texto, cambia el tamaño si lo necesitas y cambia el Modo de fusión a Subexponer color y la Opacidad al 50%.

3DColorfulFlat_Step_24.jpg


Paso 2

Duplica la capa de textura de ruido y colócala debajo de la capa Texto.

3DColorfulFlat_Step_25.jpg


Paso 3

Coloca la imagen "Borde de varias flores y hojas" sobre la copia de la capa de textura de ruido, modifica el tamaño si es necesario y cambia el Modo de fusión de la capa a Multiplicar.

3DColorfulFlat_Step_26.jpg


Conclusión

En este tutorial hemos utilizado las herramientas y los ajustes 3D de Photoshop para crear coloridas mallas 3D. Luego hemos ajustado la iluminación de la escena 3D, la hemos interpretado y hemos añadido unas cuantas capas de ajuste y texturas para rematar el efecto.

undefined

No dudes en compartir tu trabajo con nosotros en la sección de Proyectos.


¿Qué opinas de este tutorial?

Comentarios

Conéctate o regístrate para comentar

Editado hace 1 semana
Sum-mer_3d.jpg

The only thing I couldn't find was the Turquoise-Sepia Color Lookup. Think it looks cool though! Thanks for this tut :)

Sum-mer_3d.jpg

Lo único que no pude encontrar fue la búsqueda de color Turquesa-Sepia. ¡Aunque parece genial! Gracias por este tut :)

Rose
Rose
Profesor
Hace 1 semana

Beautiful outcome!

Thank you for sharing it :)

Hermoso resultado!

Gracias por compartirlo :)

Hace 1 semana
summer.png

Even following carefully every step of this tutorial, I can't get the same result. Especially the colors. 

I get lost on Step 7 and I've noticed something, you say to open the "Bright colorful abstraction with gradient", but when I download the file attached, it's the same file as "Colorful array of gradient shades". Maybe this is what happening? I don't know, I like the colors that you use :(

summer.png

Incluso siguiendo cuidadosamente cada paso de este tutorial, no puedo obtener el mismo resultado. Especialmente los colores.

Me pierdo en el Paso 7 y me di cuenta de algo, dijiste que abrieras la "abstracción brillante y colorida con gradiente", pero cuando descargué el archivo adjunto, es el mismo archivo que "Colorido conjunto de degradados". Quizás esto es lo que está pasando? No sé, me gustan los colores que usas :(

Rose
Rose
Profesor
Hace 1 semana

Hi,

There are two different images in the Attachments section, please make sure to download them both and use each one where mentioned.

Hope this helps :)

Hola,

Hay dos imágenes diferentes en la sección de Archivos adjuntos, por favor asegúrese de descargarlos y usar cada uno de los mencionados.

Espero que esto ayude :)

Hace 1 semana

So this is what is happening! Thank you, but maybe there's something wrong with the file attached? because It's downloading the same file, look:

"Bright colorful abstraction with gradient" is directing to:

https://image.tutpad.com/tut/0/630/att/Colorful-array-of-gradient-shades.zip

¡Así que esto es lo que está sucediendo! Gracias, pero tal vez hay algo mal con el archivo adjunto? porque está descargando el mismo archivo, mira:

"Abstracción de colores brillantes con degradado" está dirigiendo a:

https://image.tutpad.com/tut/0/630/att/Colorful-array-of-gradient-shades.zip

Rose
Rose
Profesor
Hace 1 semana

seems like the original link has been replaced with the wrong file.

Here's the texture file, hopefully it works :)

parece que el enlace original ha sido reemplazado por el archivo incorrecto.

Aquí está el archivo de textura , con suerte funciona :)

En este tutorial utilizaremos las herramientas y los ajustes 3D de Photoshop para crear coloridas mallas. Ajustaremos la iluminación de la escena 3D y la interpretaremos (renderizaremos). Añadiremos un par de capas de ajuste y texturas para rematar el efecto y conseguir un texto colorido con un toque veraniego.

Compartir

En cualquier parte
En cualquier parte

Desde casa o donde encuentres la inspiración.

A tu propio ritmo
A tu propio ritmo

Sin plazos ni presiones. Adapta los cursos a tu propio horario.

Conoce a la comunidad
Conoce a la comunidad

Comparte tus proyectos y aprende de nuestra comunidad en línea.

Cursos certificados
Recibe tu diploma

Cuando termines un curso, podrás descargar el certificado.