materials curriculars inf - gva.escefire.edu.gva.es/file.php/1/gimp_y_draw/07_mejora...4 of 47...

07_Mejora_de_imagenes_vectoriales_con_OpenOffice_Draw http://127.0.0.1:51235/temp_print_dirs/eXeTempPrintDir_rvcxqr/07_...

1 of 47 21/09/2010 12:13

Materials curriculars INF

Tema 7

CEFIRE

Mejora de imagenes vectoriales con OpenOffice Draw;


2 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 tamaño y formato, etc..

Por lo explicado en el párrafo anterior recomendamos como conocimientos previos para el alumnado:

Conocer un uso básico 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 añadir y modificar textos- Modificar formas (Unir, Substraer, Intersectar)


3 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 dispoisición y la facilidad para mejorar imagenes vectoriales existentes con pocos

pasos.

Más concretamente los objetivos son:

Saber crear las figuras intermedias entre dos existentes (herramienta disolución)1.

Poder convertir figuras a objetos 3D2.

Ser capaces de aplicar efectos 3D como cambio de material, iluminación3.

Manejar capas en una imagen vectorial4.

Manipular la transparecia y gradiente interactivamente.5.

Ser capaces de cambiar el tamaño de la imagen sin perder calidad y a un formato (.PNG, por ejemplo)

compatible con la mayoría de los navegadores y visores de Sistemas Operativos.

6.


4 of 47 21/09/2010 12:13

Contenidos

Contenidos

Los contenidosque nos permitirán alcanzar los objetivos anteriormente descritos, se dividen en

Uso de la herramienta de disolución1.

Uso de objetos 3D2.

Uso de efectos 3D3.

Manejo de capas4.

Manejo de transparecia y gradiente interactivo.5.

Cambio de tamaño de la imagen6.


5 of 47 21/09/2010 12:13

Criterios de evaluación

Criterios de Evaluación

Para aprobar esta sesión 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 sesión.

Con el objetivo de poder diferenciar las entregas de los alumnos cada entrega se hará siguiendo el siguiente

patrón:

1- se comprimirán los resultados de cada sección en un fichero comprimido tipo .ZIP

2- se renombrará con el nombre del alumno, primer apellido y sección del siguiente modo:

nombre1_apellido1_tema7_seccionX.zip

(Ej: vicente_rubio_tema7_seccion1.zip)

3- Cada sección se entregará por separado

El examen de autoevaluación no será entregado al profesor. Servirá al alumnado para comprobar sus

conocimientos adquiridos a lo largo de la sesión.


6 of 47 21/09/2010 12:13

Sección 1

Uso de la herramienta de disoluciónTemporización: 40 min


7 of 47 21/09/2010 12:13

Teoría

Pasemos a usar la herramienta disolución 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


8 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 / Disolución


9 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


10 of 47 21/09/2010 12:13

PULSA AQUI PARA VER UN VIDEOTUTORIAL EXPLICATIVO


11 of 47 21/09/2010 12:13

Prácticas

Aplique la disolución 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 triángulo de la izquierda es Rojo 4


12 of 47 21/09/2010 12:13

Ampliar conocimientos

http://es.tldp.org/Manuales-LuCAS/doc-manual-OODraw/Draw.pdf#page=17


13 of 47 21/09/2010 12:13

Sección 2

Uso de objetos 3DTemporización: 50 min


14 of 47 21/09/2010 12:13

Teoría

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 podremos girar el rayo, de modo que podamos situarlo tal y como deseamos(ver aspecto

final)

4. Repetiremos los puntos 2,3,4 para la flecha situada más a la derecha del grupo

5. Usaremos la opción Reflejar / Horizontal para cambiar la orientación del rayo


15 of 47 21/09/2010 12:13

De este modo, usando las técnicas 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


16 of 47 21/09/2010 12:13


ASPECTO FINAL



17 of 47 21/09/2010 12:13

Prácticas

Añade el efecto 3d sobre 2 trinángulos de nuestro cartel, de modo que quede similar a:


18 of 47 21/09/2010 12:13




19 of 47 21/09/2010 12:13

Sección 3

Uso de efectos 3DTemporización: 40 min


20 of 47 21/09/2010 12:13

Teoría

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 pestaña de material cambiamos las opciones a las indicadas en la figura

3. En al pestaña de ilumniación le indicamos que el foco esta situado arriba a la derecha, simulando que nuestro

objeto central ilumina el rayo en 3d


21 of 47 21/09/2010 12:13

Mediante el botón aplicaremos el efecto seleccionado.

4.Repetimos los puntos 1,2,3 pero usando el objeto3D situado a la izquierda. En este caso la iluminación vendrá de

un foco situado arriba a la izquierda


ASPECTO FINAL


22 of 47 21/09/2010 12:13



23 of 47 21/09/2010 12:13

Práctica

Sobre el cartel que se esta desarrollando a lo largo de las prácticas añada los efecto 3D de modo que el objeto

central ilumine los dos triángulos en 3d. Sería algo parecido a:

Nota: Se ha dejado con las opciones por defecto el aspecto del material del obejto.


24 of 47 21/09/2010 12:13




25 of 47 21/09/2010 12:13

Sección 4

Manejo de capasTemporización: 40 min


26 of 47 21/09/2010 12:13

