Wikipedia:Graphics Lab/Resources/Tutorials: Difference between revisions

Revision as of 18:04, 22 January 2007

Latest revision as of 20:00, 14 April 2025

(67 intermediate revisions by 24 users not shown)

Line 1:

:'''''Note:''' For help with image creation and editing ask at [[Wikipedia:Graphic Lab/Map workshop]].''

Status: still under construction, not working.

{{Cleanup|date=November 2010}}

__NOTOC__

__TOC__

<div id=toc>

'''This page still under construction.'''. Please request map improvement in the [[Wikipedia:Graphic Lab/Images to improve|Wikipedia:Graphic Lab/Images to improve page]]<!-- You can help by reading this page, and by requesting maps or improved versions of pre-existing maps.

<br />I have now finish my work of translation and installation. As of 23:22, 9 December 2006 (UTC), I return to the french wiki : '''that's now to your english community to use this Graphic lab'''. -->[[User:Yug|Yug]] [[User talk:Yug|<small><font style="color:green;">(talk)</font></small>]] 23:22, 9 December 2006 (UTC)

</div>

<br />

[[fr:Wikipedia:Atelier graphique/Cartes]]

==Notes ==

<!--

;Current translation effort (fr-en)

Margin : exterior margin of the square. Ex: margin-right:0px;

Some map-related tutorials in the process of translation from French into English at :

Padding : enlarge the div. Ex: padding:7px 10px 3px 3px; (such as : top / right / bottom / left)

*[[User:JaneVannin/translations/topographic]] (80%)

-->

== Drawing tutorials ==

<!-- SECTION WELCOME -->

* [[Wikipedia:Graphic Lab/Resources/Starting Inkscape]]

<div style="display:block; border:1px solid #aaa; vertical-align:center; width:100%; background-color:#ffffff; margin-bottom:7px; padding-bottom:5px;">

* [[Wikipedia:Graphic Lab/Resources/PDF conversion to SVG|PDF conversion to SVG]]

<h2 style="background-color:#ccccff; text-align:center; font-weight:bold; color:white; margin-bottom:5px; padding:5px 3px 7px 3em; font-size:180%;"> Welcome to the Maps Lab! </h2>

* [[Wikipedia:Graphic Lab/Resources/PDF conversion to SVG/Adobe Illustrator|PDF conversion to SVG/Adobe Illustrator]]

<div style="padding-left:4px;padding-right:4px;vertical-align:top;">

French team have the following set of tutorials: [[:fr:Wikipédia:Atelier_graphique/Didacticiels_graphiques|French graphic tutorials]]. Translations welcome !

== Map tutorials ==

