Académique Documents
Professionnel Documents
Culture Documents
Inkscape
Carlos Zepeda Chehaibar
Diseño Vectorial
Inkscape
Coordinación Editorial:
Alejandro Flores Ledesma
Diseño Editorial:
César Carranza Contreras
Corrección de Estilo:
Jennifer P. Castillo Ascencio DERECHOS RESERVADOS © 2014 MMXIII por Grupo Educare, S. A. de C. V.
Esta es una obra protegida por las leyes internacionales de derechos de autor. Prohibida la
Ilustración de Portada: reproducción total o parcial de esta obra y/o los recursos que la acompañan, por cualquier
medio, sin autorización escrita de Grupo Educare, S. A. de C. V.
Marco Antonio Solís
Grupo Educare, el logotipo de Grupo Educare, el logotipo del Programa de Informática y
Ilustración de Interiores: Tecnología, son propiedad de Grupo Educare, S. A. de C. V.
Judith Lourdes Sierra Pérez El diseño editorial y contenidos gráficos son propiedad exclusiva de Grupo Educare, S.A.
de C.V.
Miriam Tatiana Zamora Gutiérrez
César Carranza Contreras Todos los nombres de empresas, productos, direcciones y nombres propios contenidos en esta obra, forman parte de
ejemplos ficticios, a menos que se indique lo contrario. Las citas, imágenes y videogramas utilizados en esta obra se
utilizan únicamente con fines didácticos y para la crítica e investigación científica o artística, por lo que el autor y Grupo
Educare, S. A. de C. V. no asumen ninguna responsabilidad por el uso que se dé a esta información, ni infringen derecho
Editado por Grupo Educare, S.A. de C.V. de marca alguno, en conformidad al Artículo 148 de la Ley Federal del Derecho de Autor.
Cerro de Mesontepec #83 Microsoft Office, MS DOS, MS Windows, Word, PowerPoint, Excel, FrontPage y Access y sus logotipos son marcas
comerciales de Microsoft Corporation. Microsoft y el logo de Microsoft Office son marcas registradas de Microsoft
Colonia Colinas del Cimatario Corporation en los Estados Unidos y/o en otros países. Microsoft no patrocina, endosa o aprueba esta obra. Flash,
Illustrator, Fireworks, Freehand, Dreamweaver, Photoshop y sus logotipos son marcas registradas de Adobe Inc. Adobe
Querétaro, Querétaro C.P. 76090 no patrocina o endosa esta obra.
Contenido
Diseño Vectorial
Inkscape
Propuesta Pedagógica I
Unidad 1 Introducción a Inkscape 9
tema A Introducción e historia 10
Descarga e Instalación 10
Video 1-01 Instalación 10
tema B Imágenes Vectoriales 11
Ventajas de los Vectores 11
Desventajas de los Vectores 12
Formatos de archivo 12
tema C Imágenes de mapa de bits 13
Lámina 1-01 Vectores vs. Bitmaps 13
tema D Descripción del espacio de trabajo 14
Área de documento 15
Video 1-02 Descripción del espacio de trabajo 15
Actividad 1-01 Identificando el espacio de trabajo 16
tema E Documentos 17
Abrir archivos en Inkscape 17
Video 1-03 Propiedades de documento 18
Propiedades de documento 18
tema F Opciones de visualización 19
Visualización de gráfico 19
Visualización dentro de la interfaz 21
Modos de visualización 21
Video 1-04 Opciones de Visualización 21
Evaluación 01 22
Unidad 2 Herramientas 23
tema A Herramientas 24
Herramienta Selector 24
Estos comandos también se pueden aplicar desde el menú Edición. 25
Transformaciones con la herramienta Selector 26
Video 2-01 Herramientas de Selección 26
Video 2-02 Transformaciones con la herramienta Selector 26
Contenido
Unidad 3 Cuadros de diálogo 41
tema A Capas 42
Manejo de Capas 42
Video 3-01 Capas 43
Actividad 3-01 Recordando capas 44
Actividad 3-02 Capas reales 45
Proyecto 3-01 Usando capas para organizar una ilustración 46
tema B Alinear, distribuir y transformar objetos 47
Alinear y distribuir 47
Transformación 49
Video 3-02 Alinear, distribuir y transformar objetos 50
Máscara de recorte 51
Video 3-03 Máscaras de recorte 51
Proyecto 3-02 Ejercicio de recorte de imagen 52
tema C Agrupar y desagrupar objetos 53
Actividad 3-03 Agrupar y desagrupar 53
Evaluación 03 54
Contenido
Unidad 4 Color 55
tema A Color 56
La Psicología del color 56
Lámina 4-01 Color 57
Actividad 4-01 Comprendiendo el color 58
Clasificación del color 59
Actividad 4-02 El color, la luz y el ojo 59
El Círculo Cromático 61
Actividad 4-03 Diagramas de color 62
Proyecto 4-01 Creando un mural 63
Actividad 4-04 Campaña publicitaria de un producto alimenticio 64
Paleta de colores 65
Muestras Personalizadas 65
Video 4-01 Paleta de color y cuadro de diálogo Muestras 65
Evaluación 04 66
Unidad 5 Mejorando diseños 67
tema A Bordes y Rellenos creativos 68
Estilo de trazo 68
Degradados 69
Video 5-01 Opciones de trazo 69
Video 5-02 Controles de la herramienta degradado 69
Proyecto 5-01 Papelería de identificación personal 70
tema B Logotipos 71
Lámina 5-01 Logotipos 71
Actividad 5-01 Analizando logotipos 71
Proyecto 5-02 Creando un logotipo 73
tema C Transparencias 74
Opacidad 74
Máscara de opacidad 74
Proyecto 5-03 Degradado transparente en fotografiás 75
Modos de mezcla 76
Proyecto 5-04 Conociendo los modos de mezcla 77
tema D Operaciones de trazos 78
Video 5-03 Operaciones de trazo 79
Proyecto 5-05 Combinación de objetos para crear formas compuestas 79
tema E Filtros y extensiones 80
Contenido
Lámina 5-02 Filtros 80
Video 5-04 Aplicación de filtros 80
Video 5-05 Extensiones 81
Proyecto 5-06 Trabajando con Filtros 81
Evaluación 05 82
Material Impreso
Recursos Digitales
Los recursos digitales que acompañan al material impreso, contienen videos que
te ayudarán a comprender los conceptos y a poner en práctica las habilidades
adquiridas. Adicionalmente encontrarás los archivos que se requieren para realizar
las actividades, algunos documentos y aplicaciones útiles. No olvides que los
recursos digitales son parte integral del programa, por lo que es muy importante
que los conozcas y utilices en el curso.
Explicación Iconográfica
Actividad
Este icono nos indica un ejercicio que refuerza la parte teórica de
este material.
Proyecto
Este icono nos indica un ejercicio que refuerza de manera práctica.
Video
Es el material digital de los recursos del programa. La representación
en video de la parte teórica.
Lámina de apoyo
La lámina es un recurso del profesor, que sirve como refuerzo
dinámico e interactivo a un tema denso, que complementa la teoría
del material impreso.
Evaluación
Este icono indica un elemento fundamental del proceso educativo
que sirve para valorar el proceso de aprendizaje.
Nota
NOTA
Las notas que verás dentro de tu texto, puntualizan la teoría o los
aspectos más importantes de un tema.
Tip
Es una sugerencia que complementa un tema del material impreso,
dando un panorama más amplio al alumno sobre cómo ejecutar
una actividad de manera más sencilla y práctica.
Las propuestas didácticas son flexibles, adaptables a la forma personal de
trabajo del maestro y necesidades específicas de cada clase maximizando así
el empleo de los recursos disponibles.
Unidad 01 Introducción a Inkscape
Unidad 02 Herramientas
Unidad 03 Cuadros de diálogo
Unidad 04 Color
Unidad 05 Mejorando diseños
Unidad 06 Elementos del dibujo vectorial
Identificar a Inkscape
como programa dedicado
tema A Introducción e
Descarga e Instalación a la edición de gráficos
historia
vectoriales y el proceso
de instalación.
Conocer el espacio
Unidad 1
de trabajo, definiendo
Introducción a Inkscape
los elementos que
tema D Descripción del
Área de documento lo componen, para
Sesiones sugeridas 4 Espacio de trabajo
utilizarlos de manera
eficiente y facilitar el
trabajo con Inkscape.
II
Propuesta Didáctica
A reconocer a Inkscape
como editor de gráficos
Video 1-01 Instalación
vectoriales de uso libre y la
forma de instalarlo.
III
Diseño Vectorial
Inkscape
Herramientas Selector
Identificar las principales
Transformaciones con la
herramientas que
herramienta Selector
comprenden la Caja de
Herramientas para crear
Herramientas, así como
formas geométricas
el complemento de las
Estilo Activo
Unidad 2 herramientas con la barra
Herramienta Crear y editar
Herramientas Controles de Herramienta,
tema A Herramientas objetos de texto
describiendo su uso para
Herramientas para crear
Sesiones sugeridas 5 realizar una ilustración,
trazos
diseño, etc., así como
Herramienta Editor nodos
conocer los atajos del
de trazo o tiradores de
teclado que harán el flujo
control
de trabajo más rápido,
Herramientas de pintura
fácil y eficiente.
Otras herramientas
IV
Propuesta Didáctica
V
Diseño Vectorial
Inkscape
Modificar la apariencia
de un objeto mediante,
Tema a Bordes y Rellenos Estilo de trazo
el cambio de estilo de
creativos Degradados
trazo y la aplicación de un
degradado al relleno.
VI
Propuesta Didáctica
La aplicación de
transparencias y máscaras Proyecto 5-03 Degradado
de opacidad. La integración transparente en fotografías
de imágenes sobrepuestas Proyecto 5-05 Conociendo
por medio de los diferentes los Modos de mezcla
modos de mezcla.
A realizar composiciónes de
Proyecto 5-05 Combinación
elementos empleando los Video 5-03 Operaciones de
de objetos para crear formas
comandos disponibles en el trazos
compuestas
menú Trazo.
VII
Diseño Vectorial
Inkscape
Definir el concepto de
espacio al analizar la
tema B El espacio relación que existe entre
Unidad 6 los objetos de un plano
Elementos de dibujo vectorial básico.
Sesiones sugeridas 4
VIII
Propuesta Didáctica
IX
Diseño Vectorial
Inkscape
Inventario de habilidades
Este inventario se emplea para medir las habilidades de los alumnos que inician
el curso. Esto no es una prueba, es un indicador que va del 1 al 5, dónde uno
establece poco o nulo conocimiento del tema por parte del alumno y cinco que
está completamente familiarizado con el mismo.
Habilidad 1 2 3 4 5
Reconocer diferencias entre mapa de bits y vector.
Crear capas.
X
Inkscape es un programa de
creación y manipulación vectorial
de código abierto. Es posible
utilizarlo también desde la línea de
comandos.
Los formatos nativos de inkscape para abrir o importar archivos son SVG, SVGZ (gzipped
SVG). Con la ayuda de extensiones (plug in), Inkscape puede abrir un número más
grande de formatos.
Introducción a
Un id ad 01 In k scape
Descarga e Instalación
Actualmente, el mayor obstáculo para el aprendizaje y aprovechamiento pleno de las tecnologías
de información y comunicación es el alto costo del software especializado. Inkscape esta
realizado bajo la licencia GNU (General Public License), que esta diseñada para asegurar que
todos los usuarios puedan usar de manera gratuita los programas e incluso modificarlos y
distribuirlos.
Inkscape es una aplicación multiplataforma, esto quiere decir, que exiten paquetes de instalación
para distintos sistemas operativos como Linux, Mac OS X® y Windows®.
1-01
VIDEO Instalación
10
Introducción a Inkscape
¤¤ Tienen una línea de contorno (también llamado trazo) y un color de relleno. Las
características del contorno y del relleno se pueden cambiar en cualquier momento.
¤¤ Los vectores se pueden agrupar, separar, recortar, intersectar y relacionar con otros
vectores en el dibujo.
¤¤ Cada vector se manipula por separado del resto de los objetos. Se puede ordenar
de cualquier manera y modificar sin afectar otros vectores.
Para comprender mejor por qué se les llama vectores a estos objetos, primero recuerda que, en
geometría, un punto del plano se puede definir por sus coordenadas y dos puntos cualesquiera
se pueden unir mediante una línea recta.
Si en lugar de unir dos puntos con una recta, se hace con una curva, los puntos se denominan
nodos o puntos de anclaje. La forma de la curva (suave o pronunciada), se define por otros
puntos invisibles en el dibujo llamados puntos de control, manejadores o manecillas.
Cualquier forma abierta o cerrada como un polígono, rectángulo, elipse o una curva irregular,
se basa en nodos y puntos de control. Para rellenar un gráfico vectorial, es necesario que los
puntos estén unidos formando una línea cerrada.
11
Diseño Vectorial
Inkscape
¤¤ Las imágenes vectoriales no están limitadas a un área rectangular como los mapas
de bits.
¤¤ Cualquier cambio que se aplique a los objetos puede modificarse en cualquier
momento: el dibujo siempre es editable.
¤¤ Se puede reutilizar un dibujo vectorial o parte de él en otros proyectos.
¤¤ El peso del archivo es muy reducido, dado que no se almacena información para
definir cada punto de la pantalla.
¤¤ Permite trabajar con texto sin limitaciones.
Formatos de archivo
Existen diferentes aplicaciones que trabajan con archivos de tipo vectorial, como Adobe®
Illustrator®, Corel® Draw ®, Macromedia Freehand ® o Xara X ®. Aunque cada aplicación maneja
sus formatos de archivo nativos, en general es posible abrir y modificar los gráficos creados en
una aplicación, utilizando otra aplicación.
Los formatos de archivo nativos “principales” reconocidos por otras aplicaciones son:
12
Introducción a Inkscape
Los bitmaps pueden modificarse con programas tales como: Microsoft® Paint®, Adobe®
Photoshop®, Corel® Photo Paint®, Jasc Paint Shop Pro® y Unlead Photoimpact®.
Imagen 1-7: Imagen en baja resolución Imagen 1-8: Imagen en alta resolución
1-01
LÁMINA Vectores vs. Bitmaps
13
Diseño Vectorial
Inkscape
2 4
6
7
Imagen 1-9: Espacio de trabajo de Inkscape
1. Barra de menús: Integrada por un conjunto de menús desplegables que aloja comandos,
herramientas u opciones, que se pueden aplicar o configurar al documento o programa.
4. Barra de controles de ajuste: Contiene botones que permiten controlar los ajustes de
colocación, permitiendo así, colocar objetos de forma precisa en la Pizarra.
7. Barra de estado: Esta barra nos proporciona información sobre, el estilo, la capa posición
del cursor, indicador de nivel de zoom, etc.
14
Introducción a Inkscape
Área de documento
En Inkscape el área de trabajo de un documento ocupa todo el espacio dentro de la ventana de
la aplicación. El área de trabajo se divide de la siguiente forma:
a. Página: el área de imagen está delimitada por las líneas internas y es la sección de
la página destinada a la impresión. Sólo lo que esté dentro de esta área saldrá en
la impresión, aunque debes recordar que la mayoría de las impresoras no pueden
imprimir tan cerca del borde del papel.
c. Pizarra: es la parte que queda por fuera de la Página y que se extiende hasta el borde
de la ventana. Representa un espacio donde se pueden crear, editar y almacenar
elementos vectoriales antes de colocarlos en la Página. Los objetos colocados en el
área de pruebas se verán en la pantalla pero no se imprimirán.
d b
a
e
1-02
VIDEO Descripción del espacio de trabajo
15
Diseño Vectorial
Inkscape
ACTIVIDAD
1. En equipos de 2 a 4 personas y en medio pliego de papel bond o cartulina, dibujen las áreas
que conforman el entorno de trabajo de Inkscape. Utilicen colores, papeles de color, revistas,
periódicos, plumones, textos de computadora o imágenes de Internet. Señalen cada parte
del entorno de trabajo y anoten la función de cada una de ellas.
¤¤ Barra de menús
¤¤ Barra de comandos
¤¤ Controles de herramienta
¤¤ Caja de herramientas
¤¤ Paleta de colores
¤¤ Barra de estado
¤¤ Pizarra
¤¤ Página
¤¤ Borde de la página
¤¤ Reglas
¤¤ Barras de desplazamiento
3. Escribe “Espacio de trabajo” o “Área de documento” según corresponda en cada una de las
siguientes afirmaciones.
Área de documento
Área de documento
c. Los menús sirven para cambiar aspectos de los elementos del archivo.
Espacio de trabajo
d. La barra de estado proporciona información como el borde y color de relleno del objeto
seleccionado.
Espacio de trabajo
16
Introducción a Inkscape
tema E Documentos
Al ejecutar Inkscape automáticamente crea un documento nuevo Predeterminado, los
parámetros correspondientes a este documento en blanco inicial se pueden cambiar
modificando el archivo default.svg, ubicado en la ruta \share\templates del directorio donde
se instaló la aplicación. Es posible agregar plantillas personalizadas si se guarda el documento
en este directorio.
17
Diseño Vectorial
Inkscape
Propiedades de documento
Si ya iniciaste tu proyecto en un documento con los parámetros preestablecidos y requieres
modificar el tamaño de Página, puedes modificarla utilizando menú Archivo/Propiedades del
documento o la combinación <Ctrl+Shift+D>.
b
a
d
c
a. Tamaño de Página: elige el formato que requieras, dependiendo del tamaño y la forma
del documento que se va a realizar. Los formatos más comunes en el diseño impreso
son el tamaño carta, el oficio y tabloide. En diseño Web el formato más utilizado es el
de 800 x 600 píxeles (para páginas Web) y 480 x 60 píxeles (para banners).
1-03
VIDEO Propiedades de documento
18
Introducción a Inkscape
Visualización de gráfico
En Inkscape, los gráficos se pueden visualizar de formas distintas. Se puede modificar la vista
que ofrece el dibujo desplazando la pizarra y por medio de zoom, ampliando o reduciendo la
vista de la misma. Estos son algunos métodos para desplazarnos en la pizarra.
Atajo Descripción
El método más sencillo para desplazarse vertical y horizontalmente
Ctrl B + Barras de desplazamiento
dentro de la pizarra
Aumenta por defecto la sección de la pizarra, es decir nos acerca al
Clic + Rueda del ratón
gráfico
Mayús + Rueda del ratón Permite el desplazamiento vertical hacia arriba y hacia abajo
Nos desplaza dentro de la pizarra. Con un ratón de sólo dos botones, hay
Clic sostenido + Botón del ratón que usar la combinación Mayús + Arrastrar con el Botón Derecho del
Ratón o Ctrl + Arrastrar con el Botón Derecho del Ratón
Ctrl + Flechas Se desplaza hacia arriba y hacia abajo
Permite desplazar la pizarra si la casilla El botón izquierdo del
ratón agarra cuando se pulsa Espacio está marcada en la sección
Barra espaciadora + Arrastrar con
Desplazamiento del cuadro de diálogo Preferencias de Inkscape. Cuando
el botón izquierdo del ratón
esta opción está activada, desaparece la función de la Barra espaciadora
para intercambiar la herramienta activa.
+ó= Aumenta el zoom
- Reduce el zoom
Ctrl + Clic con el botón central del
ratón ó Clic + Clic con el botón Aumenta el zoom
derecho del ratón
Mayús + Clic con el botón central
del ratón ó Mayús + Clic con el Reduce el zoom
botón derecho del ratón
Mayús + Arrastre con el botón
Aumenta el zoom sobre el área encerrada por la goma elástica.
central del ratón
19
Diseño Vectorial
Inkscape
Atajo Descripción
Esta es la mejor opción para fijar con precisión un nivel de zoom
Barra de estado determinado. La sección tiene una casilla para especificar el nivel del
zoom y se puede activar por medio del atajo de teclado Alt+Z.
Para aumentar el zoom hay que aplicar la herramienta y si se quiere
F3 (Herramienta Zoom) reducir el zoom hay que hacer clic manteniendo la Tecla Mayús pulsada
o hacer clic con el Botón derecho del ratón
(Q por quick, rápido en inglés) Aplica temporalmente un zoom sobre los
Q objetos que están seleccionados en ese momento. Al dejar de pulsar esta
tecla, se recupera el nivel de zoom anterior
Los Controles de la Herramienta Zoom son las mismas incluidas dentro del menú Ver/Zoom.
Cuando la herramienta está seleccionada, la barra Controles de Herramienta se activa para
mostrar las opciones del zoom.
Botón Función
Aplica un zoom 1:1 (el 100% del tamaño del dibujo, un píxel del dibujo equivale a un píxel de la
pantalla).
Aplica un nivel de zoom con el cual los objetos seleccionados se ajustan a la ventana.
Aplica un nivel de zoom con el cual todo el dibujo se ajusta a la ventana (el área visualizada incluye
todos los objetos dibujados, pudiendo ser mayor o menor que el tamaño de la página).
Aplica el nuevo zoom con el nivel anteriormente utilizado (dentro del historial de niveles de zoom
aplicados). El historial de niveles de zoom aplicados se guarda en una lista.
Aplica el nuevo zoom con el nivel siguiente dentro del historial de niveles de zoom utilizados.
Lógicamente, esta opción solamente funciona si el nivel actual del zoom es uno anterior dentro del
historial de niveles.
20
Introducción a Inkscape
Modos de visualización
La combinación de teclas <Ctrl+5 (Teclado numérico)>, permite pasar de un modo de
visualización a otro. También es posible con menú Ver/Modo de visualización/Cambiar.
¤¤ M
odo de visualización normal: Es el modo actual de la interfaz donde los gráficos
se ven con los rellenos y filtros seleccionados. Es la forma de ver el arte final.
¤¤ M
odo de Visualización Contorno: En este modo de visualización, todos los trazos
y formas se dibujan como contornos, con un ancho de un píxel de pantalla y sin
rellenos. Las imágenes se muestran con sus contornos en rojo, los trazos de recortes
en verde, y las máscaras en azul. El modo Contorno es útil para ver la estructura
global de un gráfico, así podemos editarlo de forma precisa seleccionando esos
molestos objetos ocultos que podemos haber creado por accidente. Además este
modo es ligeramente más rápido que el modo normal. El modo Contorno se puede
activar mediante menú Ver/Modo de visualización/ Contorno y se desactiva con
menú Ver/Modo de visualización/Normal.
¤¤ M
odo de Visualización Sin Filtros: Inkscape también dispone de un modo de
visualización sin filtros. Este modo es útil cuando se trabaja con dibujos complejos
en los que la utilización de filtros provoca que la visualización de los gráficos sea
demasiado lenta. Este modo se activa mediante menú Ver/Modo de visualización/
Sin filtros y se desactiva con menú Ver/Modo de visualización/Normal.
1-04
VIDEO Opciones de Visualización
21
Diseño Vectorial
Inkscape
¿Qué aprendiste?
TEMA A: A reconocer a Inkscape como editor de gráficos vectoriales de uso libre y la forma
de instalarlo.
TEMA B: Que al escalar las imágenes vectoriales no pierden calidad a diferencia y están
formadas por curvas de bezier.
TEMA C: Diferenciar las imágenes de mapa de bits de las imágenes vectoriales, conociendo
sus principales características.
TEMA D: A reconocer las áreas que conforman el espacio de trabajo, obteniendo un flujo de
trabajo eficiente al conocer a detalle las partes que lo conforman.
TEMA E: A conocer las diferentes tipos de documentos compatibles con Inkscape y formas
para abrir un archivo, importar imágenes, crear un archivo nuevo y modificar las
propiedades de los documentos.
TEMA F: Las diferentes opciones que posee Inkscape para cambiar el aspecto visual de la
interfacse y la apariencia de los objetos.
EVALUACIÓN
01
Contesta las preguntas correctamente:
22
A simple vista Inkscape parece ser una aplicación con pocas herramientas
para trabajar, pero cada una de las herramientas disponibles en la Caja de
herramientas adquiere mayores características al complementarse su uso con
las opciones disponibles en la barra Controles de herramienta.
Un id ad 02 Her ra m ientas
tema A Herramientas
Antes de trabajar cualquier gráfico hay que seleccionarlo. De manera
predeterminada, aparece dibujado un recuadro alrededor de cada
uno de los objetos que vamos a seleccionar. En Inkscape existen
tres maneras de selecciónar uno o varios objetos: con el teclado,
con ayuda del cuadro de diálogo Buscar y por último el método más
sencillo, por medio de la herramienta Selector.
Para activarla hay que hacer clic en el icono de la caja de herramientas o la tecla <F1>.
Acción Descripción
Clic en botón izquierdo del
Se selecciona el objeto dando un clic sobre él.
ratón
<Mayús>+Clic en botón
Se agrega o elimina un objeto de la selección.
izquierdo del ratón
Se selecciona el objeto situado debajo del objeto que está enfrente, es
<Alt>+Clic en botón
decir el que está debajo del cursor. Habrá que repetir el procedimiento para
izquiero del ratón
seleccionar un objeto que se encuentre más abajo.
Con esta técnica se añaden a la selección todos los objetos tocados por
<Mayús+Alt>+Arrastre
el cursor. También se puede utilizar cuando el movimiento de arrastre
el botón izquierdo del ratón
comienza sobre un objeto que ya está seleccionado.
24
Herramientas
Teclas Descripción
Pulsando esta tecla se selecciona el objeto situado inmediatamente por
encima del objeto que ya esté seleccionado. Si no hay ningún objeto antes
<Tab>
seleccionado, se seleccionará el objeto que esté en la posición más baja.
Esto funciona cuando se trabaja en la Capa activa en ese momento.
Con esta combinación de teclas se selecciona el objeto anterior, el objeto
situado inmediatamente por debajo del objeto que ya esté seleccionado. Si
<Mayús+Tab> no hay ningún objeto previamente seleccionado, quedará seleccionado el
último objeto dibujado. Esto funciona cuando se trabaja en la Capa activa en
ese momento.
<Ctrl+A> Se seleccionan todos los objetos de la Capa activa.
Se seleccionan todos los objetos en todas las Capas visibles y que no estén
<Ctrl+Alt+A>
bloqueadas.
Se invierte la selección en la Capa activa. Todos los objetos que estaban
<!> seleccionados dejan de estarlo y todos los objetos que no estaban
seleccionados se seleccionan.
Se invierte la selección en todas las Capas visibles y que no estén
<Alt+!> bloqueadas. Todos los objetos que estaban seleccionados dejan de estarlo y
todos los objetos que no estaban seleccionados se seleccionan.
Se desactiva la selección de todos los objetos que estén seleccionados en
<Ctrl+Alt>
ese momento.
25
Diseño Vectorial
Inkscape
2-01
VIDEO Herramientas de Selección
Al hacer clic una vez sobre un objeto no seleccionado, este quedara seleccionado y se pueden
realizar funciones para cambiar el tamaño y orientación del objeto. Al hacer clic sobre un
objeto previamente seleccionado, los tiradores de control cambiaran su apariencia y función,
permitiendote ahora realizar tareas como rotar y distorcionar el objeto seleccionad,
2-02
VIDEO Transformaciones con la herramienta Selector
26
Herramientas
Para cambiar el tamaño de un rectángulo hay que seleccionarlo haciendo clic con la misma
herramienta. Una vez seleccionado, aparecen unos tiradores (pequeños círculos y cuadrados)
en algunas de las esquinas del mismo. Hay que arrastrar desde uno de los tiradores en forma
de cuadrado que están situados en las esquinas superior izquierda e inferior derecha del
rectángulo.
También se pueden redondear las esquinas utilizando el tirador situado en la esquina superior
derecha del rectángulo, aquel que tiene forma de círculo. Éste sólo es visible en un tirador. Si
arrastramos este tirador hacia abajo, se crea una esquina redondeada en forma de cuarto de
circunferencia en cada uno de los vértices del rectángulo. Además aparece un segundo tirador
que nos sirve para redondear las esquinas de forma elíptica. Al arrastrar el segundo tirador,
los radios de curvatura en las direcciones vertical (y) y horizontal (x) se pueden modificar de
manera independiente. Al mantener presionada la tecla <Ctrl> y mover cualquiera de los
tiradores de estilo de esquina, estos se moveran de manera simultánea produciendo un borde
redondeado simetrico en ambos ejes.
27
Diseño Vectorial
Inkscape
Cuando se selecciona una elipse con la herramienta activada, aparecen un grupo de tiradores
que se pueden utilizar para cambiar el tamaño de la misma o convertirla en un arco.
La espiral tiene dos tiradores, uno Interior y otro Exterior. Arrastrando estos tiradores se puede
enrollar o desenrollar la espiral desde cada extremo.
2-03
VIDEO Formas geomértricas
28
Herramientas
Estilo Activo
El estilo de un objeto incluye atributos que determinan la apariencia interior (relleno) y el trazo
que lo delimita (borde). Dentro de los atributos de apariencia también se incluyen atributos
específicos de cada forma, como por ejemplo el número de puntas que conforman al polígono.
Al crear un objeto nuevo, a éste se le asignará el Estilo activo en ese momento.
Algunos elementos del Estilo activo como son: el color de relleno y el color de trazo, se muestran
en la barra Controles de Herramienta, estos también se muestran en la Barra de estado, la
cual se encuentra en la parte inferior del espacio de trabajo y recibe el
nombre de indicador de estilo. El indicador de estilo esta compuesto
por dos rectángulos que corresponden a los colores de relleno y de Imagen 2-7: Indicador
borde activo para un objeto y un campo que indica el grosor del trazo. de estilo
2-04
VIDEO Color de borde y relleno
PROYECTO
2. Localiza el indicador de estilo, haz clic con el botón derecho del ratón sobre el campo Ancho
de trazo y haz clic en la opción pt (puntos) del menú emergente. Haz clic repite la operación
per ahora selecciona el número 10, para cambiar el grosor del rectángulo a 10 pts.
3. Crea un nuevo cuadrado sobre la página. Con la herramienta Selector arrástralo para que
quede sobre el primero. Luego da clic en Objeto/Bajar al fondo.
4. Para modificar el tamaño de las figuras arrastra los puntos de control que aparecen cuando
haces doble clic con la herramienta Selector sobre elllos.
5. Escoge un color diferente para el trazo de la barra de colores. Recuerda que debes presionar
la tecla <Mayús> al seleccionar el color de la barra para que se aplique como color de trazo.
29
Diseño Vectorial
Inkscape
7. Ahora vas a repetir todos los pasos para crear cada una de las figuras geométricas que
el programa te permite con las herramientas Crear rectángulos y cuadrados, Crear
círculos elipses y arcos y Crear estrellas y polígonos. Que se encuentran en la caja de
herramientas.
8. Aplica a cada figura colores de relleno y trazo diferentes. Organiza las figuras en la Página,
en una composición interesante y creativa. Puedes utilizar mas de una figura de cada tipo
si tu diseño lo requiere.
a. Introducir texto mediante el teclado, la caja del texto irá aumentando de tamaño para
contener el texto introducido. Los saltos de línea del texto deben añadirse manualmente.
b. Introducir texto fluido. En este caso el texto se añade dentro de una caja de texto
rectangular previamente creada. Los saltos de línea del texto se crean automáticamente.
El texto fluido y objeto que lo incluye, son afectados simultaneamente por las
herramientas de tranformación.
Si se hace clic con la herramienta Crear y editar objetos de Texto sobre un objeto de texto ya
existente en el dibujo, dicho objeto queda seleccionado y el cursor se sitúa entre las dos letras
más cercanas al punto donde se ha hecho clic. Entonces ya podemos modificar ese texto.
2-05
VIDEO Crear y editar objetos de texto
30
Herramientas
Una forma regular u objeto de texto se pueden convertir en un trazo utilizando menú Trazo/
Objeto a Trazo, debes considerar que la operación inversa no es posible.
Es la herramienta más fácil de usar para dibujar un trazo. Para utilizarla sólo hay que activarla
haciendo clic sobre el icono en la caja de herramientas o con la tecla <F6>.
Haciendo clic y desplazando el cursor libremente sobre la pizarra se dibujará una línea. Una vez
realizado un trazo, éste se puede extender, sólo hay que seleccionarlo y cambiar a la herramienta
dibujar líneas a mano alzada, aparecerá un cuadro en cada uno de los extramos del trazo, haz
clic sobre el cuadro del extremo que desees extender para continuar dibujando. Para borrar un
trazo que no se ha terminado hay que pulsar la combinación de teclas <Ctrl+Z>.
Los trazos que se dibujan con esta herramienta están formados por muchas curvas de Bézier, de
manera que con frecuencia presentan un aspecto errático. Este tipo de curvas se pueden suavizar
y simplificar aplicando el menú Trazo/Simplificar o mediante <Ctrl+L> una o varias veces.
Cuando se está utilizando esta herramienta resulta útil consultar la Zona Imagen 2-9: Incio de la
de Información de la Barra de Estado. Ahí se indican a cada paso las curva
31
Diseño Vectorial
Inkscape
Para dibujar una curva hay que hacer clic y arrastrar el cursor
sobre la pizarra. El punto donde se ha hecho el clic se convierte
en el nodo inicial de la curva. Mientras se arrastra del cursor, se
irán agregando nodos y se verá una línea roja entre el nodo inicial
Imagen 2-10: Inicio del dibujo y el cursor. Esta línea es una recta tangente en el nodo inicial a la
de una curva Béizier curva que se va a dibujar.
Para terminar el dibujo del trazo hay que pulsar la tecla Intro o
hacer Clic con el Botón Derecho del Ratón después de colocar el
nodo final de la última curva de Bézier del trazo.
Para cerrar un trazo hay que hacer clic sobre el primer nodo
del trazo cuando se vaya a colocar el último nodo del mismo.
Imagen 2-12: Figura hecha con
líneas rectas.
2-06
VIDEO Herramientas de lápiz y pluma
Para poder editar un nodo hay que seleccionarlo, al colocar el puntero de ratón sobre alguno
de los nodos, esté temporalmente obtendrá un color rojo, indicando así que el nodo puede se
seleccionado. Los nodos seleccionados se representan mediante un color azul y su tamaño es
ligeramente mayor.
32
Herramientas
Al seleccionar con la herramienta Selector varios trazos y activar la herramienta editar nodos
de trazo, los nodos de los trazos seleccionados podrán ser editados.
Cuando el nodo está seleccionado aparecen los tiradores de control de dicho nodo, así como
los tiradores de los nodos adyacentes.
Selección de nodos
Para seleccionar un nodo hay que hacer clic con el botón izquierdo del ratón sobre él. Un
nodo se vuelve de color rojo cuando el cursor pasa por encima de él, entonces éste puede
seleccionarse o deseleccionarse. Una vez seleccionado quedan seleccionados los nodos más
próximos a cada lado del punto donde se ha hecho clic. Cuando el cursor está cerca de un
trazo y aparece el símbolo de una mano junto al cursor, entonces se puede hacer clic para
seleccionar los nodos.
Acción Función
Para seleccionar varios nodos a la vez hay que realizar un movimiento de
Arrastre con el botón
arrastre, quedarán seleccionados todos los nodos situados dentro de la caja
izquierdo del ratón
delimitada por la goma elástica creada con el movimiento de arrastre.
Si se pulsa la tecla Tabulador en un trazo donde se encuentra seleccionado
un nodo, entonces se deselecciona ese nodo y se activa el siguiente nodo
<Tabulador>
del trazo. Normalmente el nuevo nodo seleccionado es el nodo adyacente en
el sentido en que fue dibujado el trazo.
<Mayús+Tabulador> Se seleccionará el nodo anterior en el trazo.
Se seleccionan todos los nodos del trazo que se encuentre seleccionado en
<Ctrl+A>
ese momento.
Se invierte la selección de nodos en un sub-trazo que tenga seleccionado al
<!>
menos un nodo.
Se invierte la selección de nodos en un trazo completo o en un grupo de
<Alt+!>
trazos.
Editar Nodos
Al seleccionar un nodo es posible modificar su posición con ayuda del ratón o las flechas del
cursor del teclado. Es recomendable utilizar el teclado para cambiar la posicón de un nodo de
manera precisa y el ratón es de gran ayuda para modificar los tiradores de los nodos y modificar
la forma de un trazo entre dos nodos arrastrando de un punto intermedio del trazo.
2-07
VIDEO Editar líneas Béizier
33
Diseño Vectorial
Inkscape
PROYECTO
2. Utiliza la herramienta Crear rectángulos y cuadrados para dibujar un rectángulo. Una vez
creado el rectángulo con ayuda de la barra Controles de herramienta modifica los siguientes
parámetros:
¤¤ Unidad de medida: cm
¤¤ Ancho (W): 0.55
¤¤ Alto (T): 8.5
¤¤ Rx y Ry: 0
3. Acomoda el nuevo rectángulo sobre el espacio que le corresponde en el agitador del lado
izquierdo. Utiliza la herramienta Acercar o alejar para acercar y alejar el área de trabajo, de
modo que puedas ver todos los detalles.
4. Ahora selecciona la herramienta Crear círculos, elipses o arcos para crear una elipse.
Presiona la <Barra espaciadora> y en la barra Controles de Herramienta modifica
los siguientes parametros:
¤¤ Unidad de medida: cm
¤¤ Ancho (W): 3.7
¤¤ Alto (T): 3.45
6. Acomoda las dos elipses sobre las guías en el agitador izquierdo con ayuda de la herramienta
Selector.
7. Crea un nuevo rectángulo de 3.7 x 0.8 cm. Cambia a la herramienta Selector y haz clic
sobre este nuevo rectángulo para que aparezcan en las esquinas del rectángulo tiradores
en forma de flecha curvas, esto significa que puedes arrastrar y girar el rectángulo. Gíralo y
hazlo coincidir con el rectángulo guía que está inclinado.
8. Dibuja rectángulos siguiendo la forma del personaje en la parte de arriba (hombros, tronco,
brazo, antebrazo, pierna y pie). Acomódalos sobre la figura. Los rectángulos deben traslaparse
unos sobre otros, ya que los uniremos en el siguiente paso.
34
Herramientas
17. Para darle más vida, vamos a cambiar el color del círculo del agitador derecho. Como los
objetos están agrupados, para seleccionar sólo el círculo, es necesario dar Doble clic sobre
el objeto que se va a editar. Selecciónalo y cambia su color.
18. Utiliza la herramienta de Texto para crear dos mensajes como “Ahora manejo mi vida” y
“Evito el exceso”.
19. Dale color a los textos y un tamaño adecuado para que los puedas colocar en los agitadores.
Puedes usar cualquier área que creas conveniente, así como tipografía, tamaños y colores.
Incluso puedes poner cada palabra del mensaje en un lugar diferente del agitador.
20. Guarda tu trabajo con el nombre Mi_agitador.svg en la carpeta que indique tu profesor.
35
Diseño Vectorial
Inkscape
PROYECTO
2. El color de relleno del rectángulo debe ser blanco, si es de otro color, selecciona el color
blanco de la paleta de colores y el color del trazo debe ser negro, si es de otro color
selecciona el color negro de la paleta de colores mientras presionas la tecla <Mayús>.
3. Con ayuda del Indicador de estilo de la barra de Estado, cambia las unidades a puntos (pt)
y modifica el ancho del trazo a 0.5 pt.
5. Duplica el rectángulo con <Ctrl+D> y coloca la copia exactamente debajo del original,
de manera que la línea inferior del primero coincida con la línea superior del segundo.
Recuerda que puedes presionar la tecla <Ctrl> mientras desplazas el rectángulo hacia
abajo para que el movimiento se completamente vertical.
6. Utiliza la herramienta Crear círculos elipses y arcos para crear una elispse de 1.5 x 3.5
pulgadas. El color de trazo debe ser negro y no debe tener color de relleno. Para eliminar el
color de relleno haz clic en el cuadro localizado en la Paleta de colores.
7. Activa la opción Habilitar ajuste con la tecla <%>, luego arrastra una guía desde la regla
vertical y acomódala en el costado izquierdo de los rectándolos. Si las reglas no están
visibles activalas con menú Ver/Mostrar/Ocultar/Reglas y si las guías no se muestran utiliza
menu Ver/Guías.
10. Duplica la elipse con <Ctrl+D> y ubica la copia en el extremo derecho del rectángulo superior.
36
Herramientas
11. Selecciona las dos elipses y duplicalas. Desplaza las copias hacia
abajo para colocarlas a los extremos del rectángulo inferior. Observa
la figura.
Herramientas de Pintura
Icono Atajo Nombre Función
Asigna color de borde o relleno existentes en la pizarra a un
Seleccionar
objeto seleccionado. Al hacer clic directamente sobre el color
<F7> colores de
deseado se asignará como color de relleno. Al hacer clic
la imagen
mientras se pulsa la tecla <Mayús> se asigna color de trazo.
Crear y Con esta herramienta se puede asignar un degradado de tipo
<Ctrl+F1> editar líneal o radial, al relleno o al borde de un objeto seleccionado
degradados utilizando las opciones de la barra Controles de herramienta.
Esta herramienta rellena de color un área definida por dos
Rellenar
objetos diferentes y después hacer clic sobre la zona de
<Mayús+F7> áreas
solapamiento de los dos objetos. Entonces se crea un nuevo
delimitadas
objeto con el color de Relleno activo en ese momento.
Los trazos que se obtienen con esta herramienta son un poco
Dibujar
diferentes de los que se dibujan con las herramientas Dibujar
<Ctrl+F6> trazos
líneas a mano alzada y Dibujar curvas Bézier y líneas rectas, ya
o <c> caligráficos
que están formados por dos sub-trazos paralelos, de manera
o pinceladas
que la línea resultante puede tener una anchura variable.
2-08
VIDEO Herramientas de pintura
37
Diseño Vectorial
Inkscape
Otras herramientas
La herramienta Esparcir objetos ( ) permite crear copias de un objeto seleccionado. Con
ayuda de la barra Contoles de herramienta es posible modificar la forma en que estos objetos
son esparcidos. Cada objeto creado con esta herramienta, tiene cualidades propias, es decir si
se modica el objeto original, estos cambios no causaran efecto sobre las copias. Si utilizas el
menú Edición/Clonar/Crear Clón o las teclas <Alt+D>, todos los clones sufrirán los cambios
que se realicen al objeto original.
La Herramienta Eliminar trayectos existentes sirve para borrar elementos de un dibujo. Para
activarla hay que hacer clic sobre el icono en la Caja de Herramientas, o bien utilizar el
atajo de teclado <Mayús+E>.
2-09
VIDEO Clonación de objetos
PROYECTO
2. Acerca la pantalla para que puedas visualizar mejor los detalles. Utiliza la herramienta
Acercar o alejar.
3. Utilizando las herramientas Dibujar curvas bézier y líneas rectas y Dibujar líneas a mano
alzada, empieza a trazar el caballito de mar. Comienza por las curvas que adornan la cabeza.
Sigue las técnicas para crear líneas y curvas que se explicaron anteriormente. Trata de usar
los menos nodos posibles: en muchos casos sólo se requiere uno inicial y uno final para
cada segmento de curva como se muestra a continuación.
38
Herramientas
4. Cuando termines de trazar el caballito de mar, abre el documento Caja.svg que creaste
anteriormente.
5. Selecciona todo el caballito y cópialo. Pégalo sobre la figura de la caja de regalo y modifica
su tamaño utilizando la herramienta Seleccionar y transformar objetos para que quede en
una de las caras de la caja.
7. De forma similar ve dando color a las diferentes partes del caballito, usando tonalidades
ligeramente diferentes. Verás que hay que organizar las figuras para que unas no tapen a
otras, ya sea enviandolas al frente o hacia atrás.
8. Ya que tiene color todo el caballito de mar, dubplícalo con las teclas <Ctrl+D> y en los
controles de herramientas da clic sobre la herramienta Reflejar los objetos seleccionados
horizontalmente. Acomoda el duplicado junto al original y luego aplica todo el conjunto
nuevamente. Debes obtener una composición como en la imagen “Acomodo del caballito de mar”
39
Diseño Vectorial
Inkscape
¿Qué aprendiste?
TEMA A: A identificar cada una de las herramientas de la Caja de herramientas, conociendo
su uso y la manera de acceder a ellas de forma rápida con el teclado.
EVALUACIÓN
02
Contesta correctamente las siguientes preguntas selecciona a, b o c según corresponda.
1. Las pequeñas cajas que contienen opciones y comandos para controlar, modificar y mejorar
las ilustraciones que se pueden mover, mostrar y ocultar donde se encuentran.
a. Área de imagen
b. Pizarra
c. Página
3. En la parte inferior del programa hay 2 opciones llamadas Relleno y Trazo, cual es la función
de estas opciones.
a. Archivo/ Importar
b. Archivo/ Exportar mapa de bits
c. Archivo/ Importar desde Open Clip Art Library
40
Los cuadros de diálogo acoplables de Inkscape nos permiten
manipular las imágenes vectoriales en cuanto al color, trazo, texto,
etc. Los paneles pueden moverse, agruparse o desagruparse según
lo requieras al momento de estar trabajando en Inkscape.
Un id ad 03 Cuad ro s de d iá logo
tema A Capas
El cuadro de diálogo acoplable Capas, se sitúa por lo general en el extremo derecho de la
pizarra. Recuerda que si no se encuentra activo, puedes desplegarlo desde el menú Capa/Capas
o las teclas <Mayús+Ctrl+L>.
Las capas sirven para organizar todos los elementos que componen o pueden componer la
imagen vectorial, desde las formas básicas hasta el color. Cuando se crea una imagen nueva,
Inkscape proporciona un área en blanco en una sola capa inicial, para empezar a trabajar sobre
ella.
Al estar trabajando con las capas, tendrás la sensación de estar utilizando hojas transparentes,
cada una con determinada información. Las capas se pueden combinar y ordenar para que te
faciliten el trabajo.
En el cuadro de diálogo acoplable Capas, cada capa está identificada con el nombre asignado,
el cual se puede cambiar dando clic sobre la capa, o utlizando el menú Capa/Renombrar capa,
estableciendo un nuevo nombre.
Manejo de Capas
¤¤ Capa actual: En la mayoría de los proyectos se trabaja con muchas capas y aunque se
nombren, no siempre podemos recordar en cuál estamos situados cada momento. El cuadro
de diálogo acoplable Capas, nos ayuda resaltando la Capa actual con un color gris tenue.
También la Barra de estado en la sección Indicador de capa, muestra el nombre de la ésta.
42
Cuadros de diálogo
¤¤ Crear nueva capa: Para añadir nuevas capas a la composición, haz clic en el menú Capa/
Añadir Capa o las teclas <Mayús+Ctrl+N>. Aparece un cuadro de diálogo donde puedes
especificar el nombre de la nueva Capa. El menú desplegable permite seleccionar la
posición de la nueva Capa: encima, debajo o como una sub-Capa de la Capa actual, la cual
te permite colocar objetos para ser modificados de forma independiente.
¤¤ Ocultar y mover capas: Dentro del documento de trabajo es posible habilitar y deshabilitar
temporalmente las capas. La razón es simple, en ocasiones necesitamos imprimir un
documento evitando que aparezca cierta información. En este caso sólo se imprimirán
aquellas capas visibles, es decir, las que tengan el icono del ojo visible en el recuadro
izquierdo.
Las capas también se pueden mover para ajustar su posición en el trabajo. Para esto
necesitas seleccionar una capa y con los botones situados debajo de la lista de Capas
mover la Capa seleccionada hacia arriba o hacia abajo, dependiendo de la composición
que quieras realizar.
Si necesitas mover un objeto del dibujo de una capa a otra, puedes utilizar respectivamente:
¤¤ Eliminar capa: Para borrar una capa seleccionada, presiona el botón Eliminar capa actual
o utiliza menú Capa/Borrar la capa actual.
3-01
VIDEO Capas
43
Diseño Vectorial
Inkscape
ACTIVIDAD
Las capas sirven para organizar todos los elementos que componen o puedan
componer la imagen vectorial.
4. Describe una situación en la que sería útil ocultar una capa. Explica con un ejemplo en vez
de mencionar el objetivo de la función de ocultar.
5. Describe una situación en la que sería útil bloquear una capa. Explica con un ejemplo en vez
de mencionar el objetivo de la función de bloquear.
6. ¿Cómo podemos hacer que todas las opciones de capa se abran en un panel nuevo sin
necesidad de utilizar el menú cada que realicemos una función con las capas?
44
Cuadros de diálogo
ACTIVIDAD
2. En el primer cuarto de acetato dibuja con un plumón punto fino o estilógrafo, el contorno de
una figura.
3. Usa el segundo cuarto de acetato para darle color a la figura. Coloca este acetato sobre el
primero, para que el relleno no pase el área del contorno.
a. ¿Cuál es el orden (de arriba hacia abajo) en que mejor quedan acomodados los
elementos (relleno, sombra, contorno y texto)?
1. Contorno 2.Relleno
3.Sombra 4.Texto
45
Diseño Vectorial
Inkscape
PROYECTO
3. Oculta todas las capas. Ve mostrando una a la vez para revisar su contenido.
5. Si es necesario, crea Capas adicionales para mover objetos de una capa a otra para mejorar
la apariencia de la ilustración
6. Con ayuda de los botones situados debajo de la lista de Capas, modifica la posición de las
capas en la lista y así corregir la ilustración.
7. Crea una nueva capa y en ella introduce un texto con tu nombre y grupo.
8. Crea otra capa y en ella dibuja un rectángulo con borde grueso y relleno claro, para enmarcar
la ilustración. Envía esta capa detrás de todas las demás.
9. Guarda los cambios con el nombre Capas_org.svg en la carpeta que indique tu profesor.
46
Cuadros de diálogo
Alinear el lado derecho de los objetos con el borde izquierdo del ancla.
Alinear el lado derecho de los objetos con el borde derecho del ancla.
Alinear el lado izquierdo de los objetos con el borde derecho del ancla.
Alinear el borde inferior de los objetos con el borde superior del ancla.
47
Diseño Vectorial
Inkscape
48
Cuadros de diálogo
Transformación
El cuadro de diálogo acoplable Transformar permite modificar numéricamente y con gran
exactitud un objeto seleccionado: moverlo, escalarlo, rotarlo, inclinarlo y su matriz. El panel se
puede mostrar usando el menú Objeto/Transformar o las teclas <Mayús+Ctrl+M>, y ofrece
diferentes modos u opciones de transformación:
49
Diseño Vectorial
Inkscape
3-02
VIDEO Alinear, distribuir y transformar objetos
50
Cuadros de diálogo
Máscara de recorte
En los programas de diseño gráfico se utiliza mucho el término máscara. Este nombre se ha
heredado de las antiguas técnicas de trabajo con papel o pintura. En muchas ocasiones, un
artista tenía la necesidad de trabajar sólo con una pequeña parte de una imagen. Para no
correr el riesgo de dañar otras zonas de la imagen, el artista creaba una máscara que consistía
en un lienzo que se colocaba sobre todo el documento y que tenía sólo un orificio a través del
cual se podía retocar lo necesario.
Hoy en día, las personas todavía usan máscaras de este tipo para restaurar obras de arte
de la antigüedad, trabajar con fotografías e incluso se usan en procedimientos médicos para
enfocarse a una zona específica de trabajo mientras se protege el todo.
En Inkscape una Máscara de recorte es un objeto o grupo de objetos cuya forma recorta las
ilustraciones que se encuentran en la parte de abajo, de manera que sólo se pueden ver los
elementos que están dentro de la forma de la máscara.
Al seleccionar un objeto que tiene aplicada una Máscara de recorte, la Barra de Estado indica
el nombre del tipo de objeto junto con la palabra “recortado”.
Este procedimiento es reversible. Para quitar la aplicación de una Máscara de recorte, selecciona
el objeto y utiliza el menú Objeto/Recorte/Liberar, o haz clic con el botón derecho del ratón y
selecciona Liberar Recorte del menú emergente.
3-03
VIDEO Máscaras de recorte
51
Diseño Vectorial
Inkscape
PROYECTO
2. Toma la herramienta Crear círculos, elipses y arcos,y haz un círculo. Al trazar el círculo
puedes mantener presionada la tecla <Mayús+CTRL> mientras arrastras el puntero del
ratón en diagonal, la figura será creada a partir de su centro y será un círculo perfecto. El
color de relleno y trazo del círculo no son importantes.
3. Mueve el círculo para que enmarque al globo que se ve más arriba en la fotografía.
4. Comprueba que el círculo que creaste este por encima de la fotografía del globo.
6. Ahora selecciona el objeto y utiliza las teclas <Ctrl+D> para duplicarlo. Observa en la
Barra de estado que el objeto duplicado está acompañado del texto “recortado”.
7. Elimina la máscara de recorte del duplicado, mueve el círculo para que enmarque otro de los
globos y crea una máscara de recorte.
52
Cuadros de diálogo
Después de agrupar los objetos, al seleccionar cualquier parte del grupo con la herramienta
Selector, se seleccionará todo el grupo. Al hacer doble clic sobre el grupo es posible seleccionar
los elementos por separado para modificarlos, haciendo doble clic nuevamente. Para salir de
esta modalidad presiona la tecla <Esc>.
ACTIVIDAD
2. Esquematiza los pasos que se deben seguir para agrupar y desagrupar un objeto en Inkscape.
Agrupar
1. Seleccionas los objetos para agrupar
2. Vas al menú Objeto/Agrupar
o con <Ctrl+G> Desagrupar
1. Seleccionar el grupo
2. Vas al menú Objeto/Desagrupar
o con <Mayús+Ctrl+G>
53
Diseño Vectorial
Inkscape
¿Qué aprendiste?
TEMA A: A identificar las Capas, sus características y cómo se pueden acomodar para
facilitar el trabajo..
TEMA B: A utilizar las opciones de los cuadros de diálogo: Transformar y Alinear y Distribuir
con la finalidad de organizar los elementos que componen un dibujo en Inkscape.
TEMA C: Que mediante el comando de agrupar objetos es más sencillo el trabajo con varios
objetos, tanto para desplazarlos, como para transformarlos.
EVALUACIÓN
03
Contesta las preguntas correctamente.
1. ¿Para qué sirve el panel Layers (Capas)?
Las capas sirven para organizar todos los elementos que componen o
pueden componer a la imagen vectorial, desde formas básicas hasta el
color.
2. Explica brevemente ¿cómo se usa una máscara de recorte y para qué sirve?
54
El sistema Pantone®, es una guía de color con 1114 colores clasificados por tono
y sus variaciones hacia la claridad y oscuridad. Cada uno tiene asignado un
número y lleva impresa la fórmula para reproducirlo con exactitud a partir de una
serie de 14 colores: Pantone Basic Colors.
Un id ad 0 4 C olor
A Conocer los conceptos del color. Identificar cada una de las herramientas
del cuadro de diálogo Relleno y Trazo, así como, ponerlos a la práctica
en diferentes actividades y proyectos para reafirmar los conceptos
aprendidos.
tema A Color
El mundo está lleno de color que nos ayuda a diferenciar las cosas, los animales e incluso las
personas. Pero ¿Qué es el color? ¿De dónde viene? ¿Cómo se hace el color naranja, verde o
morado?
Cuando no hay luz, todo se ve negro y pareciera que el color ha desparecido, pero no es así. El
color realmente no desaparece, pero como el color es sólo una sensación provocada por la luz,
sin luz no percibimos el color. El color es muy importante en el diseño gráfico.
56
Color
¤¤ Colores fríos: Los colores fríos remiten a la nieve y el hielo. En su estado más
brillante son dominantes y fuertes. Los colores fríos aminoran el metabolismo y
aumentan la sensación de calma. El azul claro, el blanco o el turquesa son ejemplos
de colores fríos.
¤¤ Colores oscuros: Los colores oscuros son tonos que tienen negro en su composición.
Encierran el espacio y lo hacen parecer más pequeño. Los colores oscuros son
concentrados y serios. Se relacionan con el otoño y el invierno.
4-01
LÁMINA Color
57
Diseño Vectorial
Inkscape
ACTIVIDAD
3. Ejemplifica cada una de las dimensiones de color con un solo recorte de alguna revista,
señalando con una flecha la característica que quieres representar. Por ejemplo, puedes
pegar una fotografía de una playa y señalar zonas con mayor o con menor brillo.
58
Color
ACTIVIDAD
1. Asegúrate que el lugar donde harás la actividad esté bien oscuro. Puedes utilizar cartulinas
negras o cortinas para cubrir las ventanas o fuentes de luz del salón de clases o bien
realizar la actividad en tu casa, ya sea por la noche o en un lugar sin luz.
2. Ilumina con la linterna diferentes objetos y observa cómo surge el color y cómo cambia
con diferentes intensidades o ángulos de iluminación.
3. Tomando en cuenta las propiedades o dimensiones del color que hemos visto, realiza un
ensayo breve, donde expliques tus conclusiones acerca de la relación entre el color y la
luz. Explica también cómo se relaciona el experimento con las propiedades del color.
¤¤ Colores primarios: El espectro solar tiene tres colores que se consideran primarios:
amarillo, rojo y azul. Se llaman colores primarios porque constituyen la base para
formar a los demás colores. Los colores primarios no pueden obtenerse mezclando
otros colores. También se les denomina colores puros.
59
Diseño Vectorial
Inkscape
T IP
En el cuadro de diálogo Relleno y Borde,
los colores primarios se identifican como
Yellow (Amarillo), Pure Red (Rojo puro) y
Pure Blue (Azul Puro).
60
Color
¤¤ Colores armónicos: Son los que se encuentran próximos dentro del círculo
cromático. Por ejemplo, son colores armónicos: naranja y rojo, azul y verde, amarillo
y naranja, violeta y azul, verde y amarillo. Cuando se utilizan los colores armónicos
en una composición, el paso de un color a otro es sutil y sin contraste, por lo que
el resultado es de agradable tranquilidad.
El Círculo Cromático
El círculo cromático es la representación de todos los
colores. En él vienen expresadas las combinaciones
de color a partir de los tres colores primarios. El círculo
cromático es la forma más práctica de organizar los
colores.
61
Diseño Vectorial
Inkscape
ACTIVIDAD
¤¤ C olores Primarios
¤¤ Colores Secundarios
¤¤ Colores Terciarios
En cada diagrama especifica el nombre del color y pon un título para identificar el diagrama.
3. Mueve los deslizadores que corresponden a los colores RGB para formar un color. Arrastra el
color formado hacia alguna sección del círculo para que se pinte. Iguala en el programa el
círculo que se muestra en la imagen “Circulo cromático.exe”.
5. En el siguiente diagrama, anota los valores RGB que tuviste que utilizar para cada una de las
secciones del círculo cromático.
R=255
R=153 G=0 R=245
G=0 B=0 G=0
B=0 B=51
R=73 R=254
G=48 G=92
B=173 B=51
R=73 R=255 R=254
G=48 G=0 G=92
R=5 B=0 B=51 R=254
B=137 G=171
G=29
B=171 R=5 R=254 B=51
G=29 G=255
B=171 B=51
R=2 R=254
G=48 R=10 G=188
B=0 G=255
Imagen 4-10: Círculo Cromático.exe B=197 B=51
R=0
G=184 R=9
B=190 R=10 G=216
G=188 B=0
B=0
62
Color
PROYECTO
2. Rellena cada uno de los rectángulos con un degradado que vaya de un color cualquiera a
su color complementario (opuesto en el círculo cromático). Una forma de crear un relleno
degradado es:
c. Para establecer un gradiente se necesitan mínimo dos puntos (llamados paradas) que
determinan la región de transición de un color a otro. Haz un clic sostenido, iniciando
desde el extremo izquierdo del rectángulo, terminando en el extremo derecho. Puedes
notar como se va formando el gradiente a medida que vas avanzando.
d. Ahora debes modificar el gradiente para asignar los colores correspondientes a cada
parada. En la barra Controles de Herramienta haz clic en el botón Editar para abrir el
cuadro de diálogo Editor de degradados. En el editor se muestra una vista previa del
degradado, debajo está la Parada activa, al dar clic en este campo se muestra una lista
con las paradas que forman el gradiente. Selecciona la parada que deseas editar y
utiliza los controles deslizables de la ficha RGB para modificar su color.
3. Asegúrate que los colores inicial y final son complementarios. Utiliza diferentes colores
complementarios para cada rectángulo.
4. Ahora crea otro conjunto de 6 rectángulos, alínealos y distribúyelos en la mitad derecha del
documento.
5. Rellena este nuevo grupo de rectángulos con degradados, que vayan de un color cualquiera
a otro cercano en el círculo cromático (colores armónicos).
6. Utiliza texto para identificar cada grupo de rectángulos y para escribir los nombres del color
inicial y final en cada uno de ellos.
63
Diseño Vectorial
Inkscape
ACTIVIDAD
2. Observen las estrategias adoptadas por los publicistas: tipo de eslogan, forma de atraer la
atención del cliente, recursos gráficos o verbales utilizados para la creación de la campaña
del producto. Elige alguno y anota algunas conclusiones:
a. ¿Qué colores son predominantes?
b. ¿Qué clasificación de color predomina desde el punto de vista de la psicología del color?
e. ¿Crees que la elección del color es importante para la publicidad? ¿Por qué?
f. ¿Cómo te imaginas que se eligen los colores para un empaque o anuncio publicitario?
3. Prepara una breve exposición de 5 minutos máximo, donde expliquen a los otros equipos lo
que han logrado concluir y muestren el estudio realizado.
64
Color
Paleta de colores
Recuerda que en la Paleta de colores puedes escoger el color con el que quieras pintar un
gráfico. Puedes seleccional una paleta de color predeterminada o una configurada, dependiendo
del gráfico y destino que vayas a necesitar.
Por otro lado, con la Paleta de colores puedes colorear tambien los bordes y rellenos de las
figuras seleccionadas. Esta paleta se puede mostrar con el menú Ver/Mostrar|Ocultar/Paleta.
Muestras Personalizadas
Para cada documento, Inkscape crea una paleta llamada Auto con Muestras Personalizadas la
que incluye colores uniformes y degradados. Las muestras personalizadas de colores uniformes
se muestra como degradados de una sola parada.
4-01
VIDEO Paleta de color y cuadro de diálogo Muestras
65
Diseño Vectorial
Inkscape
¿Qué aprendiste?
EVALUACIÓN
04
Contesta las preguntas correctamente.
1. ¿Qué es el color y cómo se clasifica?
Los colores cálidos proyectan hacia afuera y atraen la atención, son fuertes,
agresivos y parecen vibrar dentro de su espacio. Se relacionan con el sol,
fuego y calor. La intensidad de los colores cálidos provoca el aumento de la
presión sanguínea y estimula el sistema nervioso.
66
Los cuadros de diálogo y la barra
Controles de Herramienta, permiten
introducir valores numéricos en las casillas
que modifican la apariencia del objeto o
herramienta.
Utiliza la pestaña Estilo de trazo del cuadro de diálogo Relleno y borde para optimizar los
atributos de las líneas: Ancho de trazo, tipo de unión, límite de inglete, si la línea va a ser
continua o con guiones, marcas de inicio, medias o finales y el estilo de la punta de nuestra
línea.Para ajustar el trazo sigue estos pasos:
4. Modifica cualquiera de las opciones del panel: Imagen 5-1: Ficha Estilo de trazo.
¤¤ Punta: Puede cambiar la forma en que finalizan los vectores que no están cerrados.
¤¤ Línea Punteada: Se pueden hacer líneas con aspecto de costura, seleccionando uno de los
patrones disponibles en la galería.
¤¤ Marcas: Se puede elegir un adorno de la galería para el inicio, mitad y fin de una línea por
separado.
68
Mejorando diseños
5-01
VIDEO Opciones de trazo
Degradados
Inkscape cuenta con varias opciones para aplicar degradados al relleno y al borde de los
objetos. Con la herramienta Crear y editar degradados seleccionada, en la barra Controles de
Herramienta es posible elegir:
Al crear un degradado, Inkscape toma el color base como color de inicio y para el color final
modifica el canal Alfa a cero para crear un color transparente. El canal Alfa modifica la opacidad
de un objeto.
Los controles de la barra no tiene mezcladores para determinar de forma manual los puntos
inicial y final de un degradado, es necesario editarlo. Los colores del degradado se definen
con una serie de puntos (un mínimo de dos), que reciben el nombre de paradas. Una parada,
es el lugar en que un degradado pasa de un color al siguiente. Con ayuda del cuadro de
diálogo Editor de degradado puedes modificar la configuración de cada una de las paradas
que conforman el degradado.
5-02
VIDEO Controles de la herramienta degradado
69
Diseño Vectorial
Inkscape
PROYECTO
3. Para agregar iconos o logotipos a tu tarjeta, los puedes descargar de Internet y vectorizarlos
con la herramienta Dibujar curvas Bézier y líneas rectas en Inkscape. Acomódalos de tal
manera que queden en armonía con los demás elementos.
4. Utiliza las herramientas Spray y Alinear y distribuir, para hacer más vistosa la tarjeta.
organiza los elementos de la tarjeta con ayuda del menú Objeto.
70
Mejorando diseños
tema B Logotipos
El logotipo es un elemento de comunicación visual que tiene como misión facilitar el recuerdo
de una marca, imagen o elemento gráfico. En sus orígenes, el logotipo surge de la necesidad
de identificar a los productos producidos en serie y actualmente se utiliza ampliamente como
identificación de empresas, productos, servicios, artistas y hasta personas.
5-01
LÁMINA Logotipos
ACTIVIDAD
2. Organiza una mesa redonda o discusión para comentar en grupo acerca de cada uno
de los logotipos. ¿Qué será lo que los hace fáciles de recordar? ¿En qué década habrán
sido diseñados? ¿Han tenido cambios significativos con el paso del tiempo? ¿Crees que
representan los valores de una marca? ¿Qué valores? ¿Qué precios? ¿A qué personas
están dirigidos?
Marca 1:
71
Diseño Vectorial
Inkscape
b. ¿Crees que esta marca ha sobresalido de las demás gracias a su imagen? ¿Por qué?
Marca 2:
e. ¿Crees que esta marca ha sobresalido de las demás gracias a su imagen? ¿Por qué?
Marca 3:
h. ¿Crees que esta marca ha sobresalido de las demás gracias a su imagen? ¿Por qué?
72
Mejorando diseños
PROYECTO
¤¤ Las orillas filosas indican tensión, fuerza o formalidad. Las orillas suaves muestran
fluidez, casualidad o más naturalidad.
¤¤ El cuadrado denota estabilidad, igualdad y honestidad. El triángulo sugiere tensión,
conflicto o acción.
¤¤ Puedes dibujar un logo complejo a partir de círculos, cuadrados o triángulos. Los
puedes agrupar para obtener interesantes motivos. Alternando dirección de color o
interponiendo un motivo con una forma básica alineada o sin alinear, agrega ideas
abstractas.
4. Dale color a tu logo tomando en cuenta todo lo que has aprendido acerca de lo que los
colores representan y cómo combinarlos. Puedes utilizar los colores sólidos o degradados
para darle volumen y mayor presencia. No te excedas en los degradados, ya que un logo se
caracteriza por su fácil comprensión y retención, tanto en su forma como en su color.
5. Una vez terminado el logotipo, crea una tarjeta de presentación para ver cómo se ve aplicado
en un documento real. Si lo deseas, puedes usar alguna de los archivos de los Recursos
Digitales o bien, iniciar un nuevo documento de 9 x 5 cm. para crear la tarjeta. Incluye en la
tarjeta tu nombre y datos personales.
73
Diseño Vectorial
Inkscape
tema C Transparencias
Opacidad
Inkscape permite aplicar efectos de transparencia a los objetos, como fusiones y difuminados,
sombras paralelas suaves y bordes borrosos. Además, puedes cambiar la opacidad de un
objeto, es decir, el grado en que es visible o no. Una opacidad del 100 % hace que el objeto se
vea completamente sólido, al 50 % se convierte en semitransparente y se vuelve transparente
si llega al 1 % de opacidad.
El control deslizable Opacidad esta dispopnible en varios cuadros de diálogo: Relleno y Borde,
Capas, etcétera. Su valor está determinado en porcentaje.
Máscara de opacidad
¿Recuerdas lo que es una máscara en Inkscape? Ya estudiamos antes que las máscaras son
objetos que se colocan sobre las imágenes para mostrar u ocultar diferentes zonas. La máscara
de opacidad es un objeto en escala de grises (tonos de blanco a negro) que muestra lo que se
pinta con blanco y oculta lo que se pinta con negro. En todos los tonos intermedios de la gama
de grises, la máscara actúa como niveles de transparencia.
La máscara de opacidad nos permite aclarar zonas de la imagen, fusionando de manera muy
suave los elementos. Son muy útiles para lograr efectos detallados.
¤¤ Una máscara y los objetos que se van a enmascarar pueden estar en capas
diferentes.
¤¤ El primer objeto de la capa se convierte en la máscara de cualquier elemento que
sea un subconjunto de la capa.
¤¤ Los atributos de apariencia del objeto Máscara deben tener claridad máxima, es
decir, estar en blanco, tanto trazo como relleno. Para tener como resultado un
objeto enmáscarado opaco. Si los atributos tienen algún otro color, la opacidad y
claridad resultante variará.
¤¤ Un objeto enmáscadado resulta transparente cuando la Máscara tiene claridad
mínima, es decir, es de color negro.
¤¤ Las zonas del objeto enmascarado que están fuera del trazo de la Máscara, serán
transparentes.
74
Mejorando diseños
PROYECTO
2. Toma la herramienta de Crear círculos, elipses y arcos, dibuja una forma que abarque casi
toda la fotografía.
4. Selecciona los dos objetos, haz clic con el botón derecho del ratón sobre los objetos y
selecciona Aplicar Máscara del menú emergente. Recuerda que la máscara es reversible
seleccionándola y después usar menú Objeto/Máscara/Liberar.
Así se podrá editar de nuevo el degradado para después
convertirlo en máscara.
75
Diseño Vectorial
Inkscape
Modos de mezcla
En Inkscape se puede controlar la manera en que se mezclan los objetos y las capas cuando
se superponen. Esto lo controla el filtro Mezclar, el cual de forma predeterminada al crear un
objeto o capa se establece en Modo Normal, que equivale a la no aplicación de dicho Filtro.
¤¤ Multiplicar: recoge la información de cada uno de los canales de color que componen a la
imagen y la multiplican por el color de relleno, creando un color más oscuro.
¤¤ Pantalla: funciona como el modo de mezcla multiplicar, pero da como resultado colores
claros.
¤¤ Oscurecer: la función de este modo es recoger la información de cada uno de los canales
de color que componen a la imagen, los vectores más claros que el color de relleno serán
reemplazados por un color más oscuro, mientras los más oscuros no serán modificados.
¤¤ Aclarar: modifica aquellos vectores que son más oscuros que el color de relleno, mientras
que los colores mas claros permanecen sin modificación.
Entre capas el efecto resultante dependerá del Modo de Mezcla que se elija del menú
desplegable en el cuadro de diálogo Capas. Esta opción permite aplicar de forma rápida el
filtro Mezclar a todos los objetos de la capa seleccionada.
Inkscape tiene un problema “bug” que debe resolver para que el filtro trabaje correctamente
entre objetos, una solución temporal es crear primero una capa, seleccionar un Modo de
Mezcla y borrar la capa. Esto con la finalidad de activar una función “oculta”.
76
Mejorando diseños
PROYECTO
3. Agrupa la fotografía y el rectángulo con las teclas <Ctrl+G>. Duplica el grupo 4 veces
con las teclas <Ctrl+D> y organiza los 5 grupos en la pizarra de modo que todos estén
completamente visibles.
6. Utiliza la herramienta Crear y editar objetos de texto para poner etiquetas encima de la
fotografía, el nombre del Modo de mezcla que has utilizado.
7. Organiza todos los objetos en el documento, como muestrario de modos de mezcla. Puedes
agrupar objetos, utilizar las herramientas de los cuadros de diálogo Transformar y Alinear
para ordenar, distribuir y escalar los objetos para una máxima calidad en la presentación.
77
Diseño Vectorial
Inkscape
Las formas resultantes varían en función del método utilizado para combinar los trazados. Estos
son los métodos de intersección que se encuentran dentro de las Opciones de trayecto:
¤¤ Unión: Define el contorno de todas las figuras como si fueran un único objeto combinado.
¤¤ Diferencia: Resta los objetos situados al frente del elemento situado al fondo.
¤¤ Intersección: Define el contorno del área con la que se superponen los objetos.
¤¤ Exclusión: Define las áreas de los objetos que no se superponen y convierte en transparencia
las áreas que se superponen.
78
Mejorando diseños
5-03
VIDEO Operaciones de trazo
PROYECTO
3. Selecciona todos los objetos con la combinación de teclas <Ctrl+A> y duplicalos con las
teclas <Ctrl+D>.
4. Colocalas en otra parte de la pizarra. Después, del menú Trazo da clic en la opción Unión.
Haz un clic en cualquier lugar del documento fuera de la figura, para ver el resultado.
5. Aplica a la Unión un degradado de azul oscuro a azul claro tipo lineal y un un contorno azul
oscuro.
6. Repite sucesivamente los pasos para crear una galería con todas las opciones de combinación
de trazos del menú, aplicando degradados y contornos diferentes a cada una de las figuras
resultantes.
7. Con la herramienta Crear y editar objetos de texto, crea títulos para cada uno de los trazos.
El título debe corresponder a la operación aplicada.
79
Diseño Vectorial
Inkscape
5-02
LÁMINA Filtros
Para aplicar un efecto, simplemente selecciona el objeto y da clic en el efecto que deseas,
algunos efectos aplican directamente el cambio y otros cuentan con un cuadro de diálogo
independiente para su configuración. Los efectos son interactivos e independientes, lo que
significa que se puede aplicar un efecto a un objeto sin alterarlo. Después de haber aplicado
un efecto a un objeto, el cuadro de diálogo Editor de Filtros lo muestra en el panel Filtro
que te permite editarlo, moverlo, duplicarlo ó eliminarlo. La edición de filtros es una opción
compleja en Inkscape, por eso es recomendable utilizar de momento, los filtros que vienen
predeterminados en la aplicación.
5-04
VIDEO Aplicación de filtros
Las Extensiones son scripts o programas que pueden ser ejecutados desde Inkscape, haciendo
que las capacidades y recursos del programa se amplíen y mejoren. Las extensiones están
agrupadas en varias categorías:
80
Mejorando diseños
5-05
VIDEO Extensiones
PROYECTO
4. Separa las imágenes. Utiliza las funciones del cuadro de diálogo Alinear y distribuir para
formar una organización perfecta.
5. Con ayuda del cuadro de diálogo Capas, cambia el nombre de la capa actual a Original.
Duplica la capa Original cambiando el nombre de la capa duplicada, de tal forma que,
corresponda con el nombre del primer grupo de filtros del menu Filtros.
7. Aplica a cada imagen un filtro diferente del grupo de filtros correspondiente al que le da
nombre a la capa. Utiliza la herramienta Crear y editar objetos de texto para etiquetar e
identificar el filtro aplicado con su nombre.
8. Bloquea y oculta la capa que contiene las imágenes (ya con el filtro) y el texto con el nombre
del filtro. Haz visible la capa Original y repite los pasos para generar tantas capas como
grupos de filtros disponibles en el menú Filtros.
9. Para finalizar duplica una última vez la capa Original, cámbiale el nombre a la capa duplicada
por Filtros Combinados y aplica más de un filtro a una misma imagen, con ayuda de la
herramienta Crear y editar objetos de texto indica el nombre de los filtro aplicados. Detalla
tu trabajo, agrégale tu nombre. Cuida al máximo la presentación y limpieza.
10. Guarda el archivo terminado como Galería_Filtros.svg en la carpeta que indique tu profesor.
81
Diseño Vectorial
Inkscape
¿Qué aprendiste?
TEMA A: A identificar cada una de las herramientas de diferentes paneles y reforzando los
conocimientos adquiridos a través de la realización de diferentes ejercicios.
TEMA B: A crear un logotipo utilizando las herramientas de Inkscape en base a los conceptos
de diseño adquiridos al desarrollar el tema.
TEMA E: A aplicar cada uno de los efectos y las principales extensiones de Inkscape para
conocer sus características y uso principal.
EVALUACIÓN
05
Contesta las preguntas correctamente.
1. ¿Para qué sirve la máscara de opacidad?
Sirven para combinar dos o más figuras con el fin de obtener nuevas formas
y objetos.
3. ¿Qué es un efecto?
4. ¿Qué es un logotipo?
82
Las herramientas de dibujo vectorial
por excelencia son:
Un id ad 06 E lemento s de d ibu jo
vector ia l
¤¤ Punto: En diseño gráfico, un punto es la huella dejada por un lápiz, crayón, plumón,
pincel o pluma en una superficie o plano. Es el elemento más sencillo y queda
definido por su dimensión o tamaño, forma y color.
6-01
LÁMINA Elementos del dibujo vectorial
84
Elementos de dibujo vectorial
ACTIVIDAD
3. Coloca sobre la fotocopia una hoja de papel fabriano, acetato, albanene u otro papel delgado
que te permita ver el dibujo que está debajo.
4. Con un lápiz calca el contorno de la imagen con trazado muy suave que después será
borrado.
5. Ahora con un lápiz, pluma fuente o tinta de color, empieza a hacer pequeños puntos en la
hoja de trabajo. Guíate por los tonos de la fotocopia o impresión: si el tono es muy negro,
pon los puntos muy juntos, si es gris separa los puntos y en los espacios blancos deja sin
puntos.
6. Trata que se distinga una silueta muy parecida a la original. Utiliza líneas para dar sombreados
o texturas especiales.
7. Terminado el proyecto hazle un marco con cartulina o papel de color y expón tu trabajo en
clase.
ACTIVIDAD
1. Define forma.
La forma de los objetos sirve para distinguir las cosas, personas, plantas y
animales.
85
Diseño Vectorial
Inkscape
a. formas geométricas
b. formas orgánicas
c. formas rectilíneas
d. puntos, líneas, superficies y volúmenes
e. a, b y c
f. ninguna de las anteriores
5. Ejemplifica con un par de recortes de revistas o periódicos cada uno de los elementos del
ritmo: movimiento, dirección, tamaño, proporción, color y superficie. Puedes utilizar una
misma imagen para ilustrar más de un elemento, pero debes identificarlos claramente
escribiendo el elemento y señalando qué parte de la imagen lo representa.
86
Elementos de dibujo vectorial
El plano básico es un elemento activo en la estructura del espacio. La relación de los elementos
con el plano y de los elementos entre sí, obedecerá a uno de estos tres criterios:
¤¤ Superposición: las formas planas que están enfrente impiden la visión de las que
están atrás.
¤¤ Transparencia: las formas planas que están detrás se aprecian a través de las
formas que se encuentran adelante.
Si se utilizan estos criterios, la posición relativa de las formas planas en el espacio puede
expresar sensaciones de proximidad o lejanía.
Debido a que se toma el plano como el soporte en donde se realiza el diseño, la primera elección
que debes hacer es asignarle ciertos límites, los cuales determinan las dimensiones del soporte
y de la imagen. Mediante las dimensiones que se den al plano, crearemos un espacio cuyas
medidas y formas influyen en el resultado final del proyecto. El espacio construido de esta
manera adopta diferentes formas geométricas (rectángulo, cuadrado, círculo) y tiene diferentes
posiciones (vertical, horizontal o inclinada).
87
Diseño Vectorial
Inkscape
PROYECTO
3. Observa tu dibujo terminado. ¿Qué te hace sentir? ¿Qué te transmite? Anota algunas
percepciones:
9. Crea en un nuevo documento una composición abstracta. Toma en cuenta los conceptos
que se han presentado acerca del punto y la línea, el ritmo, la forma, el contorno y el espacio.
88
Elementos de dibujo vectorial
ACTIVIDAD
PROYECTO
2. Utiliza la herramienta Crear y editar degradados, para aplicar degradados suaves a los
objetos, de modo que den la sensación de tener volumen. Para ello debes elegir un color
y aplicar una tonalidad clara para las zonas que deberían estar más cerca del espectador.
Este tono se degrada a una tonalidad más oscura para las zonas alejadas o sombras.
3. Cuando hayas terminado de aplicar los degradados a las 6 formas, prueba utilizar las
extensiones Generar desde trayecto/Movimiento y Modificar Trayecto/Perspectiva con
parámetros suaves de perspectiva. No utilices efectos muy angulosos o pronunciados.
89
Diseño Vectorial
Inkscape
PROYECTO
1. Escanea una fotografía de tu rostro en donde se vean claramente todos los detalles o bien
localiza el archivo Rostro.tif que se encuentra en los Recursos Digitales e importalo en un
documento nuevo de Inkscape.
2. Con ayuda del cuadro de diálogo Capas, cambia el nombre de la primer capa a Bitmap,
aplica el bloqueo de capa y ajusta la opacidad a 30%.
4. Con la herramienta Dibujar curvas Bézier y líneas rectas y la herramienta Dibujar líneas
a mano alzada, empieza a trazar los contornos del rostro, como si estuvieras calcandola.
a. Comienza por las zonas del rostro que quedarán en el fondo y deja para el final los
detalles del frente, como los ojos o labios.
b. Si lo requieres, puedes mover los trazos hacia delante o atrás empleando la herramienta
Selector con ayuda de la barra Controles de Herramienta.
5. Ahora rellena de color la cara, ojos, labios y cejas. Se obtiene un mejor efecto si utilizas
degradados muy suaves (de dos o más colores muy cercanos en el círculo cromático). Toma
como base los colores originales de la fotografía.
90
Elementos de dibujo vectorial
6. Rellena los trazos de las sombras con un degradado de blanco al color de la piel. Aplica el
filtro Mezclar/Multiplicar. Recuerda que debes preparar el filtro para emplearlo.
7. Debes de ajustar el degradado de cada sombra para que quede uniforme. Lo puedes ajustar
tomando la herramienta Crear y editar Degradados y arrastrando el cursor de extremo a
extremo.
8. Puedes añadir más detalle al pelo. Crea efectos de sombra agregando modos de mezcla
Multiplicar. Pon algunas luces de color con degradados o efectos.
9. Trata de hacer el gráfico lo más realista posible, sin olvidar que parte del interés es que se
trata de una ilustración y no de una fotografía.
11. Guarda el archivo en la carpeta que tu profesor indique con el nombre Retrato.svg.
TTIP
IP Empleando el cuadro de diálogo Capas,
puedes agregar capas para cada parte de
la ilustración, ojos, cejas, cabello, etc. Las
puedes bloquear, ocultar y organizar. Con
la finalidad de tener un trabajo limpio y
organizado.
PROYECTO
1. Elige una de las fotografías de paisaje que se encuentra en los Recursos Digitales.
91
Diseño Vectorial
Inkscape
Para crear un texto bien estructurado y complementarlo con un trabajo de edición de imágenes,
es importante saber organizar la tipografía. Inkscape permite crear texto en columnas y filas,
aplicar diferentes formatos de párrafo y usar muchos estilos de letra.
En el diseño para impresión sólo hay tres tipos de fuentes o tipografías que las imprentas
manejan:
Creación de contornos
La opción de Objeto a trazo, que se encuentra en el menú Objeto, permite convertir textos en
conjuntos de trazos compuestos que se pueden editar y manípular como si se tratara de un
objeto gráfico, Al crear contornos a partir de texto, los caracteres conservan el formato gráfico,
como el trazo y el relleno.
Texto en un trazado
Inkscape permite utilizar un trazo o trayecto como guía para un objeto de texto. Para esto crea
una línea recta o curva con ayuda de las herramientas de dibujo disponibles en la Caja de
herramientas de Inkscape, es recomendable realizarlo con la herramienta Crear curvas de
Bézier y líneas rectas, debido a que su edición es bastante simple. Con la herramienta Crear y
editar objetos de texto, escribe el texto deseado. Por último selecciona el texto y el trazo, utiliza
el menú Texto/Poner en trazo para que el texto siga la forma del trazo.
92
Elementos de dibujo vectorial
Para modificar la apariencia del texto, puedes dar doble clic sobre el texto y con ayuda de la
barra Controles de herramienta, cambiar su apariencia.También si modificas el trazo que sirve
de base apara el texto, éste se ajustara de forma automática al nuevo trazo.
6-01
VIDEO Trabajo con texto
PROYECTO
a. Un texto sobre una línea curva. Elimina la línea para que sólo se vea el texto curveado.
b. Un texto dentro de la forma de una elipse.
c. Un texto alrededor de un cilindro, simulando ser la etiqueta de una lata.
d. Un texto que simule estar en una bandera que ondula al viento.
93
Diseño Vectorial
Inkscape
PROYECTO
2. El archivo base, es una hoja en forma vertical, con un margen y medidas base. El objetivo
de las líneas guía es, que al momento de la impresión, no existan errores al no respetar los
márgenes de trabajo.
3. Activa las reglas de la aplicación con las teclas <Ctrl+R>. Arrastra una guía vertical desde
la regla hasta el centro del documento. Haz lo mismo para crear una guía horizontal a la
mitad de la hoja.
5. Toma la herramienta Crear y editar objetos de texto para redactar un texto. Puedes escribir
algo sobre ti o cualquier tema que te agrade.
6. Selecciona el rectángulo y el texto, utiliza menú Texto/Fluir en marco, para integrar el texto
al rectángulo.
7. Para cambiar el tipo de letra, tamaño, interlineado y rotación usa las opciones de la barra
Controles de Herramienta con la herramienta Crear y editar objetos de Texto activa.
8. Crea un rectángulo en el cuadrante opuesto e introduce texto en él. Utiliza los otros dos
cuadrantes para colocar imágenes que hayas escaneado, fotografías, imágenes de Internet
o ilustraciones creadas directamente en la aplicación. Las imágenes deben complementar
el mensaje del texto y servir de apoyo visual.
94
Elementos de dibujo vectorial
El formato nativo en Inkscape es SVG, que está basado completamente en XML (un lenguaje de
marcas para intercambio de datos). Con SVG puedes usar XML y JavaScript para crear gráficos
Web que respondan a las acciones del usuario, con efectos sofisticados como resaltados,
sonido y animación. Esto quiere decir que los archivos con esta extensión se pueden reutilizar
o importar fácilmente y conservan todos los datos de Inkscape.
Inkscape también cuenta con la posibilidad de guardar documentos en formato Adobe PDF, que
es un estándar para distribuir e intercambiar documentos electrónicos en todo el mundo, de
forma segura y fiable. PDF es muy eficaz cuando se destina a impresiones.
Aunque es posible guardar la ilustración para Web seleccionando la opción PNG, la cual soporta
transparencias. es mucho más sencillo usar la opción Exportar mapa de bits o la combianción
de teclas <Mayús+Ctrl+E>. Este cuadro de diálogo permite elegir entre varias opciones:
Utiliza estas características de Inkscape si necesitas usar los archivos que creaste en otro
programa y ese programa no admite los formatos nativos de Inkscape. También es altamente
recomendable guardar el archivo original para realizar cambios.
Después de una revisión algunas veces se requieren cambios. Si vas a realizar cambios a un
archivo, procura antes guardarlo con el sufijo de la versión. Por ejemplo, si tienes el archivo
Capas.svg y después realizarás cambios, antes de realizar cualquier cambio, puedes guardarlo
como Capas_ver_2.svg. De esta forma tendrás el original y una “copia” modificada. Nunca se
sabe si los cambios agradarán y si no guardaste un respaldo tendrás que trabajar nuevamente
en deshacer los cambios.
95
Diseño Vectorial
Inkscape
¿Qué aprendiste?
TEMA A: A reconocer los principales elementos que componen una ilustración vectorial para
crear composición que integren estos elementos.
TEMA B: A identificar la relación de los elementos con el plano y de los elementos entre sí.
TEMA C: Que existen tres tipos de fuentes, aplicar envolventes a texto para crear efectos en
texto y que es posible acoplar texto en un trazo.
TEMA D: A identificar y describir los formatos en que se pueden guardar los archivos
generados en Inkscape según el uso que se les dará al final.
EVALUACIÓN
06
3. ¿Que opción se utiliza para crear una imagen compatible con la WEB?
96