L'autre jour, je cherchais dans la librairie un guide des rues du comté de DuPage, dans l'Illinois, car ma petite amie y habite et a besoin d'un plan détaillé. Malheureusement, le seul groupe proche était celui du comté de Cook (comme celui-ci), qui ne comprend aucun comté de DuPage. En tant que personne avertie en informatique, j’ai décidé que je pouvais tout aussi bien en créer une en utilisant Google Maps et quelques autres programmes informatiques.

Remarque: ce projet utilise le contenu de Google Maps et je crois avoir donné des instructions qui permettent toujours à ce projet de tomber dans le cadre du "fair use". Je ne suis pas avocat, mais en supposant que vous n'allez pas vendre ces produits, je pense que cela devrait être légal.

Provisions:

Étape 1: Programmes nécessaires

J'ai utilisé les programmes suivants pour effectuer cette tâche. Malheureusement, certains d'entre eux ne sont pas des programmes open source et peuvent ne pas être accessibles à beaucoup. J'ai donc inclus une alternative open source, le cas échéant.

- Navigateur Internet Firefox (nécessaire pour utiliser un addon)

- Adobe Photoshop (ou le GIMP)

- PDFCreator

- Microsoft Word (ou OpenOffice)

Optionnel:

- Microsoft Excel (OpenOffice a aussi une alternative)

Étape 2: Matériaux et outils

Pour cela, vous aurez besoin des matériaux suivants:

- Papier blanc (20 lb standard fonctionnera, mais un lourd 24 ou 32 lb durera plus longtemps)

- (2) feuilles de papier cartonné blanc (papier 64 lb - encore une fois, 20 lb fonctionneront mais seront moins durables)

- Film de laminage (facultatif)

Vous aurez également besoin de ces outils:

- Imprimante (la couleur est la meilleure mais le noir et blanc fonctionnera)

- Machine à plastifier (facultatif)

- Ciseaux (si vous avez plastifié)

** Remarque sur l'imprimante: certaines imprimantes laser plus anciennes font un travail horrible d'impression d'images (j'ai un vieil appareil HP Laserjet 1100 qui est affreux - imprime le texte comme un charme cependant). Si vous avez l’imprimante assez longtemps, je suis sûr que vous savez si elle gère bien les images.

** Vous pouvez également imprimer et relier ce document dans un magasin Fedex Office ou similaire si vous ne souhaitez pas vous soucier de cette partie. Cela vous coûtera cependant. Les copies couleur ne sont pas bon marché.

Étape 3: Préparez la carte

J'avais déjà fait ce processus à la dure, c'est-à-dire utiliser Print Screen de Google Maps, coller dans Photoshop, rogner et refondre dans le grand fichier de carte, encore et encore, et encore, jusqu'à ce que je remplisse l'intégralité du bitmap. Heureusement pour moi, j'ai trouvé cette réponse sur Instructables qui m'a dirigé vers une jolie petite vidéo qui illustre le truc suivant qui tire parti de la fonction Google Maps Embed.

Vous devez d’abord télécharger et installer un complément Firefox appelé Screengrab. Vous devrez redémarrer le navigateur pour qu'il soit complètement installé, alors allez-y. Je serai là à ton retour.

(J'ai aussi récemment découvert un programme appelé "Google Map Buddy" qui effectue les prochaines étapes pour vous mais que je n'ai pas essayé).

Retour? D'accord, accédez maintenant à Google Maps et centrez la carte à un endroit qui vous convient (votre maison, votre appartement, votre lieu de travail, etc.). Ajustez le niveau de zoom en fonction du niveau de détail souhaité. J'ai trouvé que le 3ème ou le 4ème zoom le plus bas offrait un bon niveau de détail en affichant les noms de rue, mais sans perdre trop d'espace avec des détails superflus.

Étape 4: Obtenir la carte entière

Maintenant, regardez dans le coin supérieur droit de l'écran de Google Maps. Cliquez sur le bouton Lien, ce qui fera apparaître un menu similaire à celui de la première image. Copiez le contenu de la zone de texte "Coller le HTML à intégrer dans le site Web" et collez-le dans le Bloc-notes.

