Está en la página 1de 149

 

Para insertar las fotos en los marcos digitales, fotobordes y scraps,


Las fuentes, para ser usadas en cualquier programa, deben ser instaladas en el
sistema. Una vez instaladas podrás seleccionarlas en cualquier programa de la
misma forma que lo haces cuando deseas escribir con Arial, Time New Roman,
Comics o cualquier otra.

1.- Selecciona la fuente que deseas bajar y haz clic sobre ella con el botón
IZQUIERDO del ratón.

2.- Te saldrá una ventana con la opción de abrir o guardar. Selecciona guardar y
archiva la fuente en una carpeta que destine para ello y que luego puedas
localizar.

Antes de seguir debo hacerte la advertencia de que debes tener instalado el


WinZip. Los archivos de las fuentes, al igual que muchos otros de mi página
están comprimidos y es a través del WinZip que pondrán ser descomprimidos.

3.- Una vez bajada y guardada la fuente abre el explorador de Windows y busca
en el disco C la Carpeta Windows .

4.- Abre la carpeta WINDOWS y busca la carpeta FONT.

5.- Haz clic en la carpeta FONT. Te aparecerá a la derecha todas las fuentes que
tienes instaladas.

6.- Ahora haz clic en "Archivo" en la barra superior de herramientas

7.- Selecciona la función INSTALAR NUEVA FUENTE y se abrirá una ventana


como ésta

 
 
8.- En el espacio UNIDADES, Selecciona el disco donde archivaste la fuente (en
caso de que tengas varios)
 
9.- En el espacio correspondiente a CARPETAS, busca la carpeta donde está el
archivo de la fuente

10.- Inmediatamente en el espacio superior de la ventana te aparecerá la fuente


que deseas instalar

10.- Sombréala y haz clic en Aceptar.

Eso es todo. Ahora, abre cualquier programa y busca entre las fuentes el nombre
de la letra que instalas para asegurarte de que realmente el proceso de instalación
dio resultado.

El Paint Shop Pro hasta su versión 9 fue un programa de la casa Jasc Software Inc.Desde
hace un tiempo fue comprado por la Corel, casa que ya ha sacado al mercado las versiones
X y XI pero sin perder su ambientación ni su esencia.
 
 
El Paint Shop Pro es un maravilloso programa muy amigable por cierto y el cual nos ofrece
toda una gama de opciones que nos permiten realizar un sin fin de diseños.
A través de este programa, con el cual realizo todos mis trabajos, se puede tratar las
imágenes dándoles efectos especiales a través de su extensa colección de filtros y máscaras.
Es posible cambiar a una fotografía un cielo nublado y ponerles las brillantes nubes de
Windows.
Podemos eliminar el fondo de una imagen con la fabulosa ayuda de su "varita mágica".
Esas fotografías viejas, manchadas, deterioradas, con dobleces y quizás rotas, pueden ser
restauradas con las maravillosa herramientas que nos brinda el PSP.
Esos defectos en un rostro o quizás algunas arruguitas imprudentes, podemos eliminarlas y
lograr un rostro lozano y terso.
Con el PSP podemos realizar nuestros propios marcos digitales, aplicando nuestro propio
criterio y estilo.
El PSP tiene todas las herramientas que podría tener cualquier otro programa: En su barra
superior podemos encontrar esas funciones tan conocidas por todos
 

ARCHIVO, donde podrás abrir y guardar el trabajo.

EDICION, para copiar, cortar, pegar, deshacer etc.

IMAGEN, a través de la cual podrás girarla o voltearla cambiar su tamaño en pixeles, ver
los datos generales de una imagen y quizás algo que segura estoy utilizarán mucho en el
diseño de los marcos digitales como es la función de AGREGAR BORDES.

AJUSTAR, para mejorar las fotos o imágenes en cuanto a brillo, enfoque y nitidez

EFECTOS: Esta es una herramienta fundamental pues con ella le daremos texturas a
nuestros diseños. Una simple imagen o color puede convertirse en otra cosa con la
aplicación de alguno de estos efectos.
El programa trae muchos efectos incorporados pero dentro de ellos hay una opción muy
importante que es la de los complementos o los llamados filtros o plugins.
 Internet te ofrece la posibilidad de bajar una serie de filtros (complementos) que pueden
bajarse en forma gratuita.

Algunos filtros básicos y que yo utilizo con frecuencia son:

Eyes Candy
BordeMania
Texturizer
Filter Factory A
Super Blade Pro
Toadies
Tramages
Grafics Plus

Con estos tendrías suficiente para realizar miles de diseños.


En esta página puedes bajar muchos de estos filtros.
http://www.psptutoriales.com/filtros.php?letra=A
Para saber como instalarlos puedes ver el tutorial que he realizado para tales fines.

CAPAS. Todo programa de edición de imágenes trabaja con capas. Es una función básica y
necesaria para realizar montajes, trabajar con máscaras, fondos y textos.
Las máscaras, que se manejan también dentro de esta función de CAPAS, es una
herramienta fundamental para el tratamiento de las imágenes y para lograr fabuloso efectos
de fondos.
 También por Internet pueden bajarse diversidad de máscaras e instalarlas en el PSP.
Puedes ver también el tutorial que podrás encontrar en este espacio a fin de que sepas como
instalar las máscaras al programa.
 
SELECCION: Con las funciones de esta opción podemos contraer o expandir el área
seleccionada lo que nos permite hacer bordes,  puede ayudarnos en la incorporación de
sombras y otros efectos o bien cortar o eliminar el área seleccionada.
 
Estas han sido algunas referencias muy generales de las opciones que nos ofrece el psp y
que se ampliaran en cada uno de los tutoriales que he realizado para el manejo de esas
herramientas básicas que les permitirán iniciarse en este fabuloso mundo del diseño.
 

Los filtros, plugins o "complementos" como se les llama en la versión X son


fundamentales en el Paint Shop Pro ya que te permitirán realizar una gama de
efectos muy útiles en el desarrollo de cualquier tipo de diseño.
 
Previamente hay que instalar dos filtros comandos: el MSVCRT10.dll y el Plugin dll
los cuales se instala una sola vez y es el que permite la instalación y ejecución del
resto de los filtros que se incorporen posteriormente. Incluyo otro filtro
"bordemania" el cual será el que instalemos en este tutorial y que además es un filtro
que te será de mucha utilidad para el diseño de marcos digitales. Baja ambos filtros.
 

filtros
bordemania
comando

Es recomendable que abras una carpeta donde vayas archivando los filtros que bajes
de Internet para su posterior instalación. Esto evita también que se pierdan los filtros
si confrontamos algún problema con el programa que amerite reinstalarlo. Nunca me
ha tocado hacerlo con la versión X pero una vez tuve que reinstalar la versión 8 y
perdí todos los filtros, máscaras y brushes y muchos de ellos jamás pude
encontrarlos ya que ni sus nombres podía recordar.

                                            
Para la instalación de los filtros comandos

1.- Descomprime el zip de los filtros comandos


2.- Copia y pégalos en WINDOW - SYSTEMS32 si tienes el XP como sistema
operativo. Si tienes Windows 95 ó 98 lo pegarás en SYSTEMS
 
Para la instalación del zip "bordemania" o cualquier otro filtro o plugin

1.- Ve al Explorador de Windows y en tu disco local sigue la siguiente ruta


 Archivo de Programas - Corel - Corel Paint Shop Pro X - Complementos.
En caso de que tengas el PSP de la Jasc Software Inc. la ruta será Archivo de
Programas - Jasc Software Inc - Paint Shop Pro - Plugins
2.- abre una carpeta con el nombre de "bordemania". Esto lo hago yo para llevar un
orden y centralizar todos los componentes de un filtro en una sola carpeta.

3.- Descomprime el anexo con el filtro bordemania donde lo hayas archivado


previamente al bajarlo

6.- copia y pégalo en la carpeta que abriste con el nombre de "bordemania" dentro
de "Complementos" o Plugin del programa

7.- Abre el Paint Shop Pro

8.- Clic en Archivo - Preferencias - Ubicación de Archivos  según te muestro en esta


imagen (En caso de versiones en inglés: File - Preference - File Locations)

clic para ampliar la imagen

 
9.- Te saldrá una ventana de "Ubicación de Archivos" como la que te muestro a
continuación
 
 
clic para ampliar la imagen
 
10.- Localiza en  "Tipo de Archivo"  (File Types)  la carpeta "Complementos"
(plugin)  y haz clic en "Agregar" (Add)
 
11.- Te saldrá la ventana de "Buscar Carpeta" con tu explorador donde localizarás la
carpeta "bordemania" que abriste dentro de Complementos de la carpeta Corel psp
en Archivo de Programas.
En el caso de las versiones en inglés luego de hacer clic en "Add" debes hacer clic
en "Browse" para que salga la ventana del explorador.
 
12.- Clic en "Aceptar" de la ventana "Buscar Carpeta"  y luego clic en "Aceptar" de
la ventana de "Ubicación de Archivos"
 
El filtro deberá estar instalado y ha sido reconocido por el programa.
Para localizarlo, haz lo siguiente:
 
En la barra superior de herramientas, haz clic en Efectos - Complementos (Effects -
Plugins). Allí debe aparecer el filtro ya instalado tal como aparece en esta imagen.
Verás que todas las opciones que se pueden lograr con el bordemania no están
activas. Esto es debido a que no hay ninguna imagen abierta en el programa. Si
abres cualquier imagen verás que se activan todas las funciones del filtro.
 
 
clic para ampliar la imagen
 

Las máscaras son capas con escalas de grises. Son parecidas a un negativo y pueden
darle un efecto muy especial a los diseños.

Les muestro un ejemplo. Esta imagen que ven a continuación es uno de los tantos
tipos de máscaras que podemos encontrar
  

Si tomamos un fondo con un color cualquiera y aplicamos la máscara obtendremos


algo como lo que ven en esta imagen

      

Esto puede servirnos para la realización de algún diseño que tengamos en mente
como éste.

Otras máscaras nos ayudan a difuminar los bordes de una imagen o darles ciertas
formas eliminando sus bordes cuadrados y rectos.
Veamos otros ejemplos. Una fotografía como esta podría lucir de mil  maneras con
la aplicación de máscaras

   

