EL DIBUJO VECTORIAL. para alumnos de 1º E.S.O.

Transcripción

1 EL DIBUJO VECTORIAL para alumnos de 1º E.S.O. Definición Un dibujo vectorial es una imagen formada por una serie de elementos geométricos definidos por fórmulas matemáticas. Las figuras geométricas utilizadas en el formato de imágenes vectoriales son: la línea y polilínea, los polígonos (regulares, irregulares y estrellados), las formas circulares (círculos y elipses) y las curvas de Bézier o nodos. Características de los gráficos vectoriales La característica más importante del formato vectorial es la posibilidad de redimensionar las imágenes sin pérdida de calidad y que beneficia la salida para impresión en formatos de todos los tamaños. Los archivos de imagen vectorizada ocupan menos, respecto a las imágenes rasterizadas (o mapas de bits) ya que los gráficos se calculan de forma matemática. Qué tipo de dibujos podemos hacer con vectores? Los programas vectoriales nos permiten desde crear formas sencillas más complejas (combinando formas geométricas sencillas mediante acciones como soldar, unir, combinar, intersectar etc..) hasta dibujar a mano alzada con herramientas como el lápiz o el pincel, pasando por herramientas para vectorizar gráficos como la herramienta pluma. Utilizaciones del formato vectorial El formato vectorial se utiliza principalmente para la creación de gráficos e ilustraciones. Se utiliza en la creación de Logotipos en diseño gráfico y creación de imagen corporativa. Se utiliza también en la creación de gráficos y escenas en 3D incluidos los gráficos de videojuegos, también se utiliza para la creación de tipografías (tipos de letras) y en diseño web para creación de elementos en flash (presentaciones, banners, etc..) y en general por ser imágenes con gran calidad y poco peso. Programas de dibujo vectorial Algunos de los programas más utilizados a la hora de ilustrar y dibujar en formato vectorial son: CorelDraw, Adobe Illustrator, Macromedia Freehand, Gimp, Adobe Flash, Inkscape o aplicaciones dentro de programas editores de texto como Word o Writer.

2 2 [POR JOSÉ MARÍA BERENGUER] INKSCAPE es uno de los mejores programas de dibujo vectorial de código abierto Esto nos da la posibilidad de descargarlo y usarlo gratuitamente desde la página web oficial: Una vez descargado e instalado, ejecutaremos el programa y nos aparecerá una ventana como la siguiente:

3 [DIBUJO VECTORIAL. APUNTES PARA ALUMNOS DE 1º DE E.S.O.] 3 EJERCICIO 1 - Crear estrellas y polígonos 1. El primer paso será configurar la página. Vamos a la barra de menús desplegables y hacemos clic siguiendo la siguiente ruta: Archivo/Propiedades del documento/página y seleccionamos los siguientes valores: Unidades predeterminadas: cm. Tamaño de página: A4. Orientación: Horizontal. Borde: Mostrar borde del papel. 2. Establecemos el nivel de zoom que nos interese. 3. En la Caja de herramientas hacemos clic sobre el icono Crear estrellas y polígonos. 4. El puntero del ratón se ha convertido en una estrella con un más. Sitúalo dentro de la página, haz clic con el botón izquierdo del ratón y, sin soltarlo (esto se llama "arrastrar"), mueve un poco el ratón. Suelta el botón izquierdo. 5. Te ha salido una estrella o un polígono? Bueno esto era una prueba; vamos a organizarnos un poco. Borra la imagen que acabes de realizar (pulsa retroceso o suprimir). 6. Vuelve a pulsar el mismo icono. Al hacerlo te saldrá una Barra de controles de herramienta como la siguiente. 7. Vamos a hacer un hexágono. Haz clic en el icono de polígonos (el de la izquierda). En el apartado "esquinas" escribe 6 (si quieres que se convierta en otro polígono, cambia el número de las esquinas). 8. Ahora vamos a mover y cambiar el tamaño del hexágono. Pulsa el icono Seleccionar y transformar objetos. Al pasar el cursor sobre la figura dibujada, éste se convierte en una mano. Pulsa botón izquierdo y arrastra la imagen al lugar deseado. Al soltar verás que aparecen varias flechas de color negro. Si tiras de las esquinas, la figura aumentará o disminuirá su tamaño pero sin perder la proporción horizontal/vertical. Si tiramos de las flechas de arriba o abajo alargaremos la figura; si lo hacemos de las de derecha o izquierda la ensancharemos. 9. Cambio de color. Esto es muy fácil. Selecciona la imagen a la que quieres cambiar el color haciendo clic sobre ella con el botón izquierdo del ratón. Selecciona un tono de la paleta de colores y ya está. 10. Para practicar un poco todo lo aprendido, haz libremente varios polígonos y estrellas de diferentes colores.

