lunes, 17 de octubre de 2011

Crear Texto Estilo TRANSFORMERS


Hace algún tiempo encontré esta nota 100 efectos de texto en photoshop, muchos de ellos son realmente alucinantes. Por aquellos días uno de los temas de moda era la ultima pelicula de Transformers; así que para aprovechar esto decidí traducir el tutorial relacionado e introducirlo como ejemplo en la clase de la U. Sin mas preámbulo acá les dejo el resultado:

Paso 1

Como nuestra intención es reproducir el texto original de transformers, es importante que tengas el tipo de letra (font) indicada. Haz click aquí para descargar sf transrobotics.

Crea un nuevo documento (como mínimo 540x300 en 72ppi). Presiona la tecla D para resetear el color de frontal y color de  fondo a negro y blanco respectivamente, seguidamente presione Alt + Backspace para rellenar la capa de fondo con negro.

Cambia el color frontal a blanco presionando X para intercambiar entre color frontal y de fondo, seguidamente selecciona la herramienta texto de la barra o actívala presionando la tecla T, escribe el texto en el tamaño que desees, en mi caso 100pt.

Paso 2
En el logo original de del Logo de Transformers las letras T y F se extienden por debajo del resto de letras del resto de caracteres de la palabra. Para conseguir esto necesitamos raterizar haciendo click con el botón derecho del mouse sobre la capa del texto en nuestra paleta de capas y selecciona Rasterizar texto del menú. Esto habilitara la edición carácter a carácter de la capa texto como un grafico estándar.
Paso 3
Con el texto renderizado con un grafico podemos usar la herramienta Marco Rectangular (actívala presionando M) para seleccionar la parte inferior de las letras T y F y usar  la herramienta Transformacion Libre (puedes invocarla desde el menú edición) para alargarlas.

Paso 4
Con las letras extendidas puedes borrar las guía seleccionando Vista>Borrar guía del menú principal.
Paso 5
Seguidamente crearemos un efecto 3D agregando el efecto Bisel y Relieve a nuestro capa texto y luego duplicando y moviendo esa capa repetidamente.
Primero, establecemos el estilo de capa. Doble click a la derecha del nombre de la capa en la paleta de capas para traer al frente la ventana de Estilo de Capa (*nota: También puedes hacerlo clicando con el botón derecho sobre la capa y seleccionando Opciones de Fusión).
En la columna izquierda de la venta de estilo de capas click sobre Bisel y Relieve y aplica las siguientes configuraciones después click en aceptar para aplicar el estilo de capa.

Paso 6
Por aplicar el estilo Bisel y Relieve hemos creado el borde obscuro que será visible en el próximo paso.

Paso 7
Para crear la ilusión de texto 3D ahora duplicaremos la capa múltiples veces, cada vez cambiar el texto hacia arriba y la derecha.
Para duplicar la capa seleccionada simplemente presiona Ctrl + J o selecciona Capa>Duplicar capa del menú principal. Esto crea una nueva capa sobre la capa seleccionada.
Para cambiar el texto, asegúrese de tener seleccionada la herramienta Mover presionando la tecla V, luego usando las flechas de tu teclado presiona la tecla Up (arriba) y luego la tecla Right una vez cada una. Repite el proceso de duplicar y mover 3 veces debes tener hasta un total de 5 copias de capa.

Paso 8
A estas alturas yo recomendaría fusionar las 4 capas inferiores de nuestras 5 capas 3D haciendo clic en la segunda capa de arriba, mientras presionando la tecla Shift  y seleccionando la capa inferior, seleccionando todas las 4 capas que comprenden el  borde 3D eficazmente. Presiona Ctrl+E para fusionar las capas seleccionadas. 

Nosotros no queremos estilo de capa Bisel y Relieve en la capa de encima, click con el botón derecho en el icono de estilo de capa de la capa de la cima y escoge Borrar Estilo de Capa. Además haz doble clic en los nombres de la capa y cámbialos nombres a los "TRANSFORMERS Top" y "TRANSFORMERS 3D."


Paso 9
Con la capa "TRANSFORMERS Top" seleccionada vamos a agregar una serie de 5 estilos de capa que darán a la capas una apariencia de piedra vieja. Pondré cada uno de los estilos de la capa en serie aquí todo lo que necesitas es bajar en la lista y aplicarlos. Si hay algo excepcional se señalará en las cajas amarillas.
Click con el botón derecho a la derecha del nombre de la capa y aplica los siguientes 5 estilos. Click en Aceptar cuando los hayas agregado.



  • El motivo seleccionado es Marmol Negro de la galería motivos de roca
El código del color es #31464F. Simplemente haz click sobre el visor para lanzar en el selector de color y digita el número de 6 dígitos en el texto de abajo
Paso 10
Hasta aquí el documente debería lucir así:


Paso 11
Observando el efecto es obvio que los 3D bordes son demasiado ligeros. Para resolver este problema, haga clic en la capa "TRANSFORMERS 3D" para seleccionarla, luego cargue la ventana Niveles presionando las teclas Ctrl + L. Arrastra el deslizador de la mano izquierdo en hacia el medio hasta que los bordes 3D parezcan correctos.

Paso 12
Para finalizar la imagen agreguemos una reflexión duplicando la capa el texto y capa 3D, fusionándolos, volteándolos verticalmente, reducir la opacidad a 30% y agregando una máscara de capa con degradado



Agradezco sus comentarios.

No hay comentarios:

Publicar un comentario