Está en la página 1de 20

EDICIN GRFICA

Asignatura Informtica General Centro Versin Fecha Autores Facultad de Informtica - UPM 1.1 01/09/2008 Luis Miguel Mazaira Fernndez Jess Montes Snchez

ndice de contenido
1Objetivos de la prctica......................................................................................................................3 2COREL DRAW..................................................................................................................................4 2.1Breve manual de referencia........................................................................................................4 3Microsoft Visio...................................................................................................................................8 3.1Breve manual de referencia........................................................................................................8 4GIMP................................................................................................................................................10 4.1Breve manual de referencia......................................................................................................11 5Ejeccios prcticos............................................................................................................................14 5.1Corel Draw................................................................................................................................14 5.2Microsoft Visio.........................................................................................................................15 5.3GIMP........................................................................................................................................18

ndice de figuras
Figura 1: Vista de la pantalla principal de Corel Draw........................................................................4 Figura 2: Pantalla de inicio de Microsoft Visio....................................................................................8 Figura 3: Pantalla estndar de GIMP..................................................................................................10 Figura 4: Prctica de Corel Draw.......................................................................................................14 Figura 5: Diagrama de flujo bsico....................................................................................................16 Figura 6: Organigrama realizado con Microsoft Visio.......................................................................17 Figura 7: Imagen que se debe modificar con GIMP...........................................................................18 Figura 8: Imagen retocada copiando patrones................................................................................19

Objetivos de la prctica

1 Objetivos de la prctica
El objetivo de esta prctica es familiarizar al alumno con diferentes herramientas de edicin grfica disponibles en el mercado. En concreto, se presentaran Microsoft Visio y Corel Draw, dos herramientas comerciales y GIMP, una herramienta que se distribuye como software libre, bajo licencia GNU. No se pretende que el presente documento constituya un manual exhaustivo de dichas herramientas, sino un simple punto de partida, o gua de inicio, para que el alumno pueda posteriormente indagar en las mltiples posibilidades de las herramientas.

3/20

Corel Draw

2 COREL DRAW
Corel Draw es una herramienta de dibujo vectorial de una gran potencia y multitud posibilidades y opciones que no se van a analizar en este curso en toda su profundidad. En los dibujos vectoriales, las imgenes se generan mediante una descripcin de trazos (primitivas geomtricas como puntos, lneas, curvas o polgonos). Las imgenes vectoriales, pueden ser escaladas, rotadas, deformadas, etc. , sin que por ello se vea afectada la calidad de la imagen. Normalmente, un conjunto de trazos se puede agrupar formando objetos ms complejos. Sin embargo, este tipo de imgenes tiene sus pros y sus contras, si se compara con los grficos rasterizados:

Por normal general, requieren menos espacio que una imagen rasteriazada para su almacenamiento. Aunque depende de la imagen y de la calidad que se desee. Deben ser procesados por el ordenador, por lo que dependiendo de la complejidad del diseo, se puede ralentizar la presentacin del grfico. No son aptos para mostrar fotografas o imgenes complejas. No pierden calidad al aplicar ciertas modificaciones.

2.1 Breve manual de referencia

Figura 1: Vista de la pantalla principal de Corel Draw

4/20

Corel Draw La figura 1 muestra la pantalla principal de la herramienta Corel Draw. En ella se distinguen las siguientes reas (de arriba a abajo y de izquierda a derecha):

Barra de men: proporciona acceso a las diferentes acciones que se pueden realizar con la herramienta. En cada instante solo estn activas aquellas acciones que se pueden aplicar. Barra estndar: Proporciona un acceso rpido a diferentes acciones: abrir un nuevo documento, guardar un documento, imprimirlo, acciones de copiar, cortar, pegar y deshacer, zoom. Adems se pueden lanzar otras aplicaciones Corel o acceder a la pgina Web de la herramienta. Barra de propiedades: En funcin de la herramienta de dibujo que hayamos seleccionado en la barra de herramientas de toolbox, presentar unas propiedades determinadas. Barra de herramientas: nos permite acceder a las diferentes herramientas disponibles: de seleccin, zoom, curvas de bezier, polgonos, elipses, texto, etc. Paleta de colores: Para asignar colores a las formas: relleno, borde. Barra de estado: Proporciona informacin sobre las formas que estamos diseando.

