fbpx

Faire sa propre carte géographique sur Photoshop

par Madame Oreille

Aujourd’­hui, je conti­nue le dos­sier scrap­boo­king numé­rique pour car­nets de voyage avec un petit tuto Pho­to­shop concer­nant les cartes.

C’est, à mon sens, un élé­ment indis­pen­sable : vous allez pro­ba­ble­ment évo­quer des lieux que per­sonne ne sait pla­cer sur une carte, et quand bien même ce ne serait pas le cas, c’est tou­jours sym­pa d’a­voir une idée des dis­tances entre votre lieu de rési­dence et les endroits du Monde que vous avez visités.

Vous allez, gros­so modo, avoir deux pos­si­bi­li­tés : faire un cro­quis simple mais juste, ou par­tir dans un truc un peu plus chia­dé. Per­son­nel­le­ment, j’aime bien les vieillir et les salir un peu, mais rien ne vous empêche d’i­ma­gi­ner quelque chose de dif­fé­rent, bien au contraire !

Ci-des­sus, vous avez donc une carte d’ex-You­go­sla­vie pour un petit périple de Bel­grade à Dubrov­nik, et une carte plus large pour visua­li­ser les dis­tances d’un voyage en trans­si­bé­rien. For­cé­ment, une carte a été plus rapide à faire que l’autre, mais c’est avant tout une ques­tion de choix gra­phique (et d’hu­meur, aus­si, avouons-le).
 

Prendre une référence

La pre­mière étape est d’ou­vrir un nou­veau docu­ment dans Pho­to­shop (bah oui). Pre­nez un for­mat A4, ce sera plus facile de réduire la carte au besoin que de l’a­gran­dir. Ensuite, il va fal­loir col­ler dedans une carte de réfé­rence (à moins de savoir des­si­ner les fron­tières ter­restres et océa­niques de tête ?). Per­son­nel­le­ment, j’u­ti­lise tout sim­ple­ment Google Maps, que je sais glo­ba­le­ment fiable sur ce point, et qui reste très pra­tique. Quelques copies d’é­cran plus tard, on obtient un patch­work moche mais à l’échelle.

Astuce : faire plu­sieurs cap­ture d’é­cran et les recol­ler dans Pho­to­shop pour une carte plus lisible et moins pixelisée.
 

La carte crayonnée

C’est donc la plus simple. Le but étant d’in­sis­ter sur un côté fait-main et de ne pas hési­ter à débor­der. Créez un nou­veau calque, au des­sus de votre carte de réfé­rence, et bais­sez-en l’o­pa­ci­té : vous allez « décalquer » !
Pre­nez le pin­ceau, assez fin, et c’est par­ti. Jouez avec le flux et/ou l’o­pa­ci­té pour plus de réalisme.

Si vous n’a­vez pas de tablette gra­phique, j’au­rais envie de vous conseiller de la faire sur papier pour la scan­ner, ce sera sans doute plus simple que de s’ar­ra­cher les che­veux à la souris.
Dans un pre­mier temps, vous obte­nez un truc simple, sur fond blanc. Essayez dès cette étape d’y mettre votre patte : votre propre écri­ture ou une écri­ture qu’on retrou­ve­ra dans le car­net, et tout ce qui peut rap­pe­ler que ça n’est pas un simple scan de livre de géographie.

Ensuite, il va fal­loir rajou­ter l’as­pect frois­sé, sali taché ou tout ce que vous vou­lez pour qu’on sente le papier, mais ça, je vous l’ex­plique après, car c’est com­mun aux deux types de cartes !
 

La carte plus « chiadée »

Bah ouais, com­ment défi­nir ces cartes ?

Donc, une fois la carte de réfé­rence posée, créez un nou­veau calque. Essayez de bien les nom­mer dès le départ, car ça risque de vite deve­nir com­pli­qué. Cette fois-ci, pas de pin­ceau, il va fal­loir être plus pré­cis : vous allez créer une série de tra­cés avec la plume, et à chaque fois faire un clic droit > « contour du tra­cé... » puis choi­sir « forme ». Pour faire ce trait, Pho­to­shop va se baser sur la taille de votre pin­ceau, donc réglez-le avant. Pour la cou­leur, vous pour­rez tou­jours la chan­ger plus tard.
Sur un calque infé­rieur, appo­sez la cou­leur (pro­fi­tez des tra­cés pour cli­quer sur « fond du tra­cé... » et rem­plir ain­si vos sélections)
 

 
C’est une étape qui prend du temps mais n’est pas com­pli­quée en soi. Vous pour­rez ensuite ajou­ter des let­trages, une échelle, une rose des vents... Bref, tout ce que peut vous ins­pi­rer un carte.

