Tutor de Banners de la Escuela Virtual

    BulletVerde Bordes biselados.

       1. Selecciona los colores del fondo (background) y de la imagen
       (foreground). En este caso, los colores ocre: 214, 198, 24 como
       color superficial (foreground) y 198, 185, 21 para el color de
       fondo.

       2. Apunta con el cursor del mouse al Menú de Archivos (File) y
       luego a la opción Nuevo (New). De inmediato observarás un cuadro
       de diálogo en el cual se especifican, entre otras características
       de la imagen, el Ancho (width), Alto (height) y Tipo. Coloca en
       esas casillas los valores: 360 y 30, y selecciona como el Tipo de
       imagen la opción "16.7 Millions color (24 bit)". Luego, presiona
       "OK" y observarás una ventana con el fondo del banner:

              

       Observa que las dimensiones iniciales del banner son "360 x 30",
       esto se debe a que como se le agregarán bordes, el tamaño de la
       imagen aumentará a cada lado en función del tamaño que se asigne
       a cada uno de ellos. En este ejemplo, el borde será asimétrico y
       su tamaño variará "5 ó 20" en cada lado:

                               Top    = 2 (borde superior)
                               Botton = 2 (borde inferior)
                               Left   = 2 (borde izquierdo)
                               Right  = 2 (borde derecho)
             
       Por lo tanto:

                 Ancho (width) = 360 + borde izq + borde der
                 Ancho (width) = 360 + 20        + 20

                 Alto (height) =  30 + borde sup + borde inf
                 Alto (height) =  30 + 5         + 5

       3. Selecciona la opción "Add Borders" en el menú Image.

       4. Al seleccionar Agregar bordes (Add Borders), observarás una
       ventana denominada "Add borders" que contien un cuadro de diálogo
       (Border size) en el cual debes prodecer de la manera siguiente:

         - No selecciones: Symmetric (quítale la marca).

         - Escribe un "5" en Top y en Bottom

         - Escribe un "20" en Left y en Right

         - Presiona el botón "OK"

       El banner tendrá ahora esta apariencia cuando se observa con un
       browser, como el Netscape:

              


       5. Ahora, es cuestión de proceder a colocarles algo de texto. Por
       lo tanto, haz un doble click sobre el icon que contiene el color
       superficial (foreground) y selecciona el color negro (0,0,0).

       6. Selecciona el icon en forma de "T" que está disponible en la
       caja de herramientas "Select Toolbox" con el propósito de activar
       el modo de texto.

       16. Apunta y doble click sobre el medio de la ventana destinada
       al Banner bisel.gif para ir al cuadro de diálogo "Add Text". Allí,
       selecciona el font Brush Script MT, el estilo Negrita Cursiva en
       la casilla "Font Style" y asígnale el tamaño (Size) 22.

       En la casilla "Text" escribe la frase:

                "El arte de pensar nos hace infinitos".

       El banner tendrá ahora esta apariencia cuando se observa con un
       browser:

              

       8. Finalmente, apunta con el cursor del mouse al Menú de Archivos
       (File) y selecciona la opción "Save as..". Coloca el nombre de tu
       agrado y presiona "OK" para salvar el archivo.


       Suerte cybernauta!


       ___________

                  Paint Shop Pro 3.11 is Copyright (C) 1990-1995 by JASC, Inc.
                  Banners Uno, Dos, Tres is Freeware from Maracay (Venezuela) to the world!