Como hemos comentado, Corel Draw es una herramienta de gran potencia de dibujo vectorial. Vamos a presentar brevemente algunos aspectos bsicos de la herramienta. Comenzaremos recorriendo las opciones de la barra de herramientas de arriba a abajo. Recordar que cada vez que se selecciona una herramienta concreta, se modifica la barra de propiedades, para mostrar las diferentes opciones disponibles:

Herramienta de seleccin: Permite seleccionar cualquier elemento que hayamos dibujado previamente, y modificar en la barra de propiedades, ciertas caractersticas dependiendo del objeto seleccionado. Herramienta de edicin: Pinchando en la esquina inferior izquierda de este botn, se despliegan diferentes herramientas secundarias. Entre ellas se encuentran: una herramienta para modificacin de formas (modifica los puntos de anclaje de las formas), diferentes herramientas para borrar, recortar, modificar contorno en forma de sierra, etc. Herramienta de zoom: incorpora una herramienta para acercar la imagen (lupa) y otra para desplazarla (mano). En la barra de propiedades, aparecern ms efectos de zoom adicionales. Herramienta de dibujo libre: Bajo este botn, podemos encontrar diferentes opciones: conectores interactivos, polilneas, curvas de bezier, dibujo artstico, curvas de tres puntos y herramienta para determinar las dimensiones. Generacin de figuras geomtricas bsicas: En la barra de herramientas disponemos de tres botones que permiten realizar formas geomtricas bsicas como son: rectngulos y elipses. En ambos casos se puede optar por crear las figuras mediante tres puntos o bien de manera completa. Generacin de espirales y polgonos. Generacin de formas complejas: incluye la posibilidad de generar figuras para diagramas de flujo, figuras geomtricas bsicas, flechas, estrellas y bocadillos. Insercin de texto: En la barra de propiedades, aparecern diferentes tipos de formato 5/20

Corel Draw que se le puede aplicar al texto incorporado.

Herramienta para insercin de efectos: presenta la posibilidad de transformar unas figuras en otras, aadir contornos, efectos 3D, transparencias, sombras. Herramienta para capturar un color y utilizarlo en otra figura. Herramientas para modificar colores y espesor de figuras y bordes de figuras.

Una vez presentado de manera general, no vamos a entrar a profundizar en la utilizacin de cada una de estas herramientas, ya que es mucho ms didctico el aprendizaje por experimentacin. Sin embargo, si que vamos a presentar en mayor profundidad una herramienta potente de dibujo que Corel Draw incorpora: las curvas bezier.

Lnea de bezier: Podemos definir una lnea de bezier, curva o recta, como una lnea compuesta de segmentos y que estn conectados mediante nodos o puntos de anclaje. Cada nodo posee puntos de control que permiten modificar la forma de la lnea.

