Photoshop como hacer un baner

por MISSARG Sáb Jun 07, 2008 2:46 pm

MISSARG

Mensaje n°1

Photoshop como hacer un baner

Mensaje por MISSARG Sáb Jun 07, 2008 2:46 pm

Como hacer bordes en photoshop

Bueno
pues como ven en el titulo me he decidido a colocarles como lograr
hacer un banner por nuestra propia cuenta, bueno, para esto necesitan
oviamente photoshop, claro se hacer banners en otros programas, pero
photoshop es con mas calidad, bueno pues aqui les dejo los pasos para
lograr hacer un banner con bordes de la forma sencilla espero que les
agrade este tutorial cualquier duda ya saben dejen su correo o que su
space sea publico para que les pueda contestar. Bien empezemos

Abrimos
photoshop, nos vamos al Menu Archivo>Nuevo y nos saldra un recuadro
como el siguiente, colocamos las dimensiones del archivo en este caso
yo utilize las que estan en la imagen, ustedes lo pueden hacer a la
medida que quieran ok:

Paso
II.- Hacemos click en ok, y ahora si empezara lo bueno primero que nada
nos debera de salir un recuadro blanco que es nuestra primera capa, ok,
nos vamos a el menu que se encuentra a la izquierda de nuestra pantalla
es este:

Bien
ahora que ya ubicamos cual es seleccionamos la herramienta Lazo y en la
pestañita nos apareceran 3 tipos de lazos en este caso utilizaremos el
lazo poligonal, (guiate en la imagen):

ok
ahora nos vamos a nuestra capa en blanco y empezamos a dibujar el borde
de nuestro Banner, cada quien a su gusto, guiate en la imagen para que
veas como lo hice yo:
una
vez que ya hayamos marcado el contorno y nos quede algo como esto,
claro yo confio en que ustedes son mas creativos y lo pueden hacer
mucho mejor, bueno ahora pasamos a el menu de la izquierda y
seleccionamos el borrador, notaremos que tambien hay 3 tipos de
borradores, seleccionamos el que dice borrador magico, (guiate en la
imagen):
Listo
ahora si una vez que ya tengamos seleccionada la herramienta borrador
magico, seguimos al siguiente paso, hacemos un solo click dentro del
recuadro de tal modo que nos quede asi:
Ahora
si se puede decir que ya tenemos todo nuestro borde, ahora nos vamos al
Menu de arriba nos ubicamos en Seleccion>Deseleccionar(ctrl+D) y
ahora nos quedara sin la seleccion de las lineas continuas, hombre pero
que pasa nuestro borde esta en blanco? y yo no lo quiero en blanco lo
quiero en cualquier otro color, fácil, para cambiarle el color a
nuestro borde nos vamos a nuestro menu y ubicamos el bote de pintura,
que esta en la misma casilla que la herramienta de degradar (guiate en
la imagen):
Bueno
una vez que hemos seleccionado el bote de pintura, ahora seleccionamos
el color pero como hago esto? Sencillo solo nos ubicamos en el mismo
menu, y hay 2 cuadros pequeños uno en negro y el otro en blanco.
Hacemos click en el primer cuadro el de color negro y nos saldra algo
como esto:
Ok
ahora seleccionamos el color para nuestro borde, y damos click en Ok. y
ahora con nuestra herramienta de bote de pintura damos un solo click
sobre nuestro borde y listo le hemos cambiado el color:
Ahora
por ultimo guardamos nuestro archivo, nos vamos a Archivo>Guardar
como... Y lo guardamos con formato .JPG, y listo ya tenemos nuestro
borde,

Última edición por MISSARG el Miér Ago 06, 2008 3:51 pm, editado 1 vez

por MISSARG Sáb Jun 07, 2008 2:59 pm

MISSARG

MISSARG

Mensaje n°2

Re: Photoshop como hacer un baner

Mensaje por MISSARG Sáb Jun 07, 2008 2:59 pm

Como hacer el fondo de mi banner en Photoshop

Bueno
pues aqui les coloco la 2da parte de como hacer un banner, como veran
ya saben como hacer 1 borde, ahora aprenderemos a hacer el fondo, aqui
los pasos para hacer uno sencillo.
1.-abrimos
photoshop,nos vamos al menu de arriba Archivo>Nuevo (ctrl+N), y lo
vamos a dejar con las mismas medidas, como las que utilizamos para
hacer el borde, ejemplo:

ok ahora damos enter y nos vamos al menu de arriba en Edicion>Rellenar y la rellenamos de negro, (guiate de la imagen):
damos click en OK y ahora nos vamos al siguiente paso.
ahora
nos dirigimos al menu de arriba nos vamos a
Filtro>Interpretar>Nubes de diferencia, y observamos que nuestra
capa quedara mas o menos asi:
ok ahora nos vamos al siguiente paso.
nos
vamos al menu de arriba y nos ubicamos en
Filtro>Distoricionar>Molinete y nos saldra un recuadro como este,
aplicamos los valores que deseemos en este caso yo utilize los de la
imagen .
ok ahora hacemos clik en OK y vemos que nuestra capa ahora luce asi:
ok ahora vamos al siguiente paso.
nos
vamos al menu de arriba nos ubicamos nuevamente en
Filtro>Estilizar>Bordes resplandecientes y nos abrira un recuadro
en la pantalla donde aplicamos los siguientes valores:
hacemos click en OK y observamos nuestro fondo como ha quedado, nos debio haber quedado mas o menos asi:
oh
pero que pasa? yo no quiero mi fondo en este tono? muy sencillo, si no
te gusta el color de tu fondo, lo podemos cambiar por otro, como? nos
vamos a el menu de arriba y nos ubicamos en
Imagen>Ajustes>Equilibrio de Color (Ctrl+B) y nos abrira un
recuadro como este:

y empezamos a mover las barras de un lado a otro para ir observando los tonos, y escoger el que nos guste ejemplo:
y
una vez que ya tengamos nuestro tono, ahora si damos clik en OK, y
ahora guardamos nuestro fondo nos vamos a Archivo>Guardar
como...>y lo guardamos en formato .jpg recuerda muy bien donde lo
guardaste. Ahora por ultimo nos abrira un recuadro como este:

Donde dice Calidad lo colocamos en 6 y listo damos click en OK y ya esta guardado nuestro fondo.

.............................................................................ULTIMA PARTE
Como hacer un banner en photoshop

Abrimos photoshop, y nos vamos a archivo abrir, y buscamos nuestro fondo que hicimos y lo abrimos.
Ahora
nos vamos a Archivo>Colocar... y buscamos nuestro borde que hicimos
con anterioridad, ahora lo colocamos de tal modo que nos quedara asi:

ohh!!
pero ha desaparecido mi fondo? no no se preocupen, su fondo aun esta
ahi, lo unico que tenemos que hacer es buscar en el menu de la
izquierda, y seleccionamos el borrador magico:
ahora con el borrador magico seleccionado hacemos click en la parte blanca de nuestro borde y nos quedara asi:
ok
ahora vemos que ya va quedando nuestro banner al fin, ahora nos vamos
al menu de arriba, Capa>Estilo de Capa>Opciones de fusion y nos
abrira un recuadro como este:

ahora
seleccionamos cualquiera de todos los estilos que ven ahi, para que
vean como pueden modificar su borde, en este caso yo utilizare, sombra
paralela, resplandor exterior, bisel y relieve y contorno, ustedes
pueden utilizar las que quieran, por ultimo damos click en OK y
observamos que nuestro borde ha cambiado, ahora luce asi:
y
bueno para colocarle cualquier imagen para que no se vea tan simple
solo nos vamos al menu de arriba Archivo>Colocar y abrimos la imagen
que mas nos agrade, en este caso yo usare esta: (asegurate de ajustarla
de acuerdo al marco del banner)
ok
ahora con el borrador magico, borraremos cuidadosamente el fondo de
nuestra imagen de tal manera que nos quede asi:(algunas partes son mas
sencillas de borrar con el borrador magico, pero si hay algunas que no
puedas borrar, utiliza el borrador normal y utiliza un pincel,
deacuerdo a las partes finas de la imagen)
ahora
para que nuestra imagen no se vea sobresaliente del borde la
colocaremos detras del borde, como haces eso? sencillo guiate de la
imagen, movemos la capa de lugar, la de nuestra imagen quedara donde
estaba la capa del borde ejemplo:
antes de mover la capa luci asi.
despues de moverla luce asi:
ok ahora despues de haber cambiado de lugar la capa nuestro banner luce asi:
Una
vez que ya hemos colocado nuestra imagen, ahora si nos vamos a
Capa>Estilio de capa>Opciones de fusion y le damos el efecto que
deseemos. y nos quedara algo como esto:
ahora
si quieres agregarle mas efectos para que luzca mejor pues eso ya va
por tu cuenta, en este caso yo le colocare un destello el fondo, lo que
tenemos que hacer es lo siguiente en el recuadro donde estan todas las
capas que estamos utilizando seleccionamos la capa de fondo
ahora nos ubicamos en el menu de arriba Filtro>Interpretar>destello y nos abrira un recuadro como este:
ahora
con el puntero podemos mover el destello donde querramos colocarlo, eso
ya es a su gusto yo lo colocare como lo muestra la imagen, respecto al
brillo del destello ustedes se lo pueden modificar, yo utilize el valor
de 100 pero ustedes lo pueden colocar como lo deseen, bueno una vez
hecho esto damos click en OK y listo nuestro banner quedara mas o menos
asi:
Listo
ya casi hemos terminado de hacer nuestro banner, ahora solo nos falta
el texto, para esto nos dirigimos a nuestro menu que esta a nuestro
lado izquierdo y presionamos la herramienta de texto,
ahora
nos vamos a nuestro banner y hacemos click con la herramienta texto y
empezamos a escribir nuestro texto, y ya con un poco de ingenio de cada
uno deben de ir descubriendo sus herramientas, para darle buenos
estilos, a su texto, animacion, etc.
Por ultimo guardamos
nuestro banner, Archivo>Guardar como... Lo guardan con el nombre que
sea, pero asegurense de guardarlo en formato .JPG y listo hemos
terminado nuestro banner.

fuente;http://punkhack.spaces.live.com/blog/cns!6D99F37BC2E585BA!778.entry