4 4 [POR JOSÉ MARÍA BERENGUER] EJERCICIO 2 - Crear cuadrados y rectángulos Vamos a repetir los dos primeros pasos del Ejercicio 1, recordemos: 1. El primer paso será configurar la página. Vamos a la barra de menús desplegables y hacemos clic siguiendo la siguiente ruta: Archivo/Propiedades del documento/página y seleccionamos los siguientes valores: Unidades predeterminadas: cm. Tamaño de página: A4. Orientación: Horizontal. Borde: Mostrar borde del papel. 2. Establecemos el nivel de zoom que nos interese. 3. En la Caja de herramientas pulsamos el icono Crear rectángulos y cuadrados 4. El puntero del ratón se ha convertido en una rectángulo con un más. Sitúalo dentro de la página y haz la figura. 5. Observa ahora la Barra de controles de herramienta: cm significa centímetros (si aparece otra unidad de medida como píxel -px-, cámbiala). W indica el ancho (wide) H indica el alto (high) Rx es el radio horizontal de las esquinas redondeadas Ry es el radio vertical de las esquinas redondeadas Para qué sirve esto último? Lo vas a entender enseguida. Si observas la siguiente imagen, verás que en la esquina superior izquierda e inferior derecha hay dos cuadrados. A estas alturas ya sabrás que son para ampliar/reducir nuestra imagen en sentido ancho/alto. Pero lo que nos interesa ahora son los círculos de la esquina superior derecha (sólo se ve uno, pero debajo hay otro). Arrastra el primer círculo hacia abajo y el segundo hacia la izquierda; habrás comprobado que las esquinas se han redondeado y que los valores de Rx y Ry han cambiado. Al igual que en los polígonos y estrellas que vimos en el ejercicio anterior, podemos modificar la forma inicial de la imagen para que adopte una nueva; en el caso del rectángulo se puede transformar en una elipse. 6. Cambio de color. Al igual que hicimos en el ejercicio anterior, selecciona un tono de la paleta de colores y listo.

5 [DIBUJO VECTORIAL. APUNTES PARA ALUMNOS DE 1º DE E.S.O.] 5 EJERCICIO 3 - Trabajos con bordes y rellenos En este ejercicio vamos a estudiar cómo cambiar el color y la forma de la línea que delimita nuestra figura y también veremos cómo cambiar el color interior de la misma sin usar la barra de herramientas de la paleta de colores. Comenzamos!! 1. Haz cualquier figura de las ya dadas (polígono, estrella o rectángulo) 2. Coloca el cursor sobre ella y pulsa el botón secundario (el derecho) y selecciona en el menú flotante Relleno y borde. Se te abrirá una nueva ventana. 3. Pulsa sobre la pestaña Estilo de trazo (fotografía de abajo a la izquierda); elije como unidad de medida los centímetros (cm) y en Ancho de trazo establece un valor de 0,300. Mira cómo el borde de la figura a aumentado su grosor. (OBSERVACIÓN: Si el programa no te permite hacer estos cambios, haz antes el paso 5 y luego 3 y 4). 4. Ve ahora a la opción Guiones y selecciona el que más te guste. 5. Ahora vamos seleccionar la pestaña Color de trazo (fotografía de arriba a la derecha). Pulsa el icono que está a la derecha de la X, llamado Color uniforme. 6. Selecciona más abajo la opción Rueda. Arrastrando el cursor por la rueda seleccionarás el color principal para el borde de línea de tu imagen y arrastrando el círculo que se encuentra en el interior del triángulo, elegirás el matiz deseado (si no puedes mover el círculo haz clic con el botón izquierdo del ratón en el centro del triángulo). 7. Por último selecciona la pestaña Relleno, luego Color uniforme y Rueda. Aunque en la paleta de colores -que ya hemos visto en ejercicios anteriores- puedes seleccionar un color para el interior de tu figura, con la rueda puedes obtener más variedad de colores y matices.