Insertar lneas rectas de bezier: En primer lugar seleccionamos la herramienta de bezier (bezier tool), que como hemos comentado se encuentra en la barra de herramientas, en la seccin de herramientas de dibujo libre. A continuacin, sobre el rea de dibujo, seleccionamos un punto de inicio de la lnea (pinchando con el ratn en dicho punto), a continuacin seleccionamos el punto de finalizacin de la lnea haciendo doble click con el botn izquierdo del ratn, en el punto seleccionado. Si queremos una lnea formada por mltiples segmentos, basta con pinchar en la zona en la que queremos que finalice cada nuevo segmento, y finalmente hacer doble click para finalizar la lnea. Es importante tener en cuenta que para finalizar la lnea es necesario hacer doble click con el botn izquierdo, si simplemente pulsamos una vez el botn, estaremos marcando un nuevo segmento. Insertar lneas curvas de bezier: El procedimiento es similar, salvo que en este caso, en lugar de pinchar una vez por cada punto de fin de segmento, mantenemos el botn izquierdo pulsado mientras arrastramos el ratn en la direccin en la que queremos crear la curva. Una vez determinada la orientacin, soltamos el botn izquierdo del ratn y pasamos a marcar el punto de fin de la curva (doble click en el lugar seleccionado). De este modo hemos creado una curva simple. Si queremos ir trazando curvas consecutivas, el procedimiento es bsicamente el mismo, ya que en lugar de marcar directamente el final de la curva, marcamos una nueva posicin en el area de dibujo, y manteniendo pulsado el botn izquierdo del ratn determinamos la nueva orientacin. Una vez seleccionado el punto de fin soltamos el botn. Posicionamos el ratn en otra posicin en el que queremos crear el siguiente nodo y manteniendo pulsado el botn izquierdo arrastramos el punto de control para crear la curva deseada y as tantas veces como queramos. Basta con hacer doble click para finalizar la curva. Destacar que para crear una curva cerrada, bastar con que el ultimo punto coincida con el primero.

Modificar una lnea de bezier sencilla:

Debemos seleccionar la herramienta de forma (shape tool), que se encuentra dentro del men de herramientas de edicin. A continuacin, basta con seleccionar un punto de la curva que queramos modificar. Al seleccionarlo 6/20

Corel Draw veremos como en la barra de propiedades aparecen diferentes acciones que se pueden llevar a cabo, entre las que destacan:

Aadir/eliminar puntos de control. Romper la curva (separa la curva en sus diferentes segmentos). Convertir una lnea recta en curva y viceversa. Convertir un nodo en un punto formado por la interseccin de dos arcos. Suavizar un nodo. Hacer un nodo simtrico. Cerrar una curva. etc.

7/20

Microsoft Visio

3 Microsoft Visio
Microsoft Visio es una herramienta para la creacin de grficos y diagramas. Segn Microsoft, Visio est dirigido a aquellas personas que no se sienten cmodos dibujando con estilo libre. Adems permite crear diagramas con herramientas de formato y smbolos predefinidos de Microsoft SmartShapes, y tambin permite agregar fondos, ttulos y bordes de pgina. Como alternativa, existen alternativas a esta herramienta, como puede ser SmartDraw o Dia. Como se puede observar en la siguiente figura, la ventana de inicio de esta herramienta es similar a las de otro tipo de herramientas de la suite ofimtica, Microsoft Office.

Figura 2: Pantalla de inicio de Microsoft Visio En este caso, podemos ver los diferentes tipos de grficos que se pueden crear a partir de las plantillas que proporciona la herramienta. Entre ellas, podemos nombrar, por ejemplo: diagramas de flujo, organigramas, programacin de proyectos, etc.

3.1 Breve manual de referencia


A continuacin presentamos un breve manual de referencia con algunas de las posibilidades que admite la herramienta Microsoft Visio:

Asistentes para la creacin de grficos y diagramas: Como hemos visto, al abrir la herramienta, Visio permite crear diferentes tipos de grficos y diagramas de una forma rpida mediante el uso de las plantillas. Estas plantillas, que se encuentran agrupadas por categoras, son accesibles tambin mediante el men: Archivo Nuevo Elegir un tipo de dibujo. Entre las categoras disponibles en Visio 2003, se encuentran:

8/20

Microsoft Visio

Bases de datos. Diagramas de bloques. Diagramas de flujo. Diagrama Web. Diagramas y grficos. Ingeniera de procesos. Ingeniera elctrica. Ingeniera mecnica. Lluvia de ideas. Mapa. Organigrama. Plano de edificio. Proceso empresarial. etc.

Dentro de cada una de estas categoras se pueden encontrar diferentes plantillas que se adaptan a distintas necesidades en lo que a creacin de diagramas se refiere. Se recomienda al alumno que explore todas estas opciones para familiarizarse con la herramienta.

