Lav en kortbog ved hjælp af Google Maps: 17 trin (med billeder)

Lav en kortbog ved hjælp af Google Maps: 17 trin (med billeder)

Indholdsfortegnelse:

Anonim

Den anden dag kigger jeg på boghandlen for en Street Guide til DuPage County, IL, da min kæreste lever der og har brug for et detaljeret gadekort. Desværre var den eneste, de havde, der var tæt, en til Cook County (som denne), som ikke indeholder nogen af ​​DuPage County. At være den computer savvy person, jeg er, besluttede jeg, at jeg lige så nemt kunne lave en ved hjælp af Google Maps og et par andre computerprogrammer.

Bemærk: Dette projekt gør brug af indholdet af Google Maps, og jeg mener, at jeg har givet anvisninger, der stadig tillader dette projekt falder under paraplyen af ​​"fair use". Jeg er ingen advokat, men hvis du antager, at du ikke sælger disse, mener jeg, at dette burde være lovligt.

forsyninger:

Trin 1: Nødvendige programmer

Jeg brugte følgende programmer til at fuldføre denne opgave. Nogle af disse er ikke open source-programmer, desværre og kan ikke være tilgængelige for mange, så jeg har inkluderet et open source-alternativ, hvis det er relevant.

- Firefox internet browser (brug for at bruge en Addon)

- Adobe Photoshop (eller GIMP)

- PDFCreator

- Microsoft Word (eller OpenOffice)

Valgfri:

- Microsoft Excel (OpenOffice har også et alternativ)

Trin 2: Materialer og værktøjer

Til dette skal du bruge følgende materialer:

- Hvidpapir (regelmæssig 20 pund vil arbejde, men tung 24 eller 32 pund vil vare længere)

- (2) ark hvid karton (64 lb.papir - igen, 20 lb. vil arbejde, men være mindre holdbart)

- Lamineringsfilm (valgfri)

Du skal også bruge disse værktøjer:

- Printer (farve er bedst, men sort / hvid vil fungere)

- Laminering maskine (valgfri)

- Sakse (hvis du lamineret)

** En note på printeren - nogle ældre laserprintere gør et forfærdeligt job med udskrivning af billeder (jeg har en gammel HP Laserjet 1100, der er forfærdelig ved det - udskriver tekst som en charme selv). Hvis du har haft printeren længe nok, er jeg sikker på, at du ved, om det håndterer billederne godt eller ej.

** Du kan også have dette trykt og bundet på en Fedex Office butik eller lignende, hvis du ikke ønsker at bekymre dig om den del. Det koster dig selv. Farvekopier er ikke billige.

Trin 3: Klargør kortet

Jeg havde gjort denne proces på den hårde måde - det vil sige ved at bruge Print Screen fra Google Maps, indsætte i Photoshop, beskære og sende til den store kortfil over og over og over og videre, indtil jeg fyldte hele bitmap. Heldig for mig fandt jeg dette svar på instruktører, der pegede mig på en nifty lille video, der illustrerede det følgende trick, der udnytter Google Maps Embed-funktionen.

Først skal du downloade og installere en Firefox Addon kaldet Screengrab. Du skal genstarte browseren for at den kan installeres fuldt ud, så fortsæt og gør det. Jeg kommer her, når du kommer tilbage.

(Jeg har også for nylig opdaget et program kaldet "Google Map Buddy", der gør de næste par trin til dig, men har ikke prøvet det).

Tilbage? Ok, nu navigere til Google Maps og centrere kortet på et sted, der passer dig (dit hus, lejlighed, arbejdsplads osv.). Juster zoomniveauet til det detaljeringsniveau, du ønsker. Jeg fandt den tredje eller fjerde laveste zoom for at være et godt detaljeringsniveau ved at vise gadenavne, men ikke spild for meget plads med fremmed detaljer.

Trin 4: Hent hele kortet

