Presentacion Inkscape
-
Upload
ainara-perez -
Category
Education
-
view
592 -
download
1
Transcript of Presentacion Inkscape
![Page 1: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/1.jpg)
@ainara2puntu0
InkscapeNociones básicas
![Page 2: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/2.jpg)
@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í
![Page 3: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/3.jpg)
@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.
![Page 4: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/4.jpg)
@ainara2puntu0
Ventajas
● GPL: libre, gratuito, ampliable, participativo
● potencial enorme: falta de medios, svg
● www.openclipart.org
![Page 5: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/5.jpg)
@ainara2puntu0
Pixel VS. Vector
Gimp (Pixel) Inkscape (Vector)
![Page 6: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/6.jpg)
@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.
![Page 7: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/7.jpg)
@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
![Page 8: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/8.jpg)
@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
![Page 9: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/9.jpg)
@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
![Page 10: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/10.jpg)
@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
![Page 11: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/11.jpg)
@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
![Page 12: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/12.jpg)
@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
![Page 13: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/13.jpg)
@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
![Page 14: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/14.jpg)
@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...
![Page 15: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/15.jpg)
@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
![Page 16: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/16.jpg)
@ainara2puntu0
Duplicar y alinear
![Page 17: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/17.jpg)
@ainara2puntu0
Trayecto
![Page 18: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/18.jpg)
@ainara2puntu0
Comenzamos?
![Page 19: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/19.jpg)
@ainara2puntu0
STOP
El mismo elemento duplicado, texto y con alineación
![Page 20: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/20.jpg)
@ainara2puntu0
Come Cocos
Con tres elementos y usando trayecto diferencia
![Page 21: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/21.jpg)
@ainara2puntu0
Manos a la obra...
Trayecto diferencia, trayecto unión y degradados
![Page 22: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/22.jpg)
@ainara2puntu0
Ejercicio paso a paso
Pulsa sobre la imagen o sobre este enlace para ver los pasos a seguir
![Page 23: Presentacion Inkscape](https://reader030.fdocuments.mx/reader030/viewer/2022021421/587f9b481a28ab825e8b4ef9/html5/thumbnails/23.jpg)
@ainara2puntu0
Pac Man
Sigue en este otro enlace todos
los pasos para este otro ejercicio.