------------------------------------------------------------------------------------------------------------------------ SEPARADOR DE BAJO PRESUPUESTO ----------------------------------------------------------------------------------------------------------------------------
· Introducción:
Hola amigos! En esta oportunidad, les traigo un tutorial DEMASIADO diferente a los demás. El tema será el siguiente: haremos un banner con un estilo "grunge"; pero ¿Cómo es el estilo "grunge"? En mi opinión, se caracteriza por la irregularidad, y también por un aspeto sucio, seco e inclusive deforme, pero aún así, se pueden realizar imágenes o diseños muy creativos y originales.
· Requisitos:
- Tener instalado GIMP<recomendable la versión 2.4 en adelante>.
- Descargar el siguiente pack de texturas "grunge": http://www.mediafire.com/?mmjyfo0y1dzNo es obligatorio.
------------------------------------------------------------------------------------------------------------------------ SEPARADOR DE BAJO PRESUPUESTO ----------------------------------------------------------------------------------------------------------------------------
¡MANOS A LA OBRA!
· Iniciamos con el fondo:
Abrimos el GIMP, y una vez hecho esto, creamos una nueva imagen con un tamaño de 450x150px. Luego usaremos la <Herramienta de degradado>, y aplicaremos un gradiente con una formabilineal, con los siguientes colores: #bfbfbf => #e1e1e1
Ahora, creamos una nueva capa (<= esto es importante), y aplicaremos un gradiente de forma radial, con los colores negro a blanco, luego en la capa en dónde añadimos el gradiente nuevo, la colocaremos a modo Solapar y a una opacidad de %100,0.
Capa del gradiente a modo "Normal":
Capa del gradiente a modo "Solapar":
Ya estamos cerca de terminar el fondo, nos falta agregar unas texturas, para ellos, vamos a la Herramienta de relleno (el balde de pintura), y en tipo de relleno, escojeremos "Relleno con patrón" y seleccionamos el patrón llamado "Warning!" en una nueva capa.
A la capa con el patrón, la colocaremos a modo Solapar y una opacidad de %16.2, y para que combine con el fondo iremos a <Colores => Desaturar => Gris basado en: Claridad>, con esto la imagen estará en blanco y negro.
Ahora nos falta añadir la textura que le dará a nuestra imagen un estilo "grunge". Así que vamos a utilizar la imagen llamada "Texture1.jpeg" del pack de texturas que descargamos al principio u otra que tengas idéntica. En el GIMP, vamos a "Archivo => Abrir como capas... => Y buscamos la imagen guardada en nuestro equipo". Una vez añadida, aparecerá en una nueva capa, vamos a redimensionarla ya que la imagen es muy grande, y también a darle un tono blanco y negro (repita uno de los pasos anteriores).
[+] Info: Para redimensionar la imagen, solo falta de usar la Herramienta de Escalado, de la caja de herramientas, en mi caso la redimensioné a 506x771px.
Ya tenemos la textura redimensiona y en blanco y negro, ahora a la capa la colocaremos a modo Solapar con una opacidad de %100.0 y listo!
· Resultado:
¿TERMINAMOS?
...NO!
· Colocamos nuestro texto:
Con la <Herramienta de texto> escribimos en una capa, CONSEJOS con una opacidad de %39.2, y en otra distinta, GIMP con una opacidad de %56.8, y ambos textos de color negro = #000000.
Solo falta agregarle a nuestro texto una pequeña sombra que indique un efecto de hundimiento, para ello a la capa de "CONSEJOS", le damos <"Click derecho" => Alfa a selección> y una vez seleccionado, <Seleccionar => Invertir>, y vamos a <Filtros => Luces y sombras => Sombra arrojada> y configuramos como lo muestre la siguiente imagen.
Nos generará una nueva capa llamada <Drop Shadow> a la cuál le configuraremos la opacidad a nuestro gusto.
Luego, repetimos el mismo proceso con el otro texto ("GIMP") y listo...
Ahora le daremos un borde, para eso, le damos <"Click derecho" => Alfa a selección> a la capa del gradiente, y en una nueva capa rellenamos de negro (#000000), seguimos manteniendo la selección y vamos a <Seleccionar => Encoger => 1px.>, y luego presionamos CTROL + X para "Cortar" parte de la selección.
Ya tenemos el borde, ahora duplicamos su capa, la colocamos por debajo del borde y vamos a <Filtros => Desenfoque => Desenfoque de gaussiano> y listo, ya tenemos nuestra imagen terminada.
¡FIN DEL TUTORIAL!
------------------------------------------------------------------------------------------------------------------------ SEPARADOR DE BAJO PRESUPUESTO ----------------------------------------------------------------------------------------------------------------------------
Espero que les haya gustado este pequeño tutorial, que como dije al inicio de este, es uno muy diferente a los demás. Bien o mal para ustedes, no llevó tantas imágenes, pero intenté explicar específicamente hasta el último detalle de cada paso.
También traté de hacer una imagen no tan elaborada para que sea fácil de explicar, ya que quizás le faltaba un poco más de efectos como, manchones, cortaduras, y otros característicos del estilo grunge, pero bueno, lo dejo a su criterio
Los espero en el próximo tutorial. Adiós!
Ultima edición por nesbet el Vie Nov 04, 2011 9:23 am; editado 3 veces
Muy buen tutorial, siempre he usado programas mas profesionales como photoshop pero el gimp es una muy buena opcion para los que buscan de cosas mas faciles de usar y aqui lo muestra por que.
Gracias por el tutorial esta muy bueno. ______________ @JuanjoApps
JuanjoApps
Hola,
muchas gracias compañero, sinseramente este tutorial me llevó un tiempo, un tanto importante...
Y por cierto, para todo aquel que tenga problemas con respecto al tutorial, no dude en plantearlos acá.
Ultima edición por nesbet el Sab Oct 01, 2011 6:11 pm; editado 1 vez
Las cookies son pequeños fragmentos de información de texto que nosotros o nuestros socios, almacenamos sobre usted de forma local por medio de su navegador.
Puede evitar el uso de cookies en cualquier momento a través de la configuración de su navegador.
Usamos las siguientes cookies que cumplen con el GDPR:
- Cookies esenciales: son absolutamente necesarias para que el sitio web sea completamente funcional.
- Cookies opcionales: son opcionales y nos ayudan a mejorar el sitio web, por ej. analizando el comportamiento de uso del sitio web sin identificarle personalmente.
Puede encontrar más información en nuestra sección de protección de datos/privacidad.
@JuanjoApps
JuanjoApps
