Paso a Paso ~ Cómo hice el Banner

Ir abajo

Paso a Paso ~ Cómo hice el Banner

Mensaje  Ashayami Yahari el Dom Feb 17, 2008 2:22 pm

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 ~


Última edición por el Dom Feb 17, 2008 3:46 pm, editado 1 vez

_________________


Maybe I'm crazy... But I just can't slow down. And so what? ~

It's a kitty...~


. /l、
. (゚、 。7
. l、 ~ヽ
. じしf_,)ノ
avatar
Ashayami Yahari
~ Creadora de Gráficos <3! ~
~ Creadora de Gráficos

Femenino
Cantidad de envíos : 931
Edad : 22
Hábitat natural : »Konohagakure«
Fecha de inscripción : 11/02/2008

Ver perfil de usuario http://ashayami-yahari.queen-of-amethyst.net/

Volver arriba Ir abajo

Re: Paso a Paso ~ Cómo hice el Banner

Mensaje  Hinaiseki el Dom Feb 17, 2008 2:52 pm

Magnífico *_*
avatar
Hinaiseki
La Admin ^_^
La Admin ^_^

Femenino
Cantidad de envíos : 784
Edad : 31
Hábitat natural : En vuestras fantasías sexuales
Fecha de inscripción : 11/02/2008

Ver perfil de usuario http://hinaworld.blogspot.com

Volver arriba Ir abajo

Re: Paso a Paso ~ Cómo hice el Banner

Mensaje  Akemi el Dom Feb 17, 2008 3:45 pm

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

Femenino
Cantidad de envíos : 1101
Edad : 27
Hábitat natural : Toys R us
Fecha de inscripción : 11/02/2008

Ver perfil de usuario http://www.s-lawliet.blogspot.com

Volver arriba Ir abajo

Re: Paso a Paso ~ Cómo hice el Banner

Mensaje  Valadrak el Dom Feb 17, 2008 6:51 pm

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

Masculino
Cantidad de envíos : 190
Edad : 32
Hábitat natural : Miranda de Ebro (Burgos)
Fecha de inscripción : 11/02/2008

Ver perfil de usuario http://valadrak.blogspot.com/

Volver arriba Ir abajo

Re: Paso a Paso ~ Cómo hice el Banner

Mensaje  Quazzar el Vie Feb 22, 2008 7:38 am

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...

Quazzar
*
*

Masculino
Cantidad de envíos : 1
Fecha de inscripción : 22/02/2008

Ver perfil de usuario

Volver arriba Ir abajo

Re: Paso a Paso ~ Cómo hice el Banner

Mensaje  Akemi el Jue Feb 28, 2008 10:04 am

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~
avatar
Akemi
****
****

Femenino
Cantidad de envíos : 1101
Edad : 27
Hábitat natural : Toys R us
Fecha de inscripción : 11/02/2008

Ver perfil de usuario http://www.s-lawliet.blogspot.com

Volver arriba Ir abajo

Re: Paso a Paso ~ Cómo hice el Banner

Mensaje  Hinaiseki el Jue Feb 28, 2008 11:47 am

Siiiiiii yo gracias a tu tuto estoy creando graphics para mi comunidad de rol y fantasía ^^
avatar
Hinaiseki
La Admin ^_^
La Admin ^_^

Femenino
Cantidad de envíos : 784
Edad : 31
Hábitat natural : En vuestras fantasías sexuales
Fecha de inscripción : 11/02/2008

Ver perfil de usuario http://hinaworld.blogspot.com

Volver arriba Ir abajo

Re: Paso a Paso ~ Cómo hice el Banner

Mensaje  Ashayami Yahari el Jue Feb 28, 2008 12:41 pm

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 ~

_________________


Maybe I'm crazy... But I just can't slow down. And so what? ~

It's a kitty...~


. /l、
. (゚、 。7
. l、 ~ヽ
. じしf_,)ノ
avatar
Ashayami Yahari
~ Creadora de Gráficos <3! ~
~ Creadora de Gráficos

Femenino
Cantidad de envíos : 931
Edad : 22
Hábitat natural : »Konohagakure«
Fecha de inscripción : 11/02/2008

Ver perfil de usuario http://ashayami-yahari.queen-of-amethyst.net/

Volver arriba Ir abajo

Re: Paso a Paso ~ Cómo hice el Banner

Mensaje  Akemi el Jue Feb 28, 2008 5:08 pm

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_Ô
avatar
Akemi
****
****

Femenino
Cantidad de envíos : 1101
Edad : 27
Hábitat natural : Toys R us
Fecha de inscripción : 11/02/2008

Ver perfil de usuario http://www.s-lawliet.blogspot.com

Volver arriba Ir abajo

Re: Paso a Paso ~ Cómo hice el Banner

Mensaje  Nika el Miér Mar 19, 2008 6:29 pm

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)

Nika
***
***

Femenino
Cantidad de envíos : 733
Edad : 28
Fecha de inscripción : 12/02/2008

Ver perfil de usuario

Volver arriba Ir abajo

Re: Paso a Paso ~ Cómo hice el Banner

Mensaje  Hikaritenjou el Jue Abr 24, 2008 7:51 am

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

Femenino
Cantidad de envíos : 23
Edad : 30
Hábitat natural : Azuba-juban
Fecha de inscripción : 14/04/2008

Ver perfil de usuario http://ani-chanblog.blogspot.com/

Volver arriba Ir abajo

Re: Paso a Paso ~ Cómo hice el Banner

Mensaje  Mith el Jue Abr 24, 2008 11:02 am

Asha powah!! XD
avatar
Mith
****
****

Masculino
Cantidad de envíos : 1357
Edad : 97
Hábitat natural : Arrancando cabezas de orcos con mi hacha de doble filo
Fecha de inscripción : 12/02/2008

Ver perfil de usuario

Volver arriba Ir abajo

Re: Paso a Paso ~ Cómo hice el Banner

Mensaje  Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.