[Inkscape] Introducción a Inkscape

Originalmente tenia el plan de crear algunos tutoriales sobre las funciones y trucos que podemos usar en Inkscape, pero a la larga vi que era mejor crear una serie de artículos sobre el manejo básico y sus cualidades.

Es alarmante darse cuenta de la poca documentación en español que existe, y vamos que nadie (me incluyo) nace sabiendo el uso de estos programas, y le puede resultar útil a cualquiera que quiera incursionar en el mundo del diseño digital con tecnologías Open Source. Así que a modo de “mini-manuales” y más que todo post prácticos (porque no nos gusta estudiar teoría ~_~) vamos a profundizar en el uso de este maravilloso software de diseño.

Acerca de Inkscape

bueno para comenzar esto, debería hacer una introducción básica (al estilo maestra de primaria) de lo que es Inkscape.

como dice textualmente en su pagina web:

Inkscape es un editor de gráficos vectoriales de código abierto, con capacidades similares a Illustrator, Freehand, CorelDraw o Xara X, usando el estándar de la W3C: el formato de archivo Scalable Vector Graphics (SVG). 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.

Ya hecha su presentación, vamos a conocer lo basico de su interfaz, a manera de manejarnos mejor en los siguientes post.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)

También es posible agregar o quitar barras a nuestro gusto, podemos cambiar varios parámetros de esta en  Archivo>Preferencias de Inkscape>Interfaz.

Menú y Barra de ComandosInkscape al igual que muchas aplicaciones GTK, tiene por defecto un menú con las funciones más esenciales como archivo, edicion, etc… también contiene menús relacionados con el diseño y dibujo.

La barra de comandos es la que aparece debajo de los menús. Contiene accesos directos a comandos comunes que de otra podríamos ejecutar con alguna intrincada combinación de teclas, contiene controles para manipular los documentos y los objetos en el dibujo. comandos típicos como abrir, guardar, nuevo, deshacer, rehacer y otros se ubican aquí.

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 en Archivo>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 linea guía simplemente la “regresamos” halandola 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 herramientas Rellenar, 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

Y así concluye esta pequeña introducción al Inkscape, con esto ya tenemos una imagen básica de como esta construida la interfaz, y en próximas entregas haremos uso de estas herramientas de forma práctica.

Fuente : FLOSSManuals


helena_ryuu

helena_ryuu: Usuaria enpedernida de GNU/Linux, Archer y amante del manga + anime, aficionada al diseñado gráfico y a las cosas kawaii~ Estudiante de Ingeniería en sistemas computacionales.


