domingo, 21 de febrero de 2010

Composición tipográfica 3D

En este tutorial combinaremos técnicas de ilustración de Adobe Illustrator como de Photoshop, para esto también necesitaremos un paquete de pinceles llamado Suddenly Spring diseñado por GValkyrie. Que puede descargarse aquí. 

Este tutorial es muy sencillo y nos ayuda a la hora de manejar imágenes con texto en 3D en fondos o para ilustración de carteles, como en varios ejemplos que encontraran en nuestra galería de flickr . 

01. Configuración de fondo en Photoshop

Crear un documento de tamaño 750 × 550 píxeles.

Ajuste el color de primer plano a # 004B64 y de fondo a # 000000.

Con la herramienta de degradado radial, arrastre un gradiente circular desde arriba hacia abajo.


02. Ai

Ahora vamos a Illustrator y en un lienzo similar al que abrimos en Photoshop escribimos el texto que vamos a trabajar en 3D usamos un relleno # FFFFFF y una tipografía adecuada, en el ejemplo usamos Helvética 75 bold.



03. Crear un Texto 3D

Seleccione una sola letra e ir al Efecto> 3D> Extrusión y biselado.

Rellene los valores que se muestran en la imagen o ajuste si es necesario.




Ahora repetimos con cada una de las letras. No lo hemos hecho con todas de una sola vez porque la intención es dar el efecto de desorden en la perspectiva de cada letra por separado.
Una vez terminado el trabajo nos debe quedar algo así.



04. Objetos inteligentes en Photoshop.

Solo hay que copiar y pegar cada uno de los objetos de Illustrator en el fondo que habíamos hecho en Photoshop al momento de pegar nos indicará el modo en que queremos insertarlos en Photoshop y elegiremos Objeto inteligente.


05. Degradados

Seleccione varita mágica e introduzca los valores mostrados a continación.


Haga clic en la superficie de la primera letra.
Ahora seguimos en selección> perfeccionar borde e introducimos los siguientes valores 



05.Degradado
Crear una nueva capa sobre la primera letra y el nombre de ella como de superficie. Rellenar la selección con # 000000.

Seleccione la nueva capa y elegir las opciones de fusión.

Activar Superposición de degradado establecer los colores para ser # 003146 y # B8EBFE.Establezca el Modo de fusión en Normal, la opacidad al 100%, al estilo lineal, ángulo a 90 y escala a 100%.


Repetimos para cada una de las letras.
Trate de usar diferentes colores de la misma temática, en la superposición de degradado, tales como tonos de verde y cian.


06. Pinceles

Carga los pinceles a Photoshop y crea una nueva capa a la que llamaremos floral.
En el primer plano de color pondremos blanco y seleccionando uno de los pinceles comenzaremos de manera aleatoria a pintar en la capa.

Establecemos el modo de fusión como sobreexponer y la opacidad al 50% Seleccione la capa floral y Ctrl + clic izquierdo en la capa superficial para cargar su selección. Haga clic en el botón de máscara de capa.


Repite para cada una de las letras. 


07. Sombras 
Crea una nueva capa llamada sombras y con un pincel suave pintamos algunas sombras donde creamos conveniente. 


08. Flores 

Creamos una nueva capa debajo de las letras a la que aplicaremos uno de los pinceles del paquete en color #BEF7A8 y en opciones de fusión aplicaremos resplandor exterior en blanco, el resto de los ajustes quedarán por defecto. 


09. Luz 

Agregamos una capa debajo de la capa floral y pintamos una sola flor grande en color blanco. 
Nos vamos a filtro > desenfoque > desenfoque gaussiano y damos un radio de 6px
Establecemos el modo de fusión en sobreexponer. 


10. Reflejos

Crear una nueva capa por encima de todo y el nombre como estrellas.

Utilizando la herramienta Pincel con 1px tamaño y el color # FFFFFF, dibuja una cruz grande, como se muestra. Borrar ligeramente en las 4 esquinas.

Seleccione un pincel suave, establezca su opacidad 20% y el tamaño de 30px.Pintar un ligero punto en el centro de la cruz.



11. + Luz

En opciones de fusión Haga clic en la capa de Estrellas.
Activamos resplandor exterior establecemos el color  # FFFFFF. Deja el resto de los ajustes por defecto.

Y ahí tenemos, esta magnífica composición tipográfica.



0 comentarios:

Publicar un comentario

 
¡Campañas publicitarias que se destacan!
Y tú dices que ilustras en Photoshop?
 
Un poco de humor para diseñadores
graphyka Copyright © 2009 Blogger Template Designed by Bie Blogger Template