La première ligne est ce qui nous préoccupe. En regardant l'image, il a des entrées pour la largeur et la hauteur de la carte. De l’expérimentation, il semble que la plus grande taille de carte que Screengrab puisse économiser mesure environ 7 000 x 7 000 pixels. Ensuite, allez dans Fichier-> Enregistrer sous … et modifiez le menu déroulant sur Tous les fichiers afin de pouvoir l'enregistrer sous forme de fichier HTML (le mien était "map.html").

Cette prochaine étape prendra un certain temps alors soyez patient. Double-cliquez sur le fichier maps.html que vous venez de créer et laissez-le se charger complètement. En fonction de la vitesse de votre connexion Internet et de votre ordinateur, cela peut durer de quelques minutes à plus d'une heure (si vous avez un accès commuté, amusez-vous à attendre). Cliquez ensuite sur l’icône Screengrab dans le coin inférieur droit de l’écran et cliquez sur Enregistrer …-> Complet Page / Cadre … et enregistrez le fichier PNG à un endroit qui vous convient.

En fonction de la taille de la carte souhaitée, vous devrez peut-être répéter ce processus plusieurs fois. Je sais que je veux que le mien soit un peu plus grand que 7 000 pixels carrés, donc je devais le faire quelques fois de plus.

Étape 5: peaufiner la carte

Vous devriez maintenant avoir au moins un fichier PNG capturé à partir de Screengrab. Il est temps de les nettoyer. Ouvrez les fichiers PNG dans Photoshop et rognez les parties de l'écran comportant les boutons directionnels / zoom de la carte et les boutons situés dans le coin supérieur droit. Les informations de copyright en bas à droite et le logo Google doivent rester tels que définis dans les instructions de Google. Bien sûr, si vous les supprimez, je doute que Google connaisse la différence …

Si vous devez assembler plusieurs cartes, modifiez la taille de la zone de travail en sélectionnant Image-> Taille de la zone de travail … et en la modifiant à la valeur de votre choix.

Une fois que vous êtes satisfait de l'apparence de la carte, allez dans Image-> Taille de l'image … et décochez la case "Rééchantillonner l'image" et changez la résolution en 200 pixels / pouce. J'ai trouvé que c'était un bon équilibre entre qualité d'image et lisibilité, mais en fonction du niveau de zoom que vous avez choisi, vous souhaiterez peut-être modifier cette valeur.

Étape 6: Tranchez la carte

Nous allons maintenant utiliser l'outil Découper pour diviser la carte en fragments qui tiendront sur du papier de taille normale.

Temps pour un peu de maths. Mon image de carte est 12216 par 12713 pixels à 200 ppp. Si je veux que l'image dans la carte imprimée mesure 7,5 "sur 10,5" avec la même résolution, je dois créer des tranches de (7,5 x 200) sur (10,5 x 200) pixels ou de 1 500 sur 2 100 pixels. Prenant 12216/1500 = 8,14 et 12713/2100 = 6,05. Étant donné que ces nombres sont si proches de 8 et 6, j'ai décidé de réduire la taille de la carte à 12 000 sur 12 200, pour qu'elle contienne 8 tranches exactement.

Ensuite, j'ai divisé l'image de la carte d'origine en quatre parties égales, chacune de 6 000 sur 6 000, puis enregistré les quatre fichiers individuels. Vous verrez pourquoi à l'étape 7.

Sur chaque quart de la carte, j'ai divisé l'image en 4 tranches verticales et 3 horizontales. Sauvegardez après cela et passez à l'étape suivante.

Étape 7: Enregistrer chaque tranche

C'est la partie du projet où avoir un ordinateur avec du matériel robuste est définitivement un avantage et avoir un fichier de travail de taille adéquate, un must.

Afin de sauvegarder chaque tranche, nous devons malheureusement passer par l'option de sauvegarde "Enregistrer pour le Web et les périphériques". C'est excellent pour les fichiers image plus petits, comme on pourrait l'utiliser pour la conception de pages Web, mais lent pour les fichiers image volumineux. C'est pourquoi j'ai divisé ma carte originale en 4 morceaux. J'avais des erreurs de mémoire en essayant de sauvegarder le fichier de carte entier de 50 Mo en tranches et cela s'est beaucoup simplifié avec les quatre éléments de carte séparés.

