producerer en informativ kort i perspektiv med illustrator... denne post er en del af en serie kaldet infographic design. interview med brad woodard - illustration, design, og infographicsquick tip: krydre deres figurer med kolonne design,,, hvad du vil være at skabe denne lektion, oprindeligt blev offentliggjort i november 2008, som tuts + præmie tutor.det er nu tilgængelig på.selv om denne forelæsning ikke gør brug af den seneste version af adobe illustrator, teknikker og processer, er stadig relevante.,, vi kommer til at illustrere et kort.et enkelt direktiv, men før vi går videre, må vi fastslå, hvorfor vi er der.der skal vi give det endelige produkt personlighed, flair, lidt liv.vi håber, at brugeren er draget ind i det, tiltrukket af det, og når vi har deres opmærksomhed, kan de bruge det.,, i udarbejdelsen af dette kort, er vi ikke kun der, men også udformningen af oplysninger, grafik, finde det gamle balance mellem form og funktion, en lille ansvarsfraskrivelse,,, som grundlag for mit kort, jeg vendte google earth lykkeligt, som mange screenshots, som jeg kunne lide.jeg sporede dem, der er omhandlet i stednavne, gade navne, service information osv. og det er ikke noget problem.jeg var selv i stand til at bruge billeder fra bidragydere vidt og bredt, der offentliggør deres skud på google earth via panoramio.men for at bruge disse billeder til webbaserede tutorials, jeg havde brug for at overholde visse retningslinjer, i overensstemmelse med deres fair use - politik, screenshots af google earth kan anvendes, så længe jeg er klart udtryk for deres logo og relevant ophavsret erklæring.for at fotografere, ville jeg have behov for tilladelse fra de enkelte fotografer, og derfor har jeg i denne bygning - - er min egen, men være klar over, at google earth panoramio giver glimrende image midler til projekter, som f.eks.,,,,, 1.beliggenhed, beliggenhed, beliggenhed, på grund af den kendsgerning, at jeg vil bruge mange af mine egne billeder, jeg har valgt et sted, jeg engang boede, brielle (en by nær rotterdam i syd - holland) som et emne.selvfølgelig, dit emne vil være dit eget valg, eller endnu bedre, at en klient kort.hvor kan det være, du får brug for så meget visuelle reference som muligt.,,,,, 2.fastlægge deres sammensætning, kan det være, at du er blevet bedt om at medtage visse egenskaber eller visse synspunkter eller har fået præcis det område, du skal fokusere på.samtidig med at beslutte, hvad din kort vil indeholde, og fra hvilken vinkel, det vil ses, prøv igen at overveje anvendeligheden.,, de fleste mennesker føler naturligvis godt se et kort med nord opad (vil jeg ikke engang begynde om, hvordan mænd og kvinder læser kortene anderledes!)det vil normalt være et godt udgangspunkt.men hvis denne vinkel, ser det ud, som om det nuværende udformning problemer som f.eks. vigtige veje tilsløres, ukendte synspunkter af betydelige, bygninger osv. prøv at dreje den opfattelse, lige fra nord.kortet vil omfatte et kompas, så lejer skulle ikke være for problematisk.,, nedenfor, er den del af brielle, som jeg har valgt at illustrere.nord er i øjeblikket opad.,,,,, 3.forbered dit kort billede, du har taget et skærmbillede, eller har du din antenne billede af emnet, så nu er det illustrator (, fil >,,) på en passende størrelse artboard (dette eksempel kan blive helt fint detaljeret, så arbejde stor).klik på det lag, der er i den, lag - panelet, give det et navn, lås det og bestemme, at alle billeder på lag bør dæmpes, 50% (eller hvor dim, du vælger).,,,,, 4.fastsætte en landingsbane, det er lige meget, hvor man begynder at trække dit kort.der er visse elementer, som du bliver nødt til at koncentrere os om, og som vil blive udsendt til de enkelte lag for forbedret arbejdsgang.jeg vil begynde med det på gaden, og så vil jeg se på grænser, vand, bygninger osv. bagefter.,, brug din pen redskab, og skabe enkle veje langs gaden centerlines.giv dem passende slagtilfælde vægte, som vist nedenfor.igen, for at gøre din kort informative og klart, at anvende et begrænset antal eller vægt.forsøge at etablere en standard, hvorved de vigtigste veje har en tykkelse af (for eksempel), 18 pkt., mindre veje har et indhold af 12 pkt., tilbage på gaden med en vægt på 8 pkt., og så videre.jeg har givet mine gader, en bleg skygge af,&#f7f4e8,.,,,,, 5.kurver, et andet sted, ville jeg anbefale dig holde ensartethed: kurver.under alle omstændigheder drage kurver på jeres gader i hånden, men ved at give alle gadehjørner samme kurver, du vil gøre dit eksempel lettere for øje., f.eks. i min tegning, der er en kirke, som har en lille vej rundt om det.jeg begyndte ved at trække et enkelt polygon med lige muligheder, og så gik jeg til virkninger > stylize > runde hjørner.i runde hjørner kan sige, jeg kom ind i en værdi af 4 mm, med virkning fra under, forpremiere for udvalgte.,, det alene var passende for de fleste af mine gadehjørner, så jeg kan anvende den på andre veje ved at udvælge dem, og vil, virkninger > anvende runde hjørner.afrundede hjørner af samme værdi blev derefter anvendt til, hvad jeg havde valgt.,,,,,,,, 6.jord, når du er tilfreds med gader, du har tegnet, tætheden af dem, deres tykkelse, kurver og farve, gøre deres lag usynlig og skabe en tredje lag.kald det "land" eller noget i den retning, og begynde at spore den jord, skitseres., i tilfælde af brielle, der er en betydelig mængde vand i form af en voldgrav. måske har du floder, har en kystlinje, eller måske er regioner, som ville være passende grænser.jeg har givet mit land en farve,&#e8e1b4,.,,,,, 7.kontrol af finhed under tegnet en grundlæggende ramme for landet, gør din gader lag synlig igen.som du kan se, i mit tilfælde gaden over vandet i to steder, og den jord, jeg har skrevet under ser ret scrappy.jeg ønsker nu at rydde op og sikre, at jorden løber parallelt med gaden på disse punkter.,,,,, 8.ryd op, få en kopi af en af de relevante gader og sæt det på din "land").gå til objekt > vej > udkast slagtilfælde,.,,,,,, gå nu, virkning > vej > udligne vej og få en værdi af deres valg (i mit tilfælde 3 mm).dernæst udvide det med hen til objekt > udvide udseende,.,,,,, anvende den direkte udvælgelse redskab, for at sikre, at ingen dele af jord er der stikker ud fra bag dette nyligt gjort street vej.,,,,,, stifinderens tilføje form, værktøj, kombinerer deres jord med den nye ting.først give den nye ting, den samme farve som land; den færdige genstand vil arve farven af det øverste bidrager objekt.,,,,, 9.sidste land, okay, tag et godt kig på deres jord og samlede gader, rydde op i en uensartet bidder, og sørge for, at det er en klar, ensartet og rydde op.nu kan du tilføje en sekundær jord elementer (kommuner, regioner, parker osv.), som har en lidt anden farve for at skelne mellem dem., i mit tilfælde jeg har fremhævet de vigtigste indkøb område og en park - området omkring kirken.kan du se, jeg har også skåret ud af kanalen fra min vigtigste land objekt.bagefter skal vi tilføje noget vand til at præcisere, hvad vi leder efter.,,,,, 10.oversvømmelse, indsættes et nyt lag under din grund lag og kalde det noget genkendeligt. "vand ", ville være et godt navn, det havde jeg ikke tænkt på, vel?tegne et rektangel, der dækker et areal, der er stort nok til at dække hele dit vand, og give det en passende blå farve (,Zc1d1, f.eks.,,,,, 11.etiketter, afhængigt af, hvad der er nødvendigt for deres kort, vil nu være et godt tidspunkt at tilføje nogle oplysninger.det er på ingen måde en forelæsning om google earth, men ved at kontrollere, veje, google earth, lag - panelet, du vil ikke blot understrege de veje, men deres navne.meget nyttig.disse oplysninger anvendes til at mærke dit eget kort.,,,,,,,, 12.hvor gaderne har ingen navn, begynde med at overlappe gaderne lag (af grunde, som vil blive klart) og kalder det "gade navne".lås din "gaden" lag for at undgå forvirring.tilsætning af gade navne kan blive lidt svært at få visuelt ikke første gang, vi tager til vertikalt plan kortet senere, og det kan få uforudsigelige resultater, især med en tekst, der skal være let læselige.,, vælge en skrifttype, som du tror, passende til din illustration skal dine valg være uhensigtsmæssigt, kan du ændre dem senere.jeg har brugt en modig handel gotisk, på grund af den kondenserede og læselig form.kan du se, at jeg har sat, sporing, 75, skal give større afstand mellem mine breve.,,,,, 13.tilsætning af gade navne, du bare kan vælge at skifte holdning din gade navne manuelt, men for ekstra fint kontrol er det tilrådeligt at anvende den type på vej værktøj.du har allerede de nødvendige veje, som du har kopieret gader, så vælg, type på vej, værktøj, klik på et af gader og indgå gadenavn.,,,,, 14.- på en sti muligheder, perfekt!ikke?nå, måske ikke.vi bliver nødt til at åbne den, type på vej, muligheder for at organisere tingene lidt.med dit navn på gaden tekst udvalgt til, type > type på vej > type på vej, muligheder,.,, jeg har haft til at vende den tekst, så er det ikke længere på hovedet (det har også ført til en tekst, der begynder på den modsatte ende af kanalen som det er rettet mod venstre).jeg har også tilpasset til, center, af vejen, at teksten løbe ned af vejen, herunder omkring hjørner.,,,,, 15.position mærket, endelig ved hjælp af den direkte udvælgelse værktøj, du kan holdning i deres tekst i retning af at trække håndgreb i begge ender.,,,,, 16.færdiggøre den gade navne, når du er færdig med at dømme alle gader, du har brug for, at slippe af med den overskydende kanaler, som ikke længere er nødvendige.vælg en af dem og at udvælge > samme > apopleksi farve.dette vil udvælge de gader, som du ikke har brug for at mærke.presse, slette, og du vil være tilbage med den gade navne på lag.giv dem, hvad farve klæder din tegning.jeg vælger et meget mørke blå (,ᯰd,), nice og modstridende, men ikke sort, som jeg prøver at undgå at anvende.,,,,, 17.bygning grundlag, åbne et nyt dokument, eller flytte til en del af din skærm, der er fri for rod, vi trækker et element, som du skal bruge flere gange.i det følgende skridt du tager, at bygning fodspor på kortet, men af grunde, som vil blive klart, at vi har brug for dem til at repræsentere den på.en simpel rektangel, opdelt i fire individuelle objekter, er, hvad vi er ude efter.gentage, hvad du ser, under anvendelse af, stifinder, panel, og gruppen de fire objekter sammen.,,,,, det er en meget enkel taget eksempel taget, og det kan godt være, at deres bygninger er mere kompliceret fodspor.i dette tilfælde vil du har brug for mere detaljerede taget form, som du må selv dømme.,,,,, 18.bygninger, skabe et nyt lag, og kalder det "bygninger".på den her, vi skal...tja, hvis du ikke kan finde ud af, hvad vi skal med denne lag, du har nok ikke nået så langt.få din "jord" og "vand" lag af usynlige, så de kan spore din skærmbillede igen.,, at vælge en passende synlige slagtilfælde farve til din bygning fodspor og begynde at placere de bygninger, de har brug for i position.to eksemplarer din tag for hver enkelt bygning, roterende og tilpasning, som er nødvendig.på dette punkt, de behøver ikke at være 100% perfekt i omfang, men prøv at vinkel dem korrekt i overensstemmelse med hvilken gade eller grænser, de løber parallelt med,.,,,,, 19.endelig 2d egenskaber, på dette punkt, vi har næsten afsluttet to elementer af vores kort.vil du have en anden mærkning, konturlinjer, elnet, ledere, eller andre elementer, så nu er det tid til at smide dem ud på din artboard.før jeg begynder at lege med dimensioner på mit kort, vil jeg et kompas med., viser din egen eller downloade peter rempel 'kompas rose skrifttype og installere det i dit system.denne skrifttype indeholder masser af kompasser for placering på dit kort.jeg valgte et simpelt, men funktionelle kompas rose symbol, placerede det på min artboard ved, hieroglyffer, panel (type > hieroglyffer,) og derefter omregnet til beskrives ved hjælp af type > skabe skitserer,.,,,,, at tilføje nogle breve, herunder et stort, n, n - på toppen, er alt jeg behøver at gøre for at give brugerne en retning.din kompas, et eller andet sted på kortet, og dens nøjagtige position er ikke vigtigt, fordi det kan besluttes senere.,,,,, 20.red!,, du har afsluttet alle dine 2d elementer, og derfor er deres grundlag er færdig.i de kommende skridt, vi kommer til at udføre opgaver, der fjerner nogle af redigering kapacitet fra deres eksempel, så er det en god idé at redde, hvad har du nu som en separat fil.hvis du har brug for at tilføje eller ændre noget i fremtiden, du kan altid vende tilbage til den oprindelige.gå til fil > medmindre, og ring til din fil "kort 2d grundlag" (eller lignende).,,,,, 21.få noget perspektiv, er vi nu målestok, hvad vi har gjort hidtil for at give os vores perspektiv, men faktisk, vil der ikke være nogen sand perspektiv i alt).vi er der til orientering, så vi vil ikke bruge en vanishing point som diagram her viser.hvis vi skulle bruge en vanishing point, bygninger og andre elementer bliver uklar, da de forsvandt ud i den afstand,.,,,,, 22.vectorize,, så det er i teorien, men før vi praktiserer det, er vi nødt til at sikre, at vi ikke vil få nogen mærkelige resultater.for det første, du kan slippe af med deres skærmbillede lag, fordi vi er færdige med at spore.for det andet, at vælge dine street veje og gå imod > vej > udkast slagtilfælde.endelig vælge din gade navne og gå, type > skabe skitserer.med alt nu tilstrækkeligt omdannet til genstande, kan du omfang kortet., at sørge for, at den er flyttet til den vinkel, du finder bedst egnet, lås alle lag, udvælge, (, command-a,) og gå imod > omdanne > målestok.vælger at vertikalt plan, til 60%, jeg har fundet, at dette er et passende beløb) og klik, ok,.,,,,, 23.byggesten, åbne et nyt dokument, og det sted, hvor den første lag nogle passende billeder af en af de valgte bygninger.i lag - egenskaber, vælge at tågede billeder, som vi gjorde med vores skærmbillede i begyndelsen af tutor.lås lag og skabe en anden en, som til at begynde at din bygning.,,,,, 24.tag det roligt, holde disse bygning tegninger simpelt.begynde med kvadratisk eller rektangulær form for at fastlægge de vigtigste områder, bliver alt godt og tilpasset, og anvende et begrænset farve palette.bygningen skal være genkendelige, men vi vil ikke have nogen unødige detaljer.,,,,, 25.foranstaltning 2 gange, stop engang, nu er du nødt til at vende tilbage til deres oprindelige tegning.dimensioner af din bygning er oprindelige fodaftryk (naturligvis, det er siden blevet trappet) vil bestemme dimensioner af din bygning er ansigter.i betragtning af, at de fodspor, kunne drejes, tegnkassen vil ikke give dig den rette dimensioner mere.i stedet, udvælge, måle, værktøj og foranstaltning (ret præcist) de pågældende to sider af bygningen, efter at klikke og trække deres foranstaltning værktøj, info, palet dukker op give dem alle relevante oplysninger om, hvad du laver.for, hvad du er måling af afstanden, henvises der til det, d - værdi (i dette tilfælde 12.991 mm, men vi kan godt kalde det 13 mm).,,,,, 26.- transform, med hver deres to (samlet) ansigter, brug, transformere, palet og omfang i forhold til det relevante mur dimension.når du har gjort både, sørg for, deres heights er lige.,,,,, 27.holdning, deres mure, okay, du har fundet en dimensioner af dine mure, som de vil blive i 2d - version af din tegning.gå tilbage til jeres skaleres version og få fat i en kopi af bygningens fodaftryk, du arbejder på.sæt det hvor du arbejder på din bygning, og holdning, din to vægge skylles med hinanden, de tilsvarende hjørner matchende sammen med de fodaftryk, som vist nedenfor.,,,,, 28.hældning, udvælge en af dine vægge.nu vælge frit ændre værktøj, klik på midten anker af muren kanter og kommando, drag.skrat væggene i sted langs de fodaftryk.det kræver et godt arbejde, men de kan justere og tilpasse, indtil du er glad for at det hele passer fint.,,,,, 29.- tag din vægge er i position.nu skal det blive klart, hvorfor vi valgte at skabe de fodaftryk elementer som hustage.vælg taget (låsning vægge, command-2, vil gøre det lettere) og med skift, holdt nede, trække det direkte opad, indtil det opfylder toppen af væggen.,, jeg har skiftet mening, skitsere, (, command-y,) for klart at se, hvor mine veje er.det er tilrådeligt at sikre, at alle jeres hjørner mødes ordentligt, og det gør også de følgende skridt lettere.,,,,, 30.beg, dit tag behov, beg, så den direkte udvælgelse værktøj, udvælger alle tilstødende central ophæng.enten bruger, pil nøgle, eller slæbe med mus, indtil dit tag, er nået op på den korrekte pitch.det er sandsynligt, at du vil være i stand til at se to eller tre taget står over for i deres oprindelige fire, afhængigt af hvor stejle taget er.farve og lås jeres mure.,,,,, 31.lad der være lys, nu er du nødt til at beslutte, hvor deres lyskilde.i mit tilfælde er lys, der kommer fra det nederste, venstre, venstre ansigter af mine bygninger vil blive oplyst, hvad der er på den anden side vil falde i skyggen.eksemplar (, command-c, den nødvendige genstande til den ene side af din bygning, pasta, i position (, command-f,) og slutte sig til dem med, stifinder, panel, giv dem en lyssky farve,Ωc6a og multiplicere gennemsigtighed.et lille stykke skygge på jorden (hvor det er relevant).kan du se, i dette tilfælde en anden del af taget, tilføjet bagefter og løber parallelt med de mindre af den ydre vægge.,,,,, gruppe bygningen sammen og sørge for, at det er korrekt placeret på kortet, fortrinsvis på et nyt lag i 3d, bygninger,.,,,,, 32.andre bygninger, i princippet, er den samme for alle bygninger:,,, udarbejde synlige vægge.,, foranstaltning unscaled fodaftryk dimensioner.,, gælder tilsvarende bredder din illustreret vægge.,, position vægge med skaleres fodaftryk.,, vrider mure for at matche fodaftryk og omfang horisontalt, som du gør, så tag, holdning..,, anvendes beg til taget.,, skygge på passende ansigt af bygge - og på jorden, position på kortet.,,, du er nødt til at fortsætte med deres bygninger.så du placerer dem på kortet, kan de komme med nogle andre spørgsmål.du kan se på billedet nedenfor, at mindst en af min gade navne skulle flyttes til at tillade en bygning, kan dette gøres ved blot at udvælge og sig, eller ved at ændre den oprindelige og gennemgå afskalning proces igen.du kan også se, at skyggen af en bygning falder mod disse former for oplysninger vil tilføje ægthed og jeres sidste tegning.,,,,, 33.3d, jord, lad os give os lidt af en 3d - mærke.en kopi af dit land form (, command-c,) og sæt det på plads (, command-f,) om et nyt lag.ryk nu bare det direkte nedad, enten med pilen nøgler eller din mus.,,,,, 34.polske op jorden, sørg for at din nye 3d jord kanter er mørk, end de eksisterende arealer, og så begynder neatening op i hjørnet.brug din pen redskab, at tilføje ophæng, hvor veje for at hæve eller sænke.,,,,, så brug jeres, stifinder, panel til at skabe ekstra dele, hvor der burde være skygge (i henhold til dit lys kilde).disse genstande, en passende grad mørkere.,,,,, 35.vi vil have...et buskads., (undskyld til dem, der aldrig har set monty python.) under alle omstændigheder, nu er et godt tidspunkt at begynde at dekorere deres kort.det grønne er en god måde at give dit kort nogle atmosfære, så gå ud og få nogle buske og træer.kan du huske, at du trækker bør være baseret på dets faste fodaftryk, forsegles vertikalt til 60%, ligesom de bygninger og kortet selv.,, fremsætte nogle forskellige ting og sprede det rundt om din kort (alle sammen...), om et nyt lag,,,,,,,,,,,, 36.nummer på, bør du skal identificere de bygninger eller områder på kortet, at tilføje nogle numeriske henvisninger, ville være en god idé.du kan gøre dette ved at sætte tal på samme måde som den gade navne; forseglet, og som, selv om de ligger på jorden.alternativt kan klar differentiering kan også være tilrådeligt.enkelt 2d kredse og tal vil gøre det let at identificere deres bygninger,.,,,,, 37.welkom!,, det er nederlandsk, men vi lægger den bare ned til ægthed., welkom i brielle, er typisk for den slags tegn, ville du se ind i enhver by eller landsby i holland, så vi kan tilføje et positivt signal til vores kort.det er meget vigtigt, at folk ved, hvad de leder efter.,,,,, fantastisk arbejde, er du færdig.,, der har bundet sammen alle elementer (plus et ubegrænset antal mulige andre elementer), vil du have en færdig kort.det kan altid blive redigeret i fremtiden, enten ved direkte redigering 3d - billede eller 2d - grundlag, som du reddede tidligere.om dit kort er en by, et rum eller et universitet, den teori, forbliver den samme.glem ikke; det er vigtigt, at oplysninger formidles hurtigt, logisk, attraktive, klart og tydeligt.jeg håber, du har det sjovt med den her!,,,,