Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Filter Forge
Design

Crear un Efecto de Texto 3D de Mosaic de Corcho con Filter Forge y Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Spanish (Español) translation by Christian Marroquin (you can also view the original English article)

Final product image
What You'll Be Creating

Una buena textura es parte esencial de un efecto realista. Este tutorial te mostrará cómo usar Filter Forge para obtener una textura de corcho, y luego usarla con otras propiedades de material para crear dicho efecto de texto. ¡Comencemos!

Elementos del Tutorial

Los siguientes elementos fueron usados durante la producción de este tutorial:

1. Crear la Textura de Corcho

Paso 1

Luego de descargar el filtro Cork Board Texture, ábrelo en Filter Forge, y da doble-clic en el segundo preestablecido debajo de la pestaña Preestablecido para crear la textura.

Cork Texture Filter

Paso 2

Da clic en Guardar Imagen Como en el esquina inferior derecha, y guarda la imagen de textura.

Save Texture Image

2. Crear el Texto y el la Forma de Mosaico

Paso 1

Crea un documento nuevo de 1250 x 935 px.

Crea el texto Todas en mayúsculas usando la fuente Aller Display para las partes principales, y la fuente Berkshire Swash para cualquier letra decorativa (en este caso &). Pon el color a Negro.

Luego de eso, necesitarás ajustar la configuración debajo del panel Carácter (Ventana > Carácter) para organizar el texto de la manera que te guste. Aquí el Tamaño está a 318 pt, y el valor de Interlineado a 298 pt.

Create and Adjust the Text

Paso 2

Duplica la capa de texto y hazla invisible.

Selecciona la copia y ve a Texto > Convertir a Forma. Luego duplica la capa de la forma y hazla invisible.

Convert Text to Shape

Paso 3

Toma la Herramienta Línea y pon el valor de Anchura en la barra de Opciones a 5 px, o cualquier otro valor que te parezca dependiendo de que tan grueso o delgado quieres que los espacios entre los mosaicos sean.

Luego escoge la opción Sustraer Forma Frontal del menu Opciones de Geometría, y comienza a dibujar líneas aleatorias para sustraerlas de la forma principal de texto.

Subtract Lines

Paso 4

Una vez hechas las líneas, y estés feliz con los resultados que obtengas, da clic en el icono de Opciones de Geometría y escoge Combinar Componentes de Forma.

Merge Shape Components

Paso 5

Pon la forma original de la capa visible, y luego crea una nueva capa encima de todas las capas y rellena con cualquier color que quieras.

Color Layer

3. Crear la Escena 3D

Paso 1

Para cada una de las formas de la capa, selecciónala y ve a 3D > Nueva Extrusión 3D a partir de Trazado Seleccionado, y para la capa superior (Capa 1), selecciónala y ve a 3D > Nueva Malla a partir de Capa > Postal.

Convert to 3D Meshes

Paso 2

Selecciona todas las capas 3D y escoge 3D > Combinar Capas 3D. Esto pondrá todas las mallas 3D en una sola esccena.

Merge 3D Layers

Paso 3

Para acceder a la configuración de la malla 3D y las propiedades, necesitarás abrir dos panales: el panel 3D, y el panel de Propiedades (los dos encontrados en el menú Ventana).

El panel 3D tiene todos los componentes de la escena 3D, y cuando des clic en el nombre de cualquier componente, serás capaz de acceder a su configuración en el panel Propiedades. Así que asegúrate siempre seleccionar la pestaña del elemento que quieras modificar en el panel 3D antes de cambiar su configuración en el panel Propiedades.

3D and Properties Panels

Paso 4

Si seleccionas la Herramienta Mover, encontrarás un grupo de Modos 3D para ello en la derecha de la barra de Opciones. Cuando escoges una de ellos, puedes dar clic y arrastrar para hacer cambios (en el elemento seleccionado en el panel 3D).

Move Tool 3D Modes

4. Modificar las Mallas 3D

Paso 1

Selecciona la pestaña Malla Capa 1 en el panel 3D, y desmarca la casilla de Proyectar Sombra en el panel de Propiedades.

Uncheck Cast Shadows

Paso 2

Da clic en el icono de Coordenadas encima del panel de Propiedades, cambia el Ángulo de Rotación X a 90° y cambia el valor de Posición Y a 0.1.

Coordinates Values

Paso 3

Da clic en la pestaña de la capa de forma en el panel 3D, y cambia su Profundidad de Extrusión a 250.

Extrusion Depth

Paso 4

Da clic en el icono de Tapa, y cambia la Anchura de Bisel a 3% y el Contorno a Semi-redondo.

Cap Settings

Paso 5

Da clic en la pestaña de la malla Copia 2, y cambia si Profundidad de Extrusión a 20.

