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