Download EL DIBUJO VECTORIAL

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
[POR
POR JOSÉ MARÍA BERENGUER]
BEREN
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: www.inkscape.org
Una vez descargado e instalado, ejecutaremos el programa y nos aparecerá
aparecerá una ventana como la
siguiente:
[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
[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.
[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
[POR
POR JOSÉ MARÍA BERENGUER]
BEREN
EJERCICIO 4 - Crear la bandera de Nueva Zelanda
La bandera de Nueva Zelanda refleja los orígenes británicos del país (la
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,
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:
momento
1. Repite los pasos 1 y 2 del ejercicio Nº 1.
2. 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.
[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 3.
5. 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
[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 5.
7. 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
hizo una alumna:
Este es el que
[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.
y trazamos un círculo
2. Hacemos clic en el icono de Crear círculos, elipses y arcos
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
[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!!!