Inkscape - Nociones básicas
description
Transcript of Inkscape - Nociones básicas
![Page 1: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/1.jpg)
Inkscape
Nociones básicas
![Page 2: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/2.jpg)
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í
![Page 3: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/3.jpg)
● Formato: exportación solo a PNG, PDF a través de impresora.
● Tipografía: mala selección y poco control (kerning).
● Desarrollo lento: solo en verano durante el google-summer.
Desventajas
![Page 4: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/4.jpg)
Ventajas
● GPL: libre, gratuito, ampliable, participativo
● potencial enorme: falta de medios, svg
● www.openclipart.org
![Page 5: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/5.jpg)
Pixel VS. Vector
Gimp (Pixel) Inkscape (Vector)
![Page 6: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/6.jpg)
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.
![Page 7: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/7.jpg)
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
![Page 8: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/8.jpg)
Barra de comandos I
● Crear nuevo
● Abrir
● Guardar
● Imprimir
● Importar / Exportar
● Deshacer / Rehacer
● Cortar / Copiar / Pegar
● Ajustar vista a selección / dibujo / página
![Page 9: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/9.jpg)
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
![Page 10: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/10.jpg)
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
![Page 11: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/11.jpg)
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
![Page 12: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/12.jpg)
Barra de controles III
● 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
![Page 13: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/13.jpg)
Barra de controles IV
● 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
![Page 14: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/14.jpg)
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...
![Page 15: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/15.jpg)
Comencemos a practicar
![Page 16: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/16.jpg)
![Page 17: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/17.jpg)
![Page 18: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/18.jpg)
![Page 19: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/19.jpg)
Manos a la obra...
![Page 20: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/20.jpg)
![Page 21: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/21.jpg)
![Page 22: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/22.jpg)
![Page 23: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/23.jpg)
![Page 24: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/24.jpg)
![Page 25: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/25.jpg)
Y las guías
En Extensiones Renderizar Creador de guías podremos → →crear las guías necesarias para nuestros diseños.
![Page 26: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/26.jpg)
![Page 27: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/27.jpg)
¿¿Todavía quieres mas??
![Page 28: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/28.jpg)
![Page 29: Inkscape - Nociones básicas](https://reader030.fdocument.pub/reader030/viewer/2022012317/5579cfcfd8b42a035d8b4ab0/html5/thumbnails/29.jpg)
Mila esker!!
● http://inkscape.org/
● http://www.openclipart.org/