Inkscape: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
mNo edit summary
 
(4 intermediate revisions by one other user not shown)
Line 3: Line 3:
According to [https://en.wikipedia.org/wiki/Inkscape Wikipedia] (retrieved oct 2017): {{quotation|Inkscape is a free and open-source vector graphics editor; it can be used to create or edit vector graphics such as illustrations, diagrams, line arts, charts, logos and complex paintings. Inkscape's primary vector graphics format is Scalable Vector Graphics (SVG), however many other formats can be imported and exported.Inkscape can render primitive vector shapes (e.g. rectangles, ellipses, polygons, arcs, spirals, stars and 3D boxes) and text. These objects may be filled with solid colors, patterns, radial or linear color gradients and their borders may be stroked, both with adjustable transparency. Embedding and optional tracing of raster graphics is also supported, enabling the editor to create vector graphics from photos and other raster sources. Created shapes can be further manipulated with transformations, such as moving, rotating, scaling and skewing}}
According to [https://en.wikipedia.org/wiki/Inkscape Wikipedia] (retrieved oct 2017): {{quotation|Inkscape is a free and open-source vector graphics editor; it can be used to create or edit vector graphics such as illustrations, diagrams, line arts, charts, logos and complex paintings. Inkscape's primary vector graphics format is Scalable Vector Graphics (SVG), however many other formats can be imported and exported.Inkscape can render primitive vector shapes (e.g. rectangles, ellipses, polygons, arcs, spirals, stars and 3D boxes) and text. These objects may be filled with solid colors, patterns, radial or linear color gradients and their borders may be stroked, both with adjustable transparency. Embedding and optional tracing of raster graphics is also supported, enabling the editor to create vector graphics from photos and other raster sources. Created shapes can be further manipulated with transformations, such as moving, rotating, scaling and skewing}}


In this wiki we only address two very specific subjects:
In this wiki we only address three very specific subjects:


* [[Using Inkscape for web animation]]
* [[Using Inkscape for web animation]]
* [[Using Inkscape for laser cutting]]
* [[Using Inkscape for laser cutting]]
* [[InkStitch]], an extension to create [[Computerized embroidery]]
== Installation for high DPI screens ==
It can take a decade to adapt to new hardware and not just in open source projects (it took Adobe a very long time to adapt to modern screens)
=== Inkscape installation ===
'''Download link (Windows, Mac, some Linux)'''
* https://inkscape.org/en/ (home page of Inkscape, follow the download links)
'''Windows'''
Take the desktop version, not the app store version, i.e. 64-bit-architecture
If you have a high resolution screen, then use the two following strategies:
* Within Inkscape, use <code>Edit->Preferences->Interface</code> to set icon sizes. I use "large"
* Also, in the same settings, adjust the zoom correction factor to make the display Wysiwyg. I use 147. If you look at a drawing with 1:1 zoom, the dimensions in mm should be correct if you measure it with a ruler.
In '''addition''', for smaller screens (13 to 77'' as opposed to 32''), you may have to fix InkScape Properties through Windows
* Right-click on the InkScape shortcut on your desktop, and select <code>Properties</code>
* Select Compatibility TAB and click on <code>Change high DPI settings</code>. Then, play with the settings. I use the following ones for my little DELL XPS 15 that has a 4K screen.
[[file:Inkscape-high-DPI-setting.png|thumb|600px|none|Fixing DPI resolution of the GUI on Windows 4K laptops]]


== Links ==
== Links ==
Line 24: Line 49:
** Different versions are available at: http://tavmjong.free.fr/INKSCAPE/
** Different versions are available at: http://tavmjong.free.fr/INKSCAPE/
** For example, have a look at [http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Web.html Chapter 23. SVG and the Web]  
** For example, have a look at [http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Web.html Chapter 23. SVG and the Web]  
* [http://www.2dgameartguru.com/ 2D game art for programmers using inkscape, gimp & Co.]
* The [http://libregraphicsworld.org/blog/entry/mastering-inkscape-in-2018 Mastering Inkscape in 2018: what’s best among books, courses, and tutorials], by Alexandre Prokoudine 27. Feb, 2018 comments lists a number of other alternatives, but also points out Tavmjong Bah online and print book as the best resource.


[[Category: SVG]]
[[Category: SVG]]
[[Category: Authoring tools]]
[[Category: Authoring tools]]
[[Category: Inkscape]]

Latest revision as of 14:08, 21 January 2022

Introduction

According to Wikipedia (retrieved oct 2017): “Inkscape is a free and open-source vector graphics editor; it can be used to create or edit vector graphics such as illustrations, diagrams, line arts, charts, logos and complex paintings. Inkscape's primary vector graphics format is Scalable Vector Graphics (SVG), however many other formats can be imported and exported.Inkscape can render primitive vector shapes (e.g. rectangles, ellipses, polygons, arcs, spirals, stars and 3D boxes) and text. These objects may be filled with solid colors, patterns, radial or linear color gradients and their borders may be stroked, both with adjustable transparency. Embedding and optional tracing of raster graphics is also supported, enabling the editor to create vector graphics from photos and other raster sources. Created shapes can be further manipulated with transformations, such as moving, rotating, scaling and skewing”

In this wiki we only address three very specific subjects:

Installation for high DPI screens

It can take a decade to adapt to new hardware and not just in open source projects (it took Adobe a very long time to adapt to modern screens)

Inkscape installation

Download link (Windows, Mac, some Linux)

Windows

Take the desktop version, not the app store version, i.e. 64-bit-architecture

If you have a high resolution screen, then use the two following strategies:

  • Within Inkscape, use Edit->Preferences->Interface to set icon sizes. I use "large"
  • Also, in the same settings, adjust the zoom correction factor to make the display Wysiwyg. I use 147. If you look at a drawing with 1:1 zoom, the dimensions in mm should be correct if you measure it with a ruler.

In addition, for smaller screens (13 to 77 as opposed to 32), you may have to fix InkScape Properties through Windows

  • Right-click on the InkScape shortcut on your desktop, and select Properties
  • Select Compatibility TAB and click on Change high DPI settings. Then, play with the settings. I use the following ones for my little DELL XPS 15 that has a 4K screen.
Fixing DPI resolution of the GUI on Windows 4K laptops

Links

Official

Tutorials

Tutorials