72 302
modifications
Différences entre les versions de « Aide:Création de carte »
m
Modification de la dénomination de l'espace de nom "Image" en "Fichier".
m |
m (Modification de la dénomination de l'espace de nom "Image" en "Fichier".) |
||
| (4 versions intermédiaires par 2 utilisateurs non affichées) | |||
| Ligne 6 : | Ligne 6 : | ||
=== Téléchargement === | === Téléchargement === | ||
* [http://gwiki.fr/GWiki_map_path.zip Téléchargez-les ici]. | * [http://gwiki.fr/download/GWiki_map_path.zip Téléchargez-les ici]. | ||
Vous trouverez deux fichiers dans l'archive : | Vous trouverez deux fichiers dans l'archive : | ||
| Ligne 12 : | Ligne 12 : | ||
* <code>GWiki_map_path_scripts.atn</code> : il contient 2 scripts. | * <code>GWiki_map_path_scripts.atn</code> : il contient 2 scripts. | ||
=== Tailles des cartes === | |||
Avant de continuer, j'aimerais vous parler de la taille en pixel des cartes que vous allez créer puis importer : | |||
* Sur les articles de quêtes de GWiki, apparait un cadre en haut à droite avec la carte que vous avez importé. Nous avons décidé que les images qui apparaitront sur les pages auront un ratio de '''4/3'''. | |||
* Ce cadre, quoi qu'il arrive fera en sorte que la largeur de votre image soit de 340 pixels. Ce qui veut dire que si votre image est trop grande, elle sera réduite et donnera donc une miniature (ce qui est voulu). Mais si votre image est trop petite, le cadre va l'aggrandir et faire ce qu'on appelle une interpolation de pixels. En effet, il va créer de pixels qui se rapprocheront au mieux à l'image à partir des pixels déja existant. Bien sûr, il vaut mieux éviter celà. '''La taille minimum de nos cartes sera donc de 340 pixels en largeur et de 255 pixels en hauteur''' pour respecter la règle des '''4/3'''. | |||
* Pour éviter d'avoir des cartes trop grandes, nous avons choisi de '''limiter la taille maximum des cartes à 800*600'''. Il arrivera bien sûr qu'une quête aille au dela de cette limite. Dans ce cas, faites votre cadre comme il le faut, puis allez dans "Image" > "Taille de l'image" et redimensionnez votre image en '''800*600'''. | |||
Quelques astuces pour arriver à cadrer facilement et efficacement : | |||
* Dans les options de l'outil sélection, en haut de la page, commencez par choisir dans le menu déroulant "Taille fixe" et rentrez les valeurs "340px" en largeur et "255px" en hauteur. Faites votre cadre ainsi. | |||
* Si vous voyez que votre quête ne rentre pas dans le cadre, choisissez dans le menu déroulant "Ratio fixe" et rentrez les valeurs "4" en largeur et "3" en hauteur. Faites votre cadre, puis redimensionnez si la taille dépasse 800*600. | |||
* Derniere chose, si vous en avez la possibilité, n'hésitez pas à déplacer ou cacher des noms de ville. C'est quand même plus esthétique de ne rien avoir, ou d'avoir un nom de ville décalé, plutôt qu'il ne soit coupé par le cadre. Je pense que vous pouvez cacher le nom de la ville si la ville elle même n'apparait pas dans la carte. Pareil pour les noms des zones d'exploration que vous pouvez cacher si l'on ne passe même pas dedans. | |||
=== Installation === | === Installation === | ||
| Ligne 22 : | Ligne 35 : | ||
{| ALIGN="CENTER" | {| ALIGN="CENTER" | ||
|- | |- | ||
| [[ | | [[Fichier:Création de carte 1.jpg]] || [[Fichier:Création de carte 2.jpg]] | ||
|} | |} | ||
| Ligne 33 : | Ligne 46 : | ||
{| ALIGN="CENTER" | {| ALIGN="CENTER" | ||
|- | |- | ||
| [[ | | [[Fichier:Création de carte 3.jpg]] || [[Fichier:Création de carte 4.jpg]] || [[Fichier:Création de carte 5.jpg]] | ||
|} | |} | ||
| Ligne 42 : | Ligne 55 : | ||
{| ALIGN="CENTER" | {| ALIGN="CENTER" | ||
|- | |- | ||
| [[ | | [[Fichier:Création de carte 6.jpg]] || [[Fichier:Création de carte 8.jpg]] | ||
|} | |} | ||
| Ligne 50 : | Ligne 63 : | ||
{| ALIGN="CENTER" | {| ALIGN="CENTER" | ||
|- | |- | ||
| [[ | | [[Fichier:Création de carte 9.jpg]] || [[Fichier:Création de carte 11.jpg]] | ||
|} | |} | ||
| Ligne 56 : | Ligne 69 : | ||
Et voila le résultat, il ne vous reste plus qu'à ouvrir un fond de carte et à tracer un chemin. | Et voila le résultat, il ne vous reste plus qu'à ouvrir un fond de carte et à tracer un chemin. | ||
[[ | [[Fichier:Création de carte 12.jpg|center]] | ||
| Ligne 62 : | Ligne 75 : | ||
Ouvrez une carte capturée plus tôt (100% découverte, avec l'interface : icônes et noms de zone), puis placez votre curseur à l'endroit d'où vous voulez faire partir le tracé. | Ouvrez une carte capturée plus tôt (100% découverte, avec l'interface : icônes et noms de zone), puis placez votre curseur à l'endroit d'où vous voulez faire partir le tracé. | ||
[[ | [[Fichier:Création de carte 13.jpg|center]] | ||
| Ligne 69 : | Ligne 82 : | ||
Tout d'abord, sélectionnez l'outil "Plume". Dans la partie supérieure de la fenêtre de Photoshop, sous les menus, se trouvent différentes options pour l'outil sélectionné. Par défaut, l'outil "Plume" est en mode "Shape", c'est à dire qu'il va créer une forme pleine. Nous allons lui demander de créer un chemin, c'est à dire un tracé vide (un simple contour). Sélectionnez donc la deuxième option "Path". | Tout d'abord, sélectionnez l'outil "Plume". Dans la partie supérieure de la fenêtre de Photoshop, sous les menus, se trouvent différentes options pour l'outil sélectionné. Par défaut, l'outil "Plume" est en mode "Shape", c'est à dire qu'il va créer une forme pleine. Nous allons lui demander de créer un chemin, c'est à dire un tracé vide (un simple contour). Sélectionnez donc la deuxième option "Path". | ||
[[ | {| ALIGN="CENTER" | ||
|- | |||
| [[Fichier:Création de carte 14.jpg|Barre d'outils]] || [[Fichier:Création de carte 15.jpg|Mode "Shape"]] || [[Fichier:Création de carte 16.jpg|Mode "Contour"]] | |||
|} | |||
Créez | Créez votre chemin sur la carte en partant du départ à l'arrivée. Pensez à faire de belles courbes en maintenant la souris enfoncée au moment de poser un point d'ancrage pour créer une tangente. Si vous faites de simples clics, l'outil "Plume" fera des angles nets. Nous verrons plus tard comment modifier le tracé que vous avez fait. | ||
[[ | [[Fichier:Création de carte 17.jpg|center]] | ||
Et voila, vous avez le tracé jusqu'au premier objectif. | Et voila, vous avez le tracé jusqu'au premier objectif. Choisissez maintenant l'outil "Pinceau", faîtes un clic-droit et sélectionnez l'un des deux brushes importer (n'importe lequel, cela n'a pas d'importance) et appuyez sur le raccourci auquel vous avez assigné le premier script (ici <code>F2</code>) : le premier tracé est effectué. | ||
[[ | {| ALIGN="CENTER" | ||
|- | |||
| [[Fichier:Création de carte 18.jpg]] || [[Fichier:Création de carte 19.jpg]] | |||
|} | |||
Maintenant refaites un clic-droit avec l'outil "Pinceau" et choisissez l'autre brush. Puis appuyez sur le raccourci du deuxième script (ici F3) | Maintenant refaites un clic-droit avec l'outil "Pinceau" et choisissez l'autre brush. Puis appuyez sur le raccourci du deuxième script (ici <code>F3</code>) : votre tracé est terminé. | ||
[[ | {| ALIGN="CENTER" | ||
|- | |||
| [[Fichier:Création de carte 20.jpg]] || [[Fichier:Création de carte 21.jpg]] | |||
|} | |||
Vous remarquerez que le script a créé un nouveau calque dans lequel se trouve le tracé de votre quête. Vous pouvez aussi noter que le tracé de votre plume a été effacé. | Vous remarquerez que le script a créé un nouveau calque dans lequel se trouve le tracé de votre quête. Vous pouvez aussi noter que le tracé de votre plume a été effacé. | ||
On termine la quête en allant au point du second et ultime objectif. On refait donc exactement la même manipulation. Ici nous faisons partir mon chemin au niveau de mon premier virage avant le pont. | |||
[[ | [[Fichier:Création de carte 22.jpg|center]] | ||
Puis | Puis lançons les scripts. | ||
[[ | [[Fichier:Création de carte 23.jpg|center]] | ||
Le deuxième tracé se superpose le premier. Nous allons les faire fusionner. Pour cela, nous allons d'abord prendre l'outil "Gomme" et effacer la flèche du nouveau tracé qui est sur le premier. | |||
[[ | [[Fichier:Création de carte 24.jpg|center]] | ||
Ensuite, dans la fenêtre de calque, sur le calque du nouveau tracé se trouve un Effet représenté par une petite icône ronde avec un F | Ensuite, dans la fenêtre de calque, sur le calque du nouveau tracé se trouve un Effet représenté par une petite icône ronde avec un contenant la lettre "F". Prenez-le et faîtes le glisser dans la corbeille en bas à droite de la fenêtre de calques. Les contours du nouveau tracé vont disparaître. | ||
[[ | {| ALIGN="CENTER" | ||
|- | |||
| [[Fichier:Création de carte 25.jpg]] || [[Fichier:Création de carte 26.jpg]] | |||
|} | |||
Maintenant, vérifiez bien d'avoir vos calques dans le même ordre que moi, c'est à dire celui sans Effets au dessus de celui avec. Sélectionnez celui du dessus et utilisez le raccourci Ctrl+E qui va applatir le calque du dessus sur celui d'en dessous. Et le tour est joué. | Maintenant, vérifiez bien d'avoir vos calques dans le même ordre que moi, c'est à dire celui sans Effets au dessus de celui avec. Sélectionnez celui du dessus et utilisez le raccourci Ctrl+E qui va applatir le calque du dessus sur celui d'en dessous. Et le tour est joué. | ||
[[ | {| ALIGN="CENTER" | ||
|- | |||
| [[Fichier:Création de carte 27.jpg]] || [[Fichier:Création de carte 28.jpg]] | |||
|} | |||
Rajoutez enfin les étoiles d'objectif. Ici, une petite pour les objectifs intermédiaires, une grosse pour l'objectif final. Et colorez le nom de la zone concernée dans le même teinte de vert que le tracé. | |||
[[Fichier:Création de carte 29.jpg|center]] | |||
Dernière et ultime étape, recadrez l'image en utilisant l'outil "Sélection" pour lequel vous choisissez un ratio de 4/3. Sélectionnez la zone qui vous intéresse, puis faîtes "Image" -> "Rogner". | |||
[[Fichier:Création de carte 30.jpg|center]] | |||
Vous pouvez enfin sauvegarder votre image en .jpg en qualité 10 | Vous pouvez enfin sauvegarder votre image en <code>.jpg</code> en qualité 10. | ||
[[Catégorie:Aide]] | [[Catégorie:Aide]] | ||