Creacin de nuevos elementos: En funcin del tipo de diagrama elegido, Visio muestra en la parte izquierda de la pantalla, el conjunto de elementos que se pueden insertar en el diagrama. Propiedades de los elementos: Visio incluye en cada uno de los smbolos que se pueden incorporar en un diagrama, una serie de propiedades. Estas propiedades, accesibles mediante el men Ver Ventana Propiedades Personalizadas, y que se pueden personalizar para cada smbolo, nos van permitir entre otras cosas la creacin de informes. Como cada elemento tiene sus propias propiedades, tambin se puede acceder a ellas seleccionando el elemento con el botn derecho del ratn y seleccionando la opcin del men propiedades. Galera de smbolos: A parte de la extensa galera de smbolos que incorpora la herramienta, es posible crear, con formas que estamos diseando, nuestra propia galera y utilizarla posteriormente para nuestros propios dibujos. Para ello basta con acceder al men Archivo Formas Nueva Galera De Smbolos. En ella podremos agregar formas existentes, imgenes JPEG capturas de pantalla, grficos, etc. Una vez guardada esta galera se podr utilizar en cualquier diseo futuro. Publicacin Web: Visio aade la posibilidad de publicar, los grficos y diagramas generados, en la Web. Para ello es necesario almacenar el diagrama generado como una pgina Web y para sacarle el mayor partido, ser necesario tener instalado un visor de Visio que es gratuito (descargable desde la pgina del producto). Propiedades de las capas: Visio gestiona los diagramas mediante capas (men Ver) . Esto permite gestionar de una manera ms sencilla los grficos, ya que se puede asignar (manualmente) cada smbolo a una capa, y permitir que las capas se visualicen, se puedan imprimir, etc, de manera independiente. 9/20

GIMP

4 GIMP
GIMP es una herramienta de manipulacin de imgenes multiplataforma que se distribuye de manera gratuita bajo licencia GPL. GIMP presenta una gran potencia en el tratamiento de imgenes, y se puede utilizar como un programa de dibujo, como un programa de retoque fotogrfico, para convertir formato de imgenes, etc. Vamos a utilizar esta herramienta para introducirnos en el tratamiento de imgenes rasterizadas. Una imagen rasterizada, es una estructura o fichero de datos que representa una matriz (raster) de pxeles o puntos de color. El color de cada pxel est definido individualmente.

Figura 3: Pantalla estndar de GIMP De manera ms concreta, pero sin profundizar mucho, podemos enumerar las siguientes caractersticas:

Conjunto muy completo de herramientas para dibujar: lpiz, brochas, aerosol, etc. Herramientas de transformacin que incluyen: rotacin, escalado, recorte y giro. Cargar, mostrar, convertir y guardar una imagen en diferentes formatos. Mltiples herramientas para seleccin de zonas de la imagen: rectangulares, elpticas, de bezier, etc. Adems, incorpora un sistema de ayuda bastante completo (en ingls) con la informacin necesaria para entender el funcionamiento de GIMP. Adems se puede obtener ayuda dependiente del contexto mientras se utiliza GIMP pulsando la tecla F1. Adems, pulsando la misma tecla, mientras el ratn est situado sobre un elemento concreto, proporciona ayuda sobre dicho elemento.

10/20

GIMP

4.1 Breve manual de referencia