6 6 [POR JOSÉ MARÍA BERENGUER] EJERCICIO 4 - Crear la bandera de Nueva Zelanda La bandera de Nueva Zelanda refleja los orígenes británicos del país (la bandera Británica está formada por la superposición de las banderas de Inglaterra, Escocia y la bandera de San Patricio, patrón de Irlanda). Las cuatro estrellas indican su lugar en el Hemisferio Sur, bajo la constelación de la Cruz del Sur. Estas estrellas son rojas porque representan a los nativos de las islas, los Maoríes, y el azul del fondo es la insignia del océano Pacífico que rodea las islas. Vamos a hacer esta actividad con los elementos aprendidos hasta el momento: 1. Repite los pasos 1 y 2 del ejercicio Nº Selecciona el icono de Crear rectángulos y cuadrados y haz un rectángulo azul ("Blue" en la paleta de colores inferior) que ocupe toda la Página (revisa la imagen de la página 2 si no recuerdas qué es la "Página" en Inkscape). 3. Seleccionamos el icono Crear estrellas y polígonos y en los Controles de herramienta seleccionamos la opción de "estrella" y establecemos los siguientes valores: Esquinas: 5 Longitud del radio: 0,400 Redondez: 0 Aleatorio: 0 Trazamos nuestra estrella de cinco puntas roja (Red en la paleta) en cualquier lugar de la página.

7 [DIBUJO VECTORIAL. APUNTES PARA ALUMNOS DE 1º DE E.S.O.] 7 4. Colocamos el cursor sobre la imagen y seguimos la siguiente ruta: Relleno y Borde/Color de trazo/color uniforme/rueda; seleccionamos el color blanco según lo aprendido en el ejercicio Ahora vamos a la pestaña Estilo de trazo y fijamos un valor de Ancho de trazo de 0,200 cm aproximadamente. Cerramos la ventana de Relleno y borde. 6. Ya tenemos terminada nuestra estrella! Ajustamos el tamaño y la situamos, usando el icono Seleccionar y transformar objetos, en el sitio correcto. 7. Pulsa Edición/Copiar (o Control + C) para copiar la estrella y a continuación Edición/Pegar (o Control + V) y ve colocando las estrellas en su ubicación correcta. 8. Ahora vamos con las cruces. Selecciona el icono Crear rectángulos y cuadrados y haz el rectángulo rojo vertical y cámbiale el color y ancho al trazo. Repite la operación con el rectángulo horizontal. (Observación: Para que te salga bien, el valor de W del rectángulo vertical y H del horizontal deberían ser iguales) 9. En la intersección de ambos rectángulos aparecen dos líneas horizontales blancas que no deben estar ahí. Cómo las quitamos? Haz en otro lugar de la bandera un pequeño rectángulo vertical rojo. En la ventana Relleno y borde/color de trazo, selecciona la opción "sin relleno" (icono con forma de X). Sitúa este rectángulo en la intersección, de manera que quede como en la bandera original. 10. Ahora vamos con las líneas inclinadas. Volvemos a hacer un rectángulo rojo. Seleccionamos en la Barra de Menús desplegables la opción Objeto/Transformar/Inclinar y establecemos un valor horizontal de 45,000 deg (=degrees, grados). Le ponemos el borde del grosor correcto y color blanco y los ajustamos en el cuadrante inferior derecho de la Cruz. Ahora copiamos y pegamos este rectángulo inclinado y lo situamos en el cuadrante superior izquierdo de la Cruz. 11. Pegamos un tercer rectángulo inclinado y seguimos la siguiente ruta: Objeto/Reflejo Horizontal (o el icono de la Barra de Controles de Herramientas). Ajústalo a la Cruz, cópialo y pégalo un vez más para completar el cuarto cuadrante y así terminar tu bandera. 12. RETOQUES FINALES. Para que tu trabajo quede perfecto, observa bien en la bandera original de Nueva Zelanda el tamaño/grosor de cada elemento, dónde quedan situados y con qué proporción respecto al resto de elementos. Si has llegado hasta aquí... Buen trabajo!