Se nu i øverste højre hjørne af Google Maps-skærmen. Klik på link knappen, som vil oprette en menu som den i det første billede. Kopier indholdet af tekstfeltet "Indsæt HTML til embed i websitet" og indsæt det i Notepad.

Den første linje er, hvad vi er bekymrede for. Ser man på billedet, har det input til kortets bredde og højde. Fra eksperimenter synes det at være den største kortstørrelse, som Screengrab kan gemme, er omkring 7000x7000 pixels så skyde for det. Gå derefter til Fil-> Gem som … og skift drop-menuen til Alle filer, så du kan gemme den som en HTML-fil (min var "map.html").

Dette næste skridt vil tage et stykke tid, så vær tålmodig. Dobbeltklik på din nyoprettede maps.html-fil, og lad den blive indlæst helt. Afhængigt af hastigheden af ​​din internetforbindelse og din computer kan dette tage overalt fra et par minutter til over en time (hvis du har opkald, har det sjovt at vente). Klik derefter på Screengrab-ikonet nederst til højre på skærmen, og gem derefter …-> Komplet side / ramme … og gem PNG-filen, hvor som helst, praktisk.

Afhængigt af størrelsen af ​​det kort, du ønsker, kan du blive nødt til at gentage denne proces et par gange. Jeg ved, at jeg vil have min til at være lidt større end 7000 pixel firkant, så jeg måtte gøre dette nogle få gange.

Trin 5: Gem kortet

Nu skal du have mindst en PNG-fil fanget fra Screengrab. Tid til at rydde dem op. Åbn PNG-filerne i Photoshop og afskær de dele af skærmen, der har kortretningsknapperne / zoom og knapperne øverst til højre. Oplysningerne om ophavsret til nederst til højre og Google-logoet skal forblive i henhold til Googles tilladelsesretningslinjer. Selvfølgelig, hvis du fjerner dem, tvivler jeg på, at Google vil kende forskellen …

Hvis du har brug for at stikke flere kort sammen, skal du ændre lærredstørrelsen ved at gå til Image-> Canvas Size … og ændre den til den værdi, du ønsker.

Når du er tilfreds med den måde, kortet ser ud, skal du gå til Image-> Image Size … og fjerne markeringen "Resample Image" og ændre opløsningen til 200 pixels / inch. Jeg fandt det for at være en god balance mellem billedkvalitet og læsbarhed, men afhængigt af zoomniveauet du valgte, ville du måske ønske at ændre denne værdi.

Trin 6: Skær kortet

Nu skal vi bruge skiveværktøjet til at opdele kortet i klumper, der passer til almindeligt papir.

Tid til lidt matematik. Mit kortbillede er 12216 ved 12713 pixels ved 200 ppi. Hvis jeg vil have billedet på det udskrevne kort til at være 7,5 "ved 10,5" i samme opløsning, skal jeg lave skiver, der er (7,5 x 200) med (10,5 x 200) pixels eller 1500 ved 2100 pixels. Under 12216/1500 = 8,14 og 12713/2100 = 6,05. Da disse tal er så tæt på 8 og 6, besluttede jeg at beskære kortbilledet ned til 12000 ved 12600 for at passe præcis 8 af 6 skiver.

Derefter splittede jeg det oprindelige kortbillede i fire lige stykker, hver 6000 ved 6300, og gemte de fire individuelle filer. Du vil se hvorfor i trin 7.

På hver fjerde af kortet deler jeg billedet i 4 lodrette og 3 vandrette skiver. Gem efter dette og fortsæt til næste trin.

Trin 7: Gem hver skive

Dette er den del af projektet, hvor man har en computer med kødig hardware, er absolut et plus, og det er et must at have en tilstrækkelig stor scratch-fil.

For at gemme hver enkelt skive skal vi desværre gå gennem indstillingen "Gem til web og enheder". Dette er fantastisk til mindre billedfiler, som man kan bruge til webside design, men langsomt for store billedfiler. Derfor deler jeg mit originale kort i 4 stykker. Jeg fik hukommelsesfejl ved at forsøge at gemme hele 50 MB kortfilen i skiver, og det gik meget lettere med de fire separate kortstykker.