Quoi qu'il en soit, commencez par passer à l'outil Sélection de tranche et assurez-vous que toutes vos tranches individuelles sont mises en surbrillance en jaune / orange en cliquant dessus avec la touche Maj. Cliquez ensuite sur Fichier-> Enregistrer pour le Web et les périphériques … Cela vous avertira probablement que cette fonction convient mieux aux fichiers image plus petits et peut entraîner des erreurs de mémoire et des performances ralenties. Cliquez sur Oui et attendez que l'image entière soit chargée - cela prendra probablement quelques minutes.

Changez l'option de sauvegarde en PNG-8, car cela créerait des fichiers plus petits et toujours de bonne qualité (les paramètres sont affichés dans la deuxième image). Assurez-vous que la taille de l'image est maintenue à 100%, puis cliquez sur Enregistrer. Dans la zone de sauvegarde, naviguez jusqu'au dossier dans lequel vous souhaitez enregistrer les tranches et assurez-vous que l'élément de menu déroulant "Toutes les tranches" est sélectionné, puis cliquez sur Enregistrer.

Je l'ai fait pour chacun des quatre morceaux de carte que j'ai séparés de l'original.

Étape 8: (Facultatif) Ajoutez l'échelle de distance à chaque page - Partie 1

Vous devriez maintenant avoir de nombreuses pages individuelles prêtes à être imprimées. Cette prochaine étape est complètement facultative, mais j'estime qu'une carte devrait avoir une échelle de référence pour être complète.

Avec Google Maps toujours ouvert et avec le même niveau de zoom que celui utilisé pour votre carte, regardez dans le coin inférieur gauche de la fenêtre de la carte. Il y a une échelle là-bas. Nous voulons utiliser cette échelle sur chaque page. Déplacez la carte jusqu'à ce que cette échelle ait un fond d'une couleur, comme sur la première image. Puis appuyez sur Impr écran, allez dans Photoshop, Fichier-> Nouveau, Ok et Coller. Cela va coller le contenu du presse-papiers sur le fichier. Puis rognez autour de l'échelle et zoomez comme dans la deuxième image.

À l'aide de l'outil Baguette magique, modifiez la tolérance à environ 20 et cliquez sur la couleur d'arrière-plan, qui sélectionne l'arrière-plan. Appuyez sur la touche Suppr pour le supprimer. Ensuite, Fichier-> Enregistrer pour le Web et les périphériques et enregistrez-le au format PNG-8 avec les mêmes paramètres qu'auparavant.

Étape 9: (Facultatif) Ajoutez l’échelle de distance à chaque page - Partie 2

Dans cette étape, nous allons créer une action personnalisée, puis traiter par lot les pages pour ajouter la balance.

Ouvrez une des pages. Ouvrez ensuite le menu Actions dans Photoshop et créez une nouvelle action appelée "Ajouter une échelle" ou quelque chose du genre. L'enregistrement commencera automatiquement alors procédez comme suit:

1.) Allez dans Image-> Mode et sélectionnez Couleur RVB

2.) Ouvrez le fichier scale.png que vous venez de créer

3.) Appuyez sur Ctrl + A pour tout sélectionner

4.) Appuyez sur Ctrl + C pour copier

5.) Appuyez sur Ctrl + W pour fermer

6.) Appuyez sur Ctrl + V pour coller dans la page de carte

7.) Maj + V pour déplacer l’échelle dans le coin inférieur gauche de la page de carte

8.) Changer le mode de fusion de la balance en Multiplier

9.) Ctrl + Maj + Alt + S pour enregistrer pour le Web au format PNG

10.) Ctrl + W pour fermer

Cliquez ensuite sur le bouton d'arrêt de la fenêtre Actions. Vous avez maintenant une action enregistrée qui automatisera l'ajout de la balance à chaque page lorsque nous traiterons maintenant par lots.

Maintenant, fermez toutes les fenêtres de Photoshop et allez dans Fichier-> Automatiser-> Lot … Cela fera apparaître le menu Lot avec un ensemble d’options. Assurez-vous que l'action que vous venez de créer est sélectionnée dans le premier menu déroulant. Puis changez le dossier source en celui de vos pages de carte. Ensuite, modifiez le dossier de destination à l'emplacement où vous souhaitez enregistrer les fichiers de sortie. Modifiez également les conventions de dénomination comme bon vous semble. Cliquez ensuite sur Ok et la commande batch fera l'affaire, vous laissant une échelle sur chaque page!