La primera vez que se utiliza GIMP, se abre un proceso de configuracin de opciones. Durante dicho proceso, se crea un subdirectorio denominado .gimp-2.2 (en el caso de que estemos trabajando con GIMP 2.2), en el que se almacenan determinados archivos cuya utilidad se puede consultar y se configuran ciertas opciones (se pueden dejar las que aparecen por defecto). Una vez accedemos al programa, la herramienta presenta una serie de ventanas. En la figura 3 se muestran solo algunas de las configuraciones posibles de la herramienta, ya que como sule suceder en otras herramientas o aplicaciones vistas hasta el momento, GIMP tambin es personalizable. En la imagen podemos distinguir tres zonas: 1. Ventana de imagen: cada imagen abierta utilizando GIMP se muestra en una ventana separada. Esto permite abrir multiples imgenes de manera simultanea, aspecto que se encuentra limitado por las recursos de nuestro sistema. 2. Barra de herramientas principal: Esta es la parte principal de GIMP. Contiene los mens de alto nivel, junto con un conjunto de botones (iconos) que se pueden utilizar para seleccionar la herramienta a utilizar, entre otras opciones. 3. Barra de opciones: Situada justo debajo de la barra de herramientas principal, se sita un dialogo de opciones de herramientas, el cual muestra las diferentes opciones disponibles para la herramienta seleccionada (en este caso la de dibujar con tinta). Mediante la opcin de men: Archivo Dilogos Crear un empotrable nuevo, se pueden aadir nuevas ventanas a la aplicacin. En la ayuda de la herramienta, se indica como configurar estos dilogos. La Barra de herramientas principal es la base de GIMP, en ella podemos encontrar las siguientes opciones.

1. Menu de caja de herramientas. 2. Iconos de herramientas. 3. Colores de primer plano y fondo. 4. Brocha/Patrn y Degradado. 5. Imagen activa.

11/20

GIMP En lo que se refiere a la ventana de la imagen podemos distinguir las siguientes zonas:

1. Barra de ttulo. 2. Men de imagen: proporciona acceso a casi todas las operaciones que se pueden realiza con imagenes 3. Botn de men: Despliega el men de imagen en horizontal. 4. Reglas: muestran las coordenadas dentro de la imagen. 5. Cambio a modo QuickMask (no se va a ver en este curso). 6. Coordenadas del puntero. 7. Unidades del men. 8. Botn de zoom. 9. rea de estado: por defecto, muestra la parte de la imagen que est activa y la cantidad de memoria que consume la imagen. 10. Botn de cancelacin: permite interrumpir una operacin en cualquier momento. 11. Control de navegacin: manteniendo pulsado el botn izquierdo del ratn, se muestra, en miniatura la imagen, y se puede navegar por ella. 12. rea inactiva. 13. Imagen.

12/20

GIMP A continuacin presentamos algunos aspectos bsicos relacionados con el manejo de imgenes en GIMP.

Caractersticas de las imgenes: una imagen GIMP, presenta una estructura bastante compleja, compuesta por una pila de capas junto con otro tipo de objetos (mascara de seleccin, conjunto de rutas, un histrico para deshacer acciones, etc). Las capas, nos permiten entre otras cosas, dividir una imagen en distintas secciones superpuestas, que podemos editar de manera separada y que juntas forman el conjunto de la imagen. Cada una de estas capas, adems puede poseer propiedades diferentes. GIMP incluye un Dialogo que nos permite visualizar las diferentes capas que contiene una imagen. (men Archivo Dilogos Capas) Separacin en zonas: en GIMP tambin se puede visualizar para cualquier imagen una rejilla (men Ver Mostrar la rejilla), que nos facilita, por ejemplo, el posicionamiento de objetos dentro de la imagen en posiciones concretas. As mismo, dispone de unas Guas, que son similares a la rejilla pero que son completamente personalizadas. Es decir, nosotros decidimos donde ubicar cada una de las lneas horizontales y verticales que dividen la imagen. Destacar que estas guas y rejillas solo son visibles en modo edicin. Si queremos que la rejilla forme parte de la imagen final, se debe agregar a la imagen un filtro de rejilla (men: Filtros Renderizado Patrn Rejilla) Herramientas de seleccin: Otra de las caractersticas de GIMP es que posee mltiples herramientas de seleccin: rectangular, elptica, de trazado libre, fuzzy (permite seleccionar reas de una imagen o capa en base a la similitud en el color del pxel seleccionado) y basado en colores. Esta ltima se diferencia de la seleccin fuzzy, en que la primera solo busca pxeles similares pero en regiones contiguas, con todas estas regiones conectadas con el punto inicial mediante caminos que no presenten espacios demasiado grandes, mientras que la seleccin basada en color busca pxeles en toda la imagen. Herramienta de clonacin: GIMP dispone de una herramienta de clonacin, que permite copiar una imagen o un patrn y duplicarlo utilizando la herramienta seleccionada. Tiene diferentes aplicaciones, aunque una de las ms importantes es la reparacin de fotos digitales, pintando sobre las reas daadas utilizando pxeles de otras reas que presentan cierta similitud. Tambin se puede utilizar para copiar patrones. Si se va a utilizar la clonacin a partir de una imagen, ser necesario seleccionar la imagen o zona de la imagen de la que se desea clonar. Para ello, se deber mantener la tecla ctrl y pinchar sobre la zona selecciona. Posteriormente, ya se puede utilizar. Herramientas de transformacin: GIMP permite rotar, escalar, inclinar, cambiar la perspectiva, inversin de la imagen o capa de manera simtrica. Aplicacin de filtros: un filtro es una herramienta especial, que permite aplicar sobre una imagen o una capa, un algoritmo matemtico y devolver otra imagen o capa en el formato modificado. Estos filtros se dividen en diferentes categoras, cada una de ellas a su vez divididas en diferentes algoritmos (desenfoque, colores, ruido, deteccin de bordes, realzar, efectos de luz, distorsiones, etc).