Puis vient le « vieillis­sage ». Vous allez avoir deux choses à connaître : les calques de réglages, et le filtre nuage. Pour la pre­mière, sou­ve­nez-vous, je vous en avais par­lé il y a long­temps lorsque je vous don­nais quelques astuces pour rendre un ciel plus bleu. Pour la seconde, le filtre nuage (filtre > ren­du >nuages) se base sur les deux cou­leurs de votre nuan­cier pour créer une tex­ture coton­neuse aléa­toire. Ain­si, si vous créez un calque de réglage (ci-des­sous entou­ré d’o­range) désa­tu­rant l’i­mage et appli­quez le filtre nuage sur le masque de celui-ci, l’i­mage se retrouve désa­tu­rée à cer­tains endroits. Si vous créez en plus des calques niveaux pour éclair­cir par endroits, en fon­cer ailleurs, en super­po­sant tout ça, vous obte­nez une usure irré­gu­lière sur la carte.



A vous de jouer sur les dif­fé­rents réglages, plus ou moins forts.
Ce même filtre « nuages » peut éga­le­ment s’ap­pli­quer sur les tra­cés (titrages, etc.), en appli­quant un masque de fusion à vos calques. N’hé­si­tez pas à mul­ti­plier les calques.
 

 
Pour la touche finale, pla­cez tous vos calques dans un groupe : c’est à lui que vous appli­que­rez un masque pour simu­ler le papier. Essayez de tra­cer le contour de votre carte avec le las­so (le nor­mal, pas le poly­go­nal) : en trem­blant, vous allez créer les irré­gu­la­ri­tés qui ren­dront l’en­semble réa­liste. Une fois satis­fait, créez un nou­veau calque vide à l’in­té­rieur du groupe, tout en haut : vous allez peindre en blanc des­sus. Lon­gez le bord, de façon com­plé­te­ment irré­gu­lière, pour simu­ler le papier déchi­ré. Une petite ombre, et voilà !

(Le Belge n’a pas tout com­pris, et il fait office de cobaye... N’hé­si­tez donc pas à poser vos ques­tions ; à vous, j’expliquerai !)

Et bien­tôt, dans le Super­mar­ché de Madame Oreille, des salis­sures et autres taches pour vieillir vos cartes !

Poursuivre la lecture vers un autre article..

34 commentaires

Pyrros 30 mars 2012 - 8:45

ça me semble com­pli­qué .. per­so j’u­ti­lise des fonds de carte que j’ai piqué à des profs de Géographie ... 

un peu de tor­ture sur PS et c’est bon ... 

Il y en a dis­po en fai­sant des recherche sur google et sur les site de prof ...

Répondre
Cynthia 30 mars 2012 - 9:56

J’ai tou­jours uti­li­sé illus­tra­tor pour faire des cartes mais dans un contexte plu­tôt aca­dé­mique. J’essaierai d’en des­si­ner une sur pho­to­shop juste pour voir 🙂

Répondre
Emeline 30 mars 2012 - 11:45

Je n’au­rais jamais pen­sé à faire ça, en tout cas, pas comme ça. Je ne voyage pas assez (bon, pas du tout) pour faire des cartes de mes périples, mais ça peut quand-même ser­vir pour d’autres choses : un pho­to-mon­tage quelconque.
Je compte bien faire quelque chose de tout ça, en tout cas. Quelque chose lié à mon amour pour mon pays d’a­dop­tion (la Fin­lande), certainement. 

Mer­ci beau­coup pour ce tuto­riel, et à bien­tôt pour le suivant 🙂

Répondre
Oreille 30 mars 2012 - 11:48

Pyr­ros : c’est long que com­pli­qué, en fait, mais c’est sûr que ça demande de la moti­va­tion ! Pour les cartes prises ailleurs, j’ai suf­fi­sam­ment râlé auprès de blo­gueurs me piquant les miennes, pour ne pas encou­ra­ger à la copie. Mais je ne sais pas ce qu’il en est quant au droit des cartes de géo basiques comme on en voit chez les profs...

Cyn­thia : c’est sûr que pour des cartes propres, c’est encore la meilleures façon de bos­ser. Au moins, pas d’his­toires de taille et de pixe­li­sa­tion. A la limite, au pour­rait ima­gi­ner faire la carte sur illus­tra­tor pour les tra­cés puis pas­ser sous pho­to­shop pour la simu­la­tion papier, et autres petits détails cen­sés lui confé­rer un « charme ».

