Cree un efecto de texto

3D estilo "Centro
deportivo" en Photoshop
por Rose9 dic 2013
Dificultad: Longitud intermedia : Larga Idiomas:
3DAdobe Photoshop
Si alguna vez ha visto un evento deportivo en la televisión, es probable que haya
notado algunos de los gráficos 3D que utilizan las redes de televisión durante la
programación. En este tutorial, te mostraré cómo crear tus propios gráficos
inspirados en "Sports Center" usando las capacidades 3D de Photoshop CS6
combinadas con Filter Forge . En el proceso, le mostraremos cómo utilizar varias
herramientas, incluidas formas básicas, degradados, patrones y
texturas. ¡Empecemos!

Contenido Patrocinado

Este contenido fue encargado por Filter Forge y fue escrito y / o editado por el equipo de Tuts +. Nuestro
objetivo con el contenido patrocinado es publicar tutoriales relevantes y objetivos, estudios de casos y
entrevistas inspiradoras que ofrezcan un valor educativo genuino a nuestros lectores y nos permitan
financiar la creación de contenido más útil.

Activos Tutoriales
Los siguientes recursos fueron utilizados durante la producción de este tutorial.

 Sci-Fi Mega Metal 1 de Ronjonie

 Corrección de color de 3 vías por Tinkerpixel
 Mister Belvedere Fuentes
 Formas de degradado para Photoshop de Ilnanny.
 Patrones de malla metálica - Paquete 1 de Axertion.
 Patrón de azulejo 3px por Gre3g
 Estuco patrón por Bartosz Kaszubowski
 Patrón de fibra de carbono blanca de Badhon Ebrahim
 Patrón de aluminio ligero de Atle Mo
 Patrón de fieltro de Atle Mo
 Textura metalizada 06 de Dknucklesstock
 Lens Flare 2 de Aukerai
 Llamarada óptica (157) por McFlutterhy
 LED Lens Flare Render de Sk3tchhd
Descargando Filter Forge y los filtros
utilizados
Primero, necesitas descargar Filter Forge del sitio web del complemento . Una
vez que lo descargues, ejecuta el archivo .exe, ¡y listo! Se agregará dentro de
Photoshop en el menú Filtro. Súper fácil de instalar.

Para agregar los filtros, haga clic en el enlace de cada filtro en la sección
"Recursos del tutorial", luego haga clic en el botón "Abrir este filtro en Filter
Forge" para instalarlo. Si recibe un mensaje pidiéndole que confirme,
simplemente haga clic en Sí o Aceptar. El filtro se agregará a los otros filtros que
tengas.

Anuncio

1. Creando las formas

Para cada una de las formas de círculo que se crearán a continuación, deberá
cambiar el valor de Relleno , el ancho del Trazo , el color del Trazo y / o
el tipo de Alinear .

El tipo de alineación se puede encontrar en el menú Establecer tipo de trazo de

forma , y es Dentro, Centro o Fuera.

Paso 1
Cree un nuevo documento de 1000 x 1000 px y rellene el Fondo con Negro .

Elija la herramienta Elipse y establezca el color

de relleno en #4e4e4e . Mantenga presionada la tecla Mayús y luego haga clic y
arrastre para crear un círculo de 570 x 570 px.

Cambiar el nombre de la capa de forma a 1 . El nombramiento es esencial, ya que

se utilizará a lo largo del tutorial .
Paso 2
Duplique la capa de forma, cambie el nombre de la copia a 2 , luego cambie
su Relleno a Ninguno, el Color del trazo a #707070 , su Ancho a 10 pt y
el tipo Alinear al interior.
Paso 3
Cree un nuevo círculo de 950 x 950 px y cambie el nombre de su capa
a 3 . Cambie su Relleno a Ninguno, su Color de trazo a #636363 , su Ancho a
10 pt, y el tipo Alinear al exterior.

Etapa 4
Cree un nuevo círculo de 750 x 750 px y cambie el nombre de su capa
a 4 . Cambie su Relleno a Ninguno, su Color de trazo a #ffffff ,
su Ancho a 100 pt, y el tipo Alinear al exterior.
Paso 5
Duplicar la capa de forma previa, cambiarle el nombre a 5 , cambiar el color de
trazo a #7d7d7d , su anchura de 10 puntos, y el tipo Alinear a su interior.
Paso 6
Cree un nuevo círculo de 650 x 650 px y cambie el nombre de su capa
a 6 . Cambie su Relleno a Ninguno, su Color de trazo a # 363636, su Ancho a
80 pt y el tipo Alinear al centro.