Alligevel skal du først skifte til Slice Select Tool og sørge for, at alle dine individuelle skiver er markeret i gul / orange ved at skubbe på dem. Gå derefter til File-> Save for Web & Devices … Det vil nok give dig en advarsel om, at denne funktion er bedre egnet til mindre billedfiler og kan resultere i hukommelsesfejl og langsom ydeevne. Klik ja og vent på, at hele billedet skal indlæses - det tager nok et par minutter.

Skift indstillingen Gem til PNG-8, da det gør mindre filer, der stadig har god kvalitet (indstillinger vises i det andet billede). Sørg for, at billedstørrelsen holdes til 100%, og tryk derefter på Gem. I afkrydsningsfeltet skal du bladre til den mappe, du vil gemme skiverne til og være sikker på, at menupunktet "Alle skiver" er valgt, og klik derefter på Gem.

Det gjorde jeg for hver af de fire stykker kort, jeg splittede fra originalen.

Trin 8: (Valgfrit) Tilføj afstandskala til hver side - Del 1

På nuværende tidspunkt skal du have mange individuelle sider, der er klar til at blive udskrevet. Dette næste trin er helt valgfrit, men jeg mener, at et kort skal have en referencegrundlag for at være komplet.

Med Google Maps stadig åben og på samme zoomniveau som du brugte til dit kort, skal du kigge i nederste venstre hjørne af kortvinduet. Der er en skala der. Vi ønsker at bruge denne skala på hver side. Flyt kortet rundt, indtil den skala har en baggrund af en farve bag den, som i det første billede. Tryk derefter på Print Screen, gå ind i Photoshop, File-> New, Ok og Paste. Dette vil indsætte indholdet af klippebordet på filen. Derefter skære rundt på skalaen og zoome ind som i det andet billede.

Ved hjælp af Magic Wand-værktøjet skal du ændre tolerancen til noget som 20 og klikke på baggrundsfarven, som vælger baggrunden. Tryk på Delete-tasten for at fjerne den. Derefter Fil-> Gem til web og enheder og gem det som en PNG-8 med de samme indstillinger som før.

Trin 9: (Valgfrit) Tilføj afstandskala til hver side - Del 2

I dette trin vil vi lave en brugerdefineret handling og derefter batchbehandle siderne for at tilføje skalaen.

Åbn et af siderne. Derefter åbner menuen Handlinger i Photoshop og opretter en ny handling kaldet "Add Scale" eller noget lignende. Det begynder automatisk optagelse, så gør følgende ting:

1.) Gå til Image-> Mode og vælg RGB Color

2.) Åbn den scale.png fil, du netop har lavet

3.) Tryk Ctrl + A for at vælge alle

4.) Tryk Ctrl + C for at kopiere

5.) Tryk Ctrl + W for at lukke

6.) Tryk Ctrl + V for at indsætte i kortsiden

7.) Skift + V for at flytte skalaen til nederste venstre hjørne af kortsiden

8.) Skift blandingsfunktionen på skalaen til Multiply

9.) Ctrl + Skift + Alt + S for at gemme til web som PNG

10.) Ctrl + W for at lukke

Tryk derefter på stopknappen i vinduet Handlinger. Du har nu gemt en handling, der automatiserer tilføjelsen af ​​skalaen til hver side, når vi nu batchproces.

Luk nu alle vinduerne i Photoshop og gå til File-> Automate-> Batch … Dette vil hente Batch-menuen med et sæt indstillinger. Sørg for, at den handling, du netop har oprettet, er valgt i den første drop-menu. Skift derefter kildemappen til den på dine kortsider. Derefter skal du ændre destinationsmappen til, hvor du vil gemme outputfilerne. Skift også navngivningskonventionerne til det, du finder passende. Derefter klikker Ok og batch-kommandoen vil gøre dens ting, så du får en skala på hver side!