Répondre
Oreille 30 mars 2012 - 13:12

Eme­line : déso­lée, je tapais ma réponse quand tu écri­vais.. Donc, mine de rien, une carte d’Eu­rope pour situer le pays, ou une carte plus pré­cise pour mon­trer les villes. Florent Cha­vouet en avait fait une superbe dans un style bien à lui : http://florentchavouet.blogspot.fr/2010/11/secrets-de-fabrication.html
C’est plus de l’illus­tra­tion que de la car­to­gra­phie, pour le coup, mais ça montre qu’on peut vrai­ment par­tir dans toutes les direc­tions avec une simple carte (oui, ceci est un jeu de mot assumé)

Répondre
Emeline 30 mars 2012 - 13:30

Ca m’a vrai­ment fait pen­ser que je n’ai pas tou­ché ma tablette gra­phique depuis bien trop long­temps, par manque d’ins­pi­ra­tion, et que je ferais bien un petit truc sym­pa dans ce style. J’ai déjà ten­té le décal­quage avec, mais rien de pal­pi­tant, là je suis déjà plus inspirée !
(C’est bien, faut tou­jours assu­mer ses jeux de mots :))

Répondre
Pyrros 31 mars 2012 - 9:13

Celui a qui je les ai prise ma dit qu’il n’y avait aucun soucis ...
Cer­taines sont dis­po sur wikimedia 

ce ne sont que des fonds de cartes les fron­tières d’une cartes à une autres doivent res­ter les même tout comme les fleuve ou l’emplacement des villes qu’il est dif­fi­cile de dépla­cer sauf à mal les placer. 

Tout le reste : titrage, colo­ri­sa­tion etc
c’est moi qui le fait ...

Répondre
lyse 1 avril 2012 - 15:26

épa­tant... mer­ci et bra­vo pour nous don­ner tes « trucs » et « astuces », c’est vrai­ment sympa...
et je sens que je vais devoir inves­tir dans une tablette (?) en as-tu une ? ça doit être très utile
dans cer­tains cas ?
je vais de ce pas m’es­sayer à la cartographie -

bon dimanche et bonne semaine

Répondre
Oreille 1 avril 2012 - 17:13

Eme­line : hé bien envoie un lien ici, quand tu auras fini 🙂

Pyr­ros : ah, ok ! Je ne pen­sais pas à des fonds de cartes com­plè­te­ment vierges, où ça va être dif­fi­cile de cla­mer des droits d’au­teurs en effet ^^ 

Lyse : per­son­nel­le­ment, je touche rare­ment une sou­ris ! Les tablettes ont pas mal d’a­van­tage : c’est meilleur pour le poi­gnet (quand on passe ses jour­nées sur ordi, c’est impor­tant), ça offre beau­coup plus de finesse en retouche pho­to avec la pres­sion du sty­let (chose qui n’existe pas avec une sou­ris) et c’est par­fait pour des­si­ner, écrire... J’ai une A5 (intuos 3, wacom, une vieille !), et c’est pile la taille parfaite !

Répondre
Conseils aux voyageurs 1 avril 2012 - 18:39

Per­so, pour trou­ver une carte, je tape le nom de la ville sur google sec­tion « image » puis récu­pé­rer la meilleur carte selon le type d’u­ti­li­sa­tion ou je prend celle de googlemap

Après j’u­ti­lise paint et trace la route que j’ai par­cou­ru, ça reste très ama­teur mais l’i­dée est la 😀

ça a l’air plus com­plique ce que tu pro­poses mais plus « pro »

Répondre
lyse 1 avril 2012 - 18:45

ton conseil pour les tablettes m’in­ter­pelle (quelque part...) et je viens de faire un tour chez Wacom ; évi­de­ment trop d’in­for­ma­tion tue l’in­for­ma­tion, j’ai vu que la fabri­ca­tion en est main­te­nant à intuos 5... bon on peut trou­ver des intuos 3 chez pix­ma­nia ou ailleurs, mais ma ques­tion est intuos ou bam­boo ou... ? cer­tains pri­vi­lé­gient la bam­boo pour débu­ter ! quid !

mer­ci de ton avis
bonne soirée

Répondre
tunimaal @ Blog Japon d'un Gaijin 2 avril 2012 - 5:31

Wouah c’est juste énorme ce que l’on peut faire. plus je te lis et plus je me dis que j’ai encore beau­coup, beau­coup, beau­coup, beau­coup de choses à apprendre. Il va vrai­ment fal­loir que je m’y mette très rapi­de­ment sur­tout que mon blog est à jour main­te­nant. Je vais pou­voir com­men­cer à appli­quer tes conseils, notam­ment sur les pho­tos et bien­tôt les cartes. Mer­ci en tout cas.