Paso 7
Duplique la capa 5 , arrástrela sobre todas las capas y cambie su nombre
a 7 . Luego, cambie su ancho de trazo a 100 pt y su tipo de alineación al
interior.
2. Creando la forma del texto básico
Paso 1
Cree el texto en el centro de las formas con la fuente Mister Belvedere ,
el Color #8c8c8c y el Tamaño 550 pt .
Paso 2
Vaya a Tipo> Convertir a forma para convertir la capa de tipo en una capa de
forma.
Paso 3
Duplique la capa de forma de texto, luego cambie el color de la copia a #ffffff .

3. Creando las partes externas de la forma

del texto
Paso 1
Seleccione la herramienta Rectángulo y establezca el Color de primer
planoen #8c8c8c . Haga clic y arrastre para crear un rectángulo en una parte de
uno de los bordes del texto.
Paso 2
En la barra de opciones , haga clic en el icono Combinar formas . Luego crea
algunos rectángulos más alrededor del texto que tienes. Esas serán las partes
donde se separará el texto.
Paso 3
Haga clic en la Herramienta de selección directa , luego seleccione los dos
puntos de anclaje internos del primer rectángulo. Vaya a Editar>
Transformación libre , mantenga presionada la tecla Alt / Opción y haga clic y
arrastre el lado superior para empujar los puntos seleccionados hacia adentro.

Presiona la tecla Enter / Return para aceptar los cambios.

Etapa 4
Haz lo mismo con cualquier otro rectángulo que te guste.
Paso 5
Una vez que esté satisfecho con la forma, vaya a Editar> Definir forma
personalizada y escriba un nombre para la forma. A continuación, puede
eliminar la capa de formas externas.
4. Modificar la forma del texto final
Paso 1
Seleccione la Herramienta de forma personalizada , luego desplace hacia
abajo el selector en la barra de Opciones para elegir la forma que definió en el
paso anterior.

Paso 2
Haga clic en el icono Restar forma frontal en la barra de opciones , luego haga
clic en el icono Configuración de geometría y haga clic en el botón de
radio Tamaño definido . Esto le ayudará a crear la forma en las mismas
dimensiones exactas en las que se definió originalmente con un solo clic.
Paso 3
Con la capa de forma de texto de copia seleccionada, haga clic y arrastre para
mover la forma donde se supone que debe estar, y suelte para restarla de la forma
de texto que tiene.
Etapa 4
Seleccione la capa de forma del texto original , haga clic en el ícono Intersectar
áreas de forma en la barra de opciones, y haga clic y arrastre para colocar la
forma donde están las partes eliminadas, luego suelte. Esto le dará sólo las partes
externas.

Paso 5
Seleccione cada una de las capas de forma de texto, luego haga clic en
elicono Operaciones de ruta en la barra de opciones y haga clic en
la opción Combinar componentes de forma para eliminar las partes
adicionales.
5. Creando las formas de línea
Paso 1
Elija la herramienta Línea y configure el peso en la barra de opciones en 3
px. Luego presione y mantenga presionada la tecla Mayús y haga clic y arrastre
desde la parte superior central del documento hacia la parte inferior para crear
una línea recta allí..
Paso 2
Duplique la capa de forma de línea, vaya a Edición> Transformar> Girar ,
mantenga presionada la tecla Mayús para rotar la línea en incrementos de 15 ° y
gire la línea 45 ° CW. Pulse Intro / Retorno cuando haya terminado para aceptar
los cambios.
Paso 3
Duplique la capa de la línea girada, gírela a otra temperatura de 45 ° CW, luego
duplique esa capa y gire la copia una vez más para obtener el resultado que se
muestra a continuación.
6. Extruyendo las capas de formas y
utilizando los paneles 3D
Paso 1
Para cada capa de forma de texto que tenga, selecciónela y vaya a 3D> New 3D
Extrusion from Selected Path . Esto convertirá las capas de forma en capas 3D.

Paso 2
Seleccione todas las capas 3D que tiene, luego vaya a 3D> Combinar capas
3D. Esto colocará todas las mallas 3D en una escena.
Paso 3
Para acceder a la configuración y propiedades de la malla 3D, deberá abrir dos
paneles: el Panel 3D y el Panel de propiedades (ambos se encuentran en
el menú Ventana ).

El Panel 3D tiene todos los componentes de la escena 3D, y cuando hace clic en
el nombre de cualquiera de ellos, podrá acceder a su configuración en el Panel
de propiedades . Así que asegúrese de seleccionar siempre el nombre del
elemento que desea modificar en el Panel 3D antes de cambiar su configuración
en el Panel de propiedades .
Etapa 4
Selecciona la herramienta Mover y comprueba su barra
de opciones . Encontrará un conjunto de modos 3D para la herramienta a la
derecha de la barra. Cuando elija uno de ellos, puede hacer clic y arrastrar para
realizar cualquier cambio (en el elemento seleccionado en el Panel 3D ).

