Creacion de baners

C U R SO D E C R EAC I N D E BAN N ER S Ó
Por Angel Luis Almaraz Gonzalez www.microshopnet.net aluis@microshopnet.net

Letras Negras y Fondo Azul 1. Selecciona los colores del fondo (background) y de la imagen (foreground). En este caso, los colores azul y negro. 2. Apunta con el cursor del mouse al M enú de Ar vos ( l y chi Fie) l uego a l opci N uevo ( ew ) D e i edi o obser ás un cuadr a ónN . nm at var o de di ogo en elcualse especii ál fcan,ente otas car erstcas r r act í i de la imagen, el Ancho (width), Alto (height) y Tipo. Coloca en esas casillas los valores: 400 y 40, y selecciona como el Tipo de i agen l opci " 7 M ilons col ( bi) .C uando pr ones m a ón 16. li or 24 t" esi elbot " K" obser ás una vent ón O , var ana que contene elf i ondo del banner:

3. Posesiona elcursor del mouse sobre la parte superior de la vent ana y ar ástal hast elm edi delescrt i delPai Shop r r a a o ioro nt Pro con el fin de que puedas trabajar comodamente.

4. Apunta al icono que muestra la letra "T" (text) para activar el modo de escritura, y seguidamente, coloca el cursor sobre el medio de la ventana destinada al Banner, la cual se identifica como "New-1.gif", y pr ona elbot ier delm ouse. esi ón zqui do Selecciona el font "Arial Rounded MT bold", el estilo Bold (Font St e)y elt año 24 ( ze) yl am Si . Luego, escribe la frase: "The Peter´s Coffee". Elbannert endr ahor est aparenci cuando se observa con un á a a i a browser, como el Netscape:

5.Fi m ent apunt con elcur delm ouse alM enú de Ar vos nal e, a sor chi (File) y sel ona l opci " ecci a ón Save as." El PaintShop Pro te .. pr esent á un cuadr de di ogo y t sugerr un nom br t com o ar o ál e iá e, al New-1. f Escoj ese o elde t agr gi. e u ado y pr ona elbot " K" esi ón O . Letras blancas sobre fondo rojo. 1. Selecciona los colores del fondo (background) y de la imagen (foreground). En este ejemplo, los colores rojo y blanco. 2. Apunta con el cursor del mouse alM enú de Ar vos ( l y chi Fie) l uego a lopci N uevo ( ew ) D e i edi o,obser ás un cuadr a ón N . nm at var o de di ogo en elcualse especii ál fcan,ente otas car erstcas: r r act í i el Ancho (width), Alto (height) y Tipo (Image Type) de la imagen. Coloca en esas casillas los valores: 400 y 40, y selecciona como elTi de i agen l opci " 7 M ilons col ( bi) .Luego, po m a ón 16. li or 24 t" presiona "OK".

EL pr am a t pr ogr e esent áuna vent ar ana con elf ondo delbanner :

3. Posesiona el cursor del mouse sobre la parte superior de la vent ana y ar ástal hast elm edi delescrt i delpr am a r r a a o ioro ogr Paint Shop Pro con el fin de que puedas trabajar comodamente. 4. Apunta al icono que muestra la letra "T" (text) para activar el modo de escritura, y seguidamente, coloca el cursor sobre el medio de la pantalladestinada al Banner, la cual se identifica como "New-1. f,y pr ona elbot i er delm ouse dos gi" esi ón zqui do veces par i a elcuadr de di ogo " a r o ál Add Text. Sel ona el " ecci font "Arial Rounded MT bold", el estilo "Bold" (Font Style) y elt año 24 ( ze) am Si . Escribe en la casilla "text" la frase "La Boutique de Alicia" y l uego pr ona elbot " K" esi ón O .

Ahor elbannert a, endr estaparenci cuando se obser con un á a i a va browser, como el Netscape o el Explorer:

5.Fi m ent apunt con elcur delm ouse alM enú de Ar vos nal e, a sor chi ( l y sel ona l opci " Fie) ecci a ón Save as." El Paint Shop Pro te .. pr esent á un cuadr de di ogo y t sugerr un nom br t com o ar o ál e iá e, al New-1. f Pr ona elbot " K" gi. esi ón O .

Banners en Relieve Para preparar este tipo de efectosen los bordes se utilizan tres tonalidades diferentes de un mismo color: brillante, medio y oscuro. En este ejemplo, se seleccionaron las siguientes tonalidades del color rojo, a saber:

rojo (brillante) = red 255, blue 0, green 0 rojo (intermedio) = red 200, blue 0, green 0 rojo (oscuro) = red 150, blue 0, green 0 El tono intermedio se utiliza como fondo (background) del banner, el...