Étape 10: Importer dans Word et réorganiser

Ouvrez un document Word et modifiez la taille de la marge à 0,25 "haut et bas, 0,4" à gauche et 0,6 "à droite. Modifiez ensuite le menu déroulant de plusieurs pages en" Miroir des marges "pour conserver les mêmes marges lors de l'impression recto verso. Gardez l'orientation comme portrait.

Maintenant, pour cette partie suivante, repensez aux livres de cartes que vous avez vus dans le passé. Si vous regardez à la dernière page, la zone de la carte est généralement divisée en zones numérotées qui correspondent au numéro de page de cette section. C'est ce que nous allons faire maintenant.

Toutefois, si, comme moi, vous aviez scindé votre carte d'origine en plusieurs parties avant de la découper, il vous faudra faire quelques essais pour obtenir un ordre correct des images. Vous devrez prendre la rangée supérieure de la pièce en haut à gauche, les ajouter au fichier Word, puis la rangée supérieure de la pièce en haut à droite, puis la deuxième ligne de la pièce en haut à gauche, etc. De cette façon, les pages de carte sont toutes de gauche à droite et de haut en bas.

Ceci fait, ajoutez maintenant des numéros de page aux pages de la carte. Pour ce faire (en supposant que vous souhaitiez imprimer ce document recto verso), suivez cette procédure:

1.) Insérer-> Numéro de page-> Marge de page-> Vertical à droite

2.) Modifiez la distance en-tête / pied de page à 0"

3.) Cochez "Différentes pages impaires et paires"

4.) Cliquez dans l'espace d'en-tête de la deuxième page.

5.) Insérer-> Numéro de page-> Marge de page-> Vertical gauche

6.) Fermer l'en-tête et le pied de page

Désormais, chaque page a un numéro et lorsque vous l’imprimez en recto verso, les numéros de page se trouvent à l’extérieur de la page.

Allez-y et faites Fichier-> Imprimer et imprimez-le à PDFCreator. Maintenant, les morceaux de carte sont tous compilés, numérotés et prêts à être imprimés sur papier.

Étape 11: Créer une page d'index cartographique

C’est maintenant que nous créons la couverture arrière de la carte qui a des cases numérotées correspondant à chaque page du cahier de cartes.

Retournez à la vue Google Maps et effectuez un zoom arrière. Pour moi, j'ai trouvé qu'il était bon de faire un zoom arrière trois fois. Répétez l'opération comme à l'étape 3, mais réduisez la taille de l'image à 3000 x 3000 pixels. Ensuite, allez dans Photoshop et coupez-le aux mêmes limites que la grande carte originale.

Vous vous demandez peut-être pourquoi nous avons utilisé une nouvelle image pour l'index au lieu d'utiliser uniquement la carte de grande taille. La raison en est que la carte de grande taille est aussi détaillé, alors que nous n’avons besoin que d’un minimum de détails dans l’Index. Il ne devrait vraiment afficher que des villes, des noms d'autoroutes et des sites importants. En réalité, même au niveau de zoom que j'ai choisi pour le mien, il y a trop de détails, mais si j'avais été plus petit, la résolution aurait été trop petite pour une impression de qualité.

Créez maintenant un nouveau calque (vous devrez peut-être changer le mode en RVB si vous ouvrez un fichier PNG). Utilisez l'outil Pinceau pour et cliquez avec le bouton droit de la souris pour tracer une ligne droite du haut vers le bas de l'image. Ensuite, créez un nouveau calque et tracez une ligne de gauche à droite.

Maintenant, allez Image-> Taille de l'image et regardez les dimensions de l'image en pouces. La mienne mesure 21,233 "sur 22,108" et je dois mettre des lignes qui divisent l'image en 8 morceaux horizontalement et 6 morceaux verticalement, de sorte que chaque 21,233 / 8 = 2,654 "par 22,104 / 6 = 3,685" soit une intersection. Allez à Affichage-> Nouveau guide … et créez un nouveau guide vertical à 2.654 ". Créez ensuite un nouveau guide double, un troisième guide triple, etc. Faites de même pour les guides horizontaux, mais utilisez le 3.685 "comme espacement à la place. Copiez les lignes que vous venez de dessiner et déplacez-les vers les lignes guides. Ensuite, allez dans Affichage-> Effacer les guides pour vous en débarrasser.

