stringtranslate.com

Wikipedia:Cómo dibujar un diagrama con Inkscape

Consulte Inkscape para obtener más información sobre el programa de software en sí; este artículo cubre el uso del programa para dibujos básicos.
Serie de dibujos sencillos realizados con Inkscape. Con práctica y habilidad, se pueden realizar dibujos de muy alta calidad utilizando este software de código abierto. Como se trata de gráficos vectoriales, las imágenes se pueden escalar a cualquier tamaño, grande o pequeño, sin pérdida de calidad.

Inkscape es un programa gratuito que se utiliza para editar gráficos vectoriales . Inkscape proporciona una interfaz gráfica de usuario para la edición de dichos diagramas, utilizando el formato estándar Scalable Vector Graphics (SVG). [1]

Alcance del documento

Este documento cubre el uso básico del programa Inkscape. [2] Más información sobre la edición avanzada y el programa en sí está disponible en el sitio web de Inkscape.

Cuándo utilizar gráficos vectoriales

Los gráficos vectoriales son la opción principal de formato de imagen para los diagramas en Wikipedia, ya que tienen un tamaño de archivo pequeño y se pueden redimensionar sin pérdida de calidad. Las imágenes como fotografías y otras imágenes similares con tonos de color se deben procesar con software como GIMP o Krita . Los dibujos lineales de tipos de diagramas predefinidos como UML, Entidad-Relación, Diagrama de Flujo se construyen más fácilmente con software más especializado como Dia_(software) o JetUML .

Obtención de Inkscape y plataformas compatibles

Como Inkscape es un software de código abierto , se mantiene para una variedad de plataformas, incluyendo Linux , Mac OS X , [3] BSD y Windows . Para los sistemas Linux, lo más probable es que esté en una lista de paquetes disponibles de su administrador de paquetes (por ejemplo, apt-get , yum o similar). Para Mac y Windows, tendrá que descargar manualmente el software e instalarlo; las instrucciones están disponibles en el sitio web de Inkscape. [4] Tenga en cuenta que para la plataforma Mac, los paquetes .app están disponibles y todas las versiones de Inkscape requieren que se instale X11.app de Apple.

Dibujar una cara sonriente sencilla

Esta sección cubre la manipulación básica de objetos. Los usuarios intermedios pueden omitir esta sección.

En primer lugar dibujaremos una carita sonriente muy sencilla, para ello utilizaremos la herramienta círculo, la caja de herramientas de trazo y relleno así como la caja de herramientas de alineación.

Crear un esquema

Primero tenemos una página en blanco en la que estamparemos nuestra cara sonriente. Primero, selecciona el ícono del círculo de la barra de la izquierda y, mientras mantienes presionada la tecla Ctrl (también es Ctrl para las máquinas Apple, no la tecla Apple), arrastra un círculo. La tecla Ctrl mantiene una relación de aspecto entera para la forma. Ten en cuenta que la herramienta de círculo es en realidad una herramienta de elipse y arco elíptico , para la cual estamos usando un caso especial de la elipse, es decir, el círculo.

Ahora deberías tener un bonito círculo, con un contorno negro sólido que esté completamente cerrado. Si tienes una forma de Pac-Man o un arco, simplemente haz clic en el botón "Hacerlo completo" en la barra de herramientas superior.

Cambiar los colores de relleno de los objetos mediante los controles deslizantes HSV

Añadiendo ojos

Ahora, para el siguiente paso, crea un círculo más pequeño y haz clic derecho en su contorno (en Mac, usa el botón de Apple). Ahora selecciona relleno y trazo. En la pestaña de relleno, selecciona el rectángulo sólido, que ahora debería hacer que el círculo se rellene con negro sólido. Puedes cambiar el color con los controles deslizantes de color. Para este trabajo, recomiendo usar los controles deslizantes HSV , que te permitirán cambiar fácilmente el color del objeto y luego cambiar la "plenitud" (saturación) y la luminosidad del color de forma independiente (a diferencia de usar los controles deslizantes RGB, donde estas cosas cambian de manera confusa). Los espacios de color son un área interesante, pero fuera del alcance de este documento.

