Tutor de Banners de la Escuela Virtual

    BulletRojo Bordes Dorados (Técnica Ward 2)

       Existen varias maneras de hacer un barnner con un borde de este
       tipo:

       -  Realizar un zoom a la imagen y editar los pixels que integran
       el borde de la imagen. Este es un proceso lento, laborioso y que
       requiere dominio en el manejo de la degradación de los colores.

       -  Copiar toda la imagen desde otro banner usando la herramienta
       "Magic Wand" y las opciones Copy y Paste, y luego, eliminar todo
       el centro de la imagen usando las opciones Rectangular y Clear.
       Esta alternativa es muy sencilla y rápida, pero exige precisión
       al marcar el área de corte. Llamaremos a esta opción, copia y
       corte.

       -  Copiar el borde desde otro banner usando la herramienta "Magic
       Wand" y las opciones Copy y Paste del Edit del Paint Shop. Esta
       última alternativa es sencilla y rápida.

       En este tutorial explicaremos la segunda y tercera opción, a las
       cuales denominaremos técnicas Ward 1 y Ward2 con el objeto de
       diferenciarlas.


       Técnica Ward 2

       1. Selecciona los colores del fondo (background) y de la imagen
       (foreground). En este caso, los colores lila y amarillo. El color
       lila tendrá las caracteríticas "255, 0, 255" y color amarillo las
       siguientes: 255, 255, 0.

       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: 396 y 36, 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 "396 x 36",
       esto se debe a que luego se le agregarán bordes; en consecuencia,
       el tamaño de la imagen aumentará a cada lado en función del tamaño
       que se asigne a cada uno de ellos. De esta manera, se alcanzarán
       las medidas estandars de 400 x 40. En este ejemplo, el borde será
       simétrico y su tamaño será "2" para cada lado:

                               Top    = 2
                               Botton = 2
                               Left   = 2
                               Right  = 2
             
       Por lo tanto:

                 Ancho (width) = 396 + borde izq + borde der
                 Ancho (width) = 396 + 2         + 2

                 Alto (height) =  36 + borde izq + borde der
                 Alto (height) =  36 + 2         + 2

       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 contiene un cuadro de diálogo
       (Border size) en el cual debes prodecer de la manera siguiente:

         - Selecciona: Symmetric.

         - Escribe un "2" en Top y luego coloca el cursor del mouse en
           la casilla Bottom para que el programa llene con ese mismo
           número el resto de las casillas (left y right).

         - Presiona el botón "OK"

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

              

       5.- Capture el banner siguiente y guárdelo como dorado.gif:

              

       Para ello, coloque el cursor del mouse sobre el barnner, presione
       el botón derecho, mueva el cursor sobre la opción "Save image as"
       y click. Asumo que usted posee el Netscape, si este no es el caso,
       créame que lo siento, pero me imagino que el proceso de guardar o
       salvar un archivo debe ser parecido en otros navegadores.

       6.- Abra (File, Open) la imagen del banner dorado.gif sobre el
       escritorio del Paint Shop.

              

       7.- Seleccione la herramienta "Magic Ward" del "Select Toolbox" y
       luego apunte y disparé sobre la parte superior de la ventana que
       contiene el banner "dorado.gif" para que sea la ventana activa.

       8.- Coloque el cursor del mouse sobre el lado superior izquierdo
       del borde dorado; luego, presione la tecla "shift izq" y el botón
       izquierdo del mouse (click). Después de esto, toda el área del
       banner dorado.gif se destacará (forma punteada).

       9.- Copia la imagen seleccionada al "clipboard". Para ello, apunta
       y selecciona consecutivamente a Edit y Copy.

       10.- Apunte y disparé sobre la ventana New-1.gif para activarla.

       11.- Selecciona Image, Paste y "As New selection".

       Y listo! La imagen del banner de bordes dorados se encuentra sobre
       la  ventana New-1.gif:
       
              

       11.- Ahora selecciona la herramienta "Rectangular" de la caja de
       herramientas Select (Select Toolbox) y coloca el cursor del mouse
       sobre la posición 4,4. Estos valores, los observarás en la parte
       inferior del escritorio del Paint shop.

       Cuando el cursor se encuentre en la posición (4,4) haz click con
       el botón izquierdo del mouse y mantenlo presionado mientras llevas
       al cursor del mouse hacia la esquina inferior derecha, hasta la
       posición "391, 33" o hasta que las marcas coíncidan exactamente
       con el inicio de las líneas de los bordes del banner. Cuando esas
       posiciones encajen, suelta el botón izquierdo del mouse.

       De inmediato, podrás observar que existe un rectángulo de líneas
       punteadas que se interpone entre el borde y el cuerpo del banner.
       Apunta y dispara sobre Edit y Clear para eliminar el centro del
       banner, tal y como se ilustra en la figura siguiente:


              


       ___________

                  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!