Extrusion Depth

Paso 6

Da clic en el icono de Tapa, y cambia la Anchura de Bisel a 3% y el Contorno a Semi-Redondo.

Cap Settings

5. Mover las Mallas y la Vista de Cámara

Paso 1

Cambia la Vista Actual a Frontal. Luego selecciona las pestañas de las dos mallas de forma, da clic en el icono de Coordenadas encima del panel de Propiedades, y cambia el Ángulo de Rotación X a 90.

Ve a 3D > Mover Objeto a Suelo Plano. Toma la Herramienta Mover, y usa el Eje 3D para poner la malla más pequeña encima de la más grande.

Las flechas al final del eje mueven la malla, la parte debajo es usada para la rotación, y los cubos son usados para escalar. El cubo en el centro es usado para escalar el objeto uniformemente. Todo lo que necesitas hacer es dar clic y arrastrar la parte que quieres.

Move Meshes

Paso 2

Regresa a la vista por defecto de la cámara, selecciona la pestaña de Vista Actual, y usa los Modos de Herramienta Mover para cambiar el ángulo de la cámara para obtener la vista superior.

Selecciona las dos mallas de texto y reduce su tamaño proporcionalmente. Luego aplica zoom a la Vista Actual. Repite eso hasta que el texto llene el documento, y no halla espacios vacíos mostrándose.

Scale and Zoom

Paso 3

Una vez que estés feliz con el resultado, selecciona las dos mallas, y ve a 3D > Mover Objeto a Plano de Tierra.

Final Camera View

6. Crear el Material de Corcho

Paso 1

Haz la malla del texto superior (copia 2) invisible. Selecciona todas las pestañas de malla de texto original, y pon el Brillo a 80%.

Material Settings

Paso 2

Selecciona la pestaña de Material de Inflación Frontal, y luego da clic en el icono de textura de Difusión y escoge Reemplazar Textura.

Replace Texture

Paso 3

Carga la imagen de textura de corcho que creaste antes usando el Filtro de Filter Forge.

Load the Cork Texture

Paso 4

Da clic en el icono de textura de Difusión y escoge Editar Propiedades UV.

Edit UV Properties

Paso 5

Necesitarás ajustar los valores hasta que te guste la apariencia de la textura.

UV Properties

Paso 6

Da clic en el icono de Relieve, y luego escoge la misma textura.

Bump Texture

Paso 7

Edita las Propiedades UV para la textura de Relieve para que sus valores se iguales a los valores de textura de Difusión.

Bump UV Properties

Paso 8

Selecciona la pestaña de Material Bisel Frontal, carga la textura Corcho (Cork) para Difusión y Relieve, y luego Edita las Propiedades UV usando valores que sean buenos para las partes de bisel.

Puedes también incrementar el valor de Relieve a 30%.

Bevel Materials

Paso 9

Repite los mismos pasos para crear el Material de Extrusión. Mantén en mente que los valores UV no tienen que igualar al de todos los materiales. Cada parte necesita sus propios valores UV.

Para este tutorial, los valores de Escala para el Material de Extrusión son 2% para el U/X, y 400% para el V/Y.

También, necesitas un valor de Relieve más alto para la Extrusión. El valor usado aquí es 70%.

Finalmente, iguala el Material de Inflación Posterior al de Material de Inflación Superior, y el Material de Bisel Posterior al de Material de Bisel Superior.

Extrusion Bump

7. Crear Material Superior Plástico

Paso 1

Haz la malla de texto superior visible, y selecciona su Material de Inflación Frontal. Luego da clic en el icono de textura de Difusión, y escoge Editar Textura.

Edit Texture

Paso 2

Esto abrirá la forma original del documento de la capa de forma. Duplica la capa de forma, y cambia el color de la original a #e3e7e7.

Toma la Herramienta Selección Directa. Asegúrate de que la capa de forma original esté seleccionada, y luego da clic y arrastra para seleccionar la parte que no quieres tener con color claro.

En este caso, la palabra White estará en negro, así como la mitad del &, y la palabra Black será en blanco, así como la otra mitad del &.

Así que necesitaremos borrar la palabra White y la mitad negra del & para la capa de forma de luz, y borrar la palabra Black con la mitad del & de la capa de forma oscura.

Una vez seleccionadas las partes, presiona la tecla Borrar para borrarlas.

Coloring the Texture

Paso 3

Algunas áreas no pueden ser seleccionadas con un clic y arrastrar, así que puedes dar clic y arrastrar donde sea posible, y luego da clic y borra el resto de puntos de ancla.

Delete Anchor Points

Paso 4

Una vez hecho, ve a Archivo > Guardar para guardar los cambios y actualizar el documento original.