Una vez que tengas el pequeño círculo negro, colócalo dentro del círculo más grande sin rellenar, para hacer un ojo para la cara sonriente. Si, en tu opinión, tu ojo es demasiado pequeño o grande, simplemente selecciona el círculo del "ojo" mientras te aseguras de que la herramienta del círculo esté activa, luego haz clic en el cuadrado blanco (controlador del objeto) y arrástralo para cambiar el tamaño, manteniendo presionada la tecla Ctrl para mantener la relación de aspecto. Una vez que estés satisfecho con el tamaño del ojo, usa Ctrl + C para copiarlo, asegurándote de que el objeto esté seleccionado mientras lo haces. Ahora, apunta el cursor hacia donde quieres colocar el otro ojo, presiona Ctrl + V. Ten en cuenta que el objeto pegado aparecerá donde estaba el cursor. Muy útil para crear grandes grupos de objetos dispersos.

Alinear objetos con la caja de herramientas "Alinear y distribuir"

En este punto, los ojos pueden estar un poco desalineados. No importa, ya que utilizaremos la caja de herramientas de alineación para corregir este problema. Para abrir la caja de herramientas de alineación, selecciónela en el menú desplegable de objetos "Alinear y distribuir" o utilice el atajo de teclado Ctrl + Shift + A. Con el cuadro desplegable relativo a configurado en "selección" y ambos "ojos" seleccionados, simplemente presione el botón alinear para centrar en el eje horizontal; esto alineará los centros de ambos ojos.

Utilice el comando "agrupar" para agrupar los ojos en un único grupo de objetos seleccionables (utilice Ctrl + G u objeto->agrupar). Ahora utilice la tecla Shift para seleccionar el círculo. Observe cómo se agrega a la selección. Una vez hecho esto, cambie el cuadro desplegable de "alinear y distribuir" a "último seleccionado". Ahora haga clic en el botón alinear al centro vertical y los ojos ahora estarán alineados con el centro vertical del emoticón. Si los objetos no están agrupados, ambos ojos terminarán uno sobre el otro. Simplemente deshaga (Ctrl + Z), agrupe e intente nuevamente.

Adición de arcos elípticos y splines

Dibujar un arco elíptico con la herramienta círculo

Ahora necesitamos una boca para nuestra cara sonriente. Podemos lograr esto usando la herramienta círculo nuevamente, dibuja un círculo de aproximadamente la mitad del radio del círculo de la cara. Ahora, con la herramienta círculo seleccionada, haz clic y arrastra el controlador redondo. Ten en cuenta que hay dos modos, sector y arco, que se seleccionan si el mouse está fuera o dentro del círculo respectivamente. En este caso, queremos dibujar aproximadamente entre 1/3 y 1/2 de un arco completo. Arrastra los dos controladores circulares hasta que tengas algo que se parezca a una sonrisa.

Por último, hay que dibujar la nariz. Para ello, selecciona la herramienta Arco de Bézier y línea recta (Shift + F6) en el menú de la izquierda. Ahora, aproximadamente en el lugar donde quieres la nariz, haz clic en una línea recta horizontalmente, utilizando la tecla Ctrl para fijarte en el eje horizontal, luego haz clic en otro punto por encima y vuelve al principio de las líneas para completar un triángulo. En este punto, lo más probable es que el triángulo esté desviado hacia un lado. Podemos solucionarlo utilizando el cuadro Alinear y distribuir mientras estamos en el modo de edición de trazado (segunda herramienta a la izquierda, F2). Observa cómo el triángulo ahora está compuesto por tres nodos. Selecciona la opción "Distribuir uniformemente horizontalmente" y ahora tu triángulo será simétrico verticalmente. Coloca tu triángulo donde quieras y voilá, es una nariz triangular. Todo esto está muy bien, pero las narices triangulares no son tan convincentes. Ahora, con la herramienta de edición de nodos (F2), seleccione los dos nodos inferiores para la nariz y luego haga clic en la opción "Hacer nodos simétricos" de la barra de herramientas superior. Ahora la nariz adquiere una forma de lágrima un poco más convincente. Juegue con los controladores de los nodos para refinar la forma de la nariz hasta que esté satisfecho con ella.