[[Image:BlankMap-World.png|right|300px|thumb|Former empty map, Wiki style with boundaries.]]

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 '''[[:commons:Category:SVG maps|SVG maps]]''', particularly '''[[:commons:Category:Location_maps_(2008_standard)|Location_maps (2008 standard)]]''' and their sub-pages. The [[Wikipedia:WikiProject Maps/Conventions|'''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.

[[Image:Internet connection rate 2000.png|right|300px|thumb|'''Internet connection rate in 2000''' showing the number of connections/10.000 people/country.]]

[[File:Battle Trebia-en.gif|thumb|right|200px|Demonstration of how an SVG map is built '''layer by layer''':<br />1.Valley; 2.Plain; 3.Hill; 4.Rivers; 5.Troops; 6.Moves; 7.Text; 8.Locator map; 9.Legend.]]

[[Image:Cetacea range map Harbour Porpoise.PNG|right|300px|thumb|''' Harbour Porpoise map''', showing its habitat.]]

[[File:Florida_topographic_map-en.svg|thumb|right|200px|[[Topographic]] map with English information on it. The level 2 tutorials on the left describe its creation.]]

<table align="center" style="background-color:#ffffcc;border-style:solid;border-color:grey;">

{| class="wikitable" width="70%"

<tr><th colspan=3 align=left>Wiki maps[[:commons:Map_resources|^]] :</th></tr>

! Page or file || fr || Software || Introduction

{{Color square|Oceans & Boundaries|#FFFFFF|or R:256 V:256 B:256}}

|-

{{Color square|Earth (background)|#C0C0C0|or R:192 V:192 B:192}}

! colspan="4" | Level 0 tutorials

{{Color square|Subject Text|#000000|or R:00 V:00 B:00}}

|-

{{Color square|Rivers and Coast|#27AAEA|or R:39 V:170 B:234}}

| [[Wikipedia:Graphic Lab/Resources/Change the colors of a country|Change the colors of a country]]

<tr><th colspan=3 align=left>Proposed area colors (Positive) :</th></tr>

| [[:fr:Wikipédia:Atelier graphique/Didacticiels cartographiques/Didacticiel pour modifier la couleur d'un pays|fr]]{{4/4 complete}}

{{Color square|Sixth area|#00005B|}}

| Inkscape

{{Color square|Fifth area|#000080|}}

| Quickly change the color of a zone already delimited on a map

{{Color square|Fourth area|#0000FF|}}

|-

{{Color square|Third area|#0080FF|}}

| [[Wikipedia:Graphic Lab/Resources/Modifying text|Translate an SVG]]

{{Color square|Second area|#78C0FF|}}

| [[:fr:Wikipédia:Atelier graphique/Didacticiels cartographiques/Didacticiel pour traduire une carte|fr]]{{3/4 complete}}

{{Color square|First area|#B3D9FF|}}

| Inkscape

<tr><th colspan=3 align=left>Wiki "No data/Neutral" area color :</th></tr>

| Translate or modify a map or diagram without redrawing it entirely (svg or bitmap)

{{Color square|No data area|#C0C0C0|}}

|-

<tr><th colspan=3 align=left>Proposed area colors (Negative) :</th></tr>

| [[Wikipedia:Graphic Lab/Resources/Copy a bitmap map into SVG|Copy a bitmap map into SVG]]

{{Color square|First area|#FFD9B3|}}

| [[:fr:Wikipédia:Atelier graphique/Didacticiels cartographiques/Didacticiel pour calquer une carte|fr]]{{3/4 complete}}

{{Color square|Second area|#FFC078|}}

| Inkscape

{{Color square|Third area|#FF8000|}}

| Copy a bitmap map into SVG

{{Color square|Fourth area|#FF0000|}}

|-

{{Color square|Fifth area|#800000|}}

| [[Wikipedia:Graphic Lab/Resources/Centre or crop an image|Centre or crop an image]]

{{Color square|Sixth area|#5B0000|}}

| [[:fr:Wikipédia:Atelier graphique/Didacticiels cartographiques/Didacticiel pour recentrer ou découper une carte ou une image|fr]]{{4/4 complete}}

<tr><th colspan=3 align=left>Biogeographical colors[[:commons:Category:Biogeographical_maps|^]] :</th></tr>

| Inkscape or The Gimp

{{Color square|Vegetal habitat|green|}}

| Centre or crop an image

{{Color square|Animals habitat[[:commons:Category:Animal_habitat_maps|^]]|#804000|}}

|-

{{Color square|Walking animals habitat|#??????|}}

! colspan="4" | Level 1 tutorials

{{Color square|Flying animals habitat|#??????| often pink.<!-- on several birds habita maps, the color is pink. Is it a common rule for Flying=> pink ? I really don't know. -->}}

|-

{{Color square|Swimming animals habitat|#0000FF|}}

| [[:media:Tutorial-cartography_(basic).svg]]

<tr><td colspan=3 align=left>Legend font to use : '''''Serif bold''''' (#C0C0C0). Keep a consistent legend. </td></tr>

| {{4/4 complete}}

</table>

| Inkscape

<br />

| Introduction to vector map making with Inkscape: download, open with Inkscape and follow the exercises

Wikipedia being widely a Blue/Grey/White website, the "Proposed area colors" (various blue; 1 grey ; white for ocean) have been chose to be a Wikipedia proud blue style.

|-

| [[Wikipedia:Graphic Lab/Resources/Create and color map zones|Create and color map zones]]

| [[:fr:Wikipédia:Atelier graphique/Didacticiels cartographiques/Didacticiel pour colorer une carte par 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.)

|-

| [[Wikipedia:Graphic Lab/Resources/Cut a map into several sub-areas|Cut a map into several sub-areas]]

| [[:fr:Wikipédia:Atelier graphique/Didacticiels cartographiques/Didacticiel pour découpage d'une carte en zones|fr]]{{2/4 complete}}

| Inkscape

| Cut a map into several sub-areas. (Should replace the preceding tutorial.)

|-

| [[Wikipedia:Graphic Lab/Resources/Draw roads and railroads|Draw roads and railroads]]

| [[:fr:Wikipédia:Atelier graphique/Didacticiels cartographiques/Didacticiel pour dessiner une route|fr]]{{4/4 complete}}

| Inkscape

| For roads, [[freeway]]s, [[railroad]]s, etc. Download and watch the English video.

|-

| [[Wikipedia:Graphic Lab/Resources/Draw topological maps|Draw topological maps]]

| [[:fr:Wikipédia:Atelier graphique/Didacticiels cartographiques/Didacticiel pour dessiner une ligne de métro|fr]]{{3/4 complete}}

| Inkscape

| Draw [[Rapid transit|subway]] line maps

|-

| [[Wikipedia:Graphic Lab/Resources/Draw a cartogram|Draw a cartogram]]

| [[:fr:Wikipédia:Atelier graphique/Didacticiels cartographiques/Didacticiel pour Cartogrammes|fr]]{{1/4 complete}}

| Scapetoad || Draw a [[cartogram]]

|-

! colspan="4" | Level 2 tutorials: [[topography]]<br />Creation of maps using [[geographical information system|GIS]] ([[:fr:système d'information géographique|fr:SIG]]) and [[digital elevation model|DEM]]

|-

| [[Wikipedia:Graphics_Lab/Resources/OpenJUMP/Create_a_general_map|Open JUMP GIS]]

|

| [[JUMP GIS|Open JUMP GIS]]

| Creating a general map with Open JUMP GIS

|-

| [[Wikipedia:Graphics Lab/Resources/QGIS/Get ready|QGIS lesson 0: Get ready]]

|

| [[QGIS]]

| Introduction to QGIS

|-

| [[Wikipedia:Graphic Lab/Resources/QGIS lesson 1: Create a topographic background|QGIS lesson 1: Create a topographic background]]

| [[:fr:Wikipédia:Atelier graphique/Didacticiels cartographiques/Didacticiel de création de carte avec QGIS|fr]]{{3/4 complete}}

| [[QGIS]]

| Introduction to QGIS, GIS technology, load GIS file into QGIS, edit the color style, output the topographic background.

|-

| [[Wikipedia:Graphic Lab/Resources/QGIS lesson 2: Merge tiles and Shaded reliefs|QGIS lesson 2: Merge tiles and Shaded reliefs]]

| [[:fr:Wikipédia:Atelier graphique/Didacticiels cartographiques/Didacticiel de création de carte avec QGIS|fr]]{{3/4 complete}}

| [[QGIS]]

| Introduction to QGIS, GIS technology, load GIS file into QGIS, edit the color style, output the topographic background.

|-

| [[Wikipedia:Graphic Lab/Resources/Calculate the scale of a map|Calculate the scale of a map]]

| [[:fr:Wikipédia:Atelier graphique/Didacticiels cartographiques/Didacticiel pour calculer l'échelle d'une carte|fr]]{{4/4 complete}}

| Néant

| Determine the scale of a map from the precision of its data

|-

| [[Wikipedia:Graphic Lab/Resources/First steps with GRASS|First steps with GRASS]]

| [[:fr:Wikipédia:Atelier graphique/Didacticiels cartographiques/Didacticiel d'installation de winGRASS GIS|fr]]{{4/4 complete}}

| [[GRASS GIS]]

| Detailed installation of [[GRASS GIS]] under [[Microsoft Windows|Windows]] and first steps with this [[free software|free]] [[geographical information system|GIS]] for map creation using [[digital terrain model]]s

|-

| [[User:JaneVannin/translations|Georeferenced digital cartography]]{{2/4 complete}}<br />* [[Wikipedia:Graphic Lab/Resources/Optimizing relief|Optimizing relief]]{{4/4 complete}}<br />* [[User:JaneVannin/translations/topographic|SVG topography]]{{3/4 complete}}

| [[:fr:Wikipédia:Atelier graphique/Didacticiels cartographiques/Didacticiels pour la cartographie numérique géoréférencée|fr]]{{4/4 complete}}

| 3DEM<br/>[[GRASS GIS]]<br/>[[Inkscape]]<br/>[[GIMP]]

| Map creation from digital data.<br />A collection of tutorials for geographical, relief and topographic map creation using digital map data

|-

| colspan="4" | '''Note:''' [[Inkscape]], the convenient free vector editor used by most wikigraphists, can be downloaded [http://inkscape.org/download here].

|}

==Web tools==

The '''Internet connection rate in 2000 map''' and its legend are the model for the project. As shown in the map, the legend within the Image (in grey #C0C0C0) is keep as small as possible: almost only numbers and the globally understood arrow symbol "⇒". Full legend and explanation have to be in the article or in the Image page, using the template '''<nowiki>{{Legend||}}</nowiki>''' : <small><nowiki>{{Legend|#0000FF|Swimming animals habitat}}</nowiki></small> {{Legend|#0000FF|Swimming animals habitat}}

[[File:Pony_Express_Route.svg|thumb|75px]] 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 [[commons:User:ShareMap|here]].

Note that maps should be created in the [[SVG]] format.

</div>

</div>

== Map resources ==

{{hat|Hidden (old links to review for clean up)}}

*[[:Category:Maps]] - to find categorized maps.

*[[:Category:Wikipedia maps]] - a work category concerning maps.

*[[commons:Commons:Map resources]] - links to map resources across various Wikimedia projects.

*[[commons:Category:Commons maps]] - a Commons work category concerning maps, templates, etc..

*[[commons:Commons:Project Mapmaking Wiki Standards]] — Mostly dead

*[[Wikipedia:Graphic Lab/Image workshop]]

*[[Wikipedia:WikiProject Maps#Participants]]

*[[Wikipedia:WikiProject Illustration]]

*[[:fr:Wikipédia:Atelier graphique/Cartes]] - Specific page of the French Graphic Lab for map creation or modification.

{{hab}}

<div id=toc>

'''This page still under construction.'''. Please request map improvement in the [[Wikipedia:Graphic Lab/Images to improve|Wikipedia:Graphic Lab/Images to improve page]]<!-- You can help by reading this page, and by requesting maps or improved versions of pre-existing maps.

<br />I have now finish my work of translation and installation. As of 23:22, 9 December 2006 (UTC), I return to the french wiki : '''that's now to your english community to use this Graphic lab'''. -->[[User:Yug|Yug]] [[User talk:Yug|<small><font style="color:green;">(talk)</font></small>]] 23:22, 9 December 2006 (UTC)

</div>

* two request moved to [[Wikipedia:Graphic Lab/Images to improve|Wikipedia:Graphic Lab/Images to improve page]].

== Map requestsOther ==

{{hat|Hidden (old links to review for clean up)}}

If you would like to request a map, please go to:

{{cleanup|project|date=November 2010}}

* [[Wikipedia:WikiProject Maps/Requested and orphan maps]] (you can edit this page directly)

The overall category for working on maps is '''[[:Category:Wikipedia maps]].''' For categorized maps themselves see '''[[:Category:Maps]].'''

or add the following category to your article:

* [[:Category:<categorytree>Wikipedia requested maps]]</categorytree>

See also the many resource and help links here:

If you are looking to help create maps, please visit either the [[Wikipedia:WikiProject Maps/Requested and orphan maps]] page, or the [[:Category:Wikipedia requested maps]] page. There are many open requests there.

* [[meta:Maps]]

* [[meta:Map generator]]

* [[meta:Geographical data]]

* [[:meta:Wikiatlas]]

* [[:Category:Maps]]

* [[:Category:Wikipedia maps]] - for map work, help, templates, etc..

* [[Portal:Atlas]]/ [[:commons:Atlas|Wikimedia Atlas]]

* [[Commons:Upload|Upload]], to upload your free work.

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.

;Blank resources

* [[commons:Commons:Map resources|Commons:Map resources]] - sources for maps, help, tools.

* [[Wikipedia:WikiProject Maps/Source materials|Source materials]] ({{blue|up to date?}})

* [[Wikipedia:Blank maps]]

* [[User:Brion VIBBER/Maps and images for Wikipedia]] ({{blue|out to date page, no longer needed}})

* [http://libre.redjar.org/maps/data/boundary/ Libre Map Project boundary maps] - Blank boundary maps for all 50 United States including state, county, and county subdivisions in PNG and SVG formats. ({{green|helpful}})

;See also

* [[Wikipedia:WikiProject Maps/Location|Location maps]] ({{green|2008 international recommendations for ___location maps}})

* [[Wikipedia:Wikipedians/Cartographers]] ({{color|orange|Table with ancient or current cartographers}})

;Help map makers

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:Commons:Map resources|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]].'''

}}

{{hab}}

[[fr:Wikipédia:Atelier_graphique/Didacticiels_graphiques|French graphic toturials]]

[[fr:Wikipédia:Atelier_graphique/Didacticiels_cartographiques]]

[[de:Wikipedia:Kartenwerkstatt]]

[[es:Wikiproyecto:Ilustración/Taller de Cartografía/Herramientas]]

[[Category:Wikipedia Graphics Lab|Maps]]