Répondre
Donlope 2 avril 2012 - 7:11

Très ins­truc­tif tout ça. Après, est ce que ça s’ap­plique aux cartes urbaines ? Là j’i­ma­gine que c’est un peu plus galère 🙂

Répondre
Bastien 2 avril 2012 - 16:45

Tiens c’est mar­rant, en lisant un de tes der­niers articles (celui sur le scrap­boo­king), je me suis deman­dé com­ment tu fai­sais ces cartes qui ont de la gueule comme ça.
Main­te­nant je le sais, et ça m’a l’air bien com­pli­qué pour moi ^^
En tous cas, ça en jette, j’es­saie­rai de le faire un de ces jours.

Répondre
Bastien 2 avril 2012 - 16:55

PS : Je viens de tes­ter, je VEUX une tablette gra­phique. Grrrr

Répondre
Oreille 2 avril 2012 - 21:36

Conseils aux voya­geurs : google images n’est pas une banque d’i­mages libres de droits...

lyse : oui, la mienne date un peu, mais l’a­van­tage c’est que la durée de vie d’une tablette est longue : si tu inves­tis dans une intuos 5, tu peux comp­ter sur elle pen­dant quelques années. Per­son­nel­le­ment, je n’aime pas trop l’i­dée de dépen­ser peu sous pré­texte qu’on débute : on se retrouve à ache­ter mieux plus tard, et ça revient plus cher. Cela étant, j’ai une bam­boo A6 de voyage, et c’est quand même fran­che­ment pas mal. Moins de finesse, certes, mais en pho­to c’est pas si grave (c’est plus pour les illus­tra­teurs). A toi de voir ce à quoi tu des­tines ta tablette !

Tuni­maals : et c’est simple, en plus 🙂

Don­lope : je n’ai jamais essayé, mais on doit pou­voir inven­ter des styles qui seraient mieux adap­tés aux cartes urbaines. Je citais le tra­vail de Florent Cha­vouet, un peu plus haut..

Bas­tien : aha­ha ! T’as trou­vé quel­qu’un pour t’en prê­ter une ? J’a­dore regar­der les gens qui essaient pour la pre­mière fois ^^

Répondre
Bastien 3 avril 2012 - 8:37

Non je n’ai trou­vé per­sonne qui en a une. Je vais peut-être lor­gner du côté du bon coin ou de la baie voir si ça se trouve ...

Répondre
lyse 4 avril 2012 - 11:00

je suis entiè­re­ment auto­di­dacte, donc je me limite volon­tai­re­ment (pour ne pas pas­ser trop de temps der­rière l’or­di) déjà apprendre pho­to­shop-ligh­troom-pre­mière... avec les tutos ... !
je ne fais que de la retouche pho­to, des albums, du scrap­boo­king (rien que pour le scrap. ça va bien m’ai­der !), etc... j’hé­site entre la bam­boo fun pen touch (medium) ou intuos 4 (S) ... ce n’est pas une ques­tion de dépense, sim­ple­ment je ne vou­drais pas me trom­per de modèle et de taille.

Répondre
Mélissa 4 avril 2012 - 23:36

Wow...Ca, c’est du tuyau, merci !
Même si je suis comme le Belge... Je n’ai pas tout com­pris. ;D mais tu as piqué ma curio­si­té et je vais ten­ter la chose ce week-end ! 😉

Répondre
Oreille 6 avril 2012 - 9:04

Bas­tien : au pire, en pre­nant une ver­sion pré­cé­dente, ça ne doit pas être trop cher

lyse : pour le modèle, intuos est for­cé­ment mieux : beau­coup plus sen­sible. Pour la taille, ça dépend de toi : est-ce que tu aimes don­ner de grands coups de sty­lo ? je trouve que A5 est vrai­ment le par­fait com­pro­mis : pas trop grand sur le bureau (on peut encore atteindre le cla­vier), ni trop petit.

Mélis­sa : si t’es blo­quée, reviens poser tes ques­tions ici 🙂 (faut être devant le logi­ciel pour suivre, je pense)

Répondre
oreli 6 avril 2012 - 19:35

chouette ce tuto, même si j’ai bien peur que ça ne soit un peu com­pli­qué pour moi... mais bon, je garde l’i­dée du calque « nuage »...et au fait, com­ment fais-tu pour don­ner l’ef­fet « page pliée »??

Répondre
Oreille 6 avril 2012 - 21:23

