Página Web en Publisher 2010

Realizar una página web en Publisher 2010 se vuelve una tarea más complicada, debido a la desaparición del Asistente de creación de páginas web de la versión 2007, pero no significa que no sea posible. Vamos a realizar una página sencilla. Notese que debido a la salida del asistente, deberemos realizar la creación de hipervínculos de manera manual, pero primero, generamos nuestra zona de trabajo (La zona de trabajo que utilizaremos nos dará una página del 30% el tamño horizontal de la pantalla, si deseas trabajar sobre un area mayor, cambia el tamaño de la hoja depsués del paso 2):

1.- Abrimos Publisher 2010 y seleccionamos plantillas de correo electrónico

2.- Seleccionamos "Tamaños en Blanco" la opción "Corto" y le damos click a "Crear"

3.- Elegimos el tema sobre el cual queremos que hable nuestra página, en este tutorial, hablamos de "Death Note" (serie japonesa que,,, bueno, continuemos). Lo primero es hacer nuestra portada. colocamos un Word Art para el título con la Ficha "Insertar/WordArt":

4.- Escribe el título de la página y con las herramientas de formato de WordArt dale el color y forma que deseas:

Te quedará algo así (dependiendo de las herramientas que uses, claro está):

5.- Con la Ficha "Diseño de Página/Fondo/Más fondos" colócale fondo a tu página. Para este ejemplo, utilizamos un fondo degradado de negro a rojo:

6.- Insertamos cuadros de texto desde Ficha "Inicio/Dibujar Cuadro de Texto" para el menú, los cuales colocaremos en la orilla izquierda de nuestra página con los datos que nosotros queramos vincular. En este ejemplo, colocamos 5cuadros con los nombres que vienen en las imágenes:

En este ejemplo obtenemos este resultado:

7.- Duplicamos la hoja igual número de cuadros de texto que hayamos colocado, con "Click derecho/Insertar página duplicada":

Se debe ver asi la parte izquierda de Publisher:

8.-  Elegimos el cuadro de texto 1, y el damos click a "Insertar/Hipervínculo":

9.- En la ventana que aparece seleccionamos "Lugar de este documento", y ahi le damos click a "Página 2":

10.- Con "Página 2" seleccionado, damos click en "Cambiar Título..." y  le cambiamos el nombre por el que tenemos en nuestro cuadro de texto. Damos click en "Página 1" y le cambiamos el título a "Home", volvemos a dar clck sobre "Página 2" y damos click en "Aceptar":

11.- Repetimos pasos 8,9, y 10, para que todos nuestros textos tengan hipervínculos. Obviamente, el segundo me debe llegar a página, el tercero a página 4, y así sucesivamente:

12.- Seleccionamos los 5 cuadros de texto de la Página 1 con click sostenido:

Se debe ver así:

13.- Copiamos (CTRL + C) quitamos los otros cuadros de texto de las otras hojas, y pegamos los cuadros con hipervínculos.  Así tendremos la estructura básica de nuestra página. Al final de la hoja, coloca un cuadro de "Insertar/Formas":

14.- Una vez insertado, dele click derecho sobre la figura, seleccione "Agregar texto"

15.- Colocale el texto "Regresar":

Seleecionado, dale click a "Insertar/Hipervínculo", selecciona "Lugar de este documento" y elige "Página 1". Dale "Aceptar":

16.- Copie el cuadro y peguelo en todas las hojas, menos la primera.

17.- Ya sólo coloca la información que gustes (imágenes y texto) en cada una de tus páginas. Te quedarán más o menos así:

18.- Guarda tu trabajo, si lo deseas, como archivo de Publisher, eso te permitirá modificarlo más adelante.

19.-  Para convertir tu archivo a una página de internet, dale click a la ficha "Archivo/Guardar y Enviar/Publicar HTML/Publicar HTML":

20.- En la ventana que aparece, el nombre del archivo, aparece como "index"... NO LO CAMBIES... Sólo elige la carpeta donde vas a guardar, y dale click a "Guardar":

21.- Te guardará el archivo "index.html" y la carpeta "index_archivos" en la carpeta que seleccionaste. Ya sólo ejecuta el archivo "index.html" para probar tu página; se abre automaticamente en Internet Explorer (o tu navegador predeterminado):

