Presentacion Inkscape

Preview:

Citation preview

@ainara2puntu0

InkscapeNociones básicas

@ainara2puntu0

Presentación

● Herramienta de dibujo libre (GPL)

● SVG (Scalabe Vector Graphics)

● Multiplataforma

● Comparable con

● Adobe Illustrator-CorelDRAW-Macromedia Freehand

● Muy avanzado

● Ejemplos e ideas en http://www.openclipart.org/

● Descargas en http://inkscape.org/

● Manuales y mas información aquí

@ainara2puntu0

Desventajas

● Formato: exportación solo a PNG, PDF a través de impresora.

● Tipografía: mala selección y poco control

● Desarrollo lento: solo en verano durante el google-summer.

@ainara2puntu0

Ventajas

● GPL: libre, gratuito, ampliable, participativo

● potencial enorme: falta de medios, svg

● www.openclipart.org

@ainara2puntu0

Pixel VS. Vector

Gimp (Pixel) Inkscape (Vector)

@ainara2puntu0

Barra herramientas I

Seleccionar: Movimiento, rotación, reflejos, etc.

Editar nodos: Deformación mediante el uso de puntos.

Retocar: Filtros manuales para modificar la imagen.

Lupa: Aumentar y disminuir el zoom de la imagen.

Formas: Rectángulos, cajas 3D, círculos, etc.

Dibujo manual: A mano alzada, curvas, pinceladas, etc.

@ainara2puntu0

Barra herramientas II

● Eliminar trayectos

● Relleno áreas delimitadas

● Crear y editar objetos de texto

● Crear diagramas

● Difuminar un color o degradar uno en otro.

● Seleccionar colores

@ainara2puntu0

Barra de comandos I

● Crear nuevo

● Abrir

● Guardar

● Imprimir

● Importar / Exportar

● Deshacer / Rehacer

● Cortar / Copiar / Pegar

● Ajustar vista a selección / dibujo / página

@ainara2puntu0

Barra de comandos II

● Duplicar elemento

● Crear clon conectado

● Eliminar conexión de clones

● Agrupar / Desagrupar

● Editar relleno, borde, trazos

● Texto y tipografía

● Capas

● Arbol XML

● Alineación y distribución

● Preferencias generales

● Propiedades del documento

@ainara2puntu0

Barra de controles I

● Activar ajustes:

● A esquinas a cajas / A bordes / A esquinas● A los medios de los bordes / A los centros

● Nodos

● A trayectos

● A intersecciones

● A nodos vértice / suaves

● A y desde puntos medios

● A y desde centros de objeto

● A y desde centros de rotación

● Al borde del papel / A rejilla / A guías

@ainara2puntu0

Barra de controles II

● Seleccionar todos los objetos

● Seleccionar todos los objetos y capas

● Deseleccionar todo

● Rotar izquierda y derecha

● Reflejar horizontal y verticalmente

● Bajar selección al fondo

● Bajar un nivel

● Subir un nivel

● Subir a primer plano

@ainara2puntu0

● Coordenada horizontal

● Coordenada vertical

● Anchura

● Bloquear para altura y anchura proporcional

● Altura

● Escalar ancho del trazo en proporción

● Escalar radios de ángulos redondeados

● Mover degradados con los objetos

● Mover patrones con los objetos

@ainara2puntu0

● Tipo de fuente

● Tamaño de fuente

● Alineación izquierda

● Alineación centrada

● Alineación derecha

● Alineación justificada

● Negrita

● Cursiva

● Texto horizontal

● Texto vertical

@ainara2puntu0

Otras barras...

Existen otras barras de controles para otros elementos como los nodos, las formas...

Cada uno de los elementos tendrá sus opciones específicas de posición, tamaño, ajustes...

@ainara2puntu0

Atajos de teclado

A parte de los típicos copiar, cortar y pegar...

● Seleccionar todo → CTRL + A

● Duplicar → CTRL + D

● Agrupar → CTRL + G

● Enviar al fondo → Fin

● Traer al frente → Inicio

Podemos desplazar o redimensionar elementos con el CTRL pulsado para que sea proporcional

@ainara2puntu0

Duplicar y alinear

@ainara2puntu0

Trayecto

@ainara2puntu0

Comenzamos?

@ainara2puntu0

STOP

El mismo elemento duplicado, texto y con alineación

@ainara2puntu0

Come Cocos

Con tres elementos y usando trayecto diferencia

@ainara2puntu0

Manos a la obra...

Trayecto diferencia, trayecto unión y degradados

@ainara2puntu0

Ejercicio paso a paso

Pulsa sobre la imagen o sobre este enlace para ver los pasos a seguir

@ainara2puntu0

Pac Man

Sigue en este otro enlace todos

los pasos para este otro ejercicio.