INSCOOP INSTITUTO SUPERIOR COOPERATIVO INFORMÁTICA Y TECNOLOGÍA 2014
GRADO DÉCIMO - GUÍA DE TRABAJO EN CLASE
GUÍA 5 - INTRODUCCIÓN AL DISEÑO GRÁFICO
- Leer el siguiente texto y realizar el taller que aparece al final. Guardar el archivo y enviarlo al correo alexr@utp.edu.co Valor del Taller Fecha límite de entrega
4 puntos 23 de mayo
INKSCAPE
Inkscape es un editor de gráficos vectoriales de código abierto, con capacidades similares a Illustrator, Freehand, CorelDraw. Las características soportadas incluyen: formas, trazos, texto, marcadores, clones, mezclas de canales alfa, transformaciones, gradientes, patrones y agrupamientos. Inkscape también soporta meta-datos Creative Commons, edición de nodos, capas, operaciones complejas con trazos, vectorización de archivos gráficos, texto en trazos, alineación de textos, edición de XML directo y mucho más. Puede importar formatos como Postscript, EPS, JPEG, PNG, y TIFF y exporta PNG asi como muchos formatos basados en vectores. Básicamente es un editor de gráficos vectoriales multiplataforma, con un amplio rango de funciones que hacen de Inkscape una herramienta potente y todo esto bajo una licencia GPL.
La interfaz por default se compone de los siguientes elementos: 1. Barra de menus 2. Barra de Comandos 3. Barra de Controles 4. Reglas, Guias y rejillas 5. Caja de Herramientas 6. Barra de Ajustes 7. Paleta de Colores 8. Barra de Status 9. Zoom 10. Área de Trabajo (aunque es prácticamente infinito el espacio) Caja de Herramientas Este apartado contiene un set básico de utilidades para realizar nuestro dibujo. Utilidades para dibujar pintar y manipular formas y objetos, parece una selección muy rudimentaria, pero se pueden lograr cosas increíbles con estas simples herramientas. Aquí dichas herramientas y sus funciones:
Barra de controles
Esta barra cambia de contenido según la herramienta, muestra diferentes opciones asociadas con dicha utilidad y las posibles capacidades de manipulación de un objeto. Área de Trabajo Es el area donde sucede toda la acción. en ella aparece una hoja de tamaño A4 y donde el usuario crea , por lo que es el área mas importante de la interfaz. Hay que notar que la “página” es un intento por demilitar un área para poder exportar o imprimir; estos bordes no restringen de ninguna manera a la imagen SVG en la que estemos trabajando. podemos configurar el tamaño de la página (ó incluso eliminar la página) desde Archivo>propiedades del documento.
Reglas Son secciones graduadas en la parte superior e izquierda del área del trabajo, dispuestas para medir el área de manera vertical y horizontal, la unidad de medición puede ser definida enArchivo>Propiedades del documento en la pestaña Página, también podemos definir el tamaño de la página y otros. Guías Son guias “magnéticas” definidas por el usuario, que pueden ser creadas fácilmente haciendo click en una regla y halando hasta la posición deseada. Para eliminar una línea guía simplemente la “regresamos” halándola hacia la
regla.
Rejillas Las lineas guía pueden ser de ayuda, pero si necesitamos muchas de ellas, es mas útil utilizar una rejilla. Podemos activarla presionando # (Shift+3 ó AltGr+3 generalmente) ó en el menúVer>Rejilla. Existen 2 tipos de rejillas: rectangulares es la rejilla común en la que se cruzan lineas horizontales y verticales axonométricas Este tipo permite al usuario definir el ángulo de las lineas, lo cual puede resultar interesante para el dibujo técnico y/o arquitectónico. Podemos definir su ángulo en Archivo>propiedades del documento, en la pestaña Rejilla.
Barra de ajustes Contiene distintos ajustes para los objetos e imágenes, especialmente útiles cuando usamos la herramienta para editar nodos de trayecto o tiradores de control. Paleta de colores es la manera mas rápida de aplicar color a las formas y objetos. Se sitúa en la parte inferior de la ventana y podemos seleccionar en color deseado en combinación con las herramientasRellenar, Trazo a mano alzada, Pincel, etc…
Barra de estado es la barra que aparece en la parte inferior de la ventana y contiene información variada como:
indicador de color del objeto
selector de capas
notificaciones
indicador de las coordenadas del puntero
y el factor del zoom
TALLER GUARDA TODOS LOS EJERCICIOS CON FORMATO .SVG Y EXPORTA EN MAPA DE BITS (Archivo -> Exportar mapa de bits …) .PNG
LOGO1 : ALINEAR OBJETOS 1.
Crea una capa nueva: Capa ->Añadir capa. Llama a la nueva capa LOGO. 3. Comenzaremos realizando un circulo perfecto (con la tecla Ctrl pulsada) sobre el logo original, para que puedas ver el original reduce la opacidad a la mitad.
4. Seleccionaremos la herramienta de texto >Texto y tipografía.
o menú Texto -
Escribe tu nombre, con fuente Arial Black.
5. Coloca tu nombre, sobre el círculo y usa los transformadores para ajustar el ancho y alto.
6. Selecciona el circulo y escoge el menú : Objeto -> Relleno y borde…
En el panel que sale selecciona la pestaña Color de trazo > sin relleno, así conseguiremos que el círculo no tenga borde.
En la pestaña Relleno selecciona la pestaña Rueda y elige el color de relleno que desees.
7. Vamos a centrar ambos objetos. Selecciona los dos objetos y haz clic en el menú
Objeto -> Alinear y
distribuir. Centraremos en el eje vertical Centraremos en el eje horizontal
8.
Vamos a crear un grupo con ambos objetos. Selecciona los dos objetos y haz : Objeto -> Agrupar o también puedes usar el icono
Truco: Para aplicar un color uniforme a un objeto puedes hacer clic sobre uno de los colores de la paleta y arrastrarlo sobre el objeto a pintar. Si hacemos lo mismo pero con la tecla shift pulsada lo que conseguiremos es dar color al trayecto (trazo o borde). 9. Guarda como Logo1.svg y exporta en mapa de bits, Logo1.png (Enviarlo al correo alexr@utp.edu.co)
LOGO2: Alineación con un solo
objeto. Espejo vertical y horizontal, Duplicar objeto. Descarga el logo desde internet para que sirva como guía. 1. Crea una capa nueva: Capa ->Añadir capa. Llama a la nueva capa LOGO2.
3. Selecciona la herramienta de Polígonos y saca un triángulo (si pulsas Ctrl te aseguras que queda apoyado de un lado). Usando la herramienta de edición haz que el objeto no tenga trazo y el color de relleno sea distinto al del logo.
4.
Sacaremos unas guías de referencia horizontales y verticales que coincidirán con los márgenes de la caja de selección del objeto. Las
guías se sacan con el ratón como si estuvieran ocultas debajo de las reglas de arriba y de la izquierda.
5. Activa el menú Alinear y distribuir…
Los iconos con cuadrado amarillo permiten la alineación de un solo objeto
de tal modo que toma como referencia los límites de la caja de selección.
6.
Vamos a duplicar el objeto, Edición Duplicar, después utiliza el duplicado para hacer su simétrico respecto del eje horizontal
con Objeto -> Reflejo vertical. Obtendrás una imagen de este tipo (cambia el color del segundo para apreciarlo)
7. Mantén seleccionado este último objeto y alinéalo de acuerdo con el logotipo original. (Relativo a: Selección y
8.
)
Vamos a agrupar ambos objetos, selecciónalos y haz : Objeto
9.
Agrupar.
Después duplica el objeto, y haz Objeto Transformar, en la ventana que aparece nos interesa Rotar con ángulo de 120º.
10. Para obtener el tercer objeto, duplica el último objeto y realiza su simétrico con Objeto Reflejo horizontal.
11. Coloca cada parte sobre el original utiliza las guías y la herramienta de alinear
12. Finalmente agrupa todas las partes en una y separa hacia abajo el logo que has creado.
13. Para seleccionar el color del original, se selecciona el grupo y con la herramienta Selección de colores medios de la imagen se hace clic en una de las zonas rojas y así inkscape, tomará la muestra de color del pixel seleccionado y se lo aplica al grupo entero.
14. Escribe tu nombre bajo el logo. En el menú Texto Texto y tipografía… podrás cambiar el tipo de fuente. 15. Quita las guías igual que las pusiste al principio.
16. Guarda como logo2.svg y exporta a logo2.png (Enviarlo al correo alexr@utp.edu.co)