13/20

Prcticas a realizar

5 Ejeccios prcticos
5.1 Corel Draw
Vamos a realizar una prctica sencilla que va a consistir en realizar el dibujo que se muestra en al figura 4.

Figura 4: Prctica de Corel Draw Como se puede ver se trata de un dibujo sencillo, en el que se deben incluir elementos simples y texto. Mencin aparte merece la bolsa que representa el juego de instrucciones. Esta deber realizarse mediante curvas de bezier. El resultado deber ser lo ms aproximado posible a la imagen propuesta. Algunas recomendaciones:

Las lneas ms oscuras de las tablas se pueden omitir, o simplemente aadir, una vez creada la tabla, una lnea de mayor grosor sobre la lnea a destacar, y posteriormente agrupar la tabla y la lnea. Para ello, mediante la herramienta de seleccin, se seleccionan tanto la lnea como la tabla, y seleccionamos la opcin de men: Arrange Group. De este modo, se comportarn como un nico objeto. Las llaves que aparecen al lado de las tablas son texto, pero como es lgico de un tamao muy superior al del texto normal. Tambin se pueden realizar mediante curvas de bezier. Se debe recordar que las figuras que se insertan disponen de borde y pueden rellenarse con el color que se desee. Para ello basta con seleccionar la figura a modificar y mediante el botn derecho seleccionar la opcin de propiedades. Para la realizacin de la bolsa, mediante curvas de bezier, se puede realizar primero la bolsa y despus el lazo, y posteriormente agruparlos en una nica forma. De este modo, podemos asignar el color de relleno de manera independiente para cada una la bolsa y el lazo.

14/20

Prcticas a realizar

5.2 Microsoft Visio


Con esta herramienta vamos a realizar tres grficos diferentes:

Realizar un diagrama de Red bsica.

El objetivo de este diagrama es comprobar el funcionamiento de las capas que realiza Visio. Para ello incluiremos en una red Ethernet (ubicada en la galera de red y perifricos) los siguientes elementos:

1 Equipo porttil y 1 terminal (ubicados en la galera de equipos y monitores) 1 Servidor (ubicado en la galera de red y perifricos) 1 impresora y 1 trazador (ubicado en la galera de red y perifricos) Seleccionamos la red Ethernet que hemos insertado, y vemos como aparecen unos puntos verdes y unos rombos amarillos. Los puntos verdes permiten modificar el tamao del elemento mientras que los puntos amarillos se utilizan para conectar elementos a la red. Seleccionamos uno de los rombos amarillos (pinchando con el botn izquierdo del ratn) y sin soltar el botn, arrastramos el conector hasta el aspa que aparece en cada uno de los otros elementos insertados. Cuando coincidan, aparecer un recuadro rojo sobre el aspa y el rombo. Si se espera cierto tiempo aparecer un mensaje que indica Pegar a punto de conexin. Bastar con soltar el ratn para que el elemento quede unido a la red. Podremos comprobar como aunque movamos el elemento de red o el equipo que hayamos conectado, estos permanecern conectados.

