7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Filter Forge

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

Scroll to top
Read Time: 11 mins
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 Cristian Marroquin (you can also view the original English article)

Final product imageFinal product imageFinal 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 FilterCork Texture FilterCork Texture Filter

Paso 2

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

Save Texture ImageSave Texture ImageSave 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 TextCreate and Adjust the TextCreate 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 ShapeConvert Text to ShapeConvert 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 LinesSubtract LinesSubtract 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 ComponentsMerge Shape ComponentsMerge 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 LayerColor LayerColor 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 MeshesConvert to 3D MeshesConvert 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 LayersMerge 3D LayersMerge 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 Panels3D and Properties Panels3D 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 ModesMove Tool 3D ModesMove 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 ShadowsUncheck Cast ShadowsUncheck 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 ValuesCoordinates ValuesCoordinates 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 DepthExtrusion DepthExtrusion 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 SettingsCap SettingsCap Settings

Paso 5

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

Extrusion DepthExtrusion DepthExtrusion 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 SettingsCap SettingsCap 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 MeshesMove MeshesMove 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 ZoomScale and ZoomScale 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 ViewFinal Camera ViewFinal 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 SettingsMaterial SettingsMaterial 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 TextureReplace TextureReplace Texture

Paso 3

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

Load the Cork TextureLoad the Cork TextureLoad the Cork Texture

Paso 4

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

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

Paso 5

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

UV PropertiesUV PropertiesUV Properties

Paso 6

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

Bump TextureBump TextureBump 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 PropertiesBump UV PropertiesBump 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 MaterialsBevel MaterialsBevel 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 BumpExtrusion BumpExtrusion 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 TextureEdit TextureEdit 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 TextureColoring the TextureColoring 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 PointsDelete Anchor PointsDelete 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 CloseSave and CloseSave and Close

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

Updated TextureUpdated TextureUpdated 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 TextureExtrusion TextureExtrusion 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 ColoringMatching the ColoringMatching 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 SettingsMaterial SettingsMaterial 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 SettingsLayer 1 Material SettingsLayer 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 SettingsInfinite Light 1 SettingsInfinite 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 LightPosition Infinite LightPosition 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 LightAdd Point LightAdd 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 SettingsPoint Light SettingsPoint 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 SceneRender SceneRender 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 MapGradient MapGradient 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 SettingsAdjustment Layer SettingsAdjustment 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
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.