Cette partie suivante est fastidieuse et je n’ai trouvé aucun moyen rapide de le faire. Créez un nouveau groupe appelé "Nombres" et créez un nouveau calque dans le groupe. Utilisez l'outil Texte et tapez un chiffre 1 dans la zone supérieure gauche. Ajustez le type et la taille de la police à quelque chose que vous jugez souhaitable. Copiez ensuite ce calque (Ctrl + J) comme vous le souhaitez, dans la première ligne, déplacez les zones de texte vers des zones différentes et modifiez les chiffres en conséquence. Copiez ensuite le groupe de nombres autant de fois que vous avez de lignes, déplacez le groupe et modifiez ces chiffres. Ensuite, sauvegardez pour le Web et enregistrez-le à nouveau au format PNG.

Étape 12: (Facultatif) Créer des pages en surbrillance

La plupart des livres de cartes comme celui-ci comportent des sections où ils mettent en évidence des zones de la carte qui nécessitent vraiment plus de détails pour être visualisées correctement. Malheureusement, le truc que nous avons expliqué à l'étape 4 ne fonctionne pas aussi bien ici: lorsque vous utilisez le code d'intégration, il supprime tous les noms des entreprises sur la carte et ne semble montrer que les bâtiments du gouvernement. Une petite contrariété mais assez facile à surmonter.

Au lieu d’ajuster le code intégré, nous allons simplement devoir faire des découpages et des collages dans Photoshop.

Commencez par zoomer sur le niveau de détail souhaité dans votre page de surbrillance. Je trouve que le deuxième ou troisième zoom le plus bas est bon. Ensuite, assurez-vous de cliquer sur la flèche pour réduire la barre latérale et vous donner la plus grande zone de carte visible à l'écran (voir la première image). Appuyez ensuite sur Impr écran pour capturer une image de l’ensemble de l’écran.

Pour cette partie suivante, vous pouvez effectuer une autre action ou le faire manuellement. Depuis que j'ai commencé à faire une action à l'étape 8, je vais simplement montrer les différentes choses que je fais pour enregistrer l'action.

0.) Créez un nouveau fichier d’environ 500 pixels plus large et plus haut que votre page de carte typique (les miens étaient de 1500 sur 2100 pixels, donc je l’ai fait de 2000 sur 2600) et assurez-vous de régler la résolution à 200 ppp.

1.) Effectuez la nouvelle action, appelez-la "Culture de Google Maps" ou quelque chose comme ça - l'enregistrement devrait commencer

2.) Ctrl + N

3.) Ctrl + V

4.) Utilisez l'outil Rectangle de sélection pour sélectionner la zone de la carte que vous souhaitez rogner.

5.) Ctrl + C

6.) Ctrl + W

(L’écran devrait maintenant se concentrer sur le nouveau fichier créé à l’étape 0)

7.) Ctrl + V

8.) Arrêtez l'enregistrement

Ensuite, il suffit de déplacer les différentes parties pour les aligner, rogner l’image à la bonne taille (1500 sur 2100 dans mon cas) et les enregistrer au format PNG.

N'oubliez pas non plus d'ajouter l'échelle, comme à l'étape 8, si vous le souhaitez.

Lorsque vous ajoutez ces éléments au fichier Word, veillez à ajouter une zone de texte qui identifie la zone en surbrillance. Cela peut être trouvé sous Insert-> Text Box. Faites cela au lieu de taper du texte normalement, car vous pouvez déplacer la zone de texte n’importe où sur la page sans altérer l’alignement de la carte.

Étape 13: (facultatif) créer une table des matières

Étant donné que vous disposez maintenant d'une page d'index cartographique qui vous dirigera vers une page spécifique, cette étape peut être visualisée de manière optionnelle. Cependant, j'estime qu'il serait avantageux de disposer d'une page répertoriant toutes les villes de la carte ainsi que d'autres points d'intérêt, tels que les arrêts de transports en commun, les hôpitaux, les centres commerciaux et autres.