Conexin de los elementos a la red.

Una vez conectados todos los equipos en la red, se proceder a la creacin de las capas:

men Ver Propiedades de las capas. Aadir dos capas nuevas: ordenadores e impresoras (el trazador se puede considerar una especie de impresora). Aadir cada smbolo incluido en el diagrama a su capa correspondiente. Para ello se seleccionar el smbolo y con el botn derecho se acceder al men: Formato Capa.

Incorporar una leyenda al diagrama (ubicado en la galera de red y perifricos). Vemos como se rellena automticamente con informacin relacionada con los elementos que componen el diagrama. Para cada elemento incorporado, rellenar sus propiedades (la imaginacin es una gran aliada!). Generar un informe. Para ello ser necesario acceder al men Heramientas Informes.

Veremos que aparecen diferentes tipos de informe vinculados al tipo de diagrama que estamos realizando. En funcin del informe que seleccionemos, en la parte inferior del cuadro de dialogo, aparecer la descripcin del mismo. Al pulsar el botn ejecutar, se deber indicar el formato del mismo. Para 15/20

Prcticas a realizar obtener ms ayuda se puede pulsar el botn de ayuda que aparece en la parte inferior izquierda.

Guardar el diagrama realizado.

Realizar un diagrama de flujo sencillo como el que se muestra en la figura 5.

Figura 5: Diagrama de flujo bsico.

Cuando creamos el diagrama de flujo bsico, se muestra la galera de Formas para diagramas de flujo. En esta galera se encuentran todas las formas que aparecen en la figura anterior. Para insertar las flechas que conectan los elementos, se utilizan conectores. Estos conectores pueden modificarse de diferentes maneras. Para ello pinchamos con el botn derecho del ratn sobre el conector a modificar, y vemos que ademas de poder indicar si el conector ser recto, curvo o de angulo recto, existe otra opcin , denominada Formato Linea, en la que se puede modificar el aspecto del conector. Si se quiere aadir texto a un conector, basta con hacer doble click sobre el conector, y se mostrar una zona en la que se puede introducir el texto. Al pinchar nuevamente fuera de la figura, el texto quedar anclado al conector. Como parece lgico, tambin es posible modificar el formato del texto, para lo cual accederemos a la opcin Formato Texto. Para insertar texto dentro de una de las formas del diagrama de flujo, basta con hacer doble click sobre la forma, y automticamente, al igual que en el caso de los conectores, se abre una zona para la insercin del texto. Guardar el diagrama realizado.

16/20

Prcticas a realizar

Realizar un organigrama similar al que se presenta en la figura 6.

Figura 6: Organigrama realizado con Microsoft Visio Indicaciones:

Comenzaremos creando la estructura del organigrama. Para ello, en primer lugar, insertaremos, por ejemplo, el puesto de director (accesible en la galeria de Formas para organigramas). A continuacin insertamos tres puestos. Para conectar elementos de manera automtica, basta con colocar el nuevo elemento sobre otro que hayamos colocado previamente en el organigrama, as quedarn relacionados. Para insertar imgenes en un puesto determinado, se selecciona el elemento en el que se va a insertar la imagen y se selecciona la opcin de men (que aparece al pulsar el botn derecho del ratn) Insertar Imagen. Si se seleccionan las propiedades de cada uno de las formas asociadas a puestos, se puede ver como se puede aadir informacin relevante relacionada con cada puesto. (Pinchar con el botn derecho sobre la forma, y seleccionar la opcin de men Propiedades). De este modo, adems se rellenarn automticamente las formas de los puestos.

