Informática
Tratamiento de imagen.

Tu Instituto Online
   


 
Nivel Básico Draw: Organizar, alinear y distribuir objetos
Duración aproximada: 1 sesión
   
Objetivos Objetivos
  • Aprender a mover los objetos creados en Draw.
   
Fuentes de información Fuentes de información
   
Contenidos
Contenidos
   
 

1. Introducción

En esta unidad aprenderemos a organizar los distintos objetos (dibujos que realicemos sobre el área de trabajo) por todo el documento.

  • Para practicar necesitaremos crear un nuevo documento con tres objetos:Selección del color de relleno
  • Abrimos Draw.
  • Vamos a la barra de herramientas Dibujo y vamos a dibujar tres objetos:
    • Hacemos clic en Estrellas Estrellas y dibujamos una estrella. Vamos a la barra de herramientas de Líneas y relleno y hacemos clic en el botón de Relleno Relleno. Se nos abrirá un cuadro de diálogo para que elijamos el color del relleno de nuestra estrella. Seleccionamos el color Rojo claro y hacemos clic en Aceptar. También podemos acceder a cambiar el color de relleno mediante el menú contextual al hacer clic con el botón derecho del ratón sobre la estrella y seleccionar la opción Área.
    • Ahora dibujamos dos estrellas más, una Verde claro y la otra Amarilla.
  • Las colocamos como en la imagen siguiente:

Tres objetos

  • Ya estamos preparados para practicar.

2. Organizar objetos

Cada objeto que situamos en el documento se apila sucesivamente sobre el objeto anterior. Por eso la primera estrella que hemos dibujado, la roja, está debajo de todas las otras. La verde tapa a la roja y a su vez es tapada por la amarilla que es la última que hemos dibujado.Opciones para modificar la posición de un objeto

Para cambiar el orden de pila de un objeto seleccionado, por ejemplo la estrella roja, seguiremos el siguiente proceso:

  • Hacemos clic en el objeto cuya posición desea cambiar (la estrella roja).
  • Accedemos al menú Modificar→Posición que nos mostrará las siguientes opciones:
    • Traer al frente: Sitúa el objeto sobre todos los demás.
    • Traer adelante: Sitúa el objeto una posición más adelantada en la pila de objetos.
    • Enviar atrás: Sitúa el objeto una posición más atrás en la pila de objetos.
    • Enviar al fondo: Sitúa el objeto detrás de todos los demás
    • Delante del objeto: Sitúa el objeto delante de otro objeto que seleccionaremos a continuación.
    • Detrás del objeto: Sitúa el objeto detrás de otro objeto que seleccionaremos a continuación.
  • Otra forma de acceder a las mismas opciones es mediante el menú contextual que aparece al hacer clic con el botón derecho del ratón sobre el objeto y seleccionado la opción Organizar.

Vamos a probar las distintas acciones anteriores:

  • Hacemos clic en la estrella roja y la situamos al frente de todas las estrellas mediante el menú Modificar→Posición→Traer al frente.

Estrella roja al frente

  • Ahora situamos la estrella amarilla por detrás de la verde, hacemos clic en la estrella amarilla y accedemos al menú Modificar→Posición→Detrás del objeto, automáticamente el cursor se convierte en una mano a la espera de que señalemos el objeto tras el cual se colocorá nuestra estrella amarilla. Hacemos clic en la estrella verde.

Estrella amarilla por detrás de la verde

  • Guarda el dibujo con el nombre estrellas.odg que después seguiremos con él.

  
Ejercicios
Ejercicio
 

Ahora tienes que crear un nuevo dibujo siguiendo estos pasos:

  • Crea un nuevo dibujo. Resultado
  • Ve a la barra de herramientas Dibujo.
  • Haz clic en Formas de símbolos Formas de símbolos.
  • Dibuja una Nube de color Azul 5. Para cambiar el color, haz clic en la nube y con el botón derecho del ratón elege la opción Área.
  • Dibuja ahora un Sol de color Amarillo.
  • Mueve el sol encima de la nube. Si haces clic en el sol, lo seleccionas, ya que se encuentra por encima de la nube.
  • Haz clic en el sol. Ve al menú Modificar→Posición→Enviar atrás o con el botón derecho del ratón elege Organizar→Enviar atrás.
  • Ahora puedes comprobar que la nube está por encima del sol. Mueve la nube y comprobar que el sol no ha desaparecido. Deja que se vea parte del sol detrás de la nube.
  • Guardar el documento con el nombre sol.odg y súbelo a la plataforma, debe quedar como la imagen de la derecha.
   
Contenidos
Contenidos
   
 

3. Alinear objetos

La función Alineación permite alinear objetos según la relación entre ellos o con la página.