El PSP trae algunas máscaras predeterminadas pero pueden conseguirse muchas


máscaras en Internet en forma gratuita.

A fin de poder aplicar una máscara es necesario instalarla en la misma forma que se
instalan los filtros. Si siguen los pasos que les doy a continuación podrán instalarlas
sin ningún problema.

1.- Baja esta máscaras y archívala en una carpeta de tu preferencia

Máscara
 
2.- Descomprime la máscara, cópiala y vas a pegarla en la carpeta que te diré a
continuación
 
3.- Ve al Explorador de Windows y en tu disco local sigue la siguiente ruta:
Archivo de programas - Corel - Corel Paint Shop Pro X - Máscaras
En caso de que tengas el PSP de la Jasc Software Inc. la ruta será:
 Archivo de Programas - Jasc Software Inc - Paint Shop Pro - Masks.

4.- Clic en Archivo - Preferencias - Ubicación de Archivos  según te muestro en esta


imagen (En caso de versiones en inglés: File - Preference - File Locations)
clic para ampliar la imagen

5.- Te saldrá una ventana de "Ubicación de Archivos" como la que te muestro a


continuación

6.- Localiza en  "Tipo de Archivo"  (File Types)  la carpeta "Máscaras" (Masks)  y
haz clic en "Agregar" (Add)
7.- Te saldrá la ventana de "Buscar Carpeta" con tu explorador donde localizarás la
carpeta "Máscaras" (Masks)
En el caso de las versiones en inglés luego de hacer clic en "Add" debes hacer clic
en "Browse" para que salga la ventana del explorador.
 
8.- Clic en "Aceptar" de la ventana "Buscar Carpeta"  y luego clic en "Aceptar" de la
ventana de "Ubicación de Archivos"
 
La máscara deberá estar instalada y ha sido reconocido por el programa.
Para localizarla, haz lo siguiente:
 
