Tutor de Banners de la Escuela Virtual

    BulletRojo Banner tipo Windows

       Este tipo de banners no son difíciles de preparar, basta escoger un
       color de fondo,  establecer las dimensiones apropiadas y retocar la
       imagen con el propósito de lograr el efecto esperado.


       Preparación básica

       1. Selecciona gris claro (189, 189, 189) como el color del fondo
       (background) de la imagen y selecciona el color blanco (255,255,
       255) como color superficial (foreground).

       Recuerda que cada uno de los valores colocados entre el paréntesis
       corresponden a una notación abreviada del método de selección de
       colores conocido como RGB. Este es un acrónimo de la primera letra
       del nombre de los colores primarios: rojo (Red), verde (Green) y
       azul (Blue), respectivamente.

       2. Apunta con el cursor del mouse al Menú de Archivos (File) y a
       la opción Nuevo (New). 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:
       346 (width) y 36 (height), y selecciona como el Tipo de imagen la
       opción "16.7 Millions color (24 bit)". Presiona "OK" y observarás
       una ventana con el color de fondo (background) del banner:

              

       3. Coloca el cursor del mouse sobre la parte superior de la ventana
       y arrástrala hasta el medio del escritorio del Paint Shop Pro con el
       propósito de que puedas trabajar con comodidad sobre el escritorio.


       Bordes Superior e Izquierdo

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

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

         - No selecciones Symmetric.

         - Escribe un "1" en Top (borde superior) y Left (izquierdo).

         - Presiona el botón "OK"

       El botón tendrá ahora esta apariencia cuando se observa con un
       navegador, como el Netscape:

              

       6. Apunta y Click sobre el icono del color superficial (foreground)
       y selecciona el color gris "227, 227, 236". Estos valores deberás
       introducirlos manualmente en las casillas Red, Green y Blue que se
       encuentran en la pantalla que aparece al presionar dos veces sobre
       la herramienta de selección de colores de "Select".

       7. Selecciona Add Borders (Agregar Bordes) en el menú Image. Luego,
       prodece de la manera siguiente:

         - No selecciones: Symmetric.

         - Escribe un "1" en Top y Left.

         - Presiona el botón "OK"

       El botón tendrá ahora esta apariencia:

              


       Bordes Inferior y Derecho

       8. Apunta y Click sobre el icono del color superficial (foreground)
       y selecciona el color gis oscuro (104, 104, 104).

       9. Selecciona Add Borders (Agregar Bordes) en el menú Image. Ahora,
       desmarca "Symmetric" y coloca los valores siguientes:

         - Escribe un "1" en Top y Left.

         - Presiona el botón "OK"

       El botón deberá verse de la siguiente manera:

              

       10. Apunta y Click sobre el icono del color superficial (foreground)
       y selecciona el color negro "0, 0, 0".

       11. Selecciona Add Borders (Agregar Bordes) en el menú Image. Luego,
       coloca los valores siguientes:

         - No selecciones: Symmetric.

         - Escribe un "1" en Top y Left.

         - Presiona el botón "OK"

       El botón tendrá esta nueva apariencia:

              

       12. Ahora, debes mejorar la apariencia de la esquina superior del
       lado derecho. Para ello, selecciona el color gris "227, 227, 236"
       y la herramienta denominada "Pen", la cual se parece a un marcador
       de punta fina. Procede entonces a colocar ese color en el recuadro
       situado al lado izquierdo del color negro. Es decir,

                         Esquina Superior Derecha

            Cambia estos valores:            Por estos:

              Gris-C Gris-0 Negro            Gris-C Gris-C Negro
              Blanco Gris-O Negro            Blanco Gris-O Negro
              Gris-M Gris-O Negro            Gris-M Gris-O Negro


       13. Procede a mejorar la apariencia de la esquina inferior izquierda
       del banner. Para ello coloca el color "227, 227, 236" en lugar del
       color gris oscuro () que se encuentra encima del recuadro negro:

                        Esquina Inferior Izquierda

            Cambia estos valores:            Por estos:

              Gris-C Blanco Gris-M           Gris-C Blanco Gris-M
              Gris-O Gris-O Gris-O           Gris-C Gris-O Gris-O
              Negro  Negro  Negro            Negro  Negro  Negro


       El banner estará casi terminado:

              

       Compara las esquinas superior derecha e inferior izquierda de este
       banner con las del banner anterior y observa las diferencias:

       Banner anterior:

              

       Banner actual:

              


       Agregando Franja Azul

       Selecciona el color azul oscuro "0, 0, 127" como color superficial
       (foreground) y traza un recuadro en la parte superior de la imagen.
       Para ello, realiza un acercamiento de 13:1 seleccionando la opción
       "Zoom In" del menú "View". Este recuadro debes iniciarlo a partir
       del cuarto recuadro, inclusive, contando desde arriba hacia abajo
       y desde la primera línea e izquierda respectivamente, de tal manera
       que éste pueda apreciarse como en la siguiente figura:

              


       Luego, procede a seleccionar la herramienta "Flood Fill", coloca el
       cursor del mouse dentro del recuadro azul y haz click para rellenar
       toda la figura:


              


       Agregando Texto

       Selecciona el color blanco como el color superficial (foreground)
       y luego apunta y click sobre el icono con la letra "T" (text) para
       activar el modo de escritura. Seguidamente, apunta el cursor sobre
       el medio de la ventana destinada al Botón. Presiona una vez (click)
       el botón izquierdo del mouse para ir al cuadro de diálogo "Add Text"
       y allí selecciona el font Bookman Old Style, el estilo Italic (Font
       Style) y asigna ocho al tamaño (Size).

       En la casilla "Text" escribe la frase: "PC Maracay" y presiona OK.
       
       Apunta y dispara nuevamente sobre la ventana que contiene el banner
       y escribe la frase: "Venezuela".

       Selecciona el color negro y apunta y dispara sobre la ventana que
       contiene el banner,   selecciona el estilo "bold" (Font Style) y
       asigna diez al tamaño (Size). Escribe la frase:

                  "Una Revista Electrónica Freeware".

       Listo! El banner tendrá ahora esta apariencia:

              

       Eso es todo, 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!