Luego ve a Archivo > Cerrar para cerrar el documento de textura y ve al documento 3D.

Save and Close

Esto actualizará el color de las texturas Material Inflación Frontal, Bisel Frontal, Inflación Posterior y Bisel Posterior.

Updated Texture

Paso 5

Selecciona la pestaña de Material de Extrusión, da clic en su icono de textura de Difusión y escoge Editar Textura.

Esta es más gruesa. Primero necesitas usar la Herramienta Rectángulo para crear tres rectángulos que rellenen todo el documento verticalmente y lo cubran horizontalmente.

Los rectángulos laterales deben tener un color claro, y el que está en el medio debe ser negro.

Lo que necesitarás hacer después es guardar el documento, asegurarte de cerrarlo, y luego volver al documento 3D para revisar los cambios.

De acuerdo al resultado que obtengas, necesitarás reposicionar los rectángulos en las texturas del documento, guárdalo, y revisa de nuevo, hasta que el Material de Extrusión tenga el mismo color que el Material de Inflación Frontal.

Extrusion Texture

Paso 6

Una vez que las áreas negras y blancas de los materiales dos materiales Frontales y de Extrusión sean iguales, puedes cerrar el archivo de textura de Material de Extrusión.

Matching the Coloring

Paso 7

Selecciona las pestañas de material de malla de texto superior, y cambia sus propiedades como se muestra abajo.

Los valores de color usados en RGB son:

  • Especular: 207, 209, 209
  • Iluminación: 0, 0 , 0
  • Ambiente: 0, 0, 0
Material Settings

8. Crear el Material Tierra y Ajustar la Iluminación

Paso 1

Da clic en la pestaña de Material Capa 1, y Borra sus texturas de Difusión y Opacidad.

Cambia el resto de la configuración como se muestra abajo.

Los valores RGB usados son:

  • Difusión: 236, 236, 235
  • Especular: 0, 0, 0
  • Iluminación: 0, 0 , 0
  • Ambiente: 0, 0, 0
Layer 1 Material Settings

Paso 2

Da clic en la pestaña Luz Infinita 1 y cambia su color a 252, 252, 249, su Intensidad a 25% y la Suavidad de Sombra a 30%.

Infinite Light 1 Settings

Paso 3

Puedes usar la Herramienta Mover para cambiar la posición de la luz, dar clic al icon de Coordenadas y poner los valores del Ángulo.

Position Infinite Light

Paso 4

Da clic en Añadir nueva luz a la escena en la parte inferior de la escena 3D y escoge Nueva Luz Puntual.

Add Point Light

Paso 5

Pon la luz encima del texto, y luego cambia su color a 244, 242, 235, su Intensidad a 60%, y su Suavidad de Sombra a 30%.

Marca la casilla de Difuminación de Luz, y cambia los valores Internos y Externos dependiendo de cómo te gusta que la luz se desvanezca.

Point Light Settings

9. Interpretar la Escena 3D y Añadir un Ajuste de Capa de Mapa de Degradado

Paso 1

Ve a 3D > Interpretar. El proceso puede tomar un poco de tiempo, pero puedes pararlo en cualquier momento presionando la tecla Esc.

Render Scene

Paso 2

Una vez que el proceso termina, da clic en Crear nuevo ajuste de capa o relleno en la parte inferior del panel de Capas y escoge Mapa de Degradado.

Gradient Map

Paso 3

Crea el relleno de Degradado usando los colores #8f8e8e a los lados y #ebeaea en el medio. Cambia el Modo de Fusión del ajuste de capa a Multiplicar y su Opacidad a 20%.

Adjustment Layer Settings

¡Felicidades! Lo Hiciste

En este tutorial, creamos una pieza de texto, la convertimos en una forma y la hemos usado la Herramienta Línea para borrar algunas partes de el para obtener la forma mosaica.

Luego creamos mallas 3D a partir de las capas diferentes que teníamos, las combinamos en una escena, y las colocamos luego de cambiar la vista de la cámara.

Modificamos la configuración de estas mallas 3D, y creamos materiales y texturas diferentes necesitadas para lograr el corcho y materiales de plástica.

Finalmente, trabajamos en la iluminación, interpretamos la escena, y añadimos un ajuste de capa para terminar el efecto.

Por favor siéntete libre de dejar tus comentarios, sugerencias y resultados abajo.

Acerca de Filter Forge

Filter Forge es un plugin potente de tercero que te permite aplicar cerca de 11,000 texturas y efectos sorprendentes a tus imágenes, e incluso crear las tuyas propias. Para aprender más acerca de Filter Forge, puedes descargar la versión de prueba del software, o revisar su filtro de galería.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.