Así que con la pestaña Vista actual en el Panel 3D seleccionado, puede hacer
clic y arrastrar para cambiar la Vista de la cámara que tiene.
7. Modificar la configuración de malla de
las formas
Para cada una de las mallas que tiene, deberá seleccionar su nombre en el Panel
3D y luego cambiar algunas de sus configuraciones en el Panel de propiedades .

Paso 1
 Malla: 1
 Profundidad de extrusión : 100
Paso 2
 Malla : 2
 Profundidad de extrusión : 30
Paso 3
Haga clic en el icono de tapa en la parte superior del Panel de propiedades ,
cambie el Ancho de bisel al 5% y el Contorno a la mitad de la ronda.

Etapa 4
 Malla : 3
 Profundidad de extrusión : 50
Paso 5
 Ancho de bisel : 10%
 Contorno : media vuelta
Paso 6
 Malla : 4
 Profundidad de extrusión : 30

Paso 7
 Ancho de bisel : 20%
 Contorno : Cono
Paso 8
 Malla : 5
 Profundidad de extrusión : 30
Paso 9
 Ancho de bisel : 15%
 Contorno : media vuelta

Paso 10
 Malla : 6
 Profundidad de extrusión : 30
Paso 11
 Ancho de bisel : 5%
 Contorno : media vuelta
Paso 12
 Malla : 7
 Profundidad de extrusión : 10

Paso 13
 Ancho de bisel : 10%
 Contorno : media vuelta
8. Modificación de la configuración del
texto y las mallas de línea
Paso 1
Seleccione los nombres de las dos mallas de texto en el Panel 3D . Ajuste
la profundidad de extrusión a 100 .
Paso 2
 Ancho de bisel : 7%
 Contorno : media vuelta
Paso 3
Seleccionar todos los nombres de las mallas de línea. Ajuste la profundidad de
extrusión a 5 .

9. Creando la textura de relieve

La textura Bump se utilizará para crear una ilusión de los separadores que
separan las secciones de los círculos (anillos) alrededor del texto. Las partes
blancas de la textura Bump darán como resultado áreas elevadas, mientras que las
partes negras resultarán en partes más planas.

Paso 1
Crea un nuevo documento de 2000 x 2000 px. Elija la herramienta Línea ,
establezca el Peso en 10, luego cree una línea recta vertical en el centro del
documento desde su centro hasta un poco fuera de su borde superior.
Paso 2
Haga doble clic en la capa de forma de línea para aplicar un efecto
deSuperposición de degradado , utilizando un relleno de degradado de blanco a
negro , luego cambiando el estilo a reflejado, el ángulo a 0 y la escala al 90% .
Paso 3
Vaya a Capa > Rasterizar > Estilo de capa .
Etapa 4
Duplique la capa rasterizada, luego vaya a Edición> Transformar> Rotar . En
la barra de opciones , establezca la ubicación del punto de referencia en la
parte inferior central, luego gire la línea cualquier cantidad que desee
CW. Presiona Enter / Return para aceptar los cambios.
Paso 5
Sigue repitiendo ese proceso hasta que tengas una cantidad de líneas que te
gusten. Cuando haya terminado, seleccione todas las capas de línea que tiene y
vaya a Capa> Combinar capas . Guarde este archivo pero manténgalo abierto
ya que duplicaremos la capa fusionada en un par de texturas de materiales
diferentes a continuación.

(Esto se denominará textura / capa de relieve en el resto de este tutorial).

10. Creando los Materiales: Malla 1

Antes de comenzar a trabajar en los diferentes materiales, asegúrese de cargar
el archivo METALS.grd del paquete de gradientes en la sección Activos.

Paso 1
Haga clic en la pestaña Material de inflación frontal de la malla 1 en el Panel
3D . Luego, haga clic en el icono de textura difusa en el panel de propiedades y
elija Editar textura .
Paso 2
Esto abrirá el archivo de material que contiene la capa de forma. Haga doble clic
en la capa de forma para aplicar un efecto
de Superposición de degradado utilizando el degradado Brass Bz 11 y cambie
el Estilo a Radial.
Paso 3
Guarde los cambios ( Archivo> Guardar ) y cierre el archivo ( Archivo>
Cerrar ) para volver al documento original.
Etapa 4
Cambie el valor de Brillo al 90% y la Reflexión al 30%.

Paso 5
Seleccione el icono de la carpeta Opacidad y elija Nueva textura .

Paso 6
Crea un nuevo documento de 1000 x 1000 px.
Paso 7
Duplica la capa de fondo .
Paso 8
Haga doble clic en la capa de copia para aplicar un efecto de Superposición de
patrón utilizando el patrón de malla hexagonal básica del archivo de patrones
de malla metálica - Paquete 1 en la sección Activos, y cambie la Escala al
25%.
Paso 9
La parte blanca creará áreas transparentes en el material de inflación
frontal.Guarde el archivo y ciérrelo para volver a la escena 3D.
Paso 10
Haga clic en el icono de textura de opacidad y elija Editar propiedades UV .

