Tutor de Banners de la Escuela Virtual
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!