Adobe Fireworks CS3. Instituto Superior Tecnológico SISE. Adobe Fireworks CS3

Save this PDF as:
 WORD  PNG  TXT  JPG

Tamaño: px
Comenzar la demostración a partir de la página:

Download "Adobe Fireworks CS3. Instituto Superior Tecnológico SISE. Adobe Fireworks CS3"

Transcripción

1 Adobe Fireworks CS3 Instituto Superior Tecnológico SISE Adobe Fireworks CS3

2 INTRODUCCION A ADOBE FIREWORKS CS3 Adobe Fireworks CS3 es uno de los programas más avanzados para diseñar y producir elementos gráficos para las páginas Web. Con él podrás crear de manera rápida y sencillo cualquier gráfico para una página Web, utilizando elementos visuales que harán que tu diseño sea atractivo visualmente. En esta sesión conocerás los elementos del entorno de trabajo, las diferentes secciones de herramientas que se pueden utilizar, la ventana del documento, los paneles y el inspector de propiedades. INGRESAR AL PROGRAMA ADOBE FIREWORKS CS3 Para que puedas ingresar a trabajar al programa Adobe Fireworks CS3 debes completar los siguientes pasos: Haz clic en el botón Inicio y luego en la opción Todos los programas. Finalmente selecciona Adobe Fireworks CS3 Adobe Fireworks CS3 2

3 CREAR UN NUEVO ARCHIVO Para crear un nuevo archivo realiza lo siguiente: 1. En la Ventana de Adobe Fireworks CS3 cargada inicialmente haz clic en: Crear Nuevo > Documento de Fireworks (PNG). 2. Observa que aparece la ventana Nuevo documento. Debes configura las propiedades (ancho, alto y color) del lienzo y hacer clic con el botón aceptar. Adobe Fireworks CS3 3

4 ENTORNO DE TRABAJO Cuando ingreses a trabajar con el programa encontrarás los siguientes elementos: 1. El Menú Principal: Contiene las opciones principales para que puedas controlar el funcionamiento adecuado de Fireworks. 2. La Barra de Herramientas: Contiene los botones y menús emergentes que te permiten seleccionar objetos, trabajar con objetos de mapas de bits y vectores, diseñar áreas Web y aplicar colores. 3. La Ventana de Documento: Muestra el documento actual mientras lo estás creando y editando. 4. La Regla Horizontal y Vertical: Permite trabajar con medidas exactas dentro del documento. 5. Los Paneles Acoplables: Contienen fichas que permiten abrir y cerrar los inspectores y paneles que se utiliza con mayor frecuencia. 6. El Panel de Propiedades: Muestra propiedades del objeto o texto seleccionado y permite modificar dichas propiedades EL LIENZO Cuando ingresas a trabajar con Fireworks, lo primero que debes hacer es definir el espacio para un nuevo documento. Este espacio se denomina Lienzo. Para ello realiza lo siguiente: 1. En la ventana de Fireworks haz clic en la opción Archivo de Fireworks ubicada bajo el título Crear nuevo. Adobe Fireworks CS3 4

5 2. En la ventana Nuevo documento indica el Ancho, Alto, Resolución y el Color del lienzo como se muestra en la imagen y haz clic en el botón Aceptar. 3. Te aparecerá la pantalla de trabajo de Fireworks con el Lienzo en la parte central. LA BARRA DE HERRAMIENTAS El panel herramientas está organizado en seis categorías: Seleccionar, Mapa de bits, Vector, Web, Colores y Ver. Cuando eliges una herramienta, el Inspector de propiedades muestra sus opciones. Algunas opciones permanecen en pantalla mientras trabajas con la herramienta. PANELES Los paneles son elementos adicionales del área de trabajo de Fireworks que se organizan en grupos y te proporcionan acceso a características especiales para realizar el trabajo de diseño. Para mostrar un panel debes seguir los siguientes pasos: 1. Haz clic en el menú Ventana. 2. Selecciona el nombre del panel que deseas activar. Recuerda: Si quieres ocultar / mostrar todos los paneles de la pantalla puedes presionar la tecla F4 o ingresas al menú Ventana y seleccionas Ocultar paneles. Adobe Fireworks CS3 5

6 MANEJANDO TRAZOS VECTORIALES OBJETOS VECTORIALES Los objetos vectoriales son los elementos más importantes de Adobe Fireworks CS3. Un objeto vectorial consiste en trazos de dos puntos conectados por una línea. Los objetos vectoriales retienen su calidad de imagen independientemente de su ampliación o reducción. Para trabajar con objetos vectoriales, Fireworks te proporciona una serie de herramientas agrupadas bajo el título Vector. CREAR OBJETOS VECTORIALES A continuación crearás un diseño que incluye una combinación de objetos vectoriales, para ello realiza lo siguiente: 1. Selecciona la herramienta Rectángulo. 2. En el panel de propiedades haz clic en el botón de color de contorno... y en la paleta de colores escoge el color negro. Luego haz clic en el botón de color de relleno...y en la paleta de colores haz clic en el botón transparente. Adobe Fireworks CS3 6

7 3. Arrastra el puntero del mouse (+) para dibujar un rectángulo en la parte superior del lienzo. 4. Escoge la herramienta Puntero... de la zona seleccionar en la barra de herramientas y haz clic fuera del lienzo. 5. Haz clic en el triángulo pequeño ubicado en el ángulo inferior derecho de la Herramienta Rectángulo y escoge la herramienta Elipse. 6. Dibuja una elipse en la parte inferior derecha del rectángulo para que tu gráfico quede de la siguiente manera: 7. Haz clic en la herramienta Puntero y selecciona el rectángulo y la elipse. Para seleccionar ambos elementos debes presionar Shift+Clic izquierdo y seleccionar cada uno de los objetos. Importante: También puedes seleccionar varios objetos al mismo tiempo dibujando un recuadro alrededor de los objetos utilizando la herramienta Puntero. 8. Haz clic en el menú Modificar, selecciona la opción Combinar trazados y haz clic en perforación. Tus objetos deben verse de la siguiente forma: Adobe Fireworks CS3 7

8 Recuerda: Si deseas observar una vista previa de tu diseño en la Web, presiona la tecla F12 o también activa el menú Archivo y selecciona la opción Vista previa en el navegador. GUARDAR ARCHIVOS EN FIREWORKS Los archivos de trabajo realizados en Fireworks son almacenados en formato PNG, lo que permite que mantengan la mejor calidad posible, especialmente en materia de diseño Web. A continuación vas a grabar el archivo que has estado trabajando. Para ello crea una carpeta Fireworks en tu carpeta llamada Sitio1 ( C:\Sitio1 ). Luego completa los siguientes pasos: 1. Haz clic en el menú Archivo. 2. Selecciona la opción Guardar como. 3. En la sección Guardar en selecciona la carpeta Fireworks y en el cuadro Nombre dígita "Fwrk01" 4. Finalmente, haz clic en el botón Guardar. MANEJO DE TEXTOS Para utilizar textos, Fireworks te proporciona la herramienta Texto que está ubicada en la zona Vector. Cuando activas esta herramienta, el puntero del mouse cambia a una forma que te permite trazar un recuadro en la pantalla donde digitarás tu texto. Además en el panel de propiedades, se muestran las opciones para trabajar el texto como el tipo de letra, tamaño, color, etc. INSERTAR TEXTO Continuarás trabajando con el documento que creaste inicialmente. Para incluir texto en el diseño realiza lo siguiente: 1. Haz clic en la herramienta Texto y dibuja un recuadro al centro de tu lienzo. 2. En la barra de propiedades selecciona la fuente Arial Narrow, tamaño 79, color negro, estilo Cursiva y selecciona como nivel de suavizado Suavizado tenue. 3. Digita la palabra Adobe Fireworks CS3 y haz clic en la herramienta puntero. Luego mueve el objeto a la parte central de tu lienzo. Adobe Fireworks CS3 8

9 Tipo de Fuente Tamaño Estilo Nivel de Suavizado Color CONVERTIR TEXTO EN CURVA 1. Dibuja un círculo de tamaño mediano que tenga color de contorno negro y sin relleno. 2. Coloca el círculo debajo del texto Fireworks. 3. Selecciona ambos objetos. 4. Haz clic en el menú Texto y selecciona la opción Unir al trazado. 5. Observa que el texto se adapta a la forma del círculo. Luego de que el texto está adecuado a la curva, la forma del círculo desaparece v sólo puedes trabajar con el texto. Adobe Fireworks CS3 9

