Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje01-10-2011, 21:48 (UTC)    
Título del mensaje: [Tutorial] GIMP | Haciendo un banner "gRuNgE" :) |

TUTORIAL GIMP
Haciendo un banner "gRuNgE"

------------------------------------------------------------------------------------------------------------------------ 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/?mmjyfo0y1dz
No 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 forma bilineal, 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
Mensaje01-10-2011, 22:01 (UTC)    
Título del mensaje:

Excelente tutorial nesbet, está buenísimo!!!
______________
Mensaje01-10-2011, 22:02 (UTC)    
Título del mensaje:

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
Mensaje01-10-2011, 22:11 (UTC)    
Título del mensaje:

insaniquarium-deluxe escribió:
Excelente tutorial nesbet, está buenísimo!!!


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
Mensaje01-10-2011, 22:18 (UTC)    
Título del mensaje:



Todo lo que hacez, nos sirve de maravilla amiguizo! Gracias por compartir este aporte.
______________

http://radiovijaer.es.tl/
Mensaje01-10-2011, 22:42 (UTC)    
Título del mensaje:

Exlente aporte Como SIEMPRE ! Vos ayudandooo :D !
Mensaje01-10-2011, 22:51 (UTC)    
Título del mensaje:

Muy buen tutorial
Mensaje01-10-2011, 23:01 (UTC)    
Título del mensaje:

Buen Tuto
______________
Votame
Click aqui
Mensaje01-10-2011, 23:16 (UTC)    
Título del mensaje:

Hola,
gracias a todos amigos, que bueno que a varios les haya gustado el tuto!
Mensaje01-10-2011, 23:19 (UTC)    
Título del mensaje:

insaniquarium-deluxe escribió:
Excelente tutorial nesbet, está buenísimo!!!


opino lo mimo buenisimo nesbet
______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje02-10-2011, 00:35 (UTC)    
Título del mensaje:

Excelente nesbet siempre unico tuto te quedan super buen tuto saludos
Mensaje02-10-2011, 11:50 (UTC)    
Título del mensaje: Re: Tutorial GIMP | Haciendo un banner "gRuNgE" :)

Esta buenisimo nesbet excelente tutorial seguramente lo practicare


saludos!
______________
Visitar sitio web




Ultima edición por todaweb7 el Dom Oct 02, 2011 11:27 am; editado 1 vez
Mensaje02-10-2011, 12:57 (UTC)    
Título del mensaje: Re: Tutorial GIMP | Haciendo un banner "gRuNgE" :)

todaweb7 escribió:
Esta buenisimo namespec excelente tutorial seguramente lo practicare


saludos!


Hola,
muchas gracias por el cumplido, pero... namespec o nesbet? XD
Mensaje02-10-2011, 15:26 (UTC)    
Título del mensaje: Re: Tutorial GIMP | Haciendo un banner "gRuNgE" :)

nesbet escribió:
todaweb7 escribió:
Esta buenisimo namespec excelente tutorial seguramente lo practicare


saludos!


Hola,
muchas gracias por el cumplido, pero... namespec o nesbet? XD


ooopss me equivoque era nesbet!! xd lol

saludos!
______________
Visitar sitio web


Mensaje02-10-2011, 19:17 (UTC)    
Título del mensaje: Re: Tutorial GIMP | Haciendo un banner "gRuNgE" :)

todaweb7 escribió:
nesbet escribió:
todaweb7 escribió:
Esta buenisimo namespec excelente tutorial seguramente lo practicare


saludos!


Hola,
muchas gracias por el cumplido, pero... namespec o nesbet? XD


ooopss me equivoque era nesbet!! xd lol

saludos!


Hola,
jaja, no hay problema, gracias amigo!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group