1.- En la barra superior de herramientas haz clic en Capas - Cargar o guardar
máscara - Cargar máscara de disco.
Para el caso de versiones en inglés (Layer - Save/mask - Load mask for disk
Es necesario que tengas abierto cualquier imagen o simplemente un paño nuevo a
fin de que se te activen estas funciones.
 

 
2.- Una ventana como ésta que te muestro abajo se abrirá. En el Espacio "Máscara"
haz clic en la flechita que enmarco en rojo.
Se te desplegarán las diferentes máscaras que tienes instaladas.
Selecciona la máscara que habías bajado y te quedará seleccionada tal como te
indica esta imagen.
 
 
3.- En "Opciones" tienes la posibilidad de invertir la transparencia según tus
requerimientos activando la casilla-
 
4.- Cuando vayas a aplicar la máscara al fondo o imagen que tienes abierta en el
programa solo tienes que hacer clic en "Aceptar"

 
En el panel o paleta de Materiales encontrarás todo lo necesario para darle color y
texturas a tus diseños. Cuando necesites aplicar cualquier de los pinceles para
rellenar o dibujar, es en el panel de materiales donde podrás seleccionar el color o la
textura que desees.
 
SELECCIONANDO UN COLOR
 
Para seleccionar un color específico utilizaremos la herramienta del "Cuentagotas".
Es la que está sombreada en la imagen que te muestro abajo.
 

 
1.- Haz clic sobre ella para tomarla. Verás que el puntero adopta la forma del
cuentagotas.
2.- Lleva el cuentagotas hasta el color que necesitas seleccionar en la barra de
colores del panel y cuando creas haberlo encontrado haz clic en ese punto.
3.- Al hacer clic verás que el cuadrito superior toma el color que ya habías elegido.
En caso de que no sea esa la tonalidad deseada solo repite la operación pasando el
cuentagotas por sección donde consideres está el color que buscas.
 

 
4.- Con el color seleccionado ahora puedes rellenar un paño o un espacio utilizando
la herramienta del "Bote de Pintura" la que te señalo sombreada en azul en esta
imagen.

 
5.- Abre un paño de cualquier tamaño, toma el bote de pintura y haz clic sobre el
paño. Verás que todo el paño se rellena con el color seleccionado en el cuadrito
superior del panel de materiales.
 
En caso de que vayas a dibujar con el aerógrafo o cualquier otra herramienta de
dibujo, ya sabes que los colores los activarás en este panel de materiales.
 
LOS NUMEROS DE LOS COLORES
 
Cada color tiene una numeración que los identifica. Esto permite poder localizar un
tono de color con toda exactitud. Haremos un ejemplo.
 
1.- Toma el cuentagotas, llévalo hasta un color determinado y haz clic para que te
salga el color elegido en el cuadrito superior.
 
2.- Te saldrá una ventana como la que te muestro aquí abajo.
 
3.- Verás que tiene tres pestañas en su parte superior. Selecciona la pestaña "Color"
 

 
4.- En la parte inferior de esta misma ventana en la casilla HTML verás escrito un
número. El #068806 es exactamente el número del tono de verde que hemos
seleccionado para este ejemplo.
 
Si por alguna razón has perdido la tonalidad que estabas usando en un trabajo, solo
tienes que tomar el cuentagotas y hacer clic sobre ese color y de inmediato lo
tendrás de nuevo activado en tu panel de materiales.
 
En caso de que estés haciendo un trabajo en otro programa puedes tomar desde allí
el número del color, lo copias y lo pegas en el espacio correspondiente y obtendrás
el color con la tonalidad exacta.
 
GRADIENTES O DEGRADE
 
En la misma ventana de Propiedades de los Materiales tienes la opción de rellenar o
pintar con degradé.
 
1.- Haz clic en la pestaña "Gradiente"
 

 
 
2.- Luego haz clic en la marquita negra que te señalo con la flecha verde
y se desplegará una ventan como la que te indico abajo con los diferentes degradé
que vienen en forma predeterminada y aquellos nueves que tu realices. Si haces clic
en alguno de ellos, se activará ese degradé en el cuadrito superior del panel de
materiales y está disponible para que puedas rellenar o dibujar con él.
 
 
Puedes realizar tus propios degradé. Haremos un ejemplo.
1.- Haz clic en "Editar" justo donde te señalo con la flachita azul
 

 
2.- Te saldrá una ventana como la que te muestro abajo
 
 
3.- Haz clic en "Nuevo" y te saldrá esta otra ventana donde le darás un nombre al
nuevo degradé que harás.
 

 
4.- Volviendo a la ventana de "Editar gradientes" haz clic en cada flechita de la barra
y selecciona los colores que desees según tu diseño.
Según nuestro ejemplo se obtendrá algo así
 

 
5.- En "Propiedades del material" puedes cambiar el ángulo y el número de
repeticiones de la onda donde te señalo con los recuadros azul y verde
 
 
Aplicando esos valores entonces obtendrás ésto
 

 
 
TRAMAS O PATTERNS
 
Otra opción que puedes utilizar para tus diseños está en la última pestaña "trama".
Haz clic allí y luego en la flechita negra que está al lado del cuadrito lila y se
desplegará una ventana con todas las texturas que tengas instaladas igual a la
ventana de la derecha.
 
     
 
 
RELLENAR CON TEXTURA
 
Este panel de Materiales te ofrece también la opción de darle algo de textura al color
que hayas seleccionado. Te diré como.
 
1.- Haz clic en el cuadrito superior del panel (primera imagen de este tutorial). Te
saldrá la ventana de "Propiedades del material"
 
2.- Activa "textura" haciendo clic en el cuadrito blanco. Te lo señalo dentro del
recuadro en azul
 
 
 
3.- Haz clic en la flechita negra que te marco dentro del círculo azul y se te
desplegará una ventana como esta.
Allí seleccionarás el tipo de textura que te de el efecto que desees lograr.
 
 

 
4.- Observa bien la imagen de abajo. Haz clic en el icono de textura que te marco
dentro de un círculo azul. Esto le dará a tu color seleccionado la textura que deseas
aplicar.
 
5.- Ahora haz clic en el icono de transparencia que te encierro en círculo lila.. Es
necesario que el cuadro inferior esté transparente para que no afecte la textura que
daremos.
 

 
6.- Cuando rellenes un paño con el color y la textura que hemos escogido tendremos
algo así
 
clic para ampliar la imagen
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 
 
SOBRE LOS TUBES
 
Los Tubes son imágenes transparentes que pueden ser insertados
sobre cualquier textura permitiendo que se luzcan todos sus
contornos. En este ejemplo pueden ver claramente la diferencia.

Los tubes son realmente archivos que solo pueden utilizarse en el


psp. Sin embargo está la opción de guardarlos en png y de igual
manera pueden ser instalados y utilizados en el psp.
 
HERRAMIENTAS
 
El Programa viene con algunos tubes ya incorporados. A fin de
poder activar esta herramienta primero tienes que abrir un paño
nuevo. Luego haz clic en el icono identificado con la flecha lila, se
te activará de inmediato la ventana que indica la flecha azul.
 
 

 
Ahora haz clic en la flechita negra al lado de la mariposa que, en
nuestro ejemplo, es el tube que tenemos visible. Se te desplegará
una ventana, como la que te muestro a continuación, con todos los
tubes que trae el psp más aquellos que vayas instalando
posteriormente.
 

 
 
USO DE LOS TUBES
 
Selecciona el tube de la mariposa y luego haz clic sobre el paño
para obtener la imagen. Hay tubes como en el caso de la mariposa
que cada vez que hagas clic te saldrá una mariposa distinta.
Recuerda que en estos programas se trabaja por capas por eso debes
seleccionar una capa nueva por cada tube que coloques en un
mismo paño. De esta manera podrás luego mover cada uno de ellos
por separado y ubicarlos donde lo requieras.
 
 
 
Es posible que no sepas de que se trata la imagen que te muestro
abajo.

 
Pero si dejas presionado el botón del ratón obtendrás ésto.
 
 

 
INSTALACION DE LOS TUBES
 
Particularmente te recomiendo que no instales muchos tubes si no
es necesario.
Puedes tener una carpeta fuera del programa con los tubes que
vayas adquiriendo y utilizarlos directamente desde esa carpeta
simplemente abriéndolos en el psp. De esta forma no congestionas
el programa que podría ponerse muy pesado en la medida que lo
recargues con grandes cantidades de tubes.
Sin embargo en ocasiones, es necesario hacerlo para poder lograr
los efectos de los ejemplos anteriores.
 
En caso de que hayas bajado un tube de Internet o bien lo hayas
hecho tú y desees instalarlo, haz lo siguiente
 
1.- Abre el tube en el psp
2.- Clic en Archivo - Exportar - Tubo de imagen. En el caso de las
versiones en inglés:  File - Export - Picture tube
 

 
Te saldrá una ventana como ésta
 
 
3.- En el espacio "Nombre de tubo" asígnale un nombre a tube para
guardarlo
 
4.- Ahora verifica que el tube haya quedado instalado activando la
herramienta tube y buscándolo en la ventana donde están expuestos
todos los tubes instalados en el programa tal como te mostré en
imágenes anteriores.
 
Ahora ya puedes utilizar los tubes para cualquier tipo de diseños
que tengas proyectado. Por ejemplo todas las figuritas que adornan
mis marcos digitales son tubes al igual que muchos de los diseños
de cada página de mi Web

 
 

Con la herramienta de texto podemos escribir títulos o párrafos. Al


igual que en otros programas tiene la opción de escoger el tipo de
fuente, su tamaño, color o textura. Hagamos un ejemplo.

1.- Abre un paño del tamaño que requiera el texto que vas a escribir. En
nuestro caso será de 380 x 110

2.- Tíñelo del color o texturas según el diseño que estés elaborando. Yo
lo he teñido con el mismo verde que estoy utilizando este tutorial 
#688347
3.- Escribiremos el texto con letras blancas por eso debes seleccionar el
color blanco en ambos cuadritos

4.- Haz clic en la herramienta texto. En casi todos los programas esta
herramienta viene bajo un icono con la letra A. Es la que te indico
sombreada en azul en esta imagen

5.- Añade una nueva capa sobre el paño ya teñido donde escribirás el
texto

6.- Selecciona el tipo de fuente y el tamaño que desees

7.- Haz clic sobre la nueva capa

8.- Te saldrá este cuadrito

9.- Escribe dentro del cuadrito el texto que requieras y cuando tengas la
seguridad de que está bien lo que escribiste, haz clic en APLICAR

10.- Automáticamente te saldrá sobre el paño el texto que escribiste.

11.- Verás que las letras están bordeadas por líneas pespunteadas en
movimiento. Estando así tienes la oportunidad de texturizarlas o
biselarlas. En este primer ejercicio las dejaremos sin ningún tipo de
efecto. La idea es que sepas como incluir textos en psp

12.- Aplica un poco de sombra haciendo clic en EFECTOS -


EFECTOS 3D - SOBRA y dale esta configuración

13.- Para quitar las líneas pespunteadas, haz clic en SELECCION -


ANULAR SELECCION

14.- Toma la herramienta MOVER y ubica el texto en el lugar exacto


del paño donde quieres que esté. Quedará así
Cuando las fuentes utilizadas son más gruesas puedes rellenarlas con
patterns, texturizarlas con el apoyo de los diferentes filtros o
simplemente biselarlas. Todo depende de tu criterio y los
requerimientos del diseño que estés elaborando

 
 

Los brushes o pinceles son herramientas que permiten realizar una


gran variedad de efectos. Con ellos se pueden realizar pinceladas con
el aerógrafo utilizando colores o texturas. Pero también pueden ser
utilizados para borrar  un área de una imagen para hacerla transparente
o bien para  para eliminar las líneas rectas borrando sus bordes y
difuminando los contornos de la imagen

En este tutorial difuminaremos una imagen aclarando sus bordes y


tomaremos un área en particular que nos pueda servir como imagen
principal de algún proyecto.

1.- Haz clic sobre la imagen para que la bajes a tamaño real.

2.- Aplica la máscara Conte que ya debes haber bajado e instalado


cuando hiciste el tutorial  Instalación de Máscaras  Te quedará de esta
forma

 
 

3.- Aplica una nueva capa

4.- Ahora toma la herramienta del CUENTAGOTAS (droppel tool)


que es la que está sombreada en azul en la imagen que te muestro
abajo. Esta herramienta te permite seleccionar un color determinado de
la imagen

5.- Lleva el gotero hasta las zapatillas para tomar un tono rosado claro.
Para este ejemplo tomé el color #e4cfd0

6.- Cuando seleccionas un color, ese color lo tendrás en este cuadrito.


El rosado que aparece en el primer cuadrito fue el que seleccione.

7.- Haz clic sobre ese primer cuadrito y te saldrá esta venta.
 

8.- 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 rosado que te di, el  #e4cfd0.  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

5.- Tiñe la nueva capa que agregaste con el color que te indico o bien
con el que hayas seleccionado.

6.- Envía hacia al fondo la capa que acabas de teñir haciendo clic en
CAPAS - ORGANIZAR - ENVIAR AL FONDO. En inglés: Layers -
Arrange - Send to bottom

7.- Activa la imagen de la zapatilla y reduce un poco su tamaño. Te


quedará algo como ésto

8.- En este momento difuminaremos la imagen borrando las líneas


rectas de sus bordes para ello vamos a necesitar este brush. Esta es su
apariencia.

Es posible que el programa ya lo traiga instalado. En caso de que no lo


tengas baja el zip, descomprímelo, cópialo y pégalo en la carpeta
BRUSES O PINCELES (según la versión del programa) del psp en
ARCHIVOS DE PROGRAMAS en el disco C

 
brush "corel 01-027"
 
9.- Sigue los mismos pasos para la instalación de filtros y máscaras
sólo que esta vez, después de hacer clic en ADD buscarás en el
explorador la carpeta BRUSHES o PINCELES  en vez de MASKS o
FILTER.
 
10.- Luego, en el psp, haz clic en el lapicito que es el borrador y te
saldrá una nueva barra de herramientas como la que indico enmarcada
en rojo en esta imagen
 

11.- En el primer cuadrito de la izquierda verás un circulito muy


clarito. Ese es el brush que vamos a utilizar

12.- Haz clic en la flechita al lado del cuadrito y se desplegará esta


ventana con los diferentes brushes que tienes instalados.

 
Es allí donde podrás seleccionar la máscara que requieras según el
efecto que desees darle al diseño. Para nuestro ejemplo seleccionaras
el brush que te indico bajo un recuadro gris. Haz clic en aceptar y ya
tendrás activado el brush.

13.- Si observas la imagen inferior verás que en la barra superior están


dentro de recuadro azul los valores de la configuración del brush. Dale
los mismos valores. Según tus requerimientos puedes aumentar o
disminuir el tamaño del brush y así mismo puedes aumentar o rebajar
la presión o la fuerza del brush cambiando el valor de la casilla
"PASO"

13.- Con el lapicito seleccionado borraremos suavemente los bordes de


la imagen según lo que querramos destacar de la imagen. Una vez
difuminado los bordes es posible que aun nos queden bordecitos rectos
que no fueron borrados por lo suave del brush. Tomaremos entoces un
brush tipo círculo para terminar de borrar cualquier huella de las rectas
de los bordes. Te quedará algo así

14.- También puedes seleccionar solamente las zapatillas en caso de


que el resto de la imagen no te interese. Utilizando el mismo brush
podrás ir borrando el cuadrito de los osos y las flores para lograr ésto

El Efecto Seamless o Mosaico Integrado es aquel capaz de reproducir varias veces


una imagen. Puede lograrse el efecto a través de las esquinas o bien en forma
vertical u horizontal.
Utilizaremos esta imagen para hacer varios ejemplos.

1.- Copia y pega la imagen en tu psp

2.- Haz clic en Efectos - Efectos de la Imagen - Mosaico integrado.


En versiones en ingles: Effects - Image Effects - Seamless tilin

3.- Te saldrá una ventana como esta. Para lograr el primer ejemplo de Seamless vas
a darle la misma configuración que te aparecen en "Metodo de Mosaico" y
"Dirección. y lograremos un mosaico partiendo de las esquinas de la imagen
4.- Clic en "Aceptar" para aplicar el efecto y te quedará una imagen como ésta
Cuando a través del panel de "Materiales" o Patterns rellenas un paño de mayor
tamaño tendrás este efecto.

5.- También se puede lograr un efecto horizontal si das la siguiente configuración


6.- Entonces tendrás algo así
7.- Pero también puedes darle un efecto vertical el cual se usa mucho para los bordes de los
fondos para carta (Stationary) si estableces estos valores

8.- Te quedará una imagen como ésta


Cuando rellenes un paño te quedará algo así.

 
 

 
 
Siguiendo con mucha atención los pasos que te daré a continuación podrás diseñar
tus propios marcos digitales.
Este es el marco que haremos
 

 
Vamos a necesitar
 

 
Tube Pierrot
 

 
Filtro
Pixellisation-Exagerate
 
 
1.- Abre un paño de 500 x 640 pixeles y tíñelo de blanco
 
2.- Haz clic en Imagen - Agregar bordes tal como te muestro en el siguiente
ejemplo. En versiones en ingles: Image - Add borders
 
 
 
Te saldrá una ventana igual a ésta
 

 
3.- El número que aparece en las cuatro barras indican el grosor del borde vamos a
aplicar. En este ejemplo le daremos un ancho de 10 pixeles.
 
4.- En el color seleccionaremos el número #828da1
 
5.- Clic en "Aceptar"
 
6.- Toma la varita mágica y haz clic sobre el borde azul que acabamos de agregar.
Verás que todo el borde queda dentro de líneas pespunteadas como hormiguitas
 
 

 
7.- Clic en Efectos - Efectos 3D - Bisel interior, según te muestro en la imagen
inferior.  En versiones en inglés: Effects - 3D effects - Inner Bevel. Con esto
lograremos un efecto biselado.
 
 
 
8.- Te saldrá una ventana como la que te muestro abajo y en ella dale exactamente
esta misma configuración
 

 
9.- Ahora eliminaremos las hormiguitas haciendo clic en Selecciones - Anular
selección. En inglés: Selections - Select none
 
 
10.- Aumentaremos otro borde siguiendo las indicaciones del
Paso 2 pero esta vez le daremos para el ancho del borde 20 pixeles y
seleccionaremos el color blanco.
 
11.- Clic en Aceptar
 
 
12.- Seleccionaremos el borde blanco con la varita mágica
 
13.- En el panel de materiales seleccionaremos en el cuadrito superior exactamente
el mismo tono de azul ( #828da1 )
 

 
14.- Haz clic en la herramienta de Bote de pintura que te señalo a continuación
sombreada de azul
 
 
15.- Rellena el borde blanco que tenemos rodeado con las hormiguitas con nuestro
color azul
 
16.- Clic en Efectos - Efectos 3D - Bisel interior, según la imagen que se muestra en
el Paso 7 a fin de biselar el borde.  En versiones en inglés: Effects - 3D effects -
Inner Bevel.
 
17.- Agregaremos un nuevo borde siguiendo las instrucciones ya dichas sobre como
agregar bordes y le daremos un ancho de 10 pixeles (igual que la del primer borde
que hicimos) y tomaremos el color blanco
 
18.- Luego lo seleccionamos con la varita mágica y lo rellenamos con el mismo
color azul.
 
19.- Aplicaremos el biselado de la misma forma y con la misma configuración de los
biselados que aplicamos anteriores.
Hasta los momentos debemos tener algo así.
 

 
20.- Agregaremos un borde con un ancho de 30 pixeles pero esta vez
seleccionaremos un tono rosa será el #f3e1d5
 
21.- Selecciona este nuevo borde con la varita mágica para aplicar el siguiente
efecto:
Clic en Efectos - Explorador de efectos. En inglés Effect - Effect browser. Se te
abrirá una ventana como ésta
 

 
22.- Busca en el explorador de efectos "Ajustes predefinidos - Agregar o quitar
ruido - Agregar ruido y selecciona el efecto que te muestro sombreado en la imagen
superior. Clic en Aceptar.
 
23.- Ahora daremos un poco de profundidad a este borde, para ello haz lo que te
indico ahora
Clic en Efectos - 3D - Corte. En inglés: Effects - 3D Effects - Cutout.
Ajusta los valores según la configuración que te indico en esta imagaen.
 

 
Ahora tendremos una imagen parecida a la que te muestro abajo
 

 
 
24.- Agrega un un nuevo borde con un ancho de 10 pixeles y establece el color azul,
el mismo que hemos estado usando. Este borde no lo biselaremos.
 
25.- Agrega otro borde pero a éste dale un ancho de 50 pixeles y selecciona el color
blanco pues lo rellenaremos con una textura que vamos a realizar ahora.
 
26.- Abre el el tube de la pierrot.
 
27.- Agrega una nueva capa haciendo clic en Capas - Nueva capa de tramas. Tal
como te muestro en la siguiente imagen. En inglés Layers - New raster layer.
 

 
28.- Te saldrá un ventana como esta. Solo haz clic en aceptar y de esta manera ya
tendrás una nueva capa añadida
 

 
29.- Tiñe esta capa del mismo color azul  (#828da1), es el mismo tono de nuestros
primeros bordes. Para ésto utiliza la herramienta del Bote de Pintura. Solo tienes que
hacer clic y verás que la nueva capa se tornará azul.
 
30.- Envía esta capa al fondo a fin de visualizar al pierrot. Para esto haz clic en
Capas - Organizar - Enviar al fondo. Tal como te muestro en la imagen de abajo. En
inglés: Layers - Arrange - Send to bottom
 
 

 
Si observas esta imagen verás  en el panel de la derecha las dos capas que tenemos
en el paño y que debemos fusionar
 
 

 
31.- Fusiona ambas capas haciendo clic en Capas - Fusionar - Fusionar todo. En
inglés: Layers - Marge - Marge All. En la imagen de la izquierda te especifico su
ubicación.
Al aplicar esta función verás, como te muestro en la imagen de la derecha, que  en el
panel nuestra imagen se ha convertido en fondo al quedar ambas capas fusionadas
 

 
 
32.- Ahora le daremos a esta imagen un efecto Seamlees. Para ello haz clic en
Efectos - Efectos de la imagen - Mosaico integrado (ver imagen de la izquierda). En
inglés: Effects - Image effects - Seamlees tiling. Luego de aplicar el efecto
obtendremos algo parecido a la imagen de la derecha
 
  
 
33.- A esta nueva imagen que tenemos le daremos otro efecto. Haz clic en Efectos -
Complementos - Pixellisation - Xaggerate.
Te saldrá una ventana como la que te muestro a continuación y configúrala con esos
mismos valores
 

 
Al aplicar este efecto nuestra imagen quedará de esta forma
 

 
34.- En el panel de materiales, haz clic en el cuadrito superior y te saldrá una
ventana como esta. Haz clic en la pestaña Trama y en la flechita negra al lado del
cuadrito de la izquierda. Se te desplegarán todos los patterns o materiales que tienes
instalados. Localiza entre ellos nuestra imagen con los efectos que hemos aplicado.
Selecciónala y dale los valores que te indico en cuanto a un ángulo de 81 y una
escala de 100. Cuando bajas la escala, la imagen de la textura seleccionada será
mucho más pequeña.
 

 
35.- Haz clic en aceptar y aparecerá nuestra textura en el cuadrito superior del panel
de materiales
 

 
36.- Ahora rellena con esta textura el último borde que habíamos añadido con ancho
de 50 pixeles. Recuerda que tienes que aplicar la varita antes de rellenarlo.
 
37.- Biselaremos ahora el borde haciendo clic en Efectos - Efectos 3D - Bisel
interior. (Effects - 3D Effects - Inner Bevel)
 
38.- Agrega un nuevo borde con un ancho de 10 pixles y selecciona el color azul.
 
39.- Selecciona este último borde con la varita mágica para biselarlo con la misma
configuración que hemos utilizado en los otros, pero reduce a 5 su nivel de
tolerancia. Aquí te muestro enmarcado en rojo donde pondrás ese valor. El nivel de
tolerancia te marca la distancia hasta donde el efecto causará su efecto. Debemos
reducir en este caso el nivel de tolerancia a fin de que al aplicar la varita mágica no
tome los azules del borde anterior.
 

 
 
40.- Ahora eliminaremos el fondo blanco central para hacerlo transparente y poder
insertar luego la fotografía. Para ello tenemos que convertir el marco en capa ya que
hasta este momento es un fondo o background. Para convertirlo en capa solo haz clic
sobre el marco. Verás en el panel de la derecha que la imagen del marco no dice
"fondo" sino "trama" que es igual que capa.
Ahora toma la varita mágica y haz clic en el fondo blanco para seleccionarlo.
 
41.- Elimina el fondo cortándolo o simplemente eliminándolo con la tecla "supr".
 
52.- Pondremos ahora un poco de sombra en los bordes interiores.
Haz clic en Efectos - 3D efecto - Corte y dale esta configuración
 
 
53.- Elimina las hormiguitas haciendo clic en Selecciones - Anular selección
 
54.- Lo único que nos queda por hacer es colocar el tube en una de sus esquinas.
Elimina todos los efectos que hicimos a la pierrot para obtener de nuevo el tube.
Cópialo y pégalo sobre el marco.
 
55.- Dale un poco de sombra al tube haciendo clic en Efectos - Efecto 3D - Sombra
y dale estos valores
 

 
55.- Fusiona todas las capas pero de manera visible. Esto lo logras haciendo clic en
Capas - Fusionar - Fusionar Visible, tal como te muestro aquí
 

 
56.- Terminado el marco debes guardarlo en archivo png. Este archivo mantendrá la
transparencia del marco a fin de que luego puedas insertar la foto detrás de sus
bordes.
 

 
Ahora podrás enmarcar la foto que desees
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Los Stationary son aquellos fondos que pueden utilizarse para


escribir correos a través de mensajerías como el Out Look. Sin
embargo pueden ser utilizados también como fondos Web en
programas editores como el Front Page o bien en cualquier otro
programa como Word siempre que previamente se configure la
función para tales fines.
Realizaremos a través de este tutorial este fondo
 

 
Necesitaremos el siguiente material
Tube Fachada
 

Filtro Texturizer
 
 
1.- Descomprime el zip de la fachada, ábrelo en el psp y saca un
duplicado presionando las tecla Shift y la correspondiente a la letra D.
De esta forma proteges la imagen evitando que al guardarla sustituyas
ese archivo por uno nuevo. Además tendrás disponible el tube para
cuando lo vayamos a necesitar.
2.- Agrega una nueva capa haciendo clic en Capas - Nueva capa de
tramas. Tal como te muestro en la siguiente imagen. En inglés
Layers - New raster layer.
 

 
3.- Te saldrá un ventana como esta. Solo haz clic en aceptar y de
esta manera ya tendrás una nueva capa añadida al paño del tube.
 
 
4.- Tiñe esta capa con un color verde. En este caso el #626a55.
Para ésto utiliza la herramienta del Bote de Pintura. Solo tienes que
hacer clic y verás que la nueva capa se tornará verde
 
5.- Envía esta capa al fondo a fin de visualizar la fachada. Para
esto haz clic en Capas - Organizar - Enviar al fondo. Tal como te
muestro en la imagen de abajo. En inglés: Layers - Arrange - Send
to bottom
 

 
6.- Ahora debes fusionar las capas haciendo clic en Capas - Fusionar
- Fusionar todo. En inglés: Layers - Marge - Marge All.
 
7.- Ahora le daremos a esta imagen un efecto Seamlees. Para ello
haz clic en Efectos - Efectos de la imagen - Mosaico integrado (ver
imagen de la izquierda). En inglés: Effects - Image effects -
Seamlees tiling. Luego de aplicar el efecto obtendremos algo
parecido a la imagen de la derecha
 
 

 
8.- Abre un paño nuevo de 1024 x 300 pixeles
9.- copia la imagen anterior y pégala en el nuevo paño
 
 

10.- Aplica la herramienta Selección  


 
11.- Estira la imagen hacia los lados para cubrir toda el área del
paño para obtener ésto
 

 
12.- Añade una nueva capa siguiendo los pasos 2, 3, y 4
 
13.- Tendremos entonces en el paño dos capas la primera de ellas
es la verde. Ve al panel de la izquierda y donde dice Trama 1, la
cual te identifica la capa verde haz clic sobre ella
 

 
14.- Te saldrá una ventana como la que te muestro a continuación.
 
 
15.- En Opacidad, dale un valor de 80 poniendo directamente el
número o bien moviendo a la izquierda la barrita inferior. Luego
clic en Aceptar para obtener una imagen como ésta.
 

 
16.- Ahora aplica el filtro texturizer que ya debes haber instalado.
Búscalo haciendo clic en Complementos - Texturizer. Te saldrá
una ventana igual a la que te muestro abajo y dale exactamente la
misma configuración. Después, clic en Aceptar
 

 
 
17.- Copia el tube y pégalo en el lado izquierdo de nuestro paño.
18.- Fusiona todas las capas. Esto lo logras haciendo clic en Capas
- Fusionar - Fusionar todo.
19.- Ahora haz clic en Efectos - Efectos de la imagen pero en esta
oportunidad haremos un Seamless vertical. Para ello utiliza la
siguiente configuración.
 
 
20.- Clic en Aceptar y  tendremos nuestro fondo para carta o
Stationary listo para utilizar en el Out Look
 

Un tag es un conjunto de elementos o imágenes que al combinarse con capas con


diferentes texturas y filtros dan un aspecto como este ejemplo que será el que
utilizaremos para la realización de este tutorial.

Para la realización de este tag necesitaremos el siguiente material

Imágenes
 

ormentesfilter
 

Máscara y fuente
 
 
Luego de bajar el material que utilizaremos deberás instalar el filtro, la máscara y la
fuente siguiendo los pasos que te indico en los tutoriales correspondientes.
Descomprime también la imagen y guárdala en una carpeta de tu preferencia

1.- abre un paño de 530 x 400


2.- Copia y pega  el color  #6C958D en el panel "Materiales" según te indico aquí
 

 
 
3.- haz clic en la pestaña "degradé" con el color anterior y para el color del centro 
#B8D8CB. Para hacer un degrade puedes ver los pasos en el tutoroial  "Panel de
Materiales"
 
4.- Configúralo con estos valores Angulo 47 y 2 en "Repetición"
 
 
5.- rellena el paño con este degrade
6.- Busca dentro el filtro que bajaste (Ormentes) el efecto MIROPADS y dale esta
configuración.
 

 
7.- Clic en Ok y te quedará el paño igual que la vista previa de la imagen anterior
 
8.- busca la máscara que te mandé e instálala siguiendo los pasos del tutorial 
"Instalación de Máscaras"
Si ya la instalaste haz clic en Capas - Cargar o guardar máscara - Cargar máscara de
disco. En versión en inglés Layer - Load / Savemask - Load Mask From Disk
Te saldrá una ventana como la que te muestro más abajo. Haz clic en la flechita del
cuadrado derecho, busca la máscara y activa la casilla "Invertir Tranparencia"
(Invert Transparency)  y después clic en "Cargar" (Load)
 

 
 
La textura y efecto del paño te quedará así
 

 
 
 
9.- Fusiona de forma visible las capas haciendo clic en Capas - Fusionar - Fusionar
Visibles. En inglés: Layer - Marge - Merge Visible

10.- Dale sombra haciendo clic en Efecto - Efecto 3D - Sombra. En ingles: Effect -
3D effect - Drop Shadow y aplica esta configuración
 
 
11.- Agrega una nueva capa haciendo clic en Capas - Nueva capa de tramas. Tal
como te muestro en la siguiente imagen. En inglés Layers - New raster layer.
 

 
12.- Te saldrá un ventana como esta.
 
 
Solo haz clic en aceptar y de esta manera ya tendrás una nueva capa añadida

12.- Toma nuevamente el degrade que habíamos hecho pero ahora dale un ángulo de
90 y dale una repetición de 6
 
 

 
13.- Rellena la nueva capa que agregamos al paño.
 
14.- Envía esta capa al fondo es decir la nueva capa que agregamos. Para esto haz
clic en Capas - Organizar - Enviar al fondo. Tal como te muestro en la imagen de
abajo. En inglés: Layers - Arrange - Send to bottom
 
 

15.- Abre la imagen del rostro de la mujer cópialo y pégalo en el paño


16.- Ahora lo enviaremos una capa más abajo haciendo clic en Capas - Organizar -
Bajar. En inglés: Layer - Marge - Move Down y obtendrás algo como lo que te
muestro en esta imagen.

17.- Ahora haz clic sobre la imagen para activar nuestra primera capa.

18.- Vamos a aclarar esta capa para dejar ver un poco más el rostro. Lo
haremos de la siguiente manera. Clic en Capa - Propiedades. Te saldrá una
ventana como la que te muestro a continuación y en Opacidad dale un valor
de 54
Haz clic en aceptar y obtendrás algo así

18.- Ajusta el tamaño del rostro según te muestro en la imagen y ve dándole


a las capas las transparencias necesarias hasta que luzca de una forma
similar.
 
En este tutorial haremos un fotoborde como el que te muestro en esta imagen.

 
Material
 
Imagen de las flores

Pincel "Pelusa Suave"

 
1.- Abre un Paño de 795 x 567 pixeles aproximadamente.
2.- Tiñe el paño de color #c3b4ad
3.- Haz clic en Efectos - Efectos de Textura - Persianas tal como te lo indico en esta
imagen.
 
 
4.- Te saldrá una ventana en la cual le darás la siguiente configuración
 

 
Te quedará el paño con este efecto.
 
 
 
 
 
5.- Abre el archivo de la imagen de las flores, copia y pégala como "nueva capa" sobre el
paño para obtener ésto
 

 
6.- Ahora quitaremos un poco los bordes de la imagen de las flores para difuminarla con el
fondo. Para eso toma la herramienta del borrador que es la que te muestro enmarcada en
rojo en esta imagen.
 

 
7.- Selecciona el pincel (brush) "Pelusa Suave" En caso de que tu versión no lo traiga
incorporada, instálalo siguiendo prácticamente las mismas instrucciones de como instalar
los filtros. Puedes ver estos pasos aquí. La única diferencia es que tendrás que ubicar el
archivo en la carpeta "pinceles" y en vez de la de "filtros".
Seleccionaras el pincel Pelusa Suave según te indico en esta imagen.
 

 
Una vez que selecciones el pincel Pelusa Suave dale esta configuarción
 

 
Al difuminar la imagen te quedará mas o menos así.
 
 
 
8.- Ahora haremos unos bordes decorativos aunque si lo desean pueden dejarlo tal como
está. Para agregar nuestro primer borde haz clic en Imagen - Agregar bordes, según te
indico en la siguiente imagen.
 

 
9.- Se te abrirá una ventana como esta que te muestro abajo y dale la misma configuración
seleccionando un ancho de borde 10 pixeles en forma simétrica.
 
 
10.- Selecciona el borde blanco con la varita mágica con tolerancia 5  y tíñela con color
#d19891
 

 
 
11.- Biselaremos cada borde, siguiendo estos pasos. Clic en Efectos - Efectos 3D - Bisel
interior
 
 
12.- En la ventana que se te abrirá ajusta la configuración según lo indica esta imagen
 
 
 
13.- Agrega otro borde siguiendo los pasos N° 8 y 9 pero esta vez dale un ancho de 25
pixeles.
 
14.- Aplica el mismo color  #d19891
 
15.- Bisela el borde con la misma configuración del borde anterior.
 
16.- Agrega un último borde tal como lo hiciste en los dos anteriores y dale un ancho de 10
pixeles, el mismo ancho del primer borde y obtendrás ésto
 
 
 
17.- Antes de continuar debemos convertir este fondo en capa o trama. Si te fijas en estas
imágenes verás que en la primera de ellas dice fondo y en la segunda dice trama 1. Pues
bien, ésto lo lograremos simplemente haciendo clic sobre nuestro fondo o backgraund.
Necesitamos convertir el fondo en capa para poder luego cortar el espacio donde irá
insertada la foto.
 

  
 
18.- Ahora haremos el recuadro donde irá la fotografía. Para ello usaremos la función
"selección" que encontrarás en el mismo grupo donde se ubica la varita mágica y que en
esta imagen se encuentra sombreada en azul. Haz clic en Selección para tomar esta
herramienta.
 
 
18. Haz un rectángulo sobre nuestra capa, antes fondo según el tamaño que lo desees. En
este ejemplo lo haremos así
 

 
19.- Ahora borraremos el centro de la selección. Esto lo podemos lograr de dos maneras.
Una es haciendo clic en Edición - Cortar y otra simplemente apretando la tecla "Supr"
 
20.- Fusiona las capas haciendo clic en Capas - Fusionar - Fusionar todo tal como te lo
señalo aquí
 
 
21.- Te quedará así
 

 
22.- Ahora haremos el pequeño borde que rodeará la fotografía haciendo clic en
Selecciones - Modificar - Contraer.
 
 
23.- Te aparecerá una ventana como esta. Allí darás un ancho al borde 10 pixeles y haz clic
en aceptar.
 

 
24.- Corta de nuevo el espacio central del rectángulo para que te quede de esta manera.
 
 
25.- Toma la varita mágica y selecciona con ella el borde blanco que acabamos de hacer.
 
26.- Tíñelo con el mismo color de los bordes externos,  #d19891
 
27.- Bisela el borde siguiendo los pasos 11 y 12
 
28.- Siempre es necesario para darle profundidad agregar una pequeña sombra interior. A
tal fin haz clic en Efecto - Efecto 3D - Corte. Tal como te lo indico en la siguiente imagen.
 

 
29.- Se te abrirá una ventana como la que te muestro abajo. Dalé la misma configuración
que allí te indico y haz clic en "aceptar"
 
 
30.- Por último quita la selección haciendo clic en Selecciones - Anular selección y ya
estará listo el fotoborde. Ahora solo tienes que insertar en él la foto que desees.
Diseñar un Scrap es algo muy divertido ya que en ellos se utilizan
diferentes elementos que puedes luego ir colocándolos según tu
propio gusto y criterio.
Utilizando las técnicas que te indicaré en este tutorial podrás luego
hacer tus propias creaciones ya que conocerás el uso de las
herramientas que se utilizan para cada detalle.
Sigue en orden cada uno de estos pasos y verás como logras
hacer tus pripios scraps.

Este es el modelo que haremos

Un Botón
 

Materiales
 

Fondo flores
 

Filtro Bordemanía
 
 
1.- Baja el filtro Bordemanía e instálalo siguiendo las indicaciones del tutorial
"Instalación de Filtros"
 
2.- Abre u paño nuevo de 200 x 200 pixeles y abre también el archivo del fondo
de florecitas
 
3.- Haz clic en Efecto - Complementos - Bordemanía - Capsule y
aplica esta configuración y cilc en Ok
 

 
4.- Fusiona las capas haciendo clic en Capas - Fusionar - Fusionar Visibles
 
5.- Ahora haremos los hoyitos del botón. Haz clic en Herramienta Elipse según te
lo indico en esta imagen y selecciona la forma que te marco en un recuadro en
rojo.
 

 
6.- En el panel de materiales tal como lo ves en la misma imagen anterior,
selecciona en el cudrito superior el color #5878c7 (azul) y  en el inferior el color
blanco #ffffff
 
7.- Agrega una capa nueva
 
8.- Dibuja, con esa herramienta, un pequeño circulito y triplícalo siguiendo estas
indicaciones
 
- clic con el botón derecho del ratón en la capa del circulito
 

  
 
- Clic en la opción "Duplicar" según te indico aquí
 
 
- Repite esta operación dos veces más a fin de tener cuatro circulitos exactamente
del mismo tamaño
 
9.- Ubica los circulitos concéntricamente
 
10.- Fusiona las capas haciendo clic en Capas - Fusionar - Fusionar Visibles
 
11.- Selecciona cada circulito con la varita mágica y suprime o corta la selección
 
11.- Aplica un poco de sombra
 
12.- Guárdalo en png
 
 
Otro Botón
Material

Florecitas
 
 
1.- Abre un paño de 300 x 300 pixles
 
2.- Tíñelo con el color #99baf5
 
3.- Aplica el filtro Bordemania con la siguiente configuración
 

 
4.- Baja, descomprime y saca las florecitas en el psp
 
5.- Reduce un poco su tamaño
 
6.- Copia las florecitas y pégalas sobre el botón como nueva capa haciendo clic
en Edición - Pegar como nueva capa
 
7.- Fusiona las capas haciendo clic en Capas - Fusionar - Fusionar Visibles
 
8.- Guárdalo en png
 
 
 
 
Un Clip
 
Material

Base clip
 
 
1.- Baja, descomprime y abre el archivo del clip en el psp
 
2.- Abre el fondo de florecitas
 
3.- Toma la herramienta Elipse y selecciona la opción que te marco en el recuadro en rojo.

4.- En el panel de materiales selecciona el color blanco en los dos cuadritos

5.- Agrega una nueva capa sobre el archivo del clip

6.- Sobre el clip dibuja un ciculito que te cubra el área del círculo del clip.

7.- Ajusta el tamaño del circulo que hiciste para que te encaje bien sobre el
círculo del clip
8.- Selecciona este circulito blanco con la varita mágica y dale a esta
configuración.

9.- Busca en el panel de materiales el fondo de florecitas. Dale un ángulo de 9 y


una escala de 150 según te indico en la imagen inferior y tíñe el circulo blanco
con esta textura

10.- Ahora biselaremos el círculo haciendo clic en Efectos - Efectos 3D - Bisel


Interior tal como te indico en esta imagen
11.- Aplica esta configuración al biselado
12.- Fusiona las capas haciendo clic en Capas - Fusionar - Fusionar Visibles

13.- Guárdalo en png


MONTANDO UNA WEB

 
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


FONDO PRINCIPAL
 
 
Ahora nos toca realizar el fondo partiendo de la imagen principal.
 
1.- Fusiona las capas de la imagen y reduce su tamaño a 300 pixeles.
 
2.- Le daremos un efectos seamles. Haz clic en EFECTOS - EFECTOS DE LA
IMAGEN - MOSAICO INTEGRADO. Te saldrá una ventana como ésta donde
deberás darle la misma configuración que allí te indico. El resultado que obtendrás
corresponderá a la imagen de la derecha
 
 

3.- Agrega una nueva capa y tíñela con el mismo tono de gris que ya habíamos utilizado
#e0e0de.

4.- Ahora daremos un poco de transparencia a la capa gris para que pueda verse
nuestra imagen principal. Para lograr esto haz clic en CAPAS - PROPIEDADES. 
Te saldrá esta ventana. Configúrala con los mismos valores. En Opacidad asígnale
un 55 y haz clic en aceptar

5.- Fusiona las capas haciendo clic en CAPAS - FUSIONAR - FUSIONAR TODO

6.- Aplicaremos la misma textura anterior pero con un valor de 4 en Relief

7.- Ya tenemos listo nuestro fondo principal el cual guardaremos en jpg en la misma
carpeta donde iremos guardando todo el material que utilizaremos en la Web.
Nuestro fondo tendrá esta apariencia
 

FONDO INTERNO

El fondo que haremos a continuación es el fondo central donde estará la información


que vamos a incluir en la Web.

1.- abre un paño nuevo de 80 x 80 pixeles

2.- Tíñelo con el mismo gris #e0e0de

3.- Agrega la misma textura que aplicamos a la imagen principal

4.- Este fondo es el que nos servirá para escribir toda la información de la Web por
lo tanto no debe estar muy texturizado a fin de que los textos puedan leerse con
claridad. Quedará de esta manera.

BARRAS DEGRADE
Las barras en degradé le darán un toque especial al diseño de la Web. Ya lo verás
cuando estemos montando las tablas en Front Page.

Doy por sentado de que ya sabes como hacer un degradé pero en caso de que no
sepas como hacerlo encontrarás el procedimiento en el tutorial Panel de Materiales

1.- Haz un degradé con nuestro tono de gris #e0e0de. en los extremos y en el centro
de un tono gris mucho más claro. Para nuestro proyecto será el #f2f3f2

2.- Abre un paño nuevo de 17 x 200 pixeles

3.- Tiñe el paño con el degradé que acabos de hacer

4.- Aplica la misma textura que usamos para el fondo de la imagen principal y el
fondo interno. Tendrás algo igual a ésto.

Haremos una nueva barra degradé pero ésta vez en dorado

1.- Selecciona en el panel de materiales el color #958143. Este será el color de los
extremos. El color central será el #f3e1a4 y el segundo y tercer color será el
#c2b080.
2.- Abre otro paño del mismo tamaño que el anterior (17 x 200 pixeles)

3.- Tíñelo con el degradé dorado y la barra nos quedará de esta manera

4.- Ahora le vamos a aplicar otro tipo de textura. Haz clic en EFECTOS -
EXPLORADOR DE EFECTOS. Te saldrá esta ventana
5.- Ubica en el explorador a la izquierda la ruta AJUSTE PREDEFINIDOS -
AJUSTAR - AGREGAR O QUITAR RUIDO. Aparecerán, a la derecha varios tipos
de efectos. Selecciona el tercero "grano de foto medio" que es el que te muestro
sombreado en gris. Por último, clic en APLICAR y obtendrás esta textura en la barra
FONDO PRINCIPAL
 
 
Ahora nos toca realizar el fondo partiendo de la imagen principal.
 
1.- Fusiona las capas de la imagen y reduce su tamaño a 300 pixeles.
 
2.- Le daremos un efectos seamles. Haz clic en EFECTOS - EFECTOS DE LA
IMAGEN - MOSAICO INTEGRADO. Te saldrá una ventana como ésta donde
deberás darle la misma configuración que allí te indico. El resultado que obtendrás
corresponderá a la imagen de la derecha
 
 

3.- Agrega una nueva capa y tíñela con el mismo tono de gris que ya habíamos utilizado
#e0e0de.

4.- Ahora daremos un poco de transparencia a la capa gris para que pueda verse
nuestra imagen principal. Para lograr esto haz clic en CAPAS - PROPIEDADES. 
Te saldrá esta ventana. Configúrala con los mismos valores. En Opacidad asígnale
un 55 y haz clic en aceptar
5.- Fusiona las capas haciendo clic en CAPAS - FUSIONAR - FUSIONAR TODO

6.- Aplicaremos la misma textura anterior pero con un valor de 4 en Relief

7.- Ya tenemos listo nuestro fondo principal el cual guardaremos en jpg en la misma
carpeta donde iremos guardando todo el material que utilizaremos en la Web.
Nuestro fondo tendrá esta apariencia

FONDO INTERNO
El fondo que haremos a continuación es el fondo central donde estará la información
que vamos a incluir en la Web.

1.- abre un paño nuevo de 80 x 80 pixeles

2.- Tíñelo con el mismo gris #e0e0de

3.- Agrega la misma textura que aplicamos a la imagen principal

4.- Este fondo es el que nos servirá para escribir toda la información de la Web por
lo tanto no debe estar muy texturizado a fin de que los textos puedan leerse con
claridad. Quedará de esta manera.

BARRAS DEGRADE

Las barras en degradé le darán un toque especial al diseño de la Web. Ya lo verás


cuando estemos montando las tablas en Front Page.
Doy por sentado de que ya sabes como hacer un degradé pero en caso de que no
sepas como hacerlo encontrarás el procedimiento en el tutorial Panel de Materiales

1.- Haz un degradé con nuestro tono de gris #e0e0de. en los extremos y en el centro
de un tono gris mucho más claro. Para nuestro proyecto será el #f2f3f2

2.- Abre un paño nuevo de 17 x 200 pixeles

3.- Tiñe el paño con el degradé que acabos de hacer

4.- Aplica la misma textura que usamos para el fondo de la imagen principal y el
fondo interno. Tendrás algo igual a ésto.

Haremos una nueva barra degradé pero ésta vez en dorado

1.- Selecciona en el panel de materiales el color #958143. Este será el color de los
extremos. El color central será el #f3e1a4 y el segundo y tercer color será el
#c2b080.
2.- Abre otro paño del mismo tamaño que el anterior (17 x 200 pixeles)

3.- Tíñelo con el degradé dorado y la barra nos quedará de esta manera

4.- Ahora le vamos a aplicar otro tipo de textura. Haz clic en EFECTOS -
EXPLORADOR DE EFECTOS. Te saldrá esta ventana
5.- Ubica en el explorador a la izquierda la ruta AJUSTE PREDEFINIDOS -
AJUSTAR - AGREGAR O QUITAR RUIDO. Aparecerán, a la derecha varios tipos
de efectos. Selecciona el tercero "grano de foto medio" que es el que te muestro
sombreado en gris. Por último, clic en APLICAR y obtendrás esta textura en la barra
FONDO PRINCIPAL
 
 
Ahora nos toca realizar el fondo partiendo de la imagen principal.
 
1.- Fusiona las capas de la imagen y reduce su tamaño a 300 pixeles.
 
2.- Le daremos un efectos seamles. Haz clic en EFECTOS - EFECTOS DE LA
IMAGEN - MOSAICO INTEGRADO. Te saldrá una ventana como ésta donde
deberás darle la misma configuración que allí te indico. El resultado que obtendrás
corresponderá a la imagen de la derecha
 
 

3.- Agrega una nueva capa y tíñela con el mismo tono de gris que ya habíamos utilizado
#e0e0de.

4.- Ahora daremos un poco de transparencia a la capa gris para que pueda verse
nuestra imagen principal. Para lograr esto haz clic en CAPAS - PROPIEDADES. 
Te saldrá esta ventana. Configúrala con los mismos valores. En Opacidad asígnale
un 55 y haz clic en aceptar
5.- Fusiona las capas haciendo clic en CAPAS - FUSIONAR - FUSIONAR TODO

6.- Aplicaremos la misma textura anterior pero con un valor de 4 en Relief

7.- Ya tenemos listo nuestro fondo principal el cual guardaremos en jpg en la misma
carpeta donde iremos guardando todo el material que utilizaremos en la Web.
Nuestro fondo tendrá esta apariencia

FONDO INTERNO
El fondo que haremos a continuación es el fondo central donde estará la información
que vamos a incluir en la Web.

1.- abre un paño nuevo de 80 x 80 pixeles

2.- Tíñelo con el mismo gris #e0e0de

3.- Agrega la misma textura que aplicamos a la imagen principal

4.- Este fondo es el que nos servirá para escribir toda la información de la Web por
lo tanto no debe estar muy texturizado a fin de que los textos puedan leerse con
claridad. Quedará de esta manera.

BARRAS DEGRADE

Las barras en degradé le darán un toque especial al diseño de la Web. Ya lo verás


cuando estemos montando las tablas en Front Page.
Doy por sentado de que ya sabes como hacer un degradé pero en caso de que no
sepas como hacerlo encontrarás el procedimiento en el tutorial Panel de Materiales

1.- Haz un degradé con nuestro tono de gris #e0e0de. en los extremos y en el centro
de un tono gris mucho más claro. Para nuestro proyecto será el #f2f3f2

2.- Abre un paño nuevo de 17 x 200 pixeles

3.- Tiñe el paño con el degradé que acabos de hacer

4.- Aplica la misma textura que usamos para el fondo de la imagen principal y el
fondo interno. Tendrás algo igual a ésto.

Haremos una nueva barra degradé pero ésta vez en dorado

1.- Selecciona en el panel de materiales el color #958143. Este será el color de los
extremos. El color central será el #f3e1a4 y el segundo y tercer color será el
#c2b080.
2.- Abre otro paño del mismo tamaño que el anterior (17 x 200 pixeles)

3.- Tíñelo con el degradé dorado y la barra nos quedará de esta manera

4.- Ahora le vamos a aplicar otro tipo de textura. Haz clic en EFECTOS -
EXPLORADOR DE EFECTOS. Te saldrá esta ventana
5.- Ubica en el explorador a la izquierda la ruta AJUSTE PREDEFINIDOS -
AJUSTAR - AGREGAR O QUITAR RUIDO. Aparecerán, a la derecha varios tipos
de efectos. Selecciona el tercero "grano de foto medio" que es el que te muestro
sombreado en gris. Por último, clic en APLICAR y obtendrás esta textura en la barra
 

BOTÓN PARA EL TITULO

El título puedes escribirlo sobre el mismo fondo interno utilizando un tipo de fuente
adecuado según el contenido de la información de la página pero también se puede
diseñar bonitas bases para enmarcarlo y eso es lo que haremos ahora, un botón para
escribir el título de la Web

1.- Si no lo tienes abierto, abre las dos barras que hicimos tanto la dorada como la
gris en degradé.

2.- En el Panel de Materiales selecciona en el primer cuadrito la barra dorada  y en el


cuadrito inferior la barra gris en degradé. Recuerda que en el tutorial Panel de
Materiales están las instrucciones para seleccionar las texturas que tenemos activas.

3.- Tomaremos ahora la herramienta Elipse según te muestro en la imagen de abajo.


Al activar el elipse te aparecerá en la barra superior de herramientas la opción de
Modo. Selecciona el ovalo rosado.

4.-  Selecciona el ancho del borde con un valor de dos tal como te indico en esta imagen.
4.- Abre un paño de 500 x 350 pixeles

5.- Dibuja un óvalo para que te quede algo así

6.- Aplica un poco de sombra al óvalo con la siguiente configuración

6.- Baja este zip con un tube de una rosa y ábrelo en el psp. Está en archivo png para
que quede transparente.
Tube rosa
 
7.- Copia y pega el tube de la rosa como nueva capa en el extremo izquierdo del
óvalo
 
8.- Dale sombra a la rosa con la misma configuración que utilizamos en la sombra
del óvalo.
 
9.- Fusiona en forma visible las capas
 

 
10.- Agrega una nueva capa y tíñela del mismo gris #e0e0de y dale la misma textura
que estamos utilizando para el fondo interior. Recuerda que tiene que ser
exactamente con los mismos valores ya que si le das otra numeración al insertar el
botón sobre el fondo se verá la diferencia y lo que queremos es que el botón luzca
como si fuera un gif.
 
11.- Haz clic en CAPAS - ORGANIZAR - ENVIAR AL FONDO par que nos quede
atrás la capa gris.
 

 
12.- Agrega una nueva capa sobre la cual escribiremos un texto. En caso de que no
sepas utilizar la herramienta texto puedes aprender a través del tutorial Escribiendo
Textos
 
13.- Baja el zip con la fuente que utilizaremos, descomprímela e instálala. En caso
de que no sepas como instalar fuentes puedes seguir los pasos del tutorial "Como
Instalar Fuentes" pero bien puedes utilizar también cualquier otra que te guste.
 
Tiranti Solid
 
14.- Selecciona, tanto en el cuadrito superior como el inferior del  panel de
materiales, el color #a4915b. Este será el color de las letras que utilizaremos  en
nuestro diseño de página
 

 
15.- Escribe el título de la página. En este ejemplo nuestro diseño será para publicar
un poema cuyo nombre es "Novios o Amantes?".
 
16.- Dale sombra utilizando estos valores
 
17.- Fusiona todas las capas.
 
Escrito el título, nuestro botón para el título lucirá de esta manera.
 
 
SEPARADORES
 
 
Los separadores no estrictamente necesarios. Ellos dan un toque especial al diseño y
nos ayuda a separa algunos párrafos, el título del texto, o los botones de enlaces
luego de cualquier cualquier otra información adicional que necesitemos publicar.
 
 
1.- En el Panel de Materiales selecciona en el cuadrito superior la textura de la barra
dorada y en cuadrito inferior la barra gris en degradé, ambas con un ángulo de 53 y
una escala de 100
 

 
 
2.- Ahora haremos una barrita horizontal igual a esta
 

 
 
Haz clic en la herramienta rectángulo que te señalo sombreada en azul. Fíjate bien
en la configuración.
En el primer recuadro en rojo debes activar el rectángulo que está marcado en verde.
En el segundo recuadro rojo están los valores que tendrá el bordecito dorado que en
nuestro ejemplo será 2
 
 
3.- Abre un paño de 330 x 80
 
4.- Dibuja el rectángulo no muy ancho.
 
5.- Selecciona ahora en el Panel de Materiales la barra dorada en ambos cuadritos
(superior e inferior) con el mismo ángulo y escala.
 
6.- Agrega una nueva capa
 
7.- Sobre el rectángulo gris, dibuja otro rectángulo pero mucho más estrecho.

 
8.- Saca un duplicado de esta última capa de la barrita dorada. Esto lo haremos de la
siguiente forma.
En el Panel de Capas, activa la barrita dorada. Cuando una capa está activada, se te
mostrará  en el panel sombrada de azul. Haz clic con el botón derecho del ratón y
selecciona la opción DUPLICAR.
 

 
9.- Toma la herramienta MOVER y hz clic sobre el duplicado de la barrita dorada y
colócala debajo de la barra gris para que te quede esta forma

 
10.- Copia y pega en el centro de nuestro separador el tube de la rosita y ajusta su
tamaño. Siempre que se reduce una imagen pierde un poco de nitidez por eso es
recomendable darle un poco de enfoque haciendo clic en AJUSTAR - NITIDEZ -
ENFOQUE
No olvides darle un poco de sombra a la rosa.
 
11.- Fusiona en forma visible todas las capas y dale al conjunto nueva sombra
 

 
12.- Agrega una nueva capa y tíñela con la misma textura gris de nuestro fondo
interno.
 
13.- Envía al fondo la capa gris haciendo clic en CAPAS - ORGANIZAR -
ENVIAR AL FONDO
 
13.- Fusiona todas las capas y guárdala en jpg. Así tendremos listo nuestro separador
 

 
 
OTRO SEPARADOR
 
También pueden usarse como separadores otros tipos de detalles como brillos o
cualquier otro motivo pequeño de la imagen principal o algún tube parecido o que
haga juego con el conjunto de la imagen.
 
1.- Abre un paño de 80 X 75 y tíñelo con la misma textura gris que hemos venido
utilizando
 
2.-Copia y pega el tube de la rosita sobre el paño. Si está más grande ajusta su
tamaño y dale un poco de sombra.
 
3.- Fusiona todas las capas y tendremos un pequeño detalle como éste
 
BOTONES DE ENLACE
 
 
Una de las cosas importantes en una página Web es la facilidad que exista para
navegar en ella. A fin de optimizar ese proceso es necesario incluir los vínculos
necesarios que nos permita enlaces con otros sitios de la misma página o link hacia
otras Web
 
Según nuestro criterio para el diseño podemos hacer esos vínculos a través de
botones, imágenes o bien simples textos. En nuestro ejemplo utilizaremos la misma
imagen principal para hacer vincular los sitios prioritarios que le permitan al
visitante regresar al portal de ese enlace o bien hacia la página principal de la Web.
 
1.- Abre un paño de 230 x 175 y tíñelo con la textura gris que venimos utilizando.
 
2.- Si tienes abierta la imagen principal ya difuminada reduce su tamaño a 200
pixeles
 
3.- Copia y pega como nueva capa la imagen reducida en el nuevo paño.
 
4.- Agrega una nueva capa. Recuerda que cada vez que vamos a trabajar sobre la
misma imagen o paño debemos ir agregando capas nuevas porque de lo contrario no
tendríamos opción de mover a nuestro antojo la nueva información que
incorporemos.
 
4.- Selecciona el mismo color que utilizamos para el título #a4915b y el mismo tipo
de letra con un tamaño de
 
5.- Haz clic en la herramienta TEXTO y escribe el nombre del enlace donde quieras
dirigir al visitante. En nuestro ejemplo será "Menú Poemas" y ubícalo en la parte
superior de la imagen.
 
6.- Agrega una nueva capa
 
7.- Ahora  escribe "Página Principal" y ubícala en la parte inferior de la imagen.
 
8.- Dale sombra a ambos textos.
 
9.- Fusiona todas las capas. Te quedará así
 
 
 
10.- Recorta la imagen horizontalmente justo en la mitad y guárdala
 

 
11.- Haz clic en EDICION - DESHACER RECORTAR. Nos quedará así
 

 
12.- Haz clic con el botón izquierdo del ratón en el cuadrito superior del recuadro que
enmarca el área seleccionada para hacer el recorte y déjalo presionado. Arrástralo hasta la
parte inferior del paño y procede al recorte de la parte inferior. Debes hacerlo tal como te lo
he indicado a fin de que las dos partes estén cortadas exactamente por el mismo lugar
 

 
 
13.- Guarda la imagen inferior. De esta forma tenemos nuestros dos botones
principales. En caso de que tengamos un par de enlaces más que sean necesarios
establecer, solo tienes que escribir los textos e ir haciendo los recortes exactos tal
como te he explicado
 

 
Ya tenemos listo todo el material que necesitaremos para montar la Web en Front
Page
Existen varios programas para la edición de páginas Web. Tengo entendido que uno
de los mejores es el DreamWeaver de MacroMedia pero debo reconocer ante
ustedes que no fui capaz de aprender a manejarlo por mi cuenta.

A duras penas logré trabajar un poco con el Front Page que es uno de los programas
del paquete Office. También debo condensarles que es mucho lo que me falta por
aprender sobre este programa pero lo poco que he aprendido quiero compartirlos con
ustedes.

Es posible que muchos les guste realizar este tipo de diseño sin necesidad de que
vayan a tener tener su propia Web. Pero para quienes tengan en mente tener una
página en la Red les diré algunos tips que deberán tomar en cuanta desde el
momento mismo que se guardan los archivos hasta la hora de subirlos al servidor.

- No uses la letra ñ en ningún nombre de archivo


.- usa solo minúsculas
.- no uses acentos
.- utiliza nombres cortos
.- si consta de dos o mas palabras, escríbelas todas pegadas.
.- todos los archivos deberán ser guardados en la carpeta IMAGE de MIS WEB
.- Los htm se guardarán en la raíz de MIS WEB
.- En el servidor o administrador del hosting, al subir los archivos, los mismos deben
estar ubicados en la misma carpeta de origen a fin de que se reconozca la ruta Si un
archivo lo subes y lo ubicas en otra carpeta diferente entonces esa imagen no te
saldrá en la página cuando la subas.
 
 
 
CONFIGURACION DE LA PAGINA
 
 
Cuando empezamos a diseñar una Web lo primero que debemos hacer es decidir el
tamaño de la página en función de la resolución que queremos. Para nuestro ejemplo
seleccionaremos una resolución de 1024 x 768. Para ello haz clic en VER -
TAMAÑO DE PAGINA. Luego selecciona la resolución que te indico.
 

 
 
INSERTANDO FONDO PRINCIPAL
 
1.- Clic en FORMATO - FONDO. Te saldrá una ventana como esta
 

 
2.- Haz clic en la pestaña FORMATO
 
3.- Activa las casillas IMAGEN DE FONDO y CONVERTIR EN MARCA DE
AGUA. Es última opción es la que permitirá que el fondo permanezca fijo mientras
subes o bajas la página con la barra de desplazamiento.
 
4.- Clic en EXAMINAR. Te saldrá una venta con tu explorador. Ubica el fondo
principal en la carpeta que hayas determinado para guardar todo el material que
previamente elaboramos en el psp.
 
5.- Clic en aceptar. Así tendremos insertado en nuestra página el fondo principal que
lucirá de esta manera.
 

 
6.- Ahora insertaremos nuestra primera tabla. Para ello haz clic en la herramienta
TABLAS la cual te indico sombreada en amarillo en esta imagen.
 

 
Se te abrirá una ventanita como ésta
 

 
7.- Baja el ratón hasta el primer cuadrito y haz clic en él
 
8.- Te aparecerá en la página un rectángulo que puede ser de líneas de punticos o
con un pequeño borde pero eso no tiene importancia ya que esa tabla la ajustaremos
según la configuración que vayamos a darle a la tabla.
 
9.- Haz clic con el botón derecho del ratón dentro del rectángulo y selecciona la
opción PROPIEDADES DE LA TABLA .
 

 
10.- Es en esta ventana donde vamos a darle toda la configuración que necesitamos a
cada tabla que insertemos. A nuestra primera tabla le daremos la configuración que
te indico en la imagen anterior.
 
DONDE DICE DISEÑO:
 
- En ALINEACIÓN: Siempre debes escoger la opción CENTRAR, obviamente con
el objeto de que la tabla nos quede totalmente centrada en la página
 
- En ESPECIFICAR ANCHO: Pondremos la numeración en porcentaje del tamaño
de la tabla. En nuestro ejemplo será de 87. Mientras mayor sea el ancho menos se
verá nuestro fondo principal pero todo depende de nuestro criterio y de lo que
queremos lograr en el diseño.
 
- En MARGEN DE CELDA Y ESPACIO ENTRE CELDA: Pondremos una
numeración de 1 en cada casilla. Una vez que completemos la configuración notarás
los efectos que se logran al aumentar estos valores. Si mayor es el número, mayor
será el grosor del bordecito de la tabla. El segundo valor de Espacio Entre Celda te
indicará la distancia que dejarás entre una tabla y otra.
 
Los valores que seleccionemos para el margen y la distancia cambiarán
considerablemente la apariencia de la tabla. Si seleccionamos un número menor para
el margen y uno mayor para la distancia entre celdas tendrá un aspecto pero si
invertimos esos valores el aspecto de la tabla será completamente diferente.
 
DONDE DICE BORDES:
 
En TAMAÑO: Dale un valor de 1
En BORDE CLARO: selecciona el color  Hex={C9,BE,9A}
En BORDE OSCURO: Selecciona el color  Hex={96,82,44}
En COLOR: También selecciona el color Hex={96,82,44}
 
Los colores de los bordes cambiarán el efecto de la tabla cuando se invierten los
tonos. Es decir si seleccionamos el color oscuro y lo ubicamos en la casilla del color
claro, la apariencia de la tabla cambiará totalmente.
 
Es necesario que juegues un poco con las diferentes combinaciones que pueden
hacerse. Es prácticamente la única forma de que vayas captando los cambios que se
producen al usar diferentes valores en cada configuración. No temas a realizar estas
pruebas luego que termines de realizar este ejercicio. Haciendo combinaciones
diferentes lograrás cambiar la apariencia de las tablas.
 
DONDE DICE FONDO
 
Donde dice COLOR: Déjalo en AUTOMÁTICO. Solo se selecciona un color
cuando no se hará uso de alguna textura previamente elaborada. En nuestro caso
utilizaremos como fondo la primera barra dorada que realizamos en el psp.
 
- Activa la casilla UTILIZAR IMAGEN DE FONDO
- Clic en EXAMINAR
- Busca la primera barra dorada.
- Clic en ACEPTAR
 
La primera tabla tendrá este aspecto
 
 
 
11.- De nuevo haz clic dentro de la tabla e inserta una nueva tabla
 

 
12.- Dale la misma configuración que te indico en la imagen anterior. Recuerda que
cada vez que vayamos a utilizar un fondo ya elaborado para la tabla debemos
insertarlo a través de la opción UTILIZAR IMAGEN DE FONDO para luego
localizarlo haciendo clic en EXAMINAR.
En nuestro ejemplo, insertaremos el fondo gris texturizado que realizamos en el psp.
Nos quedará de esta forma.
 
 

 
13.- Repite dos veces más los pasos 11 y 12 para insertar dos nuevas tabla y darle la
misma configuración de la anterior. Ahora nuestras tablas lucirán de esta manera.
 

 
14.- Inserta una nueva tabla y dale los valores que te indico en la imagen inferior.
Como imagen de fondo selecciona la segunda barra dorada que hicimos
 

 
Nuestra tabla ahora tiene este aspecto
 

 
15.- Inserte una nueva tabla con esta configuración. El valor de los colores es el
siguiente
BLANCO:    Hex={FD,FD,FD}  GRIS:    Hex={B6,B9,B3}
 

 
Nos quedará así
 

 
16.- Inserta una nueva tabla, esta vez con esta configuración que te señalo a
continuación e inserta como imagen de fondo la primera barrita dorada que hicimos.
 
 
Tendremos un aspecto de tabla similar a ésto
 
 

 
17.- Inserta una nueva capa con estos valores. Como imagen de fondo inserta
nuestro fondo gris texturizado
 
 
 

 
 
18.- Insertaremos una última tabla de las que conformarán los bordes principales de
la página.
A esta tabla la configuraremos tal como te señalo en la próxima imagen. Los grises y
el blanco tienen los mismos valores que te indiqué en el paso 15
 
 
Las tablas principales quedaran definitivamente como te muestro en esta imagen
 
 

 
19.- Haz de nuevo clic dentro de la última tabla y centra el curso justo a la mitad de
la tabla. Eso podrás hacerlo haciendo clic en la herramienta CENTRAR, que te
sombreo en esta imagen 
 

También podría gustarte