07 Mejora de Imagenes Vectoriales Con OpenOffice Draw

07_Mejora_de_imagenes_vectoriales_con_OpenOffice_Draw
http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_rvcxqr/07_...
Materials curriculars INF

Tema 7
CEFIRE
Mejora de imagenes vectoriales con OpenOffice Draw

;
1 of 47
21/09/2010 12:13
Conocimientos previos
Pre-conocimiento
En este tema abordaremos el uso la herramienta OpenOffice Draw orientado a mejorar imagenes vectoriales existentes usando las diferentes opciones de la herramienta. Por ello veremos disoluciones, convertir figuras a objetos 3d, uso de capas, cambio de tamao y formato, etc.. Por lo explicado en el prrafo anterior recomendamos como conocimientos previos para el alumnado: Conocer un uso bsico de OpenOffice Draw Ser capaces de crear un dibujo libre con las formas que ofrece OpenOffice Draw Poder manejar los colores, tramas y gradientes de las areas de las figuras Conocer como aadir y modificar textos- Modificar formas (Unir, Substraer, Intersectar)
2 of 47
21/09/2010 12:13
Objetivos
Objetivos
El objetivo principal de este tema es hacer comprender al alumno la gran cantidad de herramientas que OpenOffice Draw pone a su dispoisicin y la facilidad para mejorar imagenes vectoriales existentes con pocos pasos. Ms concretamente los objetivos son: 1. Saber crear las figuras intermedias entre dos existentes (herramienta disolucin) 2. Poder convertir figuras a objetos 3D 3. 4. 5. 6. Ser capaces de aplicar efectos 3D como cambio de material, iluminacin Manejar capas en una imagen vectorial Manipular la transparecia y gradiente interactivamente. Ser capaces de cambiar el tamao de la imagen sin perder calidad y a un formato (.PNG, por ejemplo) compatible con la mayora de los navegadores y visores de Sistemas Operativos.
3 of 47
21/09/2010 12:13
Contenidos
Contenidos
Los contenidos
que nos permitirn alcanzar los objetivos anteriormente descritos, se dividen en 1. 2. 3. 4. 5. 6. Uso de la herramienta de disolucin Uso de objetos 3D Uso de efectos 3D Manejo de capas Manejo de transparecia y gradiente interactivo. Cambio de tamao de la imagen
4 of 47
21/09/2010 12:13
Criterios de evaluacin
Criterios de Evaluacin
Para aprobar esta sesin ser necesario entregar correctamente (con APTO) las actividades propuestas a lo largo de las secciones. En el caso de que falten actividades por entregar ser el profesor quien decida si el alumno tiene o no aprobada la sesin. Con el objetivo de poder diferenciar las entregas de los alumnos cada entrega se har siguiendo el siguiente patrn: 1- se comprimirn los resultados de cada seccin en un fichero comprimido tipo .ZIP 2- se renombrar con el nombre del alumno, primer apellido y seccin del siguiente modo: nombre1_apellido1_tema7_seccionX.zip (Ej: vicente_rubio_tema7_seccion1.zip) 3- Cada seccin se entregar por separado El examen de autoevaluacin no ser entregado al profesor. Servir al alumnado para comprobar sus conocimientos adquiridos a lo largo de la sesin.
5 of 47
21/09/2010 12:13
Seccin 1
Uso de la herramienta de disolucin
Temporizacin: 40 min
6 of 47
21/09/2010 12:13
Teora
Pasemos a usar la herramienta disolucin en nuestro cartel. 1. Haremos una copia de la estrella con rayo del dibujo 2. Situamos la estrella con rayo original a la izquierda y la copia a la derecha
3. Cambiemos el color de la copia de la ziquierda a amarillo
De este modo tendremos
7 of 47
21/09/2010 12:13
4. Seleccionemos ahora ambos rayos con flechas(mediante tecla shift -debajo del return- )
5. Con ambas formas seleccionadas ejecutemos Editar / Disolucin
8 of 47
21/09/2010 12:13
6. Establecemos las opciones de la figura y pulsamos Aceptar
De este modo tendremos un cartel con la siguiente forma
ASPECTO FINAL
9 of 47
21/09/2010 12:13
PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO
10 of 47
21/09/2010 12:13
Prcticas
Aplique la disolucin al cartel que desarrollamos a lo largo del tema anterior, de modo que quede similar a la siguiente imagen:
Nota: El colo elegido para el tringulo de la izquierda es Rojo 4
11 of 47
21/09/2010 12:13
Ampliar conocimientos
http://es.tldp.org/Manuales-LuCAS/doc-manual-OODraw/Draw.pdf#page=17
12 of 47
21/09/2010 12:13
Seccin 2
Uso de objetos 3D
13 of 47
21/09/2010 12:13
Teora
Objetos 3D
Pasemos a poner objetos 3D en nuestro cartel.. 1. Desagrupamos los rayos
2. Copiamos el rayo de la izquierda del todo y mediante los puntos lo encogemos para poder manejarlo en la zona superior del cartel
3. Si presionamos final)
podremos girar el rayo, de modo que podamos situarlo tal y como deseamos(ver aspecto
4. Repetiremos los puntos 2,3,4 para la flecha situada ms a la derecha del grupo 5. Usaremos la opcin Reflejar / Horizontal para cambiar la orientacin del rayo
14 of 47
21/09/2010 12:13
De este modo, usando las tcnicas anteriores, tendremos
6. Pasemos a dar a las felchas de la parte superior un efecto 3D. Para ello seleccionaremos cada una de ellas y en el menu contextual seleccionaremos Convertir / En 3D
15 of 47
21/09/2010 12:13
ASPECTO FINAL
16 of 47
21/09/2010 12:13
Prcticas
Aade el efecto 3d sobre 2 trinngulos de nuestro cartel, de modo que quede similar a:
17 of 47
21/09/2010 12:13
18 of 47
21/09/2010 12:13
Seccin 3
Uso de efectos 3D
19 of 47
21/09/2010 12:13
Teora
Efectos 3D
Pasemos a manipular los efectos 3D de los objetos insertados anteriormente 1. Seleccionamos el objeto3D de la derecha y en su menu contextual elegimos Efectos 3D
2. En la pestaa de material cambiamos las opciones a las indicadas en la figura
3. En al pestaa de ilumniacin le indicamos que el foco esta situado arriba a la derecha, simulando que nuestro objeto central ilumina el rayo en 3d
20 of 47
21/09/2010 12:13
Mediante el botn
aplicaremos el efecto seleccionado.
4.Repetimos los puntos 1,2,3 pero usando el objeto3D situado a la izquierda. En este caso la iluminacin vendr de un foco situado arriba a la izquierda
ASPECTO FINAL
21 of 47
21/09/2010 12:13
22 of 47
21/09/2010 12:13
Prctica
Sobre el cartel que se esta desarrollando a lo largo de las prcticas aada los efecto 3D de modo que el objeto central ilumine los dos tringulos en 3d. Sera algo parecido a:
Nota: Se ha dejado con las opciones por defecto el aspecto del material del obejto.
23 of 47
21/09/2010 12:13
24 of 47
21/09/2010 12:13
Seccin 4
Manejo de capas
25 of 47
21/09/2010 12:13
Teora
En esta sesin separaremos partes del cartel en capas, de modo que tengamos la informacin separada, pudiendo hacerla visible o invisible segn nuestra eleccin 1. Insertaremos una nueva capa
2. La denorminamos rayos y pulsamos Aceptar
3. Para aadir informacin a la capa: -3.1: Seleccionar la informacin que ir a la capa. En este caso todos los rayos
26 of 47
21/09/2010 12:13
-3.2: Al pulsar sobre un rayo y mantener pulsado el ratn durante unos instantes cambiar el puntero y aparecera un pequeo rectngulo debajo del ratn -3.3: Deplazamos ese nuevo icono a la capa deseada y soltamos el ratn 4. Pulsamos Modificar capa del men contextual de la capa rayos
5. Quitamos la visibilidad de la capa
27 of 47
21/09/2010 12:13
De este modo el cartel queda como si no estuvieran los elementos de la capa rayos. Esto es:
6. Volvemos a hacer visible la capa rayos De este modo tendremos un cartel con las capas indicadas en la figura
ASPECTO FINAL
28 of 47
21/09/2010 12:13
29 of 47
21/09/2010 12:13
Prctica
Sobre el cartel que se esta desarrollando a lo largo de las prcticas aada una capa llamada triangulos donde agrupe todos los tringulos que no son 3D del cartel, de modo que cuando la capa este como no visible quede algo semejante a la siguiente imagen:
30 of 47
21/09/2010 12:13
31 of 47
21/09/2010 12:13
Seccin 5
Manejo de y gradiente interactivo.
32 of 47
21/09/2010 12:13
Teora
Veamos ahora como cambiar los gradientes aplicado de modo interactivo y como de igual manera podemos cambiar la trasnparencia de un elemento
1. Seleccionemos el Marco de gradiente amarillo a verde.
2. Para modificar el gradiente Pulsemos sobre el botn :
del cuadro de Modos, este es:
3. Pulsando sobre los cuadrados amarillo y verde que aparecen modificaremos interactivamente el gradiente del marco. Esto es:
4. Pulsa ahora sobre el primer rayo de la parte inferior 5. Para modificar su transparencia interactivamente pulsa el botn del cuadro de Modos, este es:
6. Mediante inclinar el cuadrado segmento con un cuadrado blanco y negro indicaremos que tipo de transparencia queremos
33 of 47
21/09/2010 12:13
7. Haz lo mismo para todos los rayos de la parte inferior De este modo tendremos un cartel como el indicado en la figura
ASPECTO FINAL
34 of 47
21/09/2010 12:13
Prctica
Sobre el cartel que se esta desarrollando a lo largo de las prcticas use los efectos de gradiente interactico y transparencia interactiva para que quede lo ms similar a la imagen siguiente:
Esto implica el manejo del gradiente interactivo en el marco como se indica a continuacin:
35 of 47
21/09/2010 12:13
36 of 47
21/09/2010 12:13
Seccin 6
Cambio de tamao de la imagen
37 of 47
21/09/2010 12:13
Teora
Cambiemos el tamao de la imagen para que sea ms pequea. 1. Para cambiar el tamo de la pgina pulsamos Pgina / Preparar pgina del men contextual
2. Indicamos la anchura y altura deseada y pulsamos Aceptar
3. Pulsamos Editar / Seleccionar todo
38 of 47
21/09/2010 12:13
4. Pulsando y arrastrando en los puntos modificamos el tamao del cartel
39 of 47
21/09/2010 12:13
5. El tamao de las letra se cambia seleccionando el texto y la herramienta texto propiedades de texto
, para depus modificar las
Una vez tenemos un cartel con el tamao deseado, podramos exportarlo a una imagen de tipo mapa de bits (las que tratabamos desde GIMP) para tener de este modo un cartel en formato visible desde la Web, en el tamao que nos interesa y sin perdida de calidad. Para ello se hara: 6. Pulsamos Archivo / Exportar para convertir nuestra imagen a mapa de bits
7. Indicamos el nombre de la imagen en la que se almacenar el cartel
40 of 47
21/09/2010 12:13
NOTA: Observese que cambiando el formato de archivo podemos exportar a imagenes tipo PNG, GIF, BMP e incluso a PDF, HTML o flash.
8. Seleccionadmo Aceptar respecto al modo de compresin de la imagen
Si abrimos la imagen con el visor de imagenes de nuestro sistema operativo comprobaremos que es una imagen de nuestro cartel en formato reducido y sin perdida de calidad.
41 of 47
21/09/2010 12:13
42 of 47
21/09/2010 12:13
Prctica
Sobre el cartel que se esta desarrollando a lo largo de las prcticas reduzca el tamao de pgina a una anchura de 5 cm. y una altura de 7 cm y ajuste el cartel al nuevo tamao de pgina. Exporte el resultado a PNG de modo que quede lo ms parecido a la siguiente figura:
43 of 47
21/09/2010 12:13
Fuentes de informacin
Fuentes de informacin
Las siguientes fuentes se han utilizado para la elaboracin del material de esta sesin recomendandose su visita al alumnado para la ampliacin de conocimientos. - Bibliografia http://documentation.openoffice.org/ http://es.openoffice.org/servlets/ProjectDocumentList?folderID=280&expandFolder=280&folderID=0 http://documentation.openoffice.org/manuals/oooauthors2/0400DG-DrawGuide.pdf
- Enlaces http://es.tldp.org/Manuales-LuCAS/doc-manual-OODraw/Draw.pdf http://es.openoffice.org/comunidad/intro.html http://www.wikilearning.com/curso_gratis/openoffice_draw/10897
- Entradas a Wikipedia http://es.wikipedia.org/wiki/OpenOffice.org_Draw http://es.wikipedia.org/wiki/Grfico_vectorial
44 of 47
21/09/2010 12:13
Resumen final
Posible resumen final del tema
Reflexin del tema

Preguntamos "para qu ha servido este tema?"
45 of 47
21/09/2010 12:13
Autoevaluacin
Examen SCORM - ejemplo

La disolucin consiste en
j Disolver la imagen manteniedno el color de fondo k l m n j Crear las figuras intemedias entre dos que cogemos como inicial y final k l m n
Para pasar una figura existente a objeto3d hemos hecho:
j Aplicar el filtro "crea nuevo objeto 3d" k l m n
j Aplicar la opcin "convertir a objeto3d" del menu contextual de la figura k l m n

El aplicar efectos a un objeto 3d permite
j Variar parametros como la luminosidad o el material k l m n

j Provocar el efecto de objeto para que sobresalga de la pantalla k l m n
Al cambiar el tamao de una imagen vectorial
j Cambia todo, incluido el texto k l m n
j Cambia todo, salvo el texto que debe modificarse manualmente k l m n

Para aplicar a una figura transparencia en la parte de abajo y opacidad en la parte superior hariamos
j Usar la herramienta transparencia interactiva manejando adecuadamente los cuadrados negro y blanco k l m n
j Usar la opcin "transparencia parcial" k l m n
Las capas permiten
j Agrupar partes de una imagen de modo que puedan ser ocultadas y hechas visibles conjuntamente k l m n j Modificar los modos de combinacin entre ellas k l m n
Respuestas propuestas
46 of 47
21/09/2010 12:13
Este artculo est licenciado bajo Creative Commons Attribution-NonCommercial 2.5 License Formaci del Professorat - CEFIRE
47 of 47
21/09/2010 12:13

07 Mejora de Imagenes Vectoriales Con OpenOffice Draw

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

07 Mejora de Imagenes Vectoriales Con OpenOffice Draw

Cargado por

Copyright:

Formatos disponibles

07_Mejora_de_imagenes_vectoriales_con_OpenOffice_Draw

Materials curriculars INF

Mejora de imagenes vectoriales con OpenOffice Draw

Uso de la herramienta de disolucin

3. Cambiemos el color de la copia de la ziquierda a amarillo

De este modo tendremos

5. Con ambas formas seleccionadas ejecutemos Editar / Disolucin

6. Establecemos las opciones de la figura y pulsamos Aceptar

De este modo tendremos un cartel con la siguiente forma

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

Nota: El colo elegido para el tringulo de la izquierda es Rojo 4

De este modo, usando las tcnicas anteriores, tendremos

De este modo tendremos un cartel con la siguiente forma

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

2. En la pestaa de material cambiamos las opciones a las indicadas en la figura

aplicaremos el efecto seleccionado.

De este modo tendremos un cartel con la siguiente forma

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

2. La denorminamos rayos y pulsamos Aceptar

5. Quitamos la visibilidad de la capa

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

Manejo de y gradiente interactivo.

1. Seleccionemos el Marco de gradiente amarillo a verde.

2. Para modificar el gradiente Pulsemos sobre el botn :

del cuadro de Modos, este es:

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

Cambio de tamao de la imagen

2. Indicamos la anchura y altura deseada y pulsamos Aceptar

3. Pulsamos Editar / Seleccionar todo

4. Pulsando y arrastrando en los puntos modificamos el tamao del cartel

De este modo tendremos

, para depus modificar las

De este modo tendremos

7. Indicamos el nombre de la imagen en la que se almacenar el cartel

8. Seleccionadmo Aceptar respecto al modo de compresin de la imagen

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO

- Enlaces http://es.tldp.org/Manuales-LuCAS/doc-manual-OODraw/Draw.pdf http://es.openoffice.org/comunidad/intro.html http://www.wikilearning.com/curso_gratis/openoffice_draw/10897

- Entradas a Wikipedia http://es.wikipedia.org/wiki/OpenOffice.org_Draw http://es.wikipedia.org/wiki/Grfico_vectorial

Reflexin del tema

Examen SCORM - ejemplo

j Aplicar el filtro "crea nuevo objeto 3d" k l m n

j Aplicar la opcin "convertir a objeto3d" del menu contextual de la figura k l m n

j Variar parametros como la luminosidad o el material k l m n

j Cambia todo, incluido el texto k l m n

j Cambia todo, salvo el texto que debe modificarse manualmente k l m n

También podría gustarte