Ore­li : je trou­vais ça un peu trop com­pli­qué à expli­quer à l’é­crit, mais en gros tu crées deux calques de réglages de niveaux (un qui éclair­cit, un qui assom­brit), et tu des­sines les ombres et les zones plus lumi­neuses pour for­mer les volumes. Il fau­drait que je fasses des tutos vidéos ^^

Répondre
Charline 11 avril 2012 - 8:30

J’ai réus­si!!
Bon, j’ai mis du temps à maî­tri­ser la plume, j’ai lais­sé tom­ber l’ef­fet « papier plié » et l’é­chelle, mais le résul­tat me convient ! Mer­ci beaucoup!!

Répondre
Oreille 11 avril 2012 - 16:59

Char­line : ah, je veux voir le résul­tat, alors !

Répondre
@nomad_artist 11 avril 2012 - 17:38

Mer­ci pour cet excellent tuto ! Bon j’y ai pas­sé l’a­près-midi mais je suis blo­quée à la der­nière étape : rendre l’ef­fet papier déchi­ré... Alors c’est ma tablette qui prend!! Je m’y remets !

Répondre
Oreille 12 avril 2012 - 8:10

Nomad_artist : bon, je vais essayer de pré­pa­rer un tuto com­plet sur l’ef­fet plié / déchiré !

Répondre
Cuisine 13 avril 2012 - 9:51

Le ren­du est vrai­ment sympa !
Mer­ci pour les explications !

Répondre
Sam 5 mai 2012 - 6:56

Sur wiki­pe­dia on trouve pas mal de cartes sous licence Crea­tice Com­mon et au for­mat svg. Il est donc pos­sible de les retra­vailler direc­te­ment dans un logi­ciel de des­sin vec­to­riel ou même d’im­por­ter cer­tains tra­cés sous Gimp (pour évi­ter de les refaire à la main).

Répondre
Mael 13 mai 2012 - 21:30

Bon­jour,

Après un voyage au Royaume-Uni, j’ai sou­hai­té réa­li­ser un car­net de voyage mais sur ordi­na­teur. Je me suis un peu ren­sei­gné sur inter­net et je suis tom­bé sur ton site. For­mi­dable ! C’est exac­te­ment ce que je vou­lais. Bra­vo pour ce blog et vos oeuvres !
Mais mal­heu­re­se­ment je ne suis que débu­tant dans ce domaine et tout cela me parait bien com­pli­qué. Pho­to­shop et un logi­ciel que je ne pos­sède pas, il est trop cher de toute façon. Ce n’est pas avec un bud­get d’a­do­les­cent que l’on peut se le procurer.
Alors je me deman­dais s’il était pos­sible de réa­li­ser tout cela sur d’autres logi­ciels que pho­to­shop. Je pos­sède Corel paint­shop pho­to pro x3. Je ne le connais pas encore très bien (mais ça, ça peut chan­ger...). Serai-ce pos­sible d’en faire de même ?

Répondre
Oreille 15 mai 2012 - 8:16

Mael : en fait, il faut juste un logi­ciel qui per­mette d’a­voir plu­sieurs calques, après, tout est décli­nable ! Bon courage !

Répondre
Alcaline 10 novembre 2012 - 10:27

Bon­jour,
J’ai trou­vé ce site de cartes gra­tuites et pro­po­sant dif­fé­rents niveaux d’in­for­ma­tion qui est une bonne alter­na­tive aux cartes google.
http://d‑maps.com/index.php?lang=fr

Répondre
Ali12 7 janvier 2013 - 19:44

Très sym­pa ces cartes !! Je vais essayer de ce pas. Mais j’ai une ques­tion, quel est la police d’é­cri­ture que tu as uti­li­sé pour les villes des USA ?

Répondre
Emmanuelle 3 novembre 2014 - 4:23

Bon­jour Madame Oreille, 

Je sais que le post date un peu mais les tutos sont tou­jours d’ac­tua­li­té !! J’ai deux petites ques­tions (dont une qui avait été posée mais pas de réponses de ta part, je sais que tu as main­te­nant beau­coup de sol­li­ci­ta­tions ; mais au cas où je rede­mande) quelle(s) police(s) d’écriture(s) uti­lise-tu pour les cartes ? Et où est ce que tu trouves « nord et échelle » type vieilles cartes.

Belle conti­nua­tion.

Emma

Répondre
les hauts de france 22 novembre 2019 - 20:35

Bon­jour, il n y a pas des modeles de carte de France et du Monde comme des brush pho­to­shop, je cherche après

Répondre

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.