viernes, 11 de junio de 2010

Barra Separadora en Photoshop, desde cero

BARRA SEPARADORA PARA PRINCIPIANTES

(PASO A PASO CON CAPTURAS)


Estuve viendo los tutoriales sobre esto que habian, y les faltaban pasos, no estaban muy buenos para principiantes, me decidi a hacer uno mas sencillo para los que recien empiezan. Este es a prueba de negados para el photoshop (lo probe con mi madre que no tenia idea lo que era una barra separadora, y le salio, asi que les que les tiene que salir).

EMPECEMOS...




Buscas la imagen para tu barra (escudo de futbol, un Simpson, una mariposa, una foto tuya, lo que quieras). Yo voy a hacer una de Hello Kitty.
Necesitan ademas: photoshop (version portable culquiera alcanza) y conexion a internet (supongo que tienen si estan viendo esto).

Encontraste la imagen que le querias poner, pero tiene fondo, hay que sacarlo. Podes bajar e instalar algun programita extra para sacar el fondo, pero no precisa, lo podes sacar muy facil con Photoshop.

NO TE ALTERES PORQUE DIJE PHOTOSHOP, EN MENOS DE 10 MINUTOS QUEDA PRONTA TU BARRA PERSONALIZADA; ES MUY SIMPLE, SON MUY POCOS PASOS:

La abrimos en Photoshop (docu de fondo transparente) y le borramos el fondo. Para esto (hacemos zoom con control++ para ver mejor) usamos el varita magica para seleccionar (que quede marcado todo el contorno y los bigotes), hacemos clic derecho y ponemos invertir seleccion (les queda marcado solo el fondo para que el borrador lo borre, no les va a borrar la imagen por mas que lo pasen a lo bruto), cliqueamos el borrador y borramos.

Quitamos la seleccion y elegimos un borrador de 2 o 3px para borrar lo blanco entre los bigotes, borramos con cuidado lo que faltaba del fondo sin tocar la imagen. Ponemos guardar como y la guardamos en formato tif (el formato tif es compatible con otros programas y aplicaciones online, por si quieren usar la imagen para otra cosa).

PD: Las herramientas estan marcadas en rojo en algunas capturas, las demas las agregue despues para que vieran como les tenia que ir quedando, por eso el fondo se ve de dos tamaños distintos, pero no les va a cambiar la dimension (es solo que lo hice 2 veces para sacar las capturas que faltaban para explicarlo mejor).






Ahora esta sin fondo, guardada, pronta para hacer la barra

Hacemos un archivo nuevo con estas caracteristicas (si la imagen es muy alta le ponen unos 15 o 20 de altura, porque si no los llenan no importa, mejor que sobre y no que falte):





Elegimos la herramienta rectangulo (barra izq), y luego el rectangulo redondeado (barra superior).

Hacemos con el cursor un rectangulo de 1 o 1,5cm (mas o menos, cm reales, no de PS, lo que ves en la pantalla). Si no va a contener texto puede ser mas fina.


Le damos estilo al rectangulo (barra superior o costado der abajo, marque el que use yo, pueden ponerle otro, hay para elegir).


 Lo que sigue es colocar la imagen sin fondo. Vamos a Archivo>Colocar


La situamos donde nos gustaria que quede arrastrandola, y cuando nos sirve el lugar, hacemos clic derecho>colocar (clic)


Le agregamos texto si queremos:


Colocamos el texto donde queremos con la flechita (generalmente se pone en un extremo, pero pueden ponerlo al centro o donde gusten)


Le ponemos Archivo>guardar para web> visualizar (marque en rojo el boton)


Va a abrir en el navegador. Hacemos clic derecho sobre la imagen y damos "guardar como".

Lo guardamos como archivo GIF y esta terminada



No hay comentarios:

Publicar un comentario en la entrada

LinkWithin

Related Posts Plugin for WordPress, Blogger...