Paso 11
Cambie los valores de U Scale y V Scale a 100% , y U Offset y V Offset a 0 .

Paso 12
Seleccione los materiales de Biselado Delantero , Extrusión , Biselado
Traseroe Inflación de Vuelta , luego cambie el valor de Brillo a 80% y
la Reflexión a 10% .
Paso 13
Seleccione el material de extrusión , haga clic en el icono de textura difusa y
seleccione Editar textura . Luego, rellene el documento de la textura con el
color #543809 , guárdelo y ciérrelo.
11. Creando los Materiales: Malla 2
Paso 1
Haga clic en el Material de inflación frontal de la malla 2 , luego haga clic en
el ícono Textura difusa y elija Editar textura . Cuando se abra el archivo,
seleccione una herramienta de forma para obtener los ajustes de forma en
la barra de opciones .

Haga clic en el ícono Establecer tipo de trazo de forma ,

elija Rellenodegradado , use el degradado 14k - L dorado , seleccione Reflejado
en el menú desplegable Estilo y cambie el ángulo a 45 .

Paso 2
Haga doble clic en la capa de forma para aplicar un efecto de Superposición de
patrón . Cambie el Modo de fusión a Luz lineal y elija el patrón de mosaico de
3px .
Paso 3
Esto agregará una textura sutil al trazo para que se vea un poco más
detallado.Guarde el archivo y ciérrelo.
Etapa 4
Haga clic en el icono de la carpeta Entorno y elija Nueva textura . Establezca
los valores de ancho y alto de la textura en 1000 , luego haga clic en el icono de
textura del entorno y elija Editar textura .
Paso 5
En el archivo de la textura, vaya a Filtro> Forjar filtro> Forjar filtro
3 . Luego, en la categoría Misc , elige el filtro Sci-Fi Mega Metal 1 . Haga clic
en la pestaña Configuración del filtro , cambie el Tamaño, el valor de
los píxeles a 500 , marque la casilla Sin fisuras de mosaico y haga clic en
el botón Aplicar .

Paso 6
Esto creará una textura de alto contraste con detalles cromados. Será genial como
una textura de entorno, ya que creará algunos reflejos muy detallados.Guarde este
archivo pero no lo cierre. Duplicaremos la capa de la textura en lugar de recrearla
para algunos otros materiales.
Paso 7
De vuelta al documento original, seleccione todas las pestañas de material de la
malla 2, luego cambie el valor de Brillo al 70% y la Reflexión al 30%.

Abra la extrusión de materiales 's difusa textura, llenarlo con el color #736357 ,
a continuación, guardarlo y cerrarlo.
12. Creando los Materiales: Malla 3
Paso 1
Abra la malla 3 La textura del material de inflado delantero , use el gradiente
de casco de acero para el trazo, cambie el estilo a reflejado y el ángulo a 45 .
Paso 2
Aplique un efecto de Superposición de patrón cambiando el Modo de fusión a
Luz lineal y utilizando el patrón de mosaico de 3px .
Paso 3
Guarde el archivo y ciérrelo.
Etapa 4
Seleccione todas las pestañas de material de la malla 3, cambie el valor
deBrillo al 70% y la Reflexión al 30%.

Llene la extrusión de materiales 's difusa textura con el color #515151 ,

guardar y cerrarla.

Crear el frente de la inflación material 's Medio Ambiente textura igual que lo
hizo en el paso anterior, excepto que esta vez se puede duplicar la textura de la
ciencia ficción de la malla 2 La inflación archivo de textura de Medio Ambiente
del material en lugar de volver a aplicar el filtro Filter Forge.
13. Creando los Materiales: Malla 4
Paso 1
Utilizar el bronce Bz88 gradiente de la malla 4 La inflación Material del
Frente's difusa textura.
Paso 2
Aplique un efecto de Superposición de patrón cambiando el Modo de fusión a
Color Burn y usando el patrón de estuco .
Paso 3
Esto es lo que debes conseguir.
Etapa 4
Duplique la textura / capa Bump que creó anteriormente en el tutorial y
colóquela en el centro del trazo que acaba de modificar, luego cambie el Modo
de fusión de la capa Bump a Soft Light. Guarde el archivo pero no lo cierre
todavía.
Paso 5
De vuelta a la malla 4 Material de inflación frontal , cambie el brillo a 85% y
el reflejo a 30% . A continuación, cree la misma textura de entorno .

Click the Bump folder icon, choose New Texture, set

the Width and Heightvalues to 1000, click the Bump texture icon, and
choose Edit Texture.