Tipografía en 3D con Ilustrator y Photoshop
Enero 12th, 2009 | Archivado en Ilustración, Recursos
Aquí os dejo un sencillo tutorial que consiste en crear un símbolo o tipografía con volumen usando Ilustrator y Potoshop. El ejercicio se podría realizar en su totalidad utilizando únicamente uno de los dos programas, ya que ambos tienen herramientas para hacerlo, pero creo que ésta es la forma más rápida y sencilla.
Espero que os sirva de ayuda!!
1. Paso 1
Creamos con ilustrator el símbolo o frase que queramos, yo he utilizado la frase “so far so good”, para la que he utilizado la tipografía “ballpark-weiner”, que la podéis descargar gratuitamente de la web dafont.com ; y he retocado con la herramienta plumilla para crear las filigranas.
Os podéis descargar el archivo .ai aquí.
2. Paso 2
Una vez tengamos el símbolo (agrupado) le aplicamos el filtro Effect/3D/Extrude & bevel.
Jugad con la inclinación y la rotación para conseguir el efecto que más os guste.
3. Paso 3
Ya tenemos nuestro símbolo vectorial. Ahora nos vamos a Photoshop y creamos un documento nuevo, en este caso he creado uno de 1.240 x 1.240px. Desde ilustrator copiamos el símbolo y lo pegamos directamente en photoshop, creando así una capa llamada “vector samart object”, que podremos redimensionar a nuestro gusto sin perder calidad.
Aplicamos algunos “layer styles a la capa”:
- “Drop shadow” para sombrear los bordes y darle perspectiva.
- “Gradient overlay”, para darle color.
Este sería el resultado:
4. Paso 4
Volvemos al archivo de ilustrator. Seleccionamos el símbolo que habíamos creado anteriormente, y en la ventana “Apperance” hacemos doble click en “3D Extrude & Bevel”. Dónde pone “Extrude Depth” le damos el valor “0″.
5. Paso 5
Copiamos el símbolo y lo pegamos en photoshop, creando una nueva capa por encima de la que ya teníamos.
A continuación le aplicamos los efectos de capa:
- Inner shadow
- Gradient overlay
- Stroke
Este debería de ser el resultado:
De esta manera podemos controlar fácilmente las 2 capas por separado y probar diferentes combinaciones de colores y efectos.
6. Paso 6
Finalmente le añadimos algunos detalles y un fondo de color y ya tenemos nuestro diseño terminado.
Espero que os haya servido de ayuda.
Os podéis descargar aquí el archivo psd.
Hasta el próximo tuto!