Ahora tienes una cara sonriente y tu primer dibujo de Inkscape.

Representación de archivos

Mediawiki (el software desde el que se ejecuta Wikipedia) utiliza el programa RSVG (librsvg) para rasterizar todos sus archivos SVG. El programa RSVG no siempre rasteriza correctamente los archivos SVG de Inkscape. Por ello, las imágenes de Inkscape deben modificarse antes de subirlas a cualquier wiki. Para ello, simplemente ejecute "trazar a trazado" en el menú de trazado de Inkscape mientras selecciona todos los objetos que se deben modificar. Es posible que, en el caso del texto, "objeto a trazado" dé el resultado correcto.

Los objetos que deben modificarse incluyen:

Si no se convierten estos objetos correctamente, es posible que se produzca un ordenamiento Z incorrecto, que aparezcan cuadros negros fantasma o que falten objetos (no rasterizados). Si se trabaja en un sistema con RSVG instalado, puede ser una buena idea comprobar la imagen antes de subirla a los servidores de Mediawiki. Si siguen apareciendo cuadros negros después de convertir todos los objetos correctamente, puede ser necesario editar manualmente el XML para eliminar los rectángulos de color FFFFFF (blanco). Esto se puede hacer fácilmente utilizando la herramienta de búsqueda de un editor de texto para localizar rectángulos u objetos negros.

Debido a restricciones de derechos de autor, la Fundación Wikimedia no puede utilizar fuentes propietarias que se encuentran comúnmente en varios sistemas operativos propietarios. Las fuentes como Arial y Times New Roman requieren tarifas de licencia para distribuirse. Como tal, RSVG no podrá localizar estas fuentes, lo que hará que el texto no aparezca en las imágenes renderizadas. Hay dos soluciones a este problema: en primer lugar, uno puede simplemente sustituir una fuente que esté disponible en Wikipedia o, alternativamente, uno puede convertir el texto en información de ruta en Inkscape. Para facilitar la edición y tamaños de archivo (significativamente) más pequeños, sustituir la fuente con una fuente disponible es la opción recomendada. Muchas de las fuentes comunes tienen alternativas no propietarias que son muy similares en estilo tipográfico, lo que resulta en una interrupción mínima de las imágenes existentes durante la sustitución, por ejemplo, Nimbus Roman es un posible reemplazo para Times New Roman .

En el caso de que al cargar la imagen obtenga resultados diferentes a los que estaban en la pantalla, puede encontrar ayuda adicional en Wikipedia:Ayuda SVG .

Edición intermedia y avanzada

La wiki de Inkscape contiene una gran cantidad de información avanzada relacionada con Inkscape. Se recomienda que los usuarios intermedios utilicen los tutoriales que se proporcionan con Inkscape y que los usuarios avanzados aprovechen la información que se proporciona en los recursos de la comunidad de Inkscape.

Alternativamente, existen documentos en línea [1] que cubren Inkscape en profundidad.

Véase también

Notas

  1. ^ En realidad, Inkscape utiliza un superconjunto de SVG; más adelante en el artículo explicaremos cómo convertirlo a SVG estándar para que el uso del motor de renderizado RSVG por parte de Mediawiki muestre estas imágenes de manera apropiada (es bastante trivial).
  2. ^ Según Inkscape 0.45
  3. ^ Los usuarios de Mac deben asegurarse de tener el binario apropiado al ejecutar Inkscape; de ​​lo contrario, el software se ejecutará muy lentamente. Esto se aplica a todo el software PowerPC que se ejecuta en Mac Intel
  4. ^ Sitio web de Inkscape