Los pasos a seguir son:Anieaciones posibles

  • Seleccionamos un objeto para alinearlo a la página, o varios objetos (manteniendo pulsada la tecla Mayús y haciendo clic sobre cada uno de ellos) para alinearlos en relación unos con otros.
  • Accedemos al menú Modificar→Alineación y seleccionamos una de las opciones disponibles:
    • Todos a la izquierda.
    • Todos centrados.
    • Todos a la derecha.
    • Todos arriba.
    • Todos centrados verticalmente.
    • Todos abajo.

Abramos el archivo estrellas.odg que habíamos guardado antes. Alineado a la izquierdaAlineado izquierda

  • Seleccionamos todas las estrellas manteniendo la tecla Mayús pulsada y haciendo clic sobre cada estrella.
  • Vamos al menú Modificar→Alineación (también podríamos hacer uso del menú contextual al hacer clic con el botón derecho sobre la selección y elegir la opción Alineación) y elegimos la opción Izquierda.
  • Como vemos en la imagen la estrella verde casi no se ve, esto es porque al pegar todas las estrellas a la izquierda, si dos o más están en la misma horizontal aparecerán todas juntas. No hay problema, con el ratón situamos cada estrella en una línea imaginaria y volvemos a alinear a la izquierda.
  • Hay que tener en cuenta que la alineación se hace con el extremos más a la izquierda, es decir, que no tienen que quedar perfectamente alineadas globalmente, lo que nos garantiza Draw es que el punto izquierdo de cada objeto queda perfectamente alineado.

 

 

 

4. Distribuir objetos

Si seleccionamos tres objetos o más en Draw, también podemos usar la orden Distribución para conseguir un espaciado vertical y horizontal uniforme entre los objetos.

Los pasos a seguir son:

  • Seleccionamos tres objetos o más para distribuirlos.
  • Vamos al menú Modificar→Distribución.
  • Seleccionamos la opción de distribución horizontal o vertical y hacemos clic en Aceptar.
  • Los objetos seleccionados aparecen en el eje horizontal o vertical, distribuidos en intervalos regulares. Los dos objetos más próximos a los extremos se usan como puntos de referencia y no se mueven al aplicar la orden Distribución.

Apliquemos la distribución a nuestras estrellas. Las habíamos dejado alineadas a la izquierda, pero la estrella amarilla estaba muy separada de las otras dos. Vamos a solucionarlo:

  • Seleccionamos las tres estrellas de nuevo.Estrellas distribuidas
  • Vamos al menú Modificar→Distribución o desde el menú contextual al hacer clic con el botón derecho del ratón a Distribución...
  • Nos aparecen las distintas opciones de distribución disponibles que básicamente son dos: horizontal o vertical. Lo que nos permite elegir además es qué se va a tomar como referencia para igualar los espacios, el centro de los objetos, su parte derecha...
  • Elegimos la Distribución Vertical Espaciado y hacemos clic en Aceptar.

Vertical espaciado

  • El resultado lo podemos ver en la imagen de la derecha, en la que las estrellas ahora están equidistantes unas de otras.

 

   
Ejercicios
Ejercicio
 

Demuestra que lo que has aprendido:

  • Crear un nuevo dibujo.
  • Dibuja 3 figuras cualquiera.
  • Rellenalas cada una con un color, Gradiente, Trama o Mapa de bits diferente.
  • Selecciona las 3 figuras y aplicar una distribución horizontal (derecha) y vertical (arriba).
  • Guarda el dibujo con el nombre distribucion.odg y súbelo a la plataforma.
   
Creditos Créditos
Licencia de Creative Commons

Este documento es de dominio público bajo licencia de Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 España.
TuInstitutoOnline.com M.Donoso, G.García, P.Gargallo, A.Martínez. v. 2.0.2.1.0

No se permite un uso comercial de la obra original ni de las posibles obras derivadas, la distribución de las cuales se debe hacer con una licencia igual a la que regula la obra original.

Los reconocimientos se realizan en el apartado Fuentes de información.

Los iconos empleados están protegidos por la licencia LGPL y se han obtenido de:
https://commons.wikimedia.org/wiki/Crystal_Clear
https://www.openclipart.org


Licencia de Creative Commons

Todas las capturas de pantalla tienen copyright y pertenecen a TuInsitutoOnline.com.

TuInstitutoOnline.com permite su uso siempre y cuando se muestren desde el dominio www.tuinstituoonline.com y NO PERMITE enlazar a ellas desde otros lugares.

Además, la estructura diseñada para mostrar el contenido de las unidades es propiedad de TuInstitutoOnline.com.

TuInstitutoOnline.com M.Donoso, G.García, P.Gargallo, A.Martínez. Versión 2021.