17/20

Prcticas a realizar

5.3 GIMP
El objetivo de esta prctica es comprobar de manera prctica, las diferentes capacidades de la herramienta GIMP y adems poder analizar la diferencia existente entre las herramientas de dibujo vectoriales y las herramientas de dibujo rasterizadas. Para ello, vamos a partir de la imagen siguiente:

Figura 7: Imagen que se debe modificar con GIMP El objetivo es eliminar los defectos tpicos de una imagen antigua como la presentada, para ello, lo ms adecuado es utilizar la herramienta de Pintar usando patrones o regiones de la imagen. Recordar que primero es necesario primero seleccionar la zona a copiar, para lo cual pulsamos la tecla Ctrl, al mismo tiempo que pulsamos con el botn izquierdo del ratn, la zona a copiar. Una vez seleccionada la zona a copiar se puede proceder de dos formas:

Pulsacin de botn derecho de ratn.- Implica que en donde hayamos pinchado, copiaremos exactamente el mismo patrn que hemos seleccionado. Pulsando y arrastrando.- A partir del punto de inicio empezar a duplicar la misma informacin que recorreramos si estuviramos desplazndonos por la misma zona en la que realizamos la copia.

Por ejemplo, supongamos que en la imagen que aparece arriba, copiamos la zona del ojo izquierdo (mediante la pulsacin de la tecla Ctrl). Una vez copiada, soltamos la tecla Ctrl, y nos situamos en la parte superior derecha de la imagen (donde solo hay cortina). Si pinchamos y arrastramos el ratn hacia abajo sin soltar el botn izquierdo del ratn, el resultado se puede ver en la figura 8.

18/20

Prcticas a realizar

Figura 8: Imagen retocada copiando patrones Por otra parte, partiendo de la misma imagen, se comprobara la utilidad de las capas y de algunos de los filtros que estn presentes en la herramienta. Se recomienda seguir los siguientes pasos: 1. Abrir la imagen para su edicin. (Men Archivo Abrir) 2. Duplicar la capa. Para ello, en la ventana que se abre con la imagen, seleccionar la opcin del men Capa Duplicar Capa. 3. Abrir el dialogo de capas. En la ventana principal de la herramienta, seleccionar la opcin de men: Archivo Dilogos Capas. En la nueva ventana que se abre vemos como aparecen dos capas con los nombres: Fondo y Copia de Fondo. 4. Ocultar la capa original y cambiar de nombre a la nueva capa creada. Para ocultar una capa solo es necesario pulsar sobre el ojo que aparece al lado de la capa y de este modo se ocultar la capa. Si se quiere volver a hacer visible habr que volver a pulsar en el botn en el que debera estar el ojo. Para cambiar el nombre de la capa, ser necesario seleccionar la opcin de men Editar atributos de capa, que aparece cuando se pulsa con el botn derecho del ratn sobre la imagen de la capa. 5. Aplicar un filtro a la capa que est visible. Para aplicar el filtro deberemos seleccionar la opcin de men Filtros, en la ventana en la que se muestra la imagen. Seleccionaremos, por ejemplo, el filtro de Detectar Bordes de Sobel. 6. Volver a mostrar la capa oculta. Observar como manteniendo la imagen original se ha creado una nueva, como combinacin de las dos capas. Esto nos permite crear imgenes como combinacin de varias que se pueden modificar de forma independiente. 7. Almacenar la nueva imagen como imagen GIMP. Para ello, en la ventana en la que 19/20

Prcticas a realizar se muestra la imagen, seleccionamos la opcin de men Archivo Guardar como. En el cuadro de dialogo que se muestra, habr que desplegar la opcin que permite seleccionar el tipo de archivo por extensin y seleccionar la extensin GIMP XCF image. Si dispone de tiempo adicional, puede comprobar como se comportan los filtros de color que incluye GIMP. Para ello se puede utilizar la siguiente imagen:

20/20