38 comentarios en “[Inkscape] Introducción a Inkscape

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current day month ye@r *

  1. 1

    Hola Helena_ryuu y me disculparas el tener que llamarte como tu nickname pero te queria agradecer mucho por esta buena introduccion a Inskcape, puro diseño grafico Libre, ojala sigas publicando muchas mas para poderme soltar definitivamente del corel o el illustrator. Gracias.

    Firefox 17.0GNU/Linux
  2. 3

    Nunca vienen mal los tutoriales siempre se aprende algo. Te animo a que lo continúes.

    Un saludo.

    Firefox 19.0Ubuntu
  3. 4

    Como siempre, aplausos y ovaciones, ya hacían falta tus tutoriales de diseño :D

    Google Chrome 25.0.1364.160GNU/Linux x64
  4. 5

    Infinitas gracias. Precisamente estaba usando ahora inkscape por primera vez y tu artículo me ha ayudado. Genial. :)

    Firefox 19.0GNU/Linux x64
  5. 6

    en donde consigo un serial? o un keygen?

    Google Chrome 25.0.1364.160Windows 8 x64 EditionMetro
  6. 14

    Muito bom trabalho. Estarei acompanhando para aprender um pouco mais de Inkscape.

    Firefox 19.0Windows XP
  7. 15

    Buena guía amiga ;)

    Google Chrome 23.0.1271.97Windows XP
  8. 16

    Que buen tutorial!! justo tengo que hacer para el profesorado una materia que son puros graficos y me va a venir como anillo al dedo.

    Google Chrome 25.0.1364.160Chakra Linux x64KDE
  9. 17

    Muy buena introducción de Inkscape. aunque llevo varios años usando esta aplicación, aun me siguen sorprendiendo su potencial :D

    Saludos :-)

    Google Chrome 25.0.1364.160GNU/Linux
  10. 20

    helena_ryuu.. ..gracias por tomarte el tiempo y las ganas de querer desasnarnos frente a nuestra falta de orientación gráfica en todo sentido.. xD

    Firefox 19.0Arch Linux x64OpenBox
  11. 21

    Yo ando distante con inkscape, simplemente por el echo q no me imprime mis trabajos realizados en este software de diseño vectorial.

    Google Chrome 25.0.1364.152Windows 7Aero
  12. 23

    Excelente!!!
    Muy buena info.
    Aunque en mi trabajo tenco que usar CorelDraw a veces hago algunos trabajillos en Inkscape, como una parte de una flameante marquesina de 18 metros, entre otras cosas.
    Es cierto que no hay mucha info en español, así que tu esfuerzo vale el doble.

    Firefox 19.0.2Arch LinuxLXDE
  13. 24

    Ayer se me olvido comentar que para aquellos interesados en el manejo de esta formidable herramienta Joaclint Istgud (joaclintistgud.wordpress.com) publicó un libro de más de 150 páginas donde recoge de forma detallada los pasos que hay que realizar para la ejecución de muchos logotipos conocidos en el mundo del diseño gráfico.

    Altamente recomendable y muy asequible para todos los niveles.

    [img]http://i230.photobucket.com/albums/ee124/joaclint/logo_a_logo_pdf.png[/img]

    Descarga: https://joaclintistgud.wordpress.com/2011/04/14/inkscape-logo-a-logo-2%C2%AA-edicion/

    Un saludo.

    Firefox 19.0GNU/Linux x64
  14. 27

    Te lo dije jeje… te lo dije helena, a muchos les gusta este tipo de artículos, hay mucho diseñador frustrado entre nosotros los geeks JAJAJAJA.

    Gran tutorial, excelente post (como siempre) ;)
    Espero por la 2da parte je je je

    Opera 12.14Debian GNU/LinuxKDE
    • 28

      “Diseñador frustrado” xD comentario flamer!!

      Yo hago desarrollo web y movil, pero me gustaria aprender mas de diseño para no depender de terceros en mis proyectos personales.

      Utilizo Gimp, Inkscape, Scribus y LibreOffice asi que estos articulos son una joya, espero la segunda parte y la tercera y asi…

      Saludos

      Firefox 23.0Mac OS X 10.8
  15. elendilnarsil
    29

    Genial. Tal así pueda sacarle provecho a esta aplicación, que llevo instalada en Chakra desde hace mucho. Muchas gracias!!!

    Firefox 18.0.2Chakra LinuxKDE
  16. 30

    Realmente me va servir de mucho ya que tengo poco con Inkscape y quiero sacarle todo el jugo que se pueda y muchisimas gracias!! :)

    Chromium 25.0.1364.97Arch LinuxXfce
  17. 31

    Merci, por el tutorial. A ver si subes mas cosillas.

    IceWeasel 10.0.11GNU/Linux x64
  18. 32

    Muchas gracias por el tutorial.
    Me sumo a las felicitaciones y te aliento a que sigas profundizando.

    Tengo una mini imprenta en donde uso EXCLUSIVAMENTE Software Libre con Kubuntu Linux.

    Concretamente para Diseño uso:
    INKSCAPE
    SCRIBUS
    GIMP
    LIBREOFFICE

    No me considero un Diseñador, me considero un Diagramador de Imprenta que entre muchas otras cosas hace Diseño.

    No me animo a armar tutoriales, porque tampoco soy un experto en estos programas y el uso que les doy es bastante básico.

    Cualquier consulta técnica acerca de producción real para imprenta, a las órdenes.

    Firefox 19.0Ubuntu
    • 33

      Hola estimado amigo llegaste como caído del cielo xD, como le haces para imprimir en inkscape porque a mi solo me imprime una parte y no todo :(

      Google Chrome 25.0.1364.172Windows 7Aero
      • 34

        Expórtalo a PDF y la impresión te saldrá perfecta.
        Yo imprimí un mueble que diseñe para mi mismo sin tener muchos problemas.

        Chromium 25.0.1364.160Ubuntu
        • 35

          O_O Joder, buenísimo.. No pierde calidad alguna…

          Firefox 22.0Debian GNU/LinuxKDE
        • 36

          Hola de nuevo MOL, eres un ídolo funciono excelente, ahora te tengo otra pregunta(mil disculpas si soy preguntón pero se nota que sabes del tema) yo tengo un diseño echo en inkscape que pautas debo seguir para que me lo impriman en las imprentas para tener un mayor tamaño o que me recomiendas.

          Google Chrome 25.0.1364.172Windows 7Aero
  19. 37

    He tenido problemas con Inkscape porque se ve que el funcionamiento de sus herramientas es completamente distinto al de CorelDRAW y Adobe Illustrator (éste último es mi preferido porque sus herramientas son bastante intuitivas según mi punto de vista) y no he podido acostumbrarme a este buen editor de SVG.

    He estado buscando un equivalente de Illustrator en código abierto, pero no encontré ninguno. En fin, espero que liberen el Freehand para luego trabajar con un equivalente decente de Illustrator.

    Chromium 25.0.1364.160Ubuntu

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current day month ye@r *