10 6. Haz clic en el triángulo debajo de la herramienta Escala y activa la herramienta Inclinar. 7. Arrastra el nodo inferior derecho hacia abajo para que el objeto se agrande por el costado derecho. 8. Arrastra el nodo inferior izquierdo hacia arriba para que el objeto se reduzca por el costado izquierdo. Tu objeto debe quedar con la siguiente apariencia: Guarda tu documento nuevamente y cierra todos los archivos. Adobe Fireworks CS3 10

11 MAPAS DE BITS OBJETOS DE MAPA DE BITS Los mapas de bits (o imágenes de tramado) son imágenes obtenidas de una cámara digital o de un escáner. Se basan en píxeles, una determinada cantidad de puntos de color por pulgada que configuran una imagen. Para una página Web son suficientes 72 puntos por pulgada (72 dpi.). Para trabajar con objetos de mapa de bits, Fireworks te proporciona una serie de herramientas agrupadas bajo el título Mapa bits. IMPORTAR IMÁGENES Para insertar imágenes en tu documento de Fireworks utilizarás las imágenes que están en la carpeta ARCHIVOS FIREWORKS. 1. Haz clic en el menú Archivo y luego escoge la opción Importar. 2. Ubica la carpeta ARCHIVOS FIREWORKS en la lista Buscar en del cuadro de diálogo Importar. 3. Selecciona la imagen DRAGON y haz clic en el botón Abrir. 4. Observa que en el lienzo, el cursor toma la forma de "L" invertida. 5. Arrastra el puntero del mouse para dibujar un recuadro de línea punteada que demarcará el tamaño de tu imagen. 6. Cuando sueltes el botón del mouse, la imagen aparecerá en tu pantalla: Adobe Fireworks CS3 11

12 Guarda tu documento con el nombre Frwk03 Ejercicio: Importa las siguientes imágenes a tu documento: CARA FEA, OGRO, TORTUGO, TORO y FEO TIPO para que tenga la siguiente apariencia: No te olvides de guardar, nuevamente, tu documento. CORTAR IMÁGENES Fireworks te da la posibilidad de que puedas recortar una parte de tus imágenes de mapa de bits con forma de Recuadro o forma Oval. Para ello realiza lo siguiente: 1. Haz clic en el triángulo inferior de la herramienta Recuadro y selecciona la herramienta Recuadro oval en la zona Mapa bits. 2. En la primera imagen que insertaste, dibuja un recuadro alrededor de la zona de la imagen que deseas recortar. Adobe Fireworks CS3 12

13 3. Haz clic en el menú Seleccionar y escoge la opción Seleccionar inverso. 4. Observa que aparece otro cuadro con línea punteada alrededor de todo el lienzo. 5. Presiona la tecla Supr para cortar la imagen y luego para finalizar presiona la tecla Esc. Tu documento deberá tener la siguiente apariencia: EFECTOS ESPECIALES Todos los objetos utilizados en Fireworks, sean vectoriales o mapa de bits, se pueden resaltar de manera más eficiente aplicando diferentes efectos especiales. El grupo de efectos especiales los puedes encontrar en la parte inferior del panel de propiedades cada vez que seleccionas un objeto. Adobe Fireworks CS3 13

14 Dentro de los efectos especiales que puedes encontrar están: iluminación, desenfocar, ruido, bisel y relieve. APLICAR ILUMINACIÓN 1. Haz clic en la primera imagen. 2. Observa que en el panel de Propiedades se activa la sección de efectos con los signos (+) y ( ). 3. Haz clic en el icono (+) y observa que aparecerá la lista con todos los efectos a aplicar. 4. Selecciona la opción Sombrear e iluminar y escoge la alternativa iluminado. 5. En el cuadro de parámetros de iluminado, coloca el nivel de opacidad en 687o y elige el color Naranja para la iluminación. 6. Al terminar, haz clic fuera del recuadro de parámetros. Tu imagen quedará de la siguiente manera. Anchura Color de la iluminación Opacidad Suavidad Adobe Fireworks CS3 14

15 APLICAR EFECTO DE DESENFOCAR 1. Haz clic en la imagen. 2. En el panel de efectos, selecciona la opción Desenfocar y escoge la alternativa Desenfoque gaussiano. 3. En la ventana Desenfoque gaussiano, mueve el manejador Radio de desenfoque hacia la izquierda hasta alcanzar el valor 2.1 y haz clic en Aceptar. Tu imagen tendrá la siguiente apariencia. APLICAR EFECTO DE RUIDO 1. Haz clic en la imagen. 2. En el panel de efectos, selecciona la opción Ruido y escoge la alternativa Añadir ruido. 3. En la ventana Añadir ruido, reduce la cantidad de ruido hasta el valor Haz clic en el cuadro Color para que el ruido se visualice en blanco y negro. Finalmente haz clic en Aceptar. Tu imagen tendrá la siguiente apariencia. Adobe Fireworks CS3 15

16 APLICAR EFECTO DE BISEL Y RELIEVE 1. Haz clic en la imagen. 2. En el panel de efectos, selecciona la opción Bisel y Relieve y escoge la alternativa Bisel interior. 3. En el cuadro de parámetros de bisel y relieve, coloca la forma del borde del bisel en Plano y la anchura en Para lograr aplicar sombra al objeto que acabas de modificar selecciona la opción Sombrear e iluminar y escoge la alternativa Sombra. 5. Aumenta la distancia a 23 en el cuadro de parámetros de sombra. Tu imagen tendrá la siguiente apariencia. Adobe Fireworks CS3 16

17 AJUSTAR COLOR Y NIVEL DE OPACIDAD 1. Importa el archivo CLIMBER. 2. En el panel de efectos, selecciona la opción Ajusfar color y escoge la alternativa Matiz/Saturación. 3. En la ventana Matiz/Saturación, activa la casilla COLOREAR y mueve el control a Matiz: 276, Saturación: 33, Iluminación: 50. totalmente hacia la izquierda hasta que veas el valor 100 en el recuadro. Luego haz clic en Aceptar. Observa que la imagen se visualiza en blanco y negro. 4. Ahora, cambia el nivel de opacidad hasta 72. El nivel de opacidad lo encuentras arriba de la palabra Efectos en el panel de propiedades. Guarda tu archivo y ciérralo al finalizar. CONVERTIR IMÁGENES EN UN MAPA DE BITS Cuando trabajas con muchas imágenes, Adobe Fireworks CS3 te ofrece la posibilidad de agrupar todas tus imágenes y convertirlas en una sola imagen de mapa de bits. La ventaja de este proceso es que puedes utilizar esta nueva imagen como un fondo para cualquier página Web que puedas crear posteriormente. Para convertir las imágenes en un mapa de bits realiza lo siguiente: 1. Selecciona todas las imágenes utilizadas en el archivo (Puedes presionar las teclas rápidas Ctrl+A) 2. Activa el menú Modificar y selecciona la opción Allanar selección. 3. Observa en tu archivo el conjunto de imágenes se vuelve una sola imagen. Adobe Fireworks CS3 17