Teoría

En esta sesión separaremos partes del cartel en capas, de modo que tengamos la información separada, pudiendo

hacerla visible

o invisible según nuestra elección

1. Insertaremos una nueva capa

2. La denorminamos rayos y pulsamos Aceptar

3. Para añadir información a la capa:

-3.1: Seleccionar la información que irá a la capa. En este caso todos los rayos


27 of 47 21/09/2010 12:13

-3.2: Al pulsar sobre un rayo y mantener pulsado el ratón durante unos instantes cambiará el puntero y aparecera

un pequeño

rectángulo debajo del ratón

-3.3: Deplazamos ese nuevo icono a la capa deseada y soltamos el ratón

4. Pulsamos Modificar capa del menú contextual de la capa rayos

5. Quitamos la visibilidad de la capa


28 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


29 of 47 21/09/2010 12:13



30 of 47 21/09/2010 12:13

Práctica

Sobre el cartel que se esta desarrollando a lo largo de las prácticas añada una capa llamada triangulos donde

agrupe todos los triángulos que no son 3D del cartel, de modo que cuando la capa este como no visible quede

algo semejante a la siguiente imagen:


31 of 47 21/09/2010 12:13




32 of 47 21/09/2010 12:13

Sección 5

Manejo de y gradiente interactivo.Temporización: 40 min


33 of 47 21/09/2010 12:13

Teoría

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 botón : 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 botón del cuadro de Modos, este es:

6. Mediante inclinar el cuadrado segmento con un cuadrado blanco y negro indicaremos que tipo de transparencia

queremos


34 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



35 of 47 21/09/2010 12:13

Práctica

Sobre el cartel que se esta desarrollando a lo largo de las prácticas use los efectos de gradiente interactico y

transparencia interactiva para que quede lo más similar a la imagen siguiente:

Esto implica el manejo del gradiente interactivo en el marco como se indica a continuación:


36 of 47 21/09/2010 12:13




37 of 47 21/09/2010 12:13

Sección 6

Cambio de tamaño de la imagenTemporización: 45 min


38 of 47 21/09/2010 12:13

Teoría

Cambiemos el tamaño de la imagen para que sea más pequeña.

1. Para cambiar el tamño de la página pulsamos Página / Preparar página del menú contextual

2. Indicamos la anchura y altura deseada y pulsamos Aceptar

3. Pulsamos Editar / Seleccionar todo


39 of 47 21/09/2010 12:13

4. Pulsando y arrastrando en los puntos modificamos el tamaño del cartel



40 of 47 21/09/2010 12:13

5. El tamaño de las letra se cambia seleccionando el texto y la herramienta texto , para depués modificar las

propiedades de texto


Una vez tenemos un cartel con el tamaño deseado, podríamos 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 tamaño que

nos interesa y sin perdida de calidad. Para ello se haría:

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


41 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 compresión 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.


42 of 47 21/09/2010 12:13



43 of 47 21/09/2010 12:13

Práctica

Sobre el cartel que se esta desarrollando a lo largo de las prácticas reduzca el tamaño de página a una anchura de

5 cm. y una altura de 7 cm y ajuste el cartel al nuevo tamaño de página. Exporte el resultado a PNG de modo que

quede lo más parecido a la siguiente figura:


44 of 47 21/09/2010 12:13

Fuentes de información

Fuentes de información

Las siguientes fuentes se han utilizado para la elaboración del material de esta sesión recomendandose su visita

al alumnado para la ampliación 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/Gráfico_vectorial


45 of 47 21/09/2010 12:13

Resumen final

Posible resumen final del tema

Reflexión del tema

Preguntamos "¿para qué ha servido este tema?"


46 of 47 21/09/2010 12:13

Autoevaluación

Examen SCORM - ejemplo

La disolución consiste en

nmlkj Disolver la imagen manteniedno el color de fondo

nmlkj Crear las figuras intemedias entre dos que cogemos como inicial y final

Para pasar una figura existente a objeto3d hemos hecho:

nmlkj Aplicar el filtro "crea nuevo objeto 3d"

nmlkj Aplicar la opción "convertir a objeto3d" del menu contextual de la figura

El aplicar efectos a un objeto 3d permite

nmlkj Variar parametros como la luminosidad o el material

nmlkj Provocar el efecto de objeto para que sobresalga de la pantalla

Al cambiar el tamaño de una imagen vectorial

nmlkj Cambia todo, incluido el texto

nmlkj Cambia todo, salvo el texto que debe modificarse manualmente

Para aplicar a una figura transparencia en la parte de abajo y opacidad en la parte superior hariamos

nmlkj Usar la herramienta transparencia interactiva manejando adecuadamente los cuadrados negro y blanco

nmlkj Usar la opción "transparencia parcial"

Las capas permiten

nmlkj Agrupar partes de una imagen de modo que puedan ser ocultadas y hechas visibles conjuntamente

nmlkj Modificar los modos de combinación entre ellas

Respuestas propuestas


47 of 47 21/09/2010 12:13

Este artículo está licenciado bajo Creative Commons Attribution-NonCommercial 2.5 License

Formació del Professorat - CEFIRE

materials curriculars inf - gva.escefire.edu.gva.es/file.php/1/gimp_y_draw/07_mejora...4 of 47...

Documents