Texto Electrico sobre fondo Grunge
Publicado por Carlos el March 11th, 2009
Aprende a crear un sencillo wallpaper tipografico con un toque grunge en el fondo. Lo unico que necesitas para este tuto es Photoshop(obviamente), alguna font delgada como en la imagen de arriba, de preferencia ya que quedan mejor, y stocks de textura, use un stock que encontre en Flickr buscando “rust texture“, tu puedes usar el que quieras. Este es el resultado en tamaño completo y puedes descargar el psd.
1. El primer paso es abrir nuestro documento, yo lo hize de 600px por 600px pero lo puedes hacer de cualquier tamaño, te recomiendo que la hagas con la misma resolucion que tu monitor para que lo puedas usar de Wallpaper.
2. Coloreamos nuestro documento con #070707.
3. Creamos una nueva capa, la coloreamos con negro y vamos a Filter -> Noise -> Add Noise, usamos las siguientes opciones:
4. Bajamos la opacidad de esta capa a 5% y debemos de tener algo como esto
Click para Agrandar
5. Vamos a Flickr o nuestro sitio favorito y buscamos algun stock que sea de Oxido en metal, lo colocamos en nuestro documento y presionamos Ctrl+Shift+U o Image -> Adjustments -> Desaturate para desaturar la imagen. Modificamos la opacidad de esta capa a unos 60%.
Click para Agrandar
6. Seleccionamos el color negro como foreground. Creamos una nueva capa, seleccionamos Gradient Tool con un gradient Foreground to Transparent y la opcion Reverse seleccionada.
Click para Agrandar
7. Creamos un gradient partiendo del centro del documento hacia una esquina, queremos que nos quede algo asi
Click para Agrandar
8. Ahora vamos a Filter -> Noise -> Add Noise y usamos las siguientes opciones
9. Presiona Ctrl+L o Image -> Adjustments -> Levels, vamos a usar los Niveles para modificar la cantidad de puntos que hay en nuestra capa. En la ventana que nos salio tenemos que mover el tirador de enmedio(el triangulo en color gris) hacia la derecha y tambien mover el tirador negro hacia la derecha.
Asi nos debe de quedar
Click para Agrandar
10. Modificamos la Opacidad de esa capa a un 10% y nuestro trabajo se debe de ver asi
Click para Agrandar
11. Creamos una capa nueva y repetimos el paso 6 y 7 para obtener un gradient sobre nuestro trabajo, bajamos la opacidad a un 60%
Click para Agrandar
12. Ahora vamos con el color del fondo. Crea una capa nueva, selecciona #f156ff como color principal(Foreground) y #000000 como color de fondo. Ve a Filter -> Render -> Clouds. Cambia el Blending Mode de esta capa a Overlay y baja la opacidad a 50-60%
Click para Agrandar
13. Repetimos el paso anterior para aumentar el color
Click para Agrandar
14. Un ultimo paso para nuestro fondo, crea una capa nueva, selecciona el Gradient Tool y repite los pasos 6 y 7 pero en lugar de usar negro utiliza blanco para el gradient. Cambie el Blending Mode de esta capa a Overlay, puedes bajar la opacidad si es necesario.
Click para Agrandar
15. Ahora empezamos con nuestro texto. Como ya dije en el primer parrafo es mejor usar alguna font que sea delgada, yo estoy usando Eurofurence y Eurofurence Light. Escribe el texto que quieras, usa un color brillante como #77fff7.
Click para Agrandar
16. Duplica esta capa y aplica Filter -> Blur -> Gaussian Blur a la nueva capa. Utiliza un valor grande de Radius, yo estoy usando 9px.
17. Baja la Opacidad de esta capa como a 50% y debes de tener algo como esto
Click para Agrandar
18. Duplica la capa de texto original otraves y ve Filter -> Blur -> Gaussian Blur repitiendo las mismas opciones que en el paso 16 solo que con un Radius bajo de 2px.
Click para Agrandar
19. Por ultimo, vuelve a duplicar la capa original de texto, ve a Filter -> Blur -> Motion Blur y utiliza los siguientes valores
Click para Agrandar
Con este ultimo paso terminamos nuestro trabajo, gracias por seguir el tutorial.
Click para Agrandar
