INKSCAPE

Inkscape es un editor de gráficos vectoriales que permite:

• Diseñar imágenes de calidad, básicas o complejas.

• Crear y editar diagramas, líneas, gráficos, logotipos, cómics, folletos, entre otros. 

• Utilizar  formas, trazos, texto, marcadores, clones, y otras herramientas de diseño.

• Trabajar en capas.

• Guardar el archivo en formato SVG (gráficos vectoriales escalables) logrando una imagen de alta resolución.

---

ATAJOS Y TRUCOS

• Panorámica del lienzo. Pruebe las teclas para desplazarse sobre el teclado. También puedes ocupar el botón central del mouse o bien con CTRL + ARROW CTRL + B WHEEL + SHIFT. Puedes girar la hoja de trabajo en vertical, horizontal o bien en ejes x, y o z.

• Acercar o alejar. La forma más sencilla es con las teclas - o +, también con el mouse con CTRL+SCROLL

• CTRL N = NUEVO

• SHIFT CTRL S = PARA GUARDAR COMO

• SELECTOR. Sirve para mover el objeto por medio del botón en forma de flecha en color negro. ESCALA, MUEVE, GIRA E INCLINA TUS FIGURAS DE MANERA QUE UTILICES EL SELECTOR DANDO DOBLE CLIC SOBRE LA FIGURA AGREGADA.

---

PRÁCTICAS

PRÁCTICA 1. SHAPES

CREANDO FORMAS... HAZ CLIC EN LA HERRAMIENTA RECTÁNGULO EN LA BARRA DE HERRAMIENTAS DE LA IZQUIERDA O BIEN PRESIONA (R)  Y HAGA CLIC Y ARRASTRE AL NUEVO DOCUMENTO VACÍO.

PUEDES CAMBIAR EL COLOR DE RELLENO, TRAZO (CONTORNO) Y OPACIDAD EN ESTE APARTADO

REALIZA LO MISMO CON COLORES DIFERENTES Y CONTORNO CONTRASTANTE

AÑADE 6 CIRCULOS U OVALOS, 6 ESTRELLAS Y 4 ESPIRALES DE DIFERENTES TAMAÑOS Y COLORES

Mover, escalar, rotar

La herramienta Inkscape más utilizada es el Selector . Haga clic en el botón superior (con la flecha) en la barra de herramientas, o presione S o F1 alterne la herramienta usando Space. Ahora puedes seleccionar cualquier objeto en el lienzo. Haga clic en el rectángulo a continuación.

Verá aparecer ocho controles en forma de flecha alrededor del objeto. Ahora usted puede:

• Mueve el objeto arrastrándolo. (Presione Ctrl para restringir el movimiento a horizontal y vertical).

• Escale el objeto arrastrando cualquier controlador. (Presione Ctrl para conservar la relación alto/ancho original.)

Ahora haga clic en el rectángulo nuevamente. Las manijas cambian. Ahora usted puede:

• Gire el objeto arrastrando los controladores de las esquinas. (Presione Ctrl para restringir la rotación a pasos de 15 grados. Arrastre la marca en forma de cruz para colocar el centro de rotación).

• Inclina (corta) el objeto arrastrando los controles que no son de esquina. (Presione Ctrl para restringir la inclinación a pasos de 15 grados).

Mientras usa el Selector, también puede usar los campos de entrada numéricos en la barra de Controles de herramientas (arriba del lienzo) para establecer valores exactos para las coordenadas (X e Y) y el tamaño (An y Al) de la selección.

Múltiples selecciones

Puede seleccionar cualquier número de objetos simultáneamente pulsándolos . O puede rodear los objetos que necesita seleccionar; esto se llama selección de banda elástica . (El selector crea una banda elástica al arrastrar desde un espacio vacío; sin embargo, si presiona antes de comenzar a arrastrar, Inkscape siempre creará la banda elástica). Al mantener presionado , puede convertir la herramienta Selector en un lápiz que puede usar para dibujar en el objetos que desea seleccionar. Practica seleccionando las tres formas siguientes: Shift+clickdragShiftAlt

Ahora, use la banda elástica (arrastrando o ) para seleccionar las dos elipses pero no el rectángulo: Shift+drag