Pour cette page, je viens de créer un nouveau document Word, je suis allé à Mise en page-> Colonnes et en ai fait une page à deux colonnes. A partir de là, j'ai créé un nouveau document Excel avec différents en-têtes répertoriant l'élément suivi d'un numéro de page. De cette façon, je pourrai revenir plus tard et trier par ordre alphabétique. Ensuite, je viens de copier / coller d'Excel dans Word et de manipuler la largeur du tableau et les bordures pour le rendre agréable. Voir l'image pour un exemple.

Cela implique une recherche dans les pages de carte et au moins une heure ou deux, mais je pense que cela en vaut la peine.

Étape 14: Créer la page de couverture

Pour la page de couverture, amusez-vous et soyez créatif. Je ne vous dirai pas exactement quoi faire, mais je vais vous donner quelques directives:

1.) Gardez la résolution sur quelque chose qui aura l'air bien imprimé (c'est-à-dire, au moins 200 ppp)

2.) Assurez-vous d'inclure le nom de la zone et l'état du sujet de la carte

3.) Une date de création pourrait ne pas être une mauvaise idée

4.) Si vous avez besoin de plus d’idées, consultez ce produit ou similaire

Ci-dessous ma couverture, juste pour vous donner une idée.

Étape 15: Imprimez-le

Pour que cette carte fonctionne vraiment bien et soit la plus simple à utiliser, l’impression couleur est la solution. Oui, c'est cher et oui, vous pouvez probablement imprimer gratuitement en noir et blanc dans votre école / votre lieu de travail / où que vous soyez, mais vous ne voulez pas que vos heures de travail y soient gaspillées par une mauvaise impression en niveaux de gris. ?

Mon école fait des tirages en couleurs pour 0,30 $ (eesh!), Ce que j'ai finalement fait puisque c'était le plus pratique pour moi. D'autres endroits comme Fedex Office ou d'autres imprimeries sont peut-être moins chers, mais cela dépend vraiment.

En ce qui concerne le type de papier, je choisirais un papier cartonné épais (64 lb est un bon choix) pour les couvertures de dessous et de dos et peut-être 24 lb ou 32 lb pour les pages intérieures. Du papier d'imprimante laser ordinaire de 20 lb conviendrait parfaitement, mais il ne sera pas aussi durable.

De plus, si vous avez accès à une machine à plastifier, il serait prudent de plastifier les couvertures finies. Ils dureront beaucoup plus longtemps si vous le faites.

Étape 16: Liez-le

Pour cette étape, vous avez deux options.

Pour la reliure la plus propre, la plus polyvalente et la plus utile, je voudrais la lier. De cette façon, il peut être ouvert comme un ordinateur portable et posé à plat. En outre, je sens que ces types de liaisons durent plus longtemps que les autres options. Fedex Office offre ce service moyennant des frais.

Pour le plus simple, perforez-le simplement avec trois trous et placez-le dans un classeur ou même avec des anneaux de reliure. Les reliures sont assez robustes mais peuvent prendre beaucoup de place. Les anneaux de reliure sont rapides et bon marché, mais s’arrachent très facilement.

Beaucoup d'entre vous connaissent peut-être Cerlox ou la reliure à peigne. Je pense que la plupart des écoles ont une de ces machines et que vous pouvez généralement le faire gratuitement. Je sais que toutes les écoles où je suis allé de la maternelle au collège en ont eu une.

Vous pouvez toujours le relier comme un cahier avec les pages pliées au centre ou cousues. C’est probablement, à mon avis, l’option la plus intensive en main-d’œuvre et un peu exagérée pour ce projet.

Étape 17: Terminé!

J'espère que tout s'est bien passé avec la reliure et que vous avez maintenant un carnet de cartes terminé! Donnez-vous une tape dans le dos et essayez de vous perdre. Ne dépassez pas les limites de votre carte et vous devriez être en mesure de retrouver votre chemin.

Le coût total de ce projet pour moi était de 21,30 dollars, dont 17,10 dollars en copies couleur. J'ai eu la chance d'obtenir gratuitement le papier et les pellicules à mon école et la reliure coûte 4,20 $. Ce prix se compare à ce que vous dépenseriez pour un produit professionnel tel que la carte du comté de Cook que j'ai mentionnée précédemment.

Si quelqu'un est intéressé par un PDF du Guide de la rue DuPage County que j'ai créé, envoyez-moi un MP. C'est un peu trop gros pour poster avec l'instructable.