How å lage en gjennomsiktig Informasjon Graphic
Dette innlegget er en del av en serie kalt Design Essentials.Designing en skrifttype, med Illustrator og FontLab, fra start til slutt - Del 3Design en utskriftsklar Trekkspill Fold Document i Adobe InDesign

Denne opplæringen vil dekke de teknikkene som brukes til å lage gjennomsiktige informasjonsgrafikk. Du trenger en sterk kjennskap til Adobe Illustrator er Pen Tool til å fullføre denne opplæringen.

Final Bilde Forhåndsvisning

Her er den endelige effekten vi vil oppnå. Klikk på denne linken for en større versjon.

Trinn 1

Vi vil starte med å ta to bilder av et objekt. Det viktigste å vurdere når du velger emnet er at det er behov for å bli sett i to forskjellige stater. Bilen vil først ha dørene lukket, og deretter åpne. Bruk et stativ hvis du har en slik at begge bildene er tatt fra nøyaktig samme vinkel. Her er de første kildebildene jeg har tatt for denne opplæringen døren lukket image.

Trinn 2

Den andre bilder vil bli endret tilstand av objektet. Bilder tatt på et høyere oppløsning har en tendens til å fungere bedre, siden vi må zoome inn når vi tracing detaljer. Her er de første kildebildene jeg har tatt for denne opplæringen døren åpen image.

Trinn 3

Før vi sette vår bilde i Adobe Illustrator vi trenger å lag dem oppå hverandre i Photoshop og ganske enkelt fjerne den del av bildet, hvor de ikke er like. I dette tilfellet er det portområdet. Her er det redigerte lagdelte kildebildet.
.
Trinn 4

Effekten vi prøver å oppnå er en som viser en detalj av interiøret seter.

Trinn 5

Plasser bildet i Adobe Illustrator på sitt eget lag og låse lag. Bruk en lys farge når du sporer objektet slik at det er lett å se hva du gjør. Velg Pen Tool (P) og spore rundt hele objektet, for å etablere sin generelle form. Jo tynnere linje vekt, jo lettere er det å spore detaljer. Bruk om en 1 punkt linje vekt.

Trinn 6

Bruk ditt eget skjønn når man skal avgjøre hvor mange detaljer å legge til. For eksempel, når du sporer vindusviskerne jeg ikke fremheve alle detaljer.

Trinn 7

Følg figurer som best du kan, men de trenger ikke å være perfekt.

Trinn 8

Av og til slår fotografiet lag av slik at du kan se hvor mye fremgang du har gjort. Klikk på denne linken for en større versjon av bildet.

Trinn 9

Legg merke til at jeg ikke fylle hver eneste detalj når du tegner setene.

Trinn 10

Endene av alle linjene bør være sløv. Dette vil gjøre det lettere å gi figuren en ferdig utseende når vi kommer til det punktet.

Trinn 11

Når du er ferdig å spore alle figurene, kan du slå av fotografiet lag . Akkurat nå bilen ser ikke veldig imponerende, men det vil endre seg så snart vi legge linje variasjon. Linje variasjon gir illustrasjonen dybde og interesse. Du kan

Trinn 12

Hvis grunnformene ikke allerede legge linjen variasjon mens du tegner hver del av bilen, men jeg synes det er lettere å gjøre dette etter at alt er trukket. den tykkeste delen av illustrasjonen, velg dem og gi dem et par punkter tykkere vekt. Generelt vil din linje vekten varierer omtrent fire eller fem poeng for hele illustrasjonen.

Trinn 13

Igjen, linjer som skal være den tykkeste er linjer som er store former, linjer som skal synes nærmest betrakteren eller linjer som trenger å skille seg ut. Denne prosessen er en kombinasjon av kreativitet og logikk.

Trinn 14

Legg merke til variasjonen i tråd vekt mellom setene. Kantene av setene har tykkere linjer enn de andre delene.

Trinn 15

Se hvordan vinduene har en tynnere linje? Dette er fordi de er lenger borte fra betrakteren, eller bør ikke garner så mye oppmerksomhet.

Trinn 16

Her er hva illustrasjon vil se ut når du har de forskjellige linjetykkelser etablert. Betyr ikke det ser mye bedre? Sørg for at alle dine linjetykkelser er slik du vil ha dem fordi du ikke kan endre linjetykkelser etter dette neste trinn. Klikk på denne linken for en større versjon av bildet

Step 17

Velg alt og gå til toppen av skjermen, og velg Objekt >.; Utvid ... Når dialogboksen vises trykk på OK.

Trinn 18

Nå som alle våre linjer er utvidet vi kan rydde opp butte endene av våre linjer. Bruk Direct Selection Tool (hvit pil), velger du ett av punktene på slutten av en sløv linje, og dra den på toppen av poenget rett ved siden av den. Dette vil gjøre linjen ser koniske og ferdig

Trinn 19

De koniske linjene er også viktige fordi de forbedre en illusjon av å være i stand til ". Gjennomsiktig " en del av illustrasjonen til objektet nedenfor. En linje som ender rett ut antyder objektet har et hull skåret i den mens den koniske linje innebærer en gradvis endring.

Trinn 20

Gjenta denne prosessen for alle linjene i illustrasjonen som slutten brått.

Trinn 21

Legg merke til hvordan døra ser ut som det gradvis blir gjennomsiktig. Dette er fordi linjene smalne ned til et punkt.

Trinn 22

Legg litt farge bak navet i illustrasjonen. Det er enklest å legge fargen på sin egen lag.

Trinn 23

Legg til en gradient bak farge og sette det på sitt eget lag også. Stigningen vil gi inntrykk av dybde.

Trinn 24

Ta gjerne inkludere eventuelle symboler som er instruksjons, legger til illustrasjoner interesse dette. Pilen kan brukes til å skildre noen form for handling, som muligheten for setet for å bevege seg i bilen Det er ingen reell rim eller grunn for pilen her, så dette er bare et eksempel. Det gjør fylle negative rommet pent om
!
Step 25

Jeg har lagt til en subtil gradient bak bilen også, for å forankre bilen litt. Nøkkelen er å legge til dine gradienter i moderate mengder. Du ønsker å holde fokus på objektet ikke stigninger.

Trinn 26

Legg linjer, tall eller andre symboler som vil forbedre illustrasjonen. Disse bildeforklaringer blir brukt til å forklare detaljene du trenger å markere.

Final Bilde

Her er hva den ferdige illustrasjonen ser ut. Du kan bruke denne teknikken til mange objekter. Avhengig av hvilken effekt du går for, kan du ta tre eller fire bilder og lage flere lag med åpenhet. Bare få kreativ og ha det gøy! Klikk på denne linken for en større versjon av bildet nedenfor. Anmeldelser