Cada objeto individual dentro de una selección muestra una señal de selección (de forma predeterminada, un marco rectangular discontinuo). Estas señales facilitan ver de inmediato qué está seleccionado y qué no. Por ejemplo, si selecciona las dos elipses y el rectángulo, sin las señales le resultará difícil adivinar si las elipses están seleccionadas o no.

Shift+clickTrabajar sobre un objeto seleccionado lo excluye de la selección. Seleccione los tres objetos anteriores, luego use para excluir ambas elipses de la selección dejando solo el rectángulo seleccionado. Shift+click

Al presionar Esc se anula la selección de todos los objetos seleccionados. selecciona todos los objetos en la capa actual (si no creó ninguna capa, esto es lo mismo que todos los objetos en el documento). El comportamiento predeterminado del acceso directo se puede ajustar en las preferencias. Ctrl+ACtrl+A

Agrupamiento

Se pueden combinar varios objetos en un grupo . Un grupo se comporta como un solo objeto cuando lo arrastras o lo transformas. Abajo, los tres objetos de la izquierda son independientes; Los mismos tres objetos de la derecha están agrupados. Intenta arrastrar al grupo.

Para crear un grupo, seleccione uno o más objetos y presione . Para desagrupar uno o más grupos, selecciónelos y presione . También se puede acceder a estas acciones mediante , el menú o la barra de comandos. Los grupos mismos pueden agruparse, como cualquier otro objeto; tales grupos anidados pueden descender a una profundidad arbitraria. Sin embargo, sólo desagrupa el nivel más alto de agrupación en una selección; deberás presionar repetidamente si deseas desagrupar completamente un grupo dentro de un grupo profundo (o usar ). Ctrl+GCtrl+Uright clickObjectCtrl+UCtrl+UExtensions⇒Arrange⇒Deep Ungroup

Sin embargo, no es necesario que desagrupe si desea editar un objeto dentro de un grupo. Solo ese objeto será seleccionado y editable solo, o varios objetos (dentro o fuera de cualquier grupo) para selección múltiple independientemente de la agrupación. Ctrl+clickShift+Ctrl+click

También puedes hacerlo double-click sobre un grupo, para entrar en él y acceder a todos los objetos que contiene sin desagruparlos. Double-click en cualquier área vacía del lienzo para abandonar el grupo nuevamente.

Intente mover o transformar las formas individuales en el grupo (arriba a la derecha) sin desagruparlo, luego anule la selección y seleccione el grupo normalmente para ver que aún permanece agrupado.

Rellenar y trazar

Probablemente la forma más sencilla de pintar un objeto de algún color es seleccionar un objeto y hacer clic en una muestra (campo de color) en la paleta debajo del lienzo para pintarlo (cambiar su color de relleno).

Alternativamente, puede abrir el cuadro de diálogo Muestras desde el View menú (o presionar ), seleccionar la paleta que desea usar después de hacer clic en el pequeño ícono de menú en la esquina inferior derecha, seleccionar un objeto y hacer clic en cualquier muestra para llenar el objeto ( cambiar su color de relleno). Shift+Ctrl+W

Más poderoso es el cuadro de diálogo Relleno y Trazo del Object menú (o presione ). Seleccione la forma a continuación y abra el cuadro de diálogo Relleno y Trazo. Shift+Ctrl+F

Verás que el cuadro de diálogo tiene tres pestañas: Relleno, Pintura de trazo y Estilo de trazo. La pestaña Relleno le permite editar el relleno (interior) de los objetos seleccionados.

Usando los botones justo debajo de la pestaña, puede seleccionar tipos de relleno, incluido sin relleno (el botón con la X), relleno de color plano, así como degradados lineales o radiales. Para la forma anterior, se activará el botón de relleno plano.

Más abajo, verá el selector de color . Puede elegir entre diferentes tipos de selectores de color en el menú desplegable en el lado derecho encima del selector de color: RGB, CMYK, HSL y más. También puedes activar un selector de rueda adicional para algunos de estos, donde puedes rotar un triángulo para elegir un tono en la rueda y luego seleccionar un tono de ese tono dentro del triángulo. Todos los selectores de color contienen un control deslizante denominado "A" para establecer el alfa (opacidad) del color seleccionado.

Cada vez que selecciona un objeto, el selector de color se actualiza para mostrar su relleno y trazo actuales (para varios objetos seleccionados, el cuadro de diálogo muestra su color promedio ). Juega con estas muestras o crea las tuyas propias:

Usando la pestaña Pintura de trazo, puede eliminar el trazo (contorno) del objeto o asignarle cualquier color o transparencia:

La última pestaña, Estilo de trazo, le permite establecer el ancho y otros parámetros del trazo:

Finalmente, en lugar de un color plano, puedes usar degradados para rellenos y/o trazos:

Cuando cambia de color plano a degradado, el degradado recién creado utiliza el color plano anterior, pasando de opaco a transparente. El cuadro de diálogo Relleno y Trazo cambiará para mostrar el editor de Degradado. Cambie a la herramienta Degradado ( G) para arrastrar los controladores de degradado : los controles conectados por líneas que definen la dirección y la longitud del degradado. Cuando se selecciona cualquiera de los controladores de degradado (resaltado en azul), el Editor de degradado muestra el color de ese controlador y le permite cambiarlo.

Otra forma conveniente de cambiar el color de un objeto es utilizar la herramienta Cuentagotas ( D). En cualquier clickparte del dibujo con esa herramienta, y el color en el que hizo clic se asignará al relleno del objeto seleccionado ( asignará el color del trazo). Shift+click

Duplicación, alineación, distribución.

Una de las operaciones más comunes es duplicar un objeto ( ). El duplicado se coloca exactamente encima del original y se selecciona, por lo que puedes arrastrarlo mediante o mediante teclas. Para practicar, intenta agregar copias de este cuadrado negro en una línea una al lado de la otra: Ctrl+Dmousearrow

Lo más probable es que tus copias del cuadrado estén colocadas más o menos al azar. Aquí es donde el cuadro de diálogo ( ) resulta útil. Seleccione todos los cuadrados ( o arrastre una banda elástica), abra el cuadro de diálogo y presione el botón "Centrar en el eje horizontal", luego el botón "Distribuir horizontalmente con espacios horizontales pares" (lea la información sobre herramientas del botón). Los objetos ahora están perfectamente alineados y distribuidos con espacios iguales entre ellos. A continuación se muestran algunos otros ejemplos de alineación y distribución: Object⇒Align and DistributeShift+Ctrl+AShift+click

Seleccionar objetos similares

Inkscape puede seleccionar otros objetos que sean similares al objeto actualmente seleccionado. Por ejemplo, si desea seleccionar todos los cuadrados azules a continuación, primero seleccione uno de los cuadrados azules y utilícelo en el menú ( en el lienzo). Todos los objetos con el mismo color de relleno azul ahora están seleccionados. Edit⇒Select Same⇒Fill Colorright-click

Además de seleccionar por color de relleno, puede seleccionar varios objetos similares por color de trazo, estilo de trazo, relleno y trazo y tipo de objeto. Si estas no son suficientes opciones para su caso de uso, intente usar el cuadro de diálogo. Edit⇒Find/Replace

DIBUJAR TRAZADOS A MANO ALZADA Y REGULARES

La forma más sencilla de crear una forma arbitraria es dibujarla con la herramienta lápiz (mano alzada) (p)

Si deseas formas más regulares utiliza la herramienta Pluma (Béizer) (B)

UNIDAD II. FORMAS

1. CREA TU NOMBRE SOBRE UN CIRCULO DE FONDO DEL COLOR DE TU PREFERENCIA COMO SE MUESTRA EN EL EJEMPLO

2. CREA EL LOGO DE MITSUBISHI COMO SE MUESTRA EN EL EJEMPLO, UTILIZA LOS COMANDOS DUPLICAR PARA FACILITAR TU TRABAJO

3.  REALIZA EL LOGO DE TOYOTA CON LAS FUNCIONES DUPLICAR Y UNIR

4. RECREA EL LOGO DE NIKE MEDIANTE LA HERRAMIENTA BEIZER. NO OLVIDES IR COLOCANDO VARIOS PUNTOS DE UNIÓN AL TRAZAR LA FIGURA. POSTERIORMENTE PUEDES EDITAR LOS NODOS (PUNTOS) CON EL COMANDO “N”

CREAR LA SIMULACIÓN DE LA INTERFAZ DE PACMAN COMO SE MUESTRA EN LA IMAGEN