¡Eso es todo! Recuerda que mejores resultados salen de la creatividad. =)

Imagen para práctica del puzzle

Zombie (por Luis Gonzalez)

Materiales para trabajar esta práctica:

Instrucciones

1. Abre la imagen “NIÑA.jpg”.

2. Crea una nueva capa con el nombre”color piel”, cambia el modo de fusión a “Color” y la opacidad a 75% y con el pincel pinta de color negro sobre la piel.

3. Abre la imagen “huesos.jpg”, cópiala y pégala en una nueva capa, renombra la capa a “Huesos”, tendrás que utilizar la herramienta de transformación (ctrl + T)para ajustar el tamaño de la imagen

4. Utilizando la herramienta de transformación rota la imagen como lo muestra el ejemplo (1), usando la herramienta varita mágica para eliminar áreas blancas de la imagen y el lazo poligonal para eliminar los segmentos de huesos que no usaremos (2), presiona Ctrl + U y disminuye la saturación a -58 (3).

5. Convierte la capa “Fondo” a capa normal y renómbrala a “Foto”, verifica que tengas los colores pro default, selecciona la herramienta de Subexponer y en la capa “Foto” pásala alrededor del hueso en repetidas ocasiones.

6. Crea una nueva capa por encima de la capa “Hueso”, conviértela en mascara de recorte presionando Ctrl + Alt + G y usando el pincel pinta de color negro en la parte inferior del hueso.

7. En la capa “Foto” Utilizando la herramienta de Subexponer deslízala sobre el rostro para obtener el siguiente resultado.

-          Rango: Sombras

-          Exposición: 20%

-          Desactivar: Proteger tonos

8. Crea una nueva capa encima de todas con el nombre sangre, carga el pincel “Blood” (si no hay pincel Blood, usa cualquier pincel de manchas) y selecciona el pincel 590. Usando color rojo en el pincel  da unas cuantas pinceladas para obtener el siguiente resultado.

9..- Cambia el modo de fusión de la capa “Sangre” a Multiplicar y ajusta su Saturación a: -10 y su Luminosidad a: -59, por ultimo deshazte de la sangre que no necesitas

10. Crea una nueva capa el nombre “Sangre_boca”, cambia el modo de mezcla de la capa a Multiplicar, selecciona color rojo, configura el pincel a 1 px y realiza unas cuantas pinceladas alrededor de la boca, por ultimo ajusta la Saturación a: -10 y la Luminosidad a: -59.

11. Crea una nueva capa con el nombre de “Ojos” y pinta el área de los ojos con color blanco y reduce la opacidad de la capa a 59 %

12. Abre la imagen “Craneo.jpg”, cópiala y pégala en una nueva capa, renombra la capa a “Cráneo”, tendrás que utilizar la herramienta de transformación (ctrl + T)para ajustar el tamaño de la imagen y posición de la imagen.

13. Usando la herramienta de lazo poligonal elimina lo que no necesitas y disminuye la saturación a -58

14. Crea una nueva capa por encima de todas y conviértela en mascara de recorte (Ctrl + Alt + G) y con el pincel pinta de color negro alrededor del el cráneo.

14. Crea una neva capa con el nombre de “Hueco” y utilizando el pincel pinta de color blanco sobre dicha capa, tal y como lo muestra la imagen: 

16. En la capa “Foto” Utilizando la herramienta de Subexponer deslízala alrededor del hueco que hemos generado para obtener el siguiente resultado.

-          Rango: Sombras

-          Exposición: 20%

-          Desactivar: Proteger tonos

17. Crea una nueva capa el nombre “Sangre hueco”, cambia el modo de mezcla de la capa a Multiplicar, selecciona color rojo, configura el pincel a 1 px y realiza unas cuantas pinceladas alrededor de la parte que cortamos , por ultimo ajusta la Saturación a: -10 y la Luminosidad a: -59.

18. Por último utilizando la herramienta de Subexponer pásala por el otro brazo para obtener el siguiente resultado.

-          Rango: Sombras

-          Exposición: 20%

-          Desactivar: Proteger tonos

De la misma manera que agregaste el cráneo puedes agregar las costillas y la columna vertebral con las imagenes de arriba.

LISTO!!!! Prueba con diferentes craneos y diferentes fotos, para obtener diferentes zombies =)