Paso a Paso ~ Cómo hice el Banner

Paso a Paso ~ Cómo hice el Banner

Bien, a petición popular les subo la Guía paso a paso de cómo hice el banner. Primero, pensé en las imágenes que quería para el banner, y como lo que hay aquí en este foro es un "washo" o "revulú", pensé en poner todas esas cosas que juntas no tienen nada que ver, como por ejemplo: ¿Qué tiene que ver un Nintendo DS Lite con comida y un BJD? Bueno, como ya les dije lo primero que hay que hacer es seleccionar las imágenes.

Segundo, recortarlas con la herramienta "Pen Tool" o Herramienta de pluma (Mi Photoshop está en inglés, así que por favor disculpen las molestias porque hay cosas que no se como estén en el Photoshop en español) o la herramienta de "Poligonal Lazo" o Lazo Poligonal .

Tercero, ajustar el tamaño de las imágenes para que quepan en el banner. He aquí las tomas de pantalla de cómo ajustar el tamaño de las ya mencionadas imágenes:









Cuatro, juntar todas las imágenes en un solo archivo arrastrándo los "layers" o capas de un archivo a otro en la misma ventana del Photoshop.



Aquí hago un paréntesis para decirles cómo hice el Borde del Banner: Seleccionen un poco más adentro del borde, más o menos a la distancia de la que quieren que sea el tamaño.



Luego, denle en la opción de select inverse/seleccionar inverso.



Luego, usen la herramienta de Gradiente (señalada con la flecha blanca), seleccionen los colores (flecha verde amarillenta) y la opción de cómo quieren que rellene la parte del Borde (flecha roja).



Cuando ya hagan rellenado, les debe quedar algo así:



Ahora el borde interior de color blanco que tiene el banner. Vayan a la ventana de capas y denle boton derecho a la capa en la que tienen el borde.



Les saldrá una lista como esta:



Escojan la segunda opción de "blending options" (creo que en español es opciones de mezcla o algo así), y les saldrá el siguiente cuadro:



Clickeen la sección de "Stroke", y el cuadro cambiará a uno como el siguiente donde podrán modificar el tamaño, la opacidad, el color, etc, del Borde.



Al terminar, les saldrá algo como esto:



Bien, volviendo con el banner, luego de tener el borde y las imágenes, pueden o agregarle primero el texto o los "ADS" (un término inventado según yo creo por mi para los "adornos").Yo les pondré el texto, pero bien, antes les explicaré las divisiones de mis trabajos en Photoshop. Primero hago 3 "sets" o grupos. El primero y superior se llama "UP" (Arriba), el central "MID" (de mediano, o medio), y el último como ya han de suponer "DOWN", de abajo, pero la mayoría de las veces lo abrevio a "DOW". En el set UP, van todo lo que son los textos como títulos y eso, o adornos que van sobre las imágenes. Las imágenes usualmente las coloco en el MID, junto con los textos que van atrás de las mismas; y en DOW pongo las imágenes que no usaré o los ADS que van bajo todo.

En fin, los textos los pongo, lógicamente, usando la herramienta de Textos , en como ya les mencioné el grupo UP.



Las letras las bajé en http://dafont.com (Creo y supongo que todos ustedes conocen esa página), y las cambié en la ventana de "Character" y "Parragraph" (Carácteres y Párrafo), pero tambien pueden hacerlo en la barra que les sale arriba:



Bien, lo demás es solo abrir layers y poner ADS al gusto, pero aquí les pongo como les di un efecto que no se nota mucho en el banner a las mariposas.

Primero, con la brocha de mariposas (Que está en las de Special Effects que supongo que la mayoría de los photoshops tienen, claro que tambien pueden hacerlo con cualquier brocha), hacemos algo así:



Después vamos las opciones de mezcla o Bending Options, y vamos a la opción que dice "Gradient Overlay".



Ahí cambiamos el tono del gradiente a uno de arcoiris (para más opciones apretar la flechita azul y se desplegará una lista).



Ya cuando lo hayamos modificado, quedará con un efecto así:



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Y bien, creo que es todo, las brochas las pueden bajar en DeviantArt http://deviantart.com como todos saben. Al final, ya saben el resultado, el banner de arriba.

Espero que les guste el tutorial. Me demoré un par de horas haciéndolo, por lo que espero que mi esfuerzo haya valido la pena. Cualquier duda o algo, no duden en preguntar o decir. En fin, Nos vemos, Matta ne ~

Magnífico *_*

Genial Asha, felicidades *-*... con este tutorial ayudarás a muchas generaciones de ignorantes del photoshop (entre esos yo, coff coff)!!! ;0;!! Muchas gracias x3!!

Muy genial la explicacion. haber si algun dia me desengancho de no hacer nada y me vuelvo a enganchar al photoshop.

Excelente tutorial. Felicitaciones. Alguna vez han probado el GIMP? http://www.gimp.org/ No es tan sofisticado como el Photoshop pero es software libre GPL. Quizás con un poquito más de trabajo se puede hacer lo mismo sin tener que rendirle tributo a Adobe... Total, cuando uno aprende a hacer algo, qué más da unos cuantos clicks de más...

Hola Asha, ya lo sabrás pero de todas formas te lo digo... Gracias a ese tutorial ahora sé usar el photoshop (al menos para lo que lo necesito) y estoy tan feliz TwT!! Además de que me puse a moverle cosas y a pinchar en todos los botones y descubrí otras cositas más que me han sido bastante útiles x3!! En fin, era para agradecerte nada más por tu tutorial, para que sepas que tu esfuerzo no ha sido en vano *-*!

Nos leemos luego pirata! Yo-Ho!!
Xayonara~

Siiiiiii yo gracias a tu tuto estoy creando graphics para mi comunidad de rol y fantasía ^^

Gracias a todos por sus comentarios ^^, veo que hasta mi padre se ha pasado por aquí a hacerle propaganda al Gimp xDD!! Ya saben, si quieren más tutoriales de otra cosa díganme xD.

Matta neee ~

Quazzar es tu padre Asha??? O_O!!! Diox, pero qué sorpresa xDD!! Hola papá de Asha!! Me quiero casar con su hija! xDDDD!!!.... okei no o_Ô

woo *-* que tutorial tan genial!!!
sugoii, tengo que probrarlo wiii T__T con lo mal que se me dan a mi los banners... wi 8)

Yo he intentado ponerme con el photoshop y no puedo, soy negada -.-. No sabes como te admiro poder poder utilizarlo y tan bien *.*.

Asha powah!! XD