Trin 10: Import til Word og omorganisere

Åbn et Word-dokument og skift marginstørrelsen til 0,25 "øverst og nederst, 0,4" venstre og 0,6 "til højre. Skift derefter drop-menuen på flere sider til" Mirror-marginer "for at holde margenerne ens, når du udskriver dobbeltsidet. Hold orienteringen som portræt.

Nu for denne næste del, tænk tilbage til de kortbøger, du har set tidligere. Hvis du ser på bagsiden, har de normalt kortområdet opdelt i nummererede felter, der falder sammen med sidens nummer på den pågældende sektion. Det er det, vi skal gøre nu.

Men hvis du som du havde splittet dit originale kort i adskilte stykker, før du skar det, skal du lave nogle fanangling for at få ordren af ​​billederne rigtigt. Du skal tage den øverste række øverst til venstre, tilføj dem til Word-filen, derefter øverste række øverst til højre, derefter den anden række i øverste venstre del og så videre. På denne måde er kortsiderne alle venstre til højre og top til bund.

Det gøres, nu tilføj sidetal til kortets sider. For at gøre dette (forudsat at du vil udskrive denne dobbeltsidede) skal du følge denne procedure:

1.) Indsæt-> Sidetal-> Side Margen-> Lodret Højre

2.) Skift mellemhoved / fodfodtsafstand til 0"

3.) Check "Forskellige ulige og lige sider"

4.) Klik i overskriftsområdet på den anden side

5.) Indsæt-> Sidetal-> Side Margen-> Lodret Venstre

6.) Luk hoved og footer

Nu har hver side et nummer, og når du udskriver det dobbeltsidet, vil sidetal være på ydersiden af ​​siden.

Gå videre og lav fil-> Udskriv og udskriv det til PDFCreator. Kortene er nu samlet, nummereret og klar til at udskrive til papir.

Trin 11: Opret kortindeksside

Nu er det, når vi opretter bagsiden af ​​kortet, der har nummererede felter svarende til hver side i kortbogen.

Gå tilbage til Google Maps-visningen og zoom lidt ud. For mig fandt jeg ud af at zoome ud tre gange var godt. Gør derefter igen som vi gjorde i Trin 3, men gør billedstørrelsen noget som 3000 med 3000 pixel. Så gå ind i Photoshop og beskær den ned til de samme grænser som det oprindelige store kort.

Du kan måske undre sig over, hvorfor vi brugte et nyt billede til indekset i stedet for bare at bruge det store kort. Årsagen er, at det store kort er også detaljeret, mens vi kun har brug for minimal detaljer i indekset. Det bør virkelig kun vise ting som byer, motorvejsnavne og store vartegn. I virkeligheden, selv på det zoomniveau, jeg valgte for min, er der for meget detaljer, men hvis jeg var gået mindre, ville opløsningen have været for lille til en kvalitetsprint.

Opret nu et nyt lag (du skal muligvis ændre tilstanden til RGB, hvis du åbner en PNG). Brug børsteværktøjet til og skift-klik for at tegne en lige linje fra toppen af ​​billedet til bunden. Dernæst lav et nyt lag og lav en linje fra venstre mod højre.

Gå nu Image-> Billedstørrelse og tag et kig på billedets dimensioner i tommer. Mine er 21.233 "ved 22.108" og jeg skal sætte linjer opdelingen i 8 stykker vandret og 6 stykker lodret, så hver 21.233 / 8 = 2.654 "ved 22.108 / 6 = 3.685" bør være et kryds. Gå til Vis-> Ny vejledning … og lav en ny vertikal vejledning på 2.654. ​​Så lav en ny guide ved dobbelt så, en tredje vejledning ved tredobbelt osv. Gør det samme for de vandrette guider, men brug den 3.685 "som en afstand i stedet. Kopier de linjer, du lige har tegnet, og flyt dem til styrelinierne. Gå derefter Vis-> Ryd vejledninger for at slippe af med dem.