18 COLOR DE RELLENO DEGRADADO Fireworks te permite trabajar toda una gama de colores de los cuales destacan los colores de relleno degradado. Las combinaciones de colores las puedes aplicar antes de insertar el objeto en el lienzo o posteriormente utilizando la herramienta cubo de pintura. Los colores de relleno están ubicados tanto en la barra de herramientas como en el panel de propiedades. Para trabajar los ejemplos de relleno degradado, crea un nuevo archivo. 1. Dibuja una figura cualquiera. 2. Selecciona el objeto dentro del lienzo y en la barra de propiedades escoge el color azul (#3399FF) en el panel de colores de relleno. 3. En el cuadro categoría de relleno, escoge la opción Degradado y en el menú con los tipos de degradado selecciona Lineal. 4. Haz clic en el cuadro de color de relleno para que aparezca el cuadro de los manejadores de relleno. 5. Cambia el nivel de opacidad izquierdo a 85. Adobe Fireworks CS3 18

19 Ejercicio. Realizar el siguiente diseño y guárdelo con el nombre de principal.png. Adobe Fireworks CS3 19

20 MANEJANDO INTERACTIVIDAD BOTONES Los botones Fireworks son objetos de tipo símbolo que te permiten establecer algunos comportamientos o estados que observarás cuando manipules el puntero del mouse dentro de tu Web. CREACIÓN DE BOTONES Ahora vas a convertir a botones algunos objetos de una Web. Para ello, abre el archivo que creaste en el ejercicio anterior llamado principal.png o ábrelo desde la carpeta con los archivos de trabajo, y a continuación completa los siguientes pasos: 1. Selecciona el texto Inicio y el rectángulo que se halla detrás de el. 2. Presiona la tecla F8, escoge la opción Botón de la ventana Propiedades de símbolo y haz clic en Aceptar. 3. Observa que ambos objetos quedaron convertidos en un solo botón. Adobe Fireworks CS3 20

21 Importante: El slice es el área donde va a aparecer la vinculación y/o comportamiento del botón. Cuando hay varias áreas de slice en una Web, éstas no pueden cruzarse va que pueden causar comportamientos inesperados en los botones. Ejercicio: Convierte a botón el texto y el rectángulo de la imagen correspondiente de Nosotros, Productos, Contacto y Login. Tu documento debería tener la siguiente apariencia: Importante: Si tus áreas de slice estuvieran cruzándose, puedes colocar el puntero del mouse dentro de la zona verde y arrastrar el botón completo hasta separar un área de la otra. Guarda tu documento nuevamente. ESTADOS DE UN BOTÓN Los estados de un botón son los comportamientos que se mostrarán en la pantalla cuando el puntero del mouse trabaje con el botón. Los estados que puedes trabajar con un símbolo botón son: ESTADO Arriba Sobre Abajo Sobre y Abajo Zona activa DESCRIPCIÓN El estado normal del botón al cargar la Web Aparece cuando el cursor está sobre el botón Cuando presionas el botón izquierdo sobre el botón Cuando el botón está presionado, si se sitúa el cursor sobre el botón seguirá cambiando de aspecto. La zona de vinculación del botón Adobe Fireworks CS3 21

22 Los estados son predefinidos en Fireworks, de tal forma que tu trabajo consiste, realmente, en modificar la apariencia que tendrá el botón en cada uno de los estados. Ahora vas a crear los estados para los botones de tu archivo. Para ello realiza lo siguiente: 1. Haz doble clic en el área de slice del botón Estructura metal. Observa que te aparece el panel del símbolo, el cual contiene los botones para cada uno de los estados. Automáticamente, Fireworks solamente tiene el botón creado en el estado Arriba. Para todos los demás estados debes copiar el objeto botón. 2. Selecciona la pestaña Sobre y para copiar el objeto haz clic en el botón Copiar gráfico Arriba. El botón aparece copiado en la pantalla. 3. Selecciona cada ficha y repite el paso número Haz clic en el botón Listo para terminar la definición de este botón. En el Estado SOBRE, realice las modificaciones que creas convenientes, como por ejemplo: cambiar el color de fondo del rectángulo y el color del texto. En el Estado ABAJO, repita el procedimiento y modifique el gráfico. Adobe Fireworks CS3 22

23 AGREGAR INTERACTIVIDAD A LOS BOTONES La interactividad de un botón se ve reflejada, principalmente, por los cambios que se aprecian en la Web cuando estás navegando a través de ella. Estos cambios se relacionan con el aspecto del botón en uno o varios de sus estados (arriba, sobre, abajo y sobre y abajo). Para ello solamente debes agregar a tu botón los efectos que creas necesarios en sus correspondientes estados. A continuación en tu archivo trabajarás con el botón inicio, cambiarás los efectos del texto exclusivamente para los estados de sobre y abajo. Para ello, realiza lo siguiente: 1. Haz doble clic sobre el botón Inicio y observa que aparecerán los estados del botón. 2. En el estado sobre, elimina el efecto iluminado del texto, selecciona el botón y agrega un efecto sombra de color rojo, con un nivel de opacidad de 95% y una distancia de Haz cite en el botón Listo para aceptar los cambios. MANEJO DE ZONAS DE DIVISIÓN Las Zonas de División son áreas especiales en Fireworks en las que puedes establecer comportamientos específicos de la Web al estar navegando con los botones. Estos comportamientos pueden estar referidos a presentar imágenes de muestra o colocar textos que describan la utilidad de cada botón definido en la página. Fireworks te proporciona, en la barra de herramientas Web, dos tipos de zonas para definir los comportamientos: Herramienta División y Herramienta División Poligonal. La diferencia radica en que la Herramienta División te permite crear solamente áreas rectangulares mientras que la División Poligonal define áreas de cualquier forma. En tu archivo definirás un área de división para mostrar un texto y una imagen acerca de cada uno de los tipos de trabajos realizados por el artista. Para ello realiza lo siguiente: 1. Haz clic en la Herramienta División. El puntero del mouse cambia a la forma de una cruz (+). Adobe Fireworks CS3 23

24 2. Ubica el cursor debajo de la barra de navegación y dibuja un rectángulo. Asegúrate que el área de división no se cruce con ninguna de las áreas de los botones. Guarda tu documento nuevamente. AGREGAR COMPORTAMIENTOS Para agregar los comportamientos para las Zonas de División es necesario activar el panel de capas (F2) y el panel de fotogramas (Shift+F2). En el panel de capas puedes observar el área donde está definido cada uno de los objetos que conforman tu Web. El panel de fotogramas te permite definir la información que estará asociada con cada uno de los botones. Debes crear un fotograma por cada botón en el que vayas a definir un comportamiento. Adobe Fireworks CS3 24

25 Para definir los objetos para los comportamientos en tu archivo, completa los siguientes pasos: 1. Activa el panel Fotogramas y el panel Capas. 2. El panel fotogramas te proporciona por omisión un fotograma llamado Fotograma 1. Para cambiar el nombre de este fotograma, haz doble clic en la palabra fotograma 1 y digita la etiqueta "Todo". 3. Haz clic en el botón Fotograma nuevo para insertar un nuevo fotograma. Notarás que el fondo de la pantalla desaparece. 4. Cambia el nombre de este fotograma por INICIO. 5. Crea dos nuevos fotogramas: NOSOTROS y PRODUCTOS respectivamente. Tu documento debe tener la siguiente apariencia: Adobe Fireworks CS3 25

26 6. Haz clic en el fotograma INICIO para trabajar con él. Activa la herramienta de texto y dibuja un recuadro de texto dentro del área de división. 7. Haz clic en el fotograma NOSOTROS para trabajar con él. Adobe Fireworks CS3 26

27 8. Haz clic en el fotograma PRODUCTOS para trabajar con él. AÑADIR EL COMPORTAMIENTO AL BOTÓN 1. Selecciona el fotograma TODO para relacionar los botones con los fotogramas. 2. Haz clic en el botón INICIO y ubica el puntero del mouse en el botón de inspección que aparece en el centro del mismo. 3. Haz clic en dicho botón y en el menú contextual que te aparece, escoge la opción Añadir comportamiento intercambiar imagen. 4. En el cuadro de diálogo Intercambiar imagen verás a la derecha la zona de vista previa de las áreas de división para intercambio de imágenes. 5. Haz clic en la división que representa el área de los textos e imágenes. Adobe Fireworks CS3 27

28 6. En el cuadro de lista fotograma N selecciona el fotograma INICIO (2) y luego haz clic en Aceptar. Observa que ahora aparece una línea azul que va desde el botón hacia el área de división. Esto indica que ya existe un comportamiento definido entre ambos objetos. 7. Ahora, haz clic en el centro del botón NOSOTROS, luego activa el botón de inspección para que aparezca el menú contextual y repite los pasos 4 y En el cuadro de lista fotograma N selecciona el fotograma NOSOTROS (3) y luego haz clic en Aceptar. 9. Ahora, haz clic en el centro del botón PRODUCTOS; luego activa el botón de inspección para que aparezca el menú contextual y repite los pasos 4 y En el cuadro de lista fotograma N selecciona el fotograma PRODUCTOS (4) y luego haz clic en Aceptar. COPIAR FONDO A UN FOTOGRAMA Adobe Fireworks CS3 28

29 Habrás notado que cuando mueves el mouse sobre los botones aparecen los mensajes y fotos correspondientes, pero el fondo que muestra esa zona es blanco. Esto ocurre debido a que la capa que trabaja el fondo principal de la Web solamente se encuentra definida en el fotograma llamado Todo. Si examinas los otros fotogramas, observarás que su fondo es totalmente en blanco. Para solucionar este problema, solamente debes copiar el fondo de mapa de bits del fotograma Todo hacia los demás fotogramas. Para ello completa lo siguiente: 1. Haz clic en el fotograma TODO y selecciona la capa de mapa de bits que corresponde con el fondo de la Web. 2. En el panel de propiedades, se activan los parámetros X e Y. Recuerda los números mostrados porque te dan la ubicación exacta del fondo en la pantalla. 3. Activa la opción Copiar del menú Edición (o también las teclas Ctrl+C) 4. Haz clic en el fotograma INICIO y activa la opción Pegar del menú Edición (Ctrl+V) 5. Cuando el mapa de bits es copiado, mueve la capa a la última posición para que esté en el fondo de la pantalla. Luego fíjate en los parámetros X e Y del panel de propiedades y si los números no corresponden con los valores originales, procede a modificarlos. Guarda tu documento nuevamente y ejecútalo en vista previa. Luego procede a cerrarlo. Adobe Fireworks CS3 29

30 CONVERTIR UNA WEB FIREWORKS EN HTML Cuando trabajas una Web en Fireworks, los archivos que genera este programa son de tipo PNG, es decir, una imagen gráfica y solamente al ejecutar el archivo en vista previa, puedes observar temporalmente el funcionamiento de tu diseño como una página Web realizada en HTML. Fireworks te proporciona las herramientas necesarias que te permitirán convertir toda tu Web al formato HTML manteniendo el diseño, los botones, comportamientos y todas aquellas características que hayan sido incluidas en el diseño de la Web. DEFINIR LAS CARPETAS DE TRABAJO Antes de iniciar el proceso, es importante que definas las carpetas donde se exportará la información, especialmente una carpeta para guardar todas las secciones de imágenes que conforman la Web. Para el ejemplo que has trabajado anteriormente, crea una carpeta llamada CLASE en tu disco local, luego procede a crear una carpeta Imágenes dentro de la carpeta CLASE. Para convertir tu Web de, completa los siguientes pasos: 1. Selecciona el menú Archivo y activa la opción Exportar. 2. En la ventana de diálogo que aparece, indica los siguientes parámetros: 3. Guardar en: Ubica la carpeta llamada CLASE. a. Nombre: Digita el nombre de la Web, en este caso, Principal. b. Tipo: HTML e imágenes. c. HTML: Exportar Archivo HTML. d. Divisiones: Exportar divisiones. e. Deben estar seleccionadas las opciones Incluir áreas sin divisiones y Colocar imágenes en subcarpeta. 4. Haz clic en el botón Examinar para que puedas seleccionar la carpeta Imágenes que está ubicada dentro de la carpeta CLASE. Adobe Fireworks CS3 30

31 5. Haz clic en el botón Guardar. Guarda tu archivo nuevamente y luego procede a cerrar el programa Fireworks. Si utilizas el explorador de Windows para examinar la carpeta CLASE, notarás que ahora ya existe un archivo llamado Principal y que es de tipo HTML. Además, si examinas la carpeta Imágenes, observarás que los objetos han sido subdivididos para un mejor funcionamiento. Adobe Fireworks CS3 31

Ejercicio Sitio Web Mundo Animal

Ejercicio Sitio Web Mundo Animal Ejercicio Sitio Web Mundo Animal 01. Abrir y crear un archivo según las siguientes características: Tamaño: 755 x 420 px., para visualización (configuración) 800 px. X 600 px. Resolución: 72 ppp (Pixel

Más detalles

Web de prácticas. Vamos a diseñar una web formada por una página principal y tres dependientes

Web de prácticas. Vamos a diseñar una web formada por una página principal y tres dependientes Web de prácticas Web de prácticas de ella. Vamos a diseñar una web formada por una página principal y tres dependientes El contenido de la página principal será: Cabecera Animación Fondo Barra de navegación

Más detalles

Qué es Fireworks? Los mapas de bits

Qué es Fireworks? Los mapas de bits Qué es Fireworks? Macromedia Fireworks MX es una aplicación para diseñar elementos gráficos que van a utilizarse en la web. Sus innovadoras soluciones resuelven los principales problemas a los que se enfrentan

Más detalles

IMÁGENES. Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web.

IMÁGENES. Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web. IMÁGENES Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual. Existen una serie de formatos de imagen más

Más detalles

Draw. Dibujo vectorial

Draw. Dibujo vectorial Ministerio de Educación, Cultura y Deporte Draw. Dibujo vectorial Profundización Introducción Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Draw. Open Office Inicio Objetivos

Más detalles

Objetivo. Ajustar las opciones de formato para conseguir un archivo ligero y con calidad dirigido a la posterior publicación web.

Objetivo. Ajustar las opciones de formato para conseguir un archivo ligero y con calidad dirigido a la posterior publicación web. Ejercicio. Unidad 1. Guardar para Web Adobe Photoshop CS Práctica n 01 Objetivo. Ajustar las opciones de formato para conseguir un archivo ligero y con calidad dirigido a la posterior publicación web.

Más detalles

Paint es una herramienta de diseño de dibujos los cuales son almacenados como mapa de bits (archivos de imágenes tipo *.bmp).

Paint es una herramienta de diseño de dibujos los cuales son almacenados como mapa de bits (archivos de imágenes tipo *.bmp). Aplicación Paint Generalidades Paint es una herramienta de diseño de dibujos los cuales son almacenados como mapa de bits (archivos de imágenes tipo *.bmp). Para ejecutar la aplicación Paint se debe seleccionar

Más detalles

Herramientas de Mapa de Bits

Herramientas de Mapa de Bits Herramientas de Mapa de Bits SESIÓN 2 CAPACIDADES EN ESTA SESIÓN El participante al final de esta sesión estará en capacidad de: Explicar las diferentes herramientas de mapas de bits para poder elaborar

Más detalles

CREIX AMB INTERNET ILLUSTRATOR: INTRODUCCIÓN AL DISEÑO VECTORIAL

CREIX AMB INTERNET ILLUSTRATOR: INTRODUCCIÓN AL DISEÑO VECTORIAL CREIX AMB INTERNET ILLUSTRATOR: INTRODUCCIÓN AL DISEÑO VECTORIAL Índice: Introducción...pág. 03 1. Entorno de Illustrator...pág:04 2. Creación de un nuevo documento...pág: 07 3. Uso de capas...pág: 10

Más detalles

Tutorial de Paint Shop Pro 7

Tutorial de Paint Shop Pro 7 1 Tutorial de Paint Shop Pro 7 Paint Shop Pro (PSP) es el programa de tratamiento de imágenes más popular en Internet debido a su relativa sencillez de manejo y sus múltiples prestaciones. 1. El cuadro

Más detalles

1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a

1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a 1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a distribuir por Internet. Un excelente procesador de textos

Más detalles

Sección 4.1 Imágenes e ilustraciones

Sección 4.1 Imágenes e ilustraciones Sección 4.1 Imágenes e ilustraciones Imágenes: fotos, capturas de pantalla u otros ficheros de mapas de bits o vectoriales. También se consideran imágenes lo que en otras versiones de PowerPoint se llamaba

Más detalles

Utilización de mapas de bits

Utilización de mapas de bits Utilización de mapas de bits Los mapas de bits son imágenes compuestas de pequeños cuadrados de color denominados píxeles que se combinan para crear una imagen. Algunos ejemplos de mapas de bits son fotografías,

Más detalles

Oficina de Tecnologías de la Información y Comunicaciones MANUAL DE USUARIO. Diseño básico para elaboración de banners en Macromedia Fireworks 8

Oficina de Tecnologías de la Información y Comunicaciones MANUAL DE USUARIO. Diseño básico para elaboración de banners en Macromedia Fireworks 8 MANUAL DE USUARIO Diseño básico para elaboración de banners en Macromedia Fireworks 8 Pág. 1 de 13 ÍNDICE 1. INTRODUCCION... 3 2. EL ESPACIO DE TRABAJO DE FIREWORKS... 3 3. CREAR UN NUEVO DOCUMENTO...

Más detalles

Imágenes y gráficos. 1 Introducción

Imágenes y gráficos. 1 Introducción Imágenes y gráficos 1 Introducción Hoy en día un documento para que sea considerado como un buen documento debe incluir, siempre que sea necesario, gráficos o imágenes, sobre todo si se va a distribuir

Más detalles

Ejercicio paso a paso. Abrir, guardar y cerrar un documento de CorelDRAW 12

Ejercicio paso a paso. Abrir, guardar y cerrar un documento de CorelDRAW 12 Ejercicio paso a paso. Abrir, guardar y cerrar un documento de CorelDRAW 12 Corel Draw 12 Práctica n 01 Objetivo. Practicar las operaciones de abrir y cerrar un nuevo documento de CorelDRAW 12. 1. Si no

Más detalles

Manual de Neobook. J.Santiago Ortiz

Manual de Neobook. J.Santiago Ortiz Manual de Neobook J.Santiago Ortiz J. Santiago Ortiz Durán Que es Neobook? Neobook es un Software de autor de gran difusión en el ámbito educativo, que goza de mucha popularidad debido a su facilidad de

Más detalles

Creación, configuración, formato y visualización de una presentación en Power Point

Creación, configuración, formato y visualización de una presentación en Power Point Módulo 3 Herramientas de Cómputo Creación, configuración, formato y visualización de una presentación en Power Point Cómo crear una diapositiva nueva? Para crear una diapositiva nueva tienes que ir al

Más detalles

Tutorial de Dreamweaver MX 2004

Tutorial de Dreamweaver MX 2004 1 Tutorial de Dreamweaver MX 2004 Dreamweaver MX 2004 es una aplicación para el diseño de espacios web que incorpora múltiples posibilidades de edición. 1. Configurar un sitio local El método más común

Más detalles

GRADO: DÉCIMO FECHA: Enero 30 de 2013

GRADO: DÉCIMO FECHA: Enero 30 de 2013 INSTITUCIÓN EDUCATIVA NORMAL SUPERIOR RIO DE ORO CESAR ÁREA: TECNOLOGÍA E INFORMÁTICA GRADO: DÉCIMO FECHA: Enero 30 de 2013 TEMA: INTRODUCCIÓN A MACROMEDIA FIREWORKS Macromedia Fireworks 8 es una aplicación

Más detalles

SEGUIMIENTO CON FLASH CS3 PRO

SEGUIMIENTO CON FLASH CS3 PRO Edición 2005 Flash para la enseñanza SEGUIMIENTO CON FLASH CS3 PRO MATERIALES PARA LA FORMACIÓN A DISTANCIA DEL PROFESORADO CNICE ÍNDICE Introducción... 3 1. Requisitos del sistema... 3 2. Instalación

Más detalles

Práctica guiada. Un marco para una foto

Práctica guiada. Un marco para una foto Práctica guiada. Un marco para una foto Con esta primera práctica vamos a familiarizarnos con varias herramientas de GIMP. A la vez que conocemos el uso de algunas herramientas de Gimp, practicamos con

Más detalles

EFECTOS, ANIMACIÓN, TRANSICIÓN, IMÁGENES Y FOTOS EN POWER POINT

EFECTOS, ANIMACIÓN, TRANSICIÓN, IMÁGENES Y FOTOS EN POWER POINT EFECTOS, ANIMACIÓN, TRANSICIÓN, IMÁGENES Y FOTOS EN POWER POINT Qué es una plantilla? Las plantillas (Templates) son presentaciones cuyo formato y esquema de colores puede ser aplicado a otras presentaciones.

Más detalles

Draw. Dibujo vectorial. Módulo 7: Imágenes. Ministerio de Educación, Cultura y Deporte

Draw. Dibujo vectorial. Módulo 7: Imágenes. Ministerio de Educación, Cultura y Deporte Ministerio de Educación, Cultura y Deporte Draw. Dibujo vectorial Módulo 7: Imágenes Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Draw. Open Office Imágenes Objetivos

Más detalles

MANUAL DEL SISTEMA SITE BUILDER COMO CONSTRUIR MI PÁGINA WEB EN 5 PASOS

MANUAL DEL SISTEMA SITE BUILDER COMO CONSTRUIR MI PÁGINA WEB EN 5 PASOS MANUAL DEL SISTEMA SITE BUILDER COMO CONSTRUIR MI PÁGINA WEB EN 5 PASOS Derechos Reservados Host4u Web Hosting México INTRODUCCIÓN La siguiente información es para que aprendas a usar el programa "Site

Más detalles

SELECCIONAR. PB3157 MAQUETACIÓN Y DISEÑO POR ORDENADOR I Tema 3. Las herramientas. Introducción. Realizar selecciones de píxeles

SELECCIONAR. PB3157 MAQUETACIÓN Y DISEÑO POR ORDENADOR I Tema 3. Las herramientas. Introducción. Realizar selecciones de píxeles SELECCIONAR Introducción Dado que en la imagen hay dos tipos de datos diferentes: mapas de bits y vectores, es necesario utilizar conjuntos de herramientas independientes para realizar las selecciones

Más detalles

2015-2016. Prácticas de Informática 5

2015-2016. Prácticas de Informática 5 2015-2016 Prácticas de Informática 5 Sesión 1: Introducción a Corel Corel Draw es un programa de dibujo vectorial que facilita la creación de ilustraciones profesionales: desde simples logotipos a complejos

Más detalles

Herramientas CorelDraw

Herramientas CorelDraw Herramientas CorelDraw Herramienta de Selección Señala elementos pinchando sobre él o varios elementos, realizando una ventana que los contenga. Con la tecla Mayúsculas resta o añade elementos a la selección.

Más detalles

Tutorial de Paint. Tutorial de Paint

Tutorial de Paint. Tutorial de Paint Tutorial de Paint 0 Paint Ahora es más fácil y más divertido usar este fiable programa. Además, los nuevos "pinceles" digitales realistas darán vida a sus imágenes, con matices de acuarelas, crayones y

Más detalles

INICIANDO CON FLASH ESPACIO DE TRABAJO

INICIANDO CON FLASH ESPACIO DE TRABAJO ESPACIO DE TRABAJO INICIANDO CON FLASH Teniendo instalado el programa podemos ejecutarlo desde el botón de inicio, buscando la carpeta de adobe, dentro de ella seleccionamos el programa de Flash CS4 (básico

Más detalles

Descripción del espacio de trabajo

Descripción del espacio de trabajo del espacio de trabajo Bienvenido a Corel PHOTO-PAINT, un potente programa de edición de imágenes de mapa de bits que permite retocar fotografías existentes o crear gráficos originales. Este documento

Más detalles

3_formato I. NOTA: al pegar unas celdas sobre otras no vacías, se borrará el contenido de estas últimas.

3_formato I. NOTA: al pegar unas celdas sobre otras no vacías, se borrará el contenido de estas últimas. 3. Luego se seleccionan las celdas donde se quiere que se sitúen las celdas cortadas. No hace falta seleccionar el rango completo sobre el que se va a pegar, ya que si se selecciona una única celda, Calc

Más detalles

COREL DRAW PARTE II. TERCER y CUARTO BIMESTRE 1 B - 2 AÑO A- B TABLAS

COREL DRAW PARTE II. TERCER y CUARTO BIMESTRE 1 B - 2 AÑO A- B TABLAS CREAR TABLAS COREL DRAW PARTE II TERCER y CUARTO BIMESTRE 1 B - 2 AÑO A- B TABLAS Para crear una tabla, debes seleccionar la herramienta Tabla desde la barra de herramientas, completa los valores en el

Más detalles

Cuadernillo Autoaprendizaje Microsoft Powerpoint

Cuadernillo Autoaprendizaje Microsoft Powerpoint Cuadernillo Autoaprendizaje Microsoft Powerpoint Powerpoint es un programa de creación de aplicaciones visuales en forma de demostraciones y presentaciones. La filosofía del funcionamiento de Powerpoint

Más detalles

Paso 1 de 13. Paso 2 de 13. Guía de aprendizaje de Flash CS5 Tutorial 3. Creación de un logotipo textual.

Paso 1 de 13. Paso 2 de 13. Guía de aprendizaje de Flash CS5 Tutorial 3. Creación de un logotipo textual. Guía de aprendizaje de Flash CS5 Tutorial 3. Creación de un logotipo textual. Paso 1 de 13 En este tutorial vamos a crear un logotipo basado en un texto al que aplicaremos algunos efectos utilizando filtros

Más detalles

Recursos didácticos digitales en Educación Permanente Mª Luisa Miras Cidad

Recursos didácticos digitales en Educación Permanente Mª Luisa Miras Cidad Mi primer libro 1. Prepara tu ordenador Antes de comenzar a trabajar, sería recomendable que configuraras tu ordenador para ver las extensiones de los archivos. Una extensión es una serie de letras que

Más detalles

Resumen de fotos editadas por alumnos/as del 3º ciclo de Educación Primaria. / 12

Resumen de fotos editadas por alumnos/as del 3º ciclo de Educación Primaria. / 12 ÍNDICE DE CONTENIDOS Índice de contenidos. / 2 Sesión de fotografía. / 3 Creación de una carpeta de trabajo. / 3 Abrir Digital Imagen 2006. / 3 Área de trabajo. / 4 Abrir imágenes para editarlas. / 5 Recortar

Más detalles

Dinos qué tal lo estamos haciendo

Dinos qué tal lo estamos haciendo Acerca de los dibujos en Google Docs Google Docs te permite crear, compartir y modificar dibujos online fácilmente. Estas son algunas de las cosas que puedes hacer con dibujos en Google Docs: modificar

Más detalles

Un botón puede tener hasta cuatro estados diferentes. Cada estado representa el aspecto del botón en respuesta a un evento del ratón:

Un botón puede tener hasta cuatro estados diferentes. Cada estado representa el aspecto del botón en respuesta a un evento del ratón: Estados de botón Un botón puede tener hasta cuatro estados diferentes. Cada estado representa el aspecto del botón en respuesta a un evento del ratón: El estado Arriba es el estado predeterminado o aspecto

Más detalles

Imágenes y gráficos. Imágenes. Gráficos.

Imágenes y gráficos. Imágenes. Gráficos. Imágenes y gráficos Introducción Hoy en día un documento para que sea considerado como un buen documento debe incluir, siempre que sea necesario, gráficos o imágenes, sobre todo si se va a distribuir por

Más detalles

Objetos y Capas UNIDAD. Estructura de Contenidos: 1. Entorno de Adobe Flash. 2. Herramientas de Diseño. 3. Edición y Control de Estados.

Objetos y Capas UNIDAD. Estructura de Contenidos: 1. Entorno de Adobe Flash. 2. Herramientas de Diseño. 3. Edición y Control de Estados. Objetos y Capas UNIDAD 7 Estructura de Contenidos: 1. Entorno de Adobe Flash. 2. Herramientas de Diseño. 3. Edición y Control de Estados. 4. Interpolación de movimiento. 5. Control de capas. Tipos (Guía

Más detalles

Tutorial de FreeHand MX

Tutorial de FreeHand MX 1 Tutorial de FreeHand MX FreeHand es una aplicación de Macromedia para el diseño de imágenes vectoriales de alta calidad y resolución orientadas tanto a la publicación impresa como al entorno Web. 1.

Más detalles

Diseño de páginas web

Diseño de páginas web Diseño de páginas web Elementos del entorno en Dreamweaver 4 Ricardo Esteban Alonso Modos de visualización Vista diseño (donde nosotros trabajamos) Vista de código Vista de código y diseño Entorno de Dreamweaver

Más detalles

Imagen ::: Dimensiones de una imagen Diseño de materiales multimedia. Web 2.0. 2.4 Dimensiones de una imagen

Imagen ::: Dimensiones de una imagen Diseño de materiales multimedia. Web 2.0. 2.4 Dimensiones de una imagen 171 2.4 Dimensiones de una imagen 172 2.4 Dimensiones de una imagen 2.4.1 Reducir el tamaño de una imagen Uno de los principales factores que determinan el peso de un archivo gráfico es el tamaño de la

Más detalles

Prácticas guiadas para el diseño gráfico con Gimp 2.0

Prácticas guiadas para el diseño gráfico con Gimp 2.0 Prácticas guiadas para el diseño gráfico con Gimp 2.0 Luis Escandell Gómez Enero de 2.007 1 Práctica 1 - Diseño Gráfico con Gimp Introducción a Gimp GIMP es el Programa de Manipulación de Imágenes GNU

Más detalles

Si es la primera vez que trabajas con Power Point, lo que debes hacer es localizar el botón de inicio. después haz doble clic sobre el icono

Si es la primera vez que trabajas con Power Point, lo que debes hacer es localizar el botón de inicio. después haz doble clic sobre el icono Módulo 3 Herramientas de Cómputo Conociendo Power Point Para qué sirve un programa como Power Point? Power Point es un programa que permite hacer dispositivas (láminas) digitales para mostrar en ellas

Más detalles

QUÉ ES ILLUSTRATOR? Acerca de Adobe Illustrator

QUÉ ES ILLUSTRATOR? Acerca de Adobe Illustrator QUÉ ES ILLUSTRATOR? Acerca de Adobe Illustrator Illustrator es un programa de vectores. Su principal uso es para hacer ilustraciones, caricaturas, diagramas, gráficos y logotipos. A diferencia de las fotografías

Más detalles

Jornadas de INCLUSION DIGITAL. a través de las TIC ORGANIZAN: CAPACITA: CLAEH

Jornadas de INCLUSION DIGITAL. a través de las TIC ORGANIZAN: CAPACITA: CLAEH Jornadas de INCLUSION DIGITAL a través de las TIC ORGANIZAN: CAPACITA: CLAEH Con Google Docs puedes crear, compartir y editar documentos online con facilidad. A continuación te indicamos algunas acciones

Más detalles

Este Material de Apoyo ha sido extraído de la Guía de Usuario de Corel Draw X6. Copyright 2012 Corel Corporation. Reservados todos los derechos.

Este Material de Apoyo ha sido extraído de la Guía de Usuario de Corel Draw X6. Copyright 2012 Corel Corporation. Reservados todos los derechos. Este Material de Apoyo ha sido extraído de la Guía de Usuario de Corel Draw X6. Copyright 2012 Corel Corporation. Reservados todos los derechos. Operaciones con páginas y herramientas de diseño CorelDRAW

Más detalles

Tutorial básico de diseño gráfico

Tutorial básico de diseño gráfico Tutorial básico de diseño gráfico Este tutorial describe las tareas básicas de diseño gráfico con Macromedia Fireworks MX 2004. Ayuda a obtener experiencia práctica en la aplicación de gráficos Web más

Más detalles

GUÍA 2 Tema: APLICACIONES BÁSICAS.

GUÍA 2 Tema: APLICACIONES BÁSICAS. Diseño Digital II. Guía 2 16 GUÍA 2 Tema: APLICACIONES BÁSICAS. Contenidos Mapa de bits y vectores Mano alzada, creación y manipulación de curvas y modificación de trazados. Guías Reglas y cuadrículas.

Más detalles

Tutorial de Swish 2.0

Tutorial de Swish 2.0 1 Tutorial de Swish 2.0 Swish es una herramienta fácil de usar que permite producir en pocos minutos complejas animaciones con texto e imágenes en formato SWF para el reproductor de Flash. En este tutorial

Más detalles

Herramientas de Vector

Herramientas de Vector Herramientas de Vector SESIÓN 3 CAPACIDADES EN ESTA SESIÓN El participante al final de esta sesión estará en capacidad de: Diferenciar las herramientas de vector para poder diseñar y editar creativos e

Más detalles

Imagen ::: Aplicar efectos especiales a una imagen Diseño de materiales multimedia. Web 2.0. 2.7 Añadir efectos especiales a una imagen con GIMP

Imagen ::: Aplicar efectos especiales a una imagen Diseño de materiales multimedia. Web 2.0. 2.7 Añadir efectos especiales a una imagen con GIMP 192 2.7 Añadir efectos especiales a una imagen con GIMP 193 2.7 Aplicar efectos especiales a una imagen 2.7.1 Filtros El término Filtro proviene de la fotografía tradicional y aludía a una serie de cristales

Más detalles

Sombrear Textos. Capas de Texto. Capítulo 3

Sombrear Textos. Capas de Texto. Capítulo 3 Capítulo 3 Capas de Texto Sombrear Textos o Sombra de Texto o Sombra con Script-Fu Aplicar Texto a una imagen Efectos de Texto o Texto con relleno de imagen o Efectos de Filtros sobre texto o Efecto de

Más detalles

MANUAL Y ACTIVIDADES

MANUAL Y ACTIVIDADES Microsoft Paint MANUAL Y ACTIVIDADES Caeiro Fábregas - Pérez INDICE Exploramos Paint 3 Información general 3 Cuadro de herramientas 4 Herramientas de Paint 4 Cuadro de colores 7 Personalizar colores 8

Más detalles

Navegar por Windows 8. capítulo 05

Navegar por Windows 8. capítulo 05 Navegar por capítulo 05 Navegar por navegar presenta novedades en cuanto a la navegación. Podríamos separar la navegación en dos tipos, la navegación a través del explorador y por lo tanto por el escritorio,

Más detalles

CorelDRAW X3. Creación de Iconos y Cursores

CorelDRAW X3. Creación de Iconos y Cursores Desde tú punto de vista Indice Introducción. Diseño de iconos Iconos y simbolos Exportar iconos Convertir imagen con paleta 5 Opcional 6 Segunda parte Iconos y Cursores V.9 Cursor 1 2 3 4 Diseños de cursores

Más detalles

Capitulo 2: Pintura, aplicación en Illustrator

Capitulo 2: Pintura, aplicación en Illustrator Capitulo 2: Pintura, aplicación en Illustrator Para poder añadir interés visual a la ilustración, Adobe Illustrator le proporciona distintos pinceles: caligráficos, de dispersión, de arte y de motivo.

Más detalles

NUEVAS TECNOLOGÍAS APLICADAS A LA EDUCACIÓN. MICROSOFT OFFICE: WORD, POWER Y EXCEL.

NUEVAS TECNOLOGÍAS APLICADAS A LA EDUCACIÓN. MICROSOFT OFFICE: WORD, POWER Y EXCEL. CURSOS HOMOLOGADOS POR LA UNIVERSIDAD SAN PABLO CEU NUEVAS TECNOLOGÍAS APLICADAS A LA EDUCACIÓN. MICROSOFT OFFICE: WORD, POWER Y EXCEL. II. POWER II. MICROSOFT POWERPOINT ÍNDICE 1. INICIO CON MICROSOFT

Más detalles

TEMA 8: Dibujo por ordenador (CorelDraw 9).

TEMA 8: Dibujo por ordenador (CorelDraw 9). TEMA 8: Dibujar con el ordenador (CorelDraw 9). NIVEL: 2º Curso de Educación Secundaria Obligatoria. 1/23 TEMA 8: Dibujar con el ordenador (CorelDraw 9). I N D I C E 1.- INTRODUCCIÓN AL DIBUJO POR ORDENADOR.

Más detalles

1. UNA PÁGINA WEB SENCILLA

1. UNA PÁGINA WEB SENCILLA { 1 } Índice 1. UNA PÁGINA WEB SENCILLA... 3 2. PROPIEDADES DE LA PÁGINA... 4 3. COLORES EN UNA PÁGINA WEB... 5 4. LÍNEAS HORIZONTALES... 6 5. AÑADIR UNA IMAGEN... 7 6. USAR ENLACES... 8 7. INSERTAR TABLAS...

Más detalles

Manual de OpenOffice Impress

Manual de OpenOffice Impress Manual de OpenOffice Impress. Capítulo 3. Trabajando con imágenes y autoformas 1 Manual de OpenOffice Impress Capítulo 3: Trabajando con imágenes y autoformas Este material es una adaptación del curso

Más detalles

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 3: Edición de formularios

Ministerio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 3: Edición de formularios Ministerio de Educación Base de datos en la Enseñanza. Open Office Módulo 3: Edición de formularios Instituto de Tecnologías Educativas 2011 Edición de formularios Una vez creado el formulario nos pueden

Más detalles

Para crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas.

Para crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas. Módulo 3 Herramientas de Cómputo Listas, tabulaciones, columnas y cuadros de texto Listas En muchas ocasiones es necesario que enumeres diferentes elementos en tus documentos. Word no sólo reconoce números

Más detalles

Descripción del espacio de trabajo

Descripción del espacio de trabajo del espacio de trabajo Bienvenidos a CorelDRAW, un completo programa de dibujo y diseño gráfico vectorial concebido para los profesionales del diseño gráfico. Este documento le mostrará la terminología

Más detalles

PRIMEROS PASOS EN WINDOWS

PRIMEROS PASOS EN WINDOWS 1. EL ESCRITORIO PRIMEROS PASOS EN WINDOWS En Windows el escritorio está prácticamente vacío al principio para que seamos nosotros los que decidamos qué queremos situar en él. De hecho sólo nos encontramos

Más detalles

Capitulo 5: Capas. Las áreas transparentes de una capa dejan ver las capas situadas por debajo.

Capitulo 5: Capas. Las áreas transparentes de una capa dejan ver las capas situadas por debajo. Capitulo 5: Capas Las capas son los elementos fundamentales que integran muchos flujos de trabajo de creación de imágenes. Quizá pueda prescindir de las capas si sólo realiza ajustes sencillos de imagen.

Más detalles

Unidad Nº1. Introducción a la interfaz y manejo de operaciones fundamentales con documentos

Unidad Nº1. Introducción a la interfaz y manejo de operaciones fundamentales con documentos Unidad Nº1. Introducción a la interfaz y manejo de operaciones fundamentales con documentos Qué es Microsoft Word? Es un software creado para asistir a cualquier persona en la creación de documentos, brindándole

Más detalles

Diseño Gráfico Experto

Diseño Gráfico Experto Diseño Gráfico Experto Modalidad: Distancia Duración: 150 horas Objetivos: Photoshop CS 3 Aprender a trabajar con las herramientas de Photoshop para la creación, edición y retoque de imágenes. Conocer

Más detalles

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 www.bmformacion.es info@bmformacion.es Objetivos Se estudia la suite Macromedia Studio 8, que está formada por un conjunto de aplicaciones utilizadas por diseñadores

Más detalles

Modelo Mimio. Ministerio de Educación. ITE. Modelo Mimio. 1

Modelo Mimio. Ministerio de Educación. ITE. Modelo Mimio. 1 Modelo Mimio Ministerio de Educación. ITE. Modelo Mimio. 1 MIMIO Mimio es una empresa dedicada desde 1997 a desarrollar herramientas de software destinadas al campo educativo que faciliten el aprendizaje,

Más detalles

LECCION 3. El entorno de Illustrator

LECCION 3. El entorno de Illustrator LECCION 3. El entorno de Illustrator 3.1. El área de trabajo El entorno de Illustrator se compone por una serie de paneles, barras y ventanas, que podemos mover y desplazar. Y cualquier disposición de

Más detalles

Paso 1 de 24. Paso 2 de 24. Guía de aprendizaje de Flash CS5 Tutorial 2. Importación de archivos externos.

Paso 1 de 24. Paso 2 de 24. Guía de aprendizaje de Flash CS5 Tutorial 2. Importación de archivos externos. Guía de aprendizaje de Flash CS5 Tutorial 2. Importación de archivos externos. Paso 1 de 24 En este tutorial vamos a crear un paisaje que utilizaremos en otros tutoriales. Por ello es importante que guardemos

Más detalles

Ejercicios. Windows XP.

Ejercicios. Windows XP. Ejercicios. Windows XP. Escritorio 1) Cambia el fondo del escritorio a un tipo llamado Plumas en modo centrado. 2) Cambia el color del fondo del escritorio dejando la imagen del ejercicio anterior. 3)

Más detalles

Illustrator CS4: guía de maquetación

Illustrator CS4: guía de maquetación Paso 1 de 12 En este tutorial vamos a ver cómo hacer un banner de página web. Al hacer este banner de página web aprenderemos varias técnicas de dibujo, como la utilización de la herramienta Elipse, la

Más detalles

MANUAL DE MICROSOFT WORD

MANUAL DE MICROSOFT WORD 1. Introducción MANUAL DE MICROSOFT WORD PRIMERA PARTE DEL CURSO ÍNDICE DEL CURSO: 1. Introducción 2. El menú de inicio 3. Los menús contextuales 4. Mostrar barras de herramientas 5. Cómo escribir el texto

Más detalles

Powerpoint es un programa incluido en la suite de Microsoft Office, que nos ofrece la posibilidad de crear presentaciones profesionales.

Powerpoint es un programa incluido en la suite de Microsoft Office, que nos ofrece la posibilidad de crear presentaciones profesionales. Qué es Powerpoint 2010? Powerpoint es un programa incluido en la suite de Microsoft Office, que nos ofrece la posibilidad de crear presentaciones profesionales. El entorno de trabajo En la siguiente imagen

Más detalles

Cuando crees tus propios documentos, puede ser que alguna

Cuando crees tus propios documentos, puede ser que alguna 1. CORTAR, COPIAR Y PEGAR Cuando crees tus propios documentos, puede ser que alguna vez necesites escribir el mismo texto varias veces o que quieras colocar un trozo de texto en otra parte del documento.

Más detalles

En el menú Ver, podemos visualizar de distinta forma un mismo documento:

En el menú Ver, podemos visualizar de distinta forma un mismo documento: MICROSOFT WORD Al iniciar Word aparece una pantalla inicial como ésta. En la parte superior se encuentra, en color azul, la barra del título, en la que muestra el nombre del documento sobre el que estamos

Más detalles

Configuración de un sitio local

Configuración de un sitio local Configuración de un sitio local Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común. Es necesario diseñar y planificar el sitio web antes

Más detalles

TEMARIO CURSO PHOTOSHOP CS4 BÁSICO

TEMARIO CURSO PHOTOSHOP CS4 BÁSICO TEMARIO CURSO PHOTOSHOP CS4 BÁSICO LECCIÓN 1 El entorno de trabajo LECCIÓN 2 1. Introducción 2. Requisitos del sistema 3. Abrir el programa 4. Cerrar el programa 5. Interfaz de Photoshop CS4 6. Practica

Más detalles

POWER POINT NIVEL I PLAN DE FORMACIÓN DEL PDI CURSO 2004-05. Manuel Iñarrea Área de Física Aplicada Departamento de Químicas

POWER POINT NIVEL I PLAN DE FORMACIÓN DEL PDI CURSO 2004-05. Manuel Iñarrea Área de Física Aplicada Departamento de Químicas POWER POINT NIVEL I PLAN DE FORMACIÓN DEL PDI CURSO 2004-05 Manuel Iñarrea Área de Física Aplicada Departamento de Químicas QUÉ ES POWER POINT? Es un programa para elaborar presentaciones. A nosotros nos

Más detalles

SEGUIMIENTO CON FLASH 8

SEGUIMIENTO CON FLASH 8 Edición 2005 Flash para la enseñanza SEGUIMIENTO CON FLASH 8 MATERIALES PARA LA FORMACIÓN A DISTANCIA DEL PROFESORADO CNICE ÍNDICE Introducción... 3 1. Requisitos del sistema... 3 2. Instalación de la

Más detalles

Módulo 8 Windows: Presentaciones con PowerPoint

Módulo 8 Windows: Presentaciones con PowerPoint Módulo 8 Windows: Presentaciones con PowerPoint Recursos metodológicos para la alfabetización digital Ordenador Práctico v2 / diciembre 2009 Este material está licenciado bajo Creative Commons Reconocimiento

Más detalles

Operación Microsoft Windows XP

Operación Microsoft Windows XP El ambiente de trabajo Descripción del ambiente de trabajo Luego de encendida la computadora, la pantalla se presenta de la forma que lo muestra la figura. El ambiente de trabajo que proporciona el sistema

Más detalles

MANUAL DE MOVIE MAKER

MANUAL DE MOVIE MAKER MANUAL DE MOVIE MAKER Estimado colega, el Movie Maker es un programa que sirve para capturar y editar medios digitales en el equipo, de tal manera que luego puedas utilizar este material en tus sesiones

Más detalles

Cursogramas con Word 2003

Cursogramas con Word 2003 Cursogramas con Word 2003 Para realizar cursogramas con Word, nos valdremos de la barra de herramientas Dibujo. Esta barra se puede incorporar a la pantalla de Word a través del menú Ver, Barra de Herramientas

Más detalles

2_dar formato al texto / documentos I

2_dar formato al texto / documentos I Es posible ejecutar el comando tantas veces como copias se desee hacer, ya que tras pegar el texto, una copia del mismo sigue en el Portapapeles. Se dispone de varios caminos para llegar a estas opciones:

Más detalles

Contenido. Google Inc. 2007 1

Contenido. Google Inc. 2007 1 Contenido Contenido...1 Te damos la bienvenida a LayOut...4 Asistencia técnica...5 Aprendizaje de LayOut...6 Conceptos...8 Creación de presentaciones con LayOut...9 Organización de la presentación...11

Más detalles

Microsoft Office XP PowerPoint XP

Microsoft Office XP PowerPoint XP PRÁCTICA 9 DISEÑO DE PRESENTACIONES Microsoft Office XP PowerPoint XP 1. Introducción a PowerPoint XP. Entrar en Windows 98 (ver práctica 1), y en el PowerPoint abriendo el icono Microsoft Office del escritorio

Más detalles

Introducción a Word. 1. Microsoft Word. 2. Escribir y editar textos. 3. Dar formato al texto. 4. Insertar imágenes.

Introducción a Word. 1. Microsoft Word. 2. Escribir y editar textos. 3. Dar formato al texto. 4. Insertar imágenes. Microsof Word es un procesador de texto con el que puedes crear documentos con texto, imágenes, títulos, colores y distintas opciones de formato. Introducción a Word 1. Microsoft Word. 2. Escribir y editar

Más detalles

Páginas multimedia Pizarra www.webardora.net

Páginas multimedia Pizarra www.webardora.net Página donde el usuario tiene un espacio (pizarra) para crear sus propias composiciones con gráficos y textos previamente insertados por el autor; además de poder escribir sus propios textos: PESTAÑA IMÁGENES

Más detalles

INDUCCION PIZARRAS TRACE BOARD TRECE BOOK

INDUCCION PIZARRAS TRACE BOARD TRECE BOOK INDUCCION PIZARRAS TRACE BOARD TRECE BOOK USANDO LA PIZARRA Conexión Verificar conexión, pizarra computador. En la parte trasera de la pizarra se encuentra una pequeña caja con una luz verde indicando

Más detalles

Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape

Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Introducción y objetivos De modo muy resumido Internet es una red que interconecta redes de ordenadores. Conectándose

Más detalles

Módulo 8 Linux: Presentaciones con Impress

Módulo 8 Linux: Presentaciones con Impress Módulo 8 Linux: Presentaciones con Impress Recursos metodológicos para la alfabetización digital Ordenador Práctico v2 / diciembre 2009 Este material está licenciado bajo Creative Commons Reconocimiento

Más detalles

TEMARIO CURSO PHOTOSHOP CS4 PARA DISEÑO GRÁFICO

TEMARIO CURSO PHOTOSHOP CS4 PARA DISEÑO GRÁFICO TEMARIO CURSO PHOTOSHOP CS4 PARA DISEÑO GRÁFICO LECCIÓN 1 El entorno de trabajo LECCIÓN 2 1. Introducción 2. Requisitos del sistema 3. Abrir el programa 4. Cerrar el programa 5. Interfaz de Photoshop CS4

Más detalles

Servicio Murciano de Salud

Servicio Murciano de Salud CURSO MICROSOFT WORD 2000 Servicio Murciano de Salud Página 2 1. El entorno de Word... 10 2. Práctica 1...10 Práctica 1 (continuación).-...10 3. Las barras de reglas... 11 4. Barra de Estado...12 5. Cambio

Más detalles

Curso Word 97. Introducción

Curso Word 97. Introducción Curso Word 97 Introducción El Curso de Word 97 está destinado a los alumnos que deseen conocer el funcionamiento del editor de textos mas utilizado en el panorama actual. Word ofrece al usuario multitud

Más detalles

Descripción del programa. Características. Licencia

Descripción del programa. Características. Licencia Descripción del programa LongoMatch es una herramienta de análisis video de deportes para los entrenadores, para asistirlos en la toma de decisiones del juego y/o entrenamiento. Puede etiquetar los eventos

Más detalles