8 8 [POR JOSÉ MARÍA BERENGUER] EJERCICIO 5 - Trabajo con líneas. Para hacer líneas tenemos que seleccionar el icono Dibujar curvas Bézier y líneas rectas nos aparecerá su barra de control de herramienta: Al hacerlo En principio vamos a usar sólo el menú desplegable Forma: donde seleccionaremos la opción "Ninguno".. 1. Para hacer una línea coloca el + del cursor en la posición que desees y haz clic con el botón izquierdo del ratón (esa será la posición de inicio de la línea). 2. Mueve el ratón y vuelve a colocar el + donde quieras y haz clic otra vez (esa será la posición final). 3. Para fijar la línea debemos dar a ENTER. 4. Si pruebas ahora a hacer clic en varias posiciones sin darle a ENTER, verás el resultado (imagen de la izquierda): 5. Prueba ahora en el menú desplegable Forma: a establecer "Elipse" y haz una línea a ver qué sucede. Luego prueba con las demás opciones. 6. Si seleccionas una línea, podrás cambiarle el color y el estilo según lo explicado en el Ejercicio 3 de la página También con líneas podemos hacer figuras geométricas (por ejemplo un triángulo) y colorearlo (imagen superior derecha). 8. Para practicar todo lo expuesto, haz un dibujo libre donde sólo utilices el icono Este es el que hizo una alumna:

9 [DIBUJO VECTORIAL. APUNTES PARA ALUMNOS DE 1º DE E.S.O.] 9 EJERCICIO 6 - Trabajo con círculos. En este ejercicio vamos a usar la herramienta de Crear círculos, elipses y arcos. Con ella vamos a dibujar un simpático pingüino. 1. El primer paso, como siempre, será configurar la página (en este caso en vertical) y establecer el nivel de zoom que deseemos. 2. Hacemos clic en el icono de Crear círculos, elipses y arcos y trazamos un círculo negro para hacer el cuerpo del pingüino. Observa que nos ha salido dos cuadrados de control (el superior para alargar el círculo y convertirlo en elipse vertical y el izquierdo para hacer lo mismo en horizontal) y dos círculos (a la derecha, uno sobre otro); si los arrastramos, nuestro círculo se convertirá en un sector. En la barra de controles de herramienta puedes cambiar también los diferentes valores. Practica un poco con todo y luego vuelve a hacer el círculo negro: 3. Luego hacemos una elipse de color gris (grey 30%) para hacerle el pecho (imagen central). 4. Sobre ella hacemos otra de color blanco (imagen derecha). 5. Hacemos una elipse de color gris 40% y sobre ella hacemos los ojos con círculos y elipses blancos y negros: 6. Realizamos una elipse naranja que nos servirá como pata. La copiamos y pegamos para hacer la otra (imagen superior derecha).

10 10 [POR JOSÉ MARÍA BERENGUER] 7. Ahora vamos a utilizar el icono de Dibujar curvas Bézier y líneas rectas que vimos en el ejercicio anterior. Haz un triángulo uniendo tres líneas y rellénalo del mismo color que las patas. Luego copia y pega dos veces este triángulo, y colorea de gris 70% los dos últimos. El naranja nos servirá de pico. 8. Rota 90º a la derecha uno de los grises y 90º a la izquierda el otro para hacer las alas. Y... listo!!!