Cuando
empecé a
concebir mi
sueño de
tener mi
propia Web
pensé que
sería fácil
encontrar la
ayuda
necesaria
pues no
tenía
conocimientos
sobre los
programas
editores de
páginas Web.
Pero
lamentablemente
esa ayuda
nunca me
llegó. Tuve
que luchar
yo sola
tratando de
entender las
funciones
del Front
Page hasta
que pude
lograr
trabajar un
poco con las
tablas. No
son muchos
mis
conocimientos
y es mucho
lo
que me
falta por
aprender
pero aun
así, he
querido
realizar
este tutorial
para que
quienes
deseen
aprender
cómo montar
una Web
puedan
hacerlo sin
los miles de
inconvenientes
que tuve yo,
por no
contar con
la
orientación
necesaria.
Este
tutorial
está
dividido en
dos partes.
En la
primera
parte
diseñaremos
todo el
material que
utilizaremos
en el Paint
Shop Pro,
como los
fondos,
separadores,
botones,
tratamiento
de la imagen,
barras, etc.
Una vez
listo el
material les
diré como
manejar las
tablas en
Front Page
con todo el
material
previamente
elaborado.
En la
segunda
parte de
este
tutorial les
indicaré
algunas
funciones
básicas del
Front Page.
Trabajado en
la versión
XI
IMAGEN
PRINCIPAL
Esta será la
imagen
principal de
nuestro
diseño Web.
Baja el Zip
haciendo
clic sobre
la imagen o
simplemente
haz clic con
el botón
izquierdo
del ratón y
selecciona
la opción
"guardar
como"
Baja también
la máscara
que
utilizaremos
para darle
otro efecto
a la imagen
e instálala
según las
instrucciones
del tutorial
"Instalación
de Máscaras"
Máscara "Conte"
1.- Abre en
el psp la
imagen
2..- Aplica
el efecto de
la máscara
haciendo
clic en
CAPAS (layers)
- CARGAR O
GUARDAR
MASCARA
(load masks
from disk)
- CARGAR
MASCARA DE
ARCHIVO
(load mask
from disk)
3.- Ubica la
máscara que
bajaste que
tiene este
aspecto
4.- Clic en
aceptar y la
imagen te
quedará así
5.- En CAPAS
(layer) haz
clic en
FUSIONAR (merge)
y luego en
FUSIONAR
VISIBLE (merge
visible)
para que te
quede una
capa en
forma
transparente.
Recuerda que
estos
programas
trabajan a
través de
capas pero
luego hay
que
fusionarlas.
Cuando
queremos
transparencia
en la capa
entonces
utilizamos
esta función
FUSIONAR
VISIBLE.
En el panel
a tu derecha
de la
pantalla
podrás ver
la
representación
gráfica de
las capas.
En la imagen
n° 1 estarán
las capas
una vez
aplicado el
efecto de la
máscara. Al
fusinar
visible las
capas te
quedará como
la segunda
imagen. Por
último
deberás
hacer clic
dejando
presionado
el botón del
ratón en la
imagen que
dice
fusionada y
deberás
subirlo
hasta la
capa de
arriba a fin
de que te
quede
totalmente
fusionada la
imagen tal
como te
muestro en
la tercera
imagen.
6.- Abre
un paño
nuevo de
520 x
368
7.-
Ahora
toma la
herramienta
del
CUENTAGOTAS
(droppel
tool)
que es
la que
está
sombreada
en azul.
Esta
herramienta
te
permite
seleccionar
un color
determinado
de la
imagen
8.-
Lleva el
gotero
hasta la
superficie
de la
caja de
regalo
de la
imagen
que
estamos
trabajando
y toma
un color
gris
claro,
yo tomé
el
#e0e0de.
9.-
Cuando
seleccionas
un
color,
ese
color
lo
tendrás
en
este
cuadrito.
El
gris
que
aparece
en
el
primer
cuadrito
fue
el
que
seleccione.
10.-
Haz
clic
sobre
ese
primer
cuadrito
y te
saldrá
esta
venta.
13.- En el espacio donde dice HTML está el número del color seleccionado. En caso de que tengas otro color activo entonces pega el número del color gris que te di, el #e0e0de. Al poner el número del color que necesites inmediatamente te aparecerá el tono exacto de ese color.
14.- Toma la herramienta del bote de pintura que está sombreada en azul y que te muestro en esta imagen
15.- Tiñe el paño nuevo de 520 x 368 que creaste con el color gris que hemos seleccionado
16.- Ahora le daremos un poco de textura a esa capa gris para lo cual necesitaremos el filtro Texturizer. En caso de que no lo tengas instalado puedes bajar el zip e instalarlo siguiendo las instrucciones del instructivo Instalación de Filtros
Texturizer
17.- Clic en EFECTOS - TEXTURIZER. Te saldrá una ventana como la que te muestro en la imagen siguiente. Aplica la misma configuración. Donde dice "texture" selecciona la opción "Sandstone" y donde dice "Light Direction" selecciona la opción "Top Right" En Scaling un valor de 57 y en Relief un valor de 1
16.- Copia la imagen con la que estamos trabajando y pégala como nueva capa sobre el paño gris ya texturizado. Tendrás algo similar a ésto
17.- Ahora debemos difuminar un poco la imagen a fin de evitar los bordes cuadrados y rectos. Para ello utilizaremos el mismo brush Corel 01-027 que utilizamos en el tutorial Trabajando con Brushes o Pinceles Si no lo tienes instalado puedes bajarlo desde allí y si no sabes como utilizarlo también podrás aprender a hacerlo con ese tutorial. Una vez difuminada la imagen nos quedará así
Esta será la imagen central de diseño Web que haremos