Wikipedia:Graphics Lab/Resources/Tutorials
- Note: For help with image creation and editing ask at Wikipedia:Graphic Lab/Map workshop.
 | This Wikipedia page may require cleanup to meet Wikipedia's quality standards. No cleanup reason has been specified. Please help improve this Wikipedia page if you can; the talk page may contain suggestions. |
Notes
[edit]- Current translation effort (fr-en)
Some map-related tutorials in the process of translation from French into English at :
Drawing tutorials
[edit]- Wikipedia:Graphic Lab/Resources/Starting Inkscape
- PDF conversion to SVG
- PDF conversion to SVG/Adobe Illustrator
French team have the following set of tutorials: French graphic tutorials. Translations welcome !
Labeling tutorials
[edit]How to do labeling with multiple translations, a mix of ltr and rtl languages and/or additional symbols, see here:
Multiple translations within one SVG file
[edit]See:
More examples:
Multiple translations with symbols
[edit]
It becomes more complex, if you have not only a label but additionally one ore more symbols identifying an object.
You can see in an example on the right how to do this in a clear, concise and comprehensible manner:
Define the symbols in the <defs> section, insert them into the map using a <use> statement, and then place the label (in multiple languages) relative (sic!) to the symbol with a second <use> statement.
Multiple translations with a mix of ltr and rtl languages
[edit]
It looks more authentic when the icon is placed before the text within a legend. This is a challenge, if you have to handle a mixture of left-to-right and right-to-left languages. It is a matter of using an additional switch construction to shift the icons to either the left or right position. This results in nested switch statements that are quite complex.
You can see in an example on the right how to do this in a clear, concise and comprehensible manner:
Define the symbols and the switches with the translations of the labels in the <defs> section. Then group each of them in a <g> element. Then insert them both into the legends section in another switch construction. Do this twice, once for 'rtl' languages, then for all others ('ltr' languages). Each time with an adjusted y="4711" parameter, so that the icons are placed on the right-hand side of the legend one time and on the left-hand side the other time.
- See also a more complex example.
Text with Shadow
[edit]
If there is a lot of information in maps or infographics, the background becomes very cluttered, which impairs the legibility of the labelling. This can be remedied by adding a border or shadow to the labelling, which increases the contrast with the background. The example on the right shows how this can be achieved.
Map tutorials
[edit]There is a list of existing map tutorials; more are welcome. French users have provided some, and translations into English would be welcome.
The best places to obtain SVG map backgrounds are listed in SVG maps, particularly Location_maps (2008 standard) and their sub-pages. The Map conventions and toolbox also provide six helpful conventions, some strongly supported by specific teams. The tutorials below follow the training of a hypothetical new map maker: the deeper you go, the more complexity and beauty you find.
1.Valley; 2.Plain; 3.Hill; 4.Rivers; 5.Troops; 6.Moves; 7.Text; 8.Locator map; 9.Legend.
| Page or file | fr | Software | Introduction |
|---|---|---|---|
| Level 0 tutorials | |||
| Change the colors of a country | fr
|
Inkscape | Quickly change the color of a zone already delimited on a map |
| Translate an SVG | fr
|
Inkscape | Translate or modify a map or diagram without redrawing it entirely (svg or bitmap) |
| Copy a bitmap map into SVG | fr
|
Inkscape | Copy a bitmap map into SVG |
| Centre or crop an image | fr
|
Inkscape or The Gimp | Centre or crop an image |
| Level 1 tutorials | |||
| media:Tutorial-cartography_(basic).svg |
|
Inkscape | Introduction to vector map making with Inkscape: download, open with Inkscape and follow the exercises |
| Create and color map zones | fr | Inkscape | Create and color map zones freehand. Create and color independent zones in Inkscape starting from a map showing borders of countries or other zones. (See also next tutorial.) |
| Cut a map into several sub-areas | fr
|
Inkscape | Cut a map into several sub-areas. (Should replace the preceding tutorial.) |
| Draw roads and railroads | fr
|
Inkscape | For roads, freeways, railroads, etc. Download and watch the English video. |
| Draw topological maps | fr
|
Inkscape | Draw subway line maps |
| Draw a cartogram | fr
|
Scapetoad | Draw a cartogram |
| Level 2 tutorials: topography Creation of maps using GIS (fr:SIG) and DEM | |||
| Open JUMP GIS | Open JUMP GIS | Creating a general map with Open JUMP GIS | |
| QGIS lesson 0: Get ready | QGIS | Introduction to QGIS | |
| QGIS lesson 1: Create a topographic background | fr
|
QGIS | Introduction to QGIS, GIS technology, load GIS file into QGIS, edit the color style, output the topographic background. |
| QGIS lesson 2: Merge tiles and Shaded reliefs | fr
|
QGIS | Introduction to QGIS, GIS technology, load GIS file into QGIS, edit the color style, output the topographic background. |
| Calculate the scale of a map | fr
|
Néant | Determine the scale of a map from the precision of its data |
| First steps with GRASS | fr
|
GRASS GIS | Detailed installation of GRASS GIS under Windows and first steps with this free GIS for map creation using digital terrain models |
| Georeferenced digital cartography * Optimizing relief * SVG topography
|
fr
|
3DEM GRASS GIS Inkscape GIMP |
Map creation from digital data. A collection of tutorials for geographical, relief and topographic map creation using digital map data |
| Note: Inkscape, the convenient free vector editor used by most wikigraphists, can be downloaded here. | |||
Web tools
[edit]
ShareMap.org is community tool that allows creating map on Creative Commons (CC BY 3.0 ) license in SVG format. More information can be found here.
Map resources
[edit]| Hidden (old links to review for clean up) |
|---|
| The following discussion has been closed. Please do not modify it. |
|
Other
[edit]| Hidden (old links to review for clean up) | ||
|---|---|---|
| The following discussion has been closed. Please do not modify it. | ||
The overall category for working on maps is Category:Wikipedia maps. For categorized maps themselves see Category:Maps. See also the many resource and help links here:
When adding maps to articles, you have two options; you can add a separate map, or add a geo-referenced template that links to several maps depending on the reader's preference.
This page is a collection point for map resources for use in Wikipedia. The overall category for working on maps is Category:Wikipedia maps. See also Commons:Map resources. For categorized maps themselves see Category:Maps. To access all the subpages of WikiProject Maps go to Special:PrefixIndex/Wikipedia:WikiProject Maps. }} |