DEBERÁS AÑADIR FORMAS CON LAS HERRAMIENTAS QUE MÁS TE CONVENGAN, (AGRUPAR, COPIAR...)

DETERMINA UNA CAPA PARA LAS SIGUIENTES INTERFACES:

1. FONDO NEGRO

2. FIGURAS AZULES CON FONDO NEGRO

3. PUNTOS CHICOS AMARILLOS

4. PUNTOS GRANDES AMARILLOS

5. PACMAN

6. CREA 5 FANTASMAS DE DIFERENTES COLORES

7. 1 FRUTA (PUEDEN SER CEREZAS, FRESA O UVAS)

8. TU NOMBRE COMPLETO 

LOGO ADIDAS

1. Abrimos un nuevo documento con Inkscape.

2. Copiamos la imagen de más abajo en Inkscape para que nos sirva de modelo.

   
   

   

   
   

3. Con la herramienta de dibujar líneas a mano alzada || vamos a trazar el contorno de la hoja central.El trazo se puede realizar en varias veces. Solo hay que pinchar en el cuadradito final del trazo anterior para poder continuar. Una vez terminados todos los trazos en el punto inicial, la hoja estará enmarcada en el dibujo realizado.Ahora seleccionamos los dos objetos (la imagen de las hojas y el trazo alrededor de la hoja) y escogemos la herramienta Objeto... Recorte... Aplicar. La hoja se habrá recortado de la imagen.

   
   

   

   

   
   

   

   

   

4. Para continuar, seleccionamos la hoja y la estrechamos en horizontal para que sea más esbelta.Duplicamos la hoja con Control+D o el menú Edición... Duplicar

5. Pinchamos dos veces sobre la hoja hasta que aparezcan los tiradores de rotación.Y giramos la hoja unos 45 grados hacia la derecha.Ahora podemos seleccionar las dos hojas y alinear los bordes inferiores.

6. Continuamos duplicando la hoja girada y realizamos un reflejo horizontal Objeto... Reflejo horizontal. Movemos la hoja al lado izquierdo aproximadamente en su sitio.Para colocar las hojas con más exactitud, seleccionamos las tres hojas y con la herramienta del menú Objeto... Alinear y distribuir Alineamos los bordes inferiores y distribuimos los centros horizontalmente a distancias iguales.La imagen se verá perfectamente simétrica.

   

   

7. Para continuar, dibujaremos un rectángulo horizontal sobre las hojas y lo duplicamos dos veces más con Control+D.Seleccionamos los tres rectángulos y con la herramienta del menú Objeto... Alinear y distribuir nos aseguramos de que estén centrados y distribuidos a distancias iguales.

   

8. Ahora dibujamos un rectángulo verde que ocupe el área de las tres hojas y lo enviamos al fondo con el menú Objeto... Bajar al fondo porque la operación diferencia realiza agujeros en el objeto más al fondo.Seleccionando el rectángulo verde y cada uno de los rectángulos morados elegimos la herramienta Trayecto... Diferencia para que al rectángulo verde se le resten las frajas horizontales.

   

9. Una vez terminadas las franjas horizontales, llevamos el rectángulo al frente con el menú Objeto... Traer al frenteAhora seleccionamos todos los elementos del dibujo y realizamos la operación Objeto... Recorte... Aplicar. Como se puede ver, sólo ha quedado la parte de la imagen que tenía color sólido y se han eliminado las partes de la imagen que no existían en el rectángulo.

   

10. Para terminar añadimos el texto 'The new Fall Collection' con letra Candara, Espacio entre letras 0 y Espacio entre palabras 0. Con la herramienta de selección  dimensionamos el texto y le centramos debajo de las hojas. Podemos tomar el color de relleno con la herramienta Seleccionar colores de la imagen, desde algún punto rojo de las hojas. Y el logotipo estará terminado.

ACTIVIDAD: Replica en INKSCAPE las imágenes mostradas en esta actividad. Utiliza la herramienta que mejor se adapte a tu conocimiento. Deberás mostrar en un lado las imágenes originales y en el otro las realizadas por ti. Las posibles herramientas que puedes utilizar son:

• Insertar formas

• Beizer y lineas rectas

• Duplicar

• Agrupar

• Relleno

• Color de trazo

• Dibujar lineas a mano alzada

• Unir

• Editar nodos de trayecto

• Suprimir