Denne næste del er kedelig, og der er virkelig ingen hurtig måde at gøre det, jeg har fundet. Lav en ny gruppe kaldet "Numbers" og lav et nyt lag i gruppen. Brug tekstværktøjet og skriv et nummer 1 i den øverste venstre boks. Juster skrifttypen og størrelsen til noget, du finder ønskeligt. Derefter kopieres det lag (Ctrl + J) som helst, da du har bokse i første række, flytter tekstbokse til forskellige felter, og ændrer tallene i overensstemmelse hermed. Derefter kopieres Numbers-gruppen så mange gange, som du har rækker, flytter gruppen og ændrer disse tal. Derefter Gem for web og gem det igen som en PNG.

Trin 12: (Valgfrit) Lav fremhæve sider

De fleste kortbøger som denne har sektioner, hvor de fremhæver områder af kortet, der virkelig har brug for flere detaljer, der skal ses korrekt. Desværre virker det trick, vi gik over i trin 4, lige så godt her - når du bruger embed-koden, fjerner den alle navnene på virksomhederne på kortet og synes kun at vise offentlige bygninger. En lille irritation, men temmelig let at overvinde.

I stedet for at justere embed-koden skal vi bare lave nogle klip og indsætte i Photoshop.

Først zoom til det detaljeringsniveau, du vil have på din fremhævningsside. Jeg finder den anden eller tredje laveste zoom at være god. Derefter skal du sørge for at klikke på pilen for at minimere sidebjælken og give dig selv det største kortområde, der er synligt på skærmen (se det første billede). Tryk derefter på Print Screen for at fange et billede af hele skærmen.

For denne næste del kan du enten lave en anden handling eller gøre det på den manuelle måde. Siden jeg gik over at lave en handling i trin 8, vil jeg bare vise de enkelte ting, jeg optager handlingen.

0.) Lav en ny fil, der er omkring 500 pixel bredere og højere end din typiske kortside (minen var 1500 ved 2100 pixel, så jeg lavede den 2000 ved 2600) og sørg for at sætte opløsningen til 200 ppi.

1.) Lav den nye handling, kald den "Google Maps Crop" eller noget lignende - optagelsen skal starte

2.) Ctrl + N

3.) Ctrl + V

4.) Brug markørværktøjet til at vælge det område på kortet, du vil beskære

5.) Ctrl + C

6.) Ctrl + W

(skærmen skal nu fokuseres på den nye fil, du lavede i trin 0)

7.) Ctrl + V

8.) Stop optagelse

Så er det en simpel opgave at flytte de forskellige dele, så de alle står op, beskær billedet til den rigtige størrelse (1500 ved 2100 i mit tilfælde) og gemmer som en PNG.

Glem også at tilføje skalaen som i trin 8, hvis du vil.

Når du tilføjer disse til Word-filen, skal du sørge for at tilføje en tekstboks, der markerer det fremhævede område. Det findes under Indsæt-> Tekstboks. Gør dette i stedet for at skrive tekst normalt, da du kan flytte tekstboksen overalt på siden uden at ødelægge kortstykkejusteringen.

Trin 13: (Valgfrit) Opret en indholdsfortegnelse

Da du nu har en kortindeksside, der vil pege på en bestemt side, kan dette trin ses som valgfrit. Jeg føler dog, at det ville være gavnligt at have en side, der indekserer alle byer og byer i kortet samt andre interessepunkter, som f.eks. Masseforsendelsesstop, hospitaler, indkøbscentre og andre.

På denne side lavede jeg bare et nyt Word-dokument, gik til Side Layout-> Kolonner og lavede det til en to kolonne side. Herfra lavede jeg et nyt Excel-dokument med forskellige overskrifter, der angav varen efterfulgt af et sidetal. På denne måde kan jeg gå tilbage senere og sortere alfabetisk. Derefter skar og klipper jeg lige fra Excel til Word og fiddlede med bordets bredde og grænser for at få det til at se godt ud. Se billedet til et eksempel.

Dette indebærer nogle søgninger gennem kortsiderne og mindst en time eller to gange, men jeg synes det er det værd.

Trin 14: Opret forsiden

For forsiden skal du have det sjovt og være kreativ. Jeg vil ikke fortælle dig præcis hvad jeg skal gøre, men jeg vil give nogle retningslinjer:

1.) Hold opløsningen til noget, der ser godt ud (dvs. mindst 200 ppi)

2.) Sørg for at inkludere områdenavnet og tilstanden på kortemnet

3.) En oprettelsesdato er måske ikke en dårlig idé

4.) Hvis du har brug for flere ideer, skal du kontakte dette produkt eller lignende

Nedenfor er min cover, bare for at give dig en ide.

Trin 15: Udskriv det

For at dette kort skal fungere rigtigt godt og være det nemmeste at bruge, er farveprint absolut den rigtige vej. Ja, det er dyrt og ja, du kan sikkert udskrive gratis i sort / hvid på din skole / arbejdsplads / hvor som helst, men du vil ikke have dine arbejdstimer sat ind i dette for at blive spildt af et skummelt gråtonetryk. ?

Min skole udskriver farve for $ 0.30 (eesh!), Hvilket er den måde, jeg endte med at gå, da det var det mest bekvemme for mig. Andre steder som Fedex Office eller andre trykkerier kan være billigere, men det afhænger virkelig.

Hvad angår papirtype, ville jeg gå med en tyk karton (64 lb er et godt valg) til forsiden og bagsiden og måske 24 lb eller 32 lb for indersiderne. Regelmæssigt 20 lb. laserprinterpapir ville være fint for hele sagen, men det vil ikke være så holdbart.

Også, hvis du har adgang til en laminering maskine, ville det være forsigtigt at laminere de færdige for- og bagbeklædning. De vil vare så meget længere, hvis du gør det.

Trin 16: Indbind det

Til dette trin har du et par muligheder.

For den reneste udseende, mest alsidige og mest nyttige bindende mulighed, ville jeg spole binde det. På den måde kan den åbnes som en notesbog og lægges helt fladt. Jeg føler også, at disse typer bindinger varer længere end andre muligheder. Fedex Office gør denne service til et gebyr.

For den nemmeste, simpelthen tre-hullers slag og sæt den i et bindemiddel, eller endda med bindende ringe. Bindemidler er ret hårdføre, men kan tage meget plads. Bindende ringe er hurtige og billige, men vil uden tvivl rive meget let ud.

Mange af jer kan også være bekendt med Cerlox eller kam binding. Jeg tror, ​​at de fleste skoler har en af ​​disse maskiner, og du kan normalt gøre det gratis. Jeg ved hver skole, jeg har været i fra børnehave til college har haft en.

Du kan altid binde det som et hæfte med siderne foldet i midten eller syet. Dette er nok den mest arbejdskrævende af mulighederne og lidt overkill for dette projekt, efter min mening.

Trin 17: Færdig!

Forhåbentlig gik alt glat med bindingen, og du har nu en færdig kortbog! Giv dig selv et klapp på bagsiden og prøv at gå tabt - bare gå ikke ud over grænserne på dit kort, og du skal kunne finde vej tilbage.

De samlede omkostninger for dette projekt for mig var 21,30 dollar, hvoraf 17,10 dollar var farvekopierne. Jeg var heldig nok til at få papir og laminer gratis på min skole og spolen bindende koster 4,20 dollar. Denne pris sammenligner med hvad du ville bruge på et professionelt produkt som Cook County-kortet, jeg tidligere nævnte.

Hvis nogen er interesseret i en PDF fra DuPage County Street Guide, lavede jeg, send mig en PM. Det er lidt for stort til at poste med instruktøren.