Tegning med figurer i Adobe InDesign

Gary Houlder / Getty Images

Visst, du kan lage alle vektortegningene som vises i annonsen nedenfor ved å bruke Illustrator eller annen grafikkprogramvare - men du kan også gjøre det helt i InDesign. Følg med og vi vil lede deg gjennom hvordan du lager funky blomster, en lavalampe og mye mer for en perfekt 60-tallsinspirert reklame.

01 av 08

Ta InDesign tilbake til sekstitallet

Lifewire

' id='mntl-sc-block-image_2-0-1' />

Lifewire

De viktigste verktøyene som brukes til å tegne alle disse illustrasjonene er:

• Verktøy for rektangel, ellipse, polygonform
• Konverter retningspunktverktøy (under Pen Tool Flyout)
• Verktøy for direkte valg (hvit pil i verktøylinjen)
• Stifinner

For å fullføre illustrasjonene vil du også bruke Fyll/Strek-verktøyene til å fargelegge figurene og Transformeringsverktøyene for å skalere og rotere.

Tekst og layout

Denne opplæringen dekker ikke tekstdelene av denne annonsen, men her er noen ting du kanskje vil vite hvis du vil prøve å gjenskape noen av utseendene.

Skrifter:

• Overskrift: Godterunde BTN
• Butikknavn (Bell Bottom Thrift) i Bell Bottom Laser (veldig apropos) og Calibri
• Annet kopi: Berlin Sans FB
• Kartetiketter: Basic Sans SF

Teksteffekter:

• Bell Bottom har en grunnleggende Indre avfasningseffekt
• Early Bird Sales-kopien har en enkel Drop Shadow-effekt

Oppsett:

• 3p marger rundt (InDesign standard)
• Oppsettet bruker tredjedelsregel både vertikalt og horisontalt.
• Lavalampen opptar en vertikal tredjedel.
• Kontaktinformasjonen og kartet er i den nederste horisontale tredjedelen.
• Butikknavnet er plassert i krysset øverst til høyre for tredjedelene og rundt det visuelle senteret.
• Early Bird Sales blurb er plassert rundt nedre høyre skjæringspunkt mellom tredjedelene.

02 av 08

Tegning av den første blomsten

Lifewire

' id='mntl-sc-block-image_2-0-15' />

Lifewire

Å lære om stjerner i InDesign går mer i detalj på hvordan du gjør polygoner til stjerneformer og er nyttig hvis du aldri har jobbet med Polygon/Star-verktøyet i InDesign.

For dette eksempelet, vår første blomst, starter vi med en stjerne.

Tegn en 5-punkts stjerne

1. Velg Polygonformverktøy fra Shape-utkastet i Tools
2. Dobbeltklikk på Polygonformverktøy for å få opp dialogboksen Polygoninnstillinger
3. Still inn polygonen din for 5 sider og en stjerneinnsats på 60 %
4. Hold Skifte nøkkel mens du tegner stjernen

Gjør Star Points til kronblader

1. Velg Konverter retningspunktverktøy fra pennen i verktøyene dine. Klikk på et eksisterende ankerpunkt. Hold nede museknappen. Håndtakene til det ankerpunktet vises. Hvis du drar musen nå, vil du kunne endre en allerede eksisterende kurve. Hvis et håndtak allerede er synlig, hvis du klikker på selve håndtaket og drar det, vil du også endre en eksisterende kurve.
2. Bruker InDesign Pen Tool, klikk og hold på ankerpunktet på slutten av topppunktet på stjernen
3. Dra markøren til venstre og du vil se punktet ditt forvandles til et avrundet kronblad.
4. Gjenta for de andre fire punktene på stjernen din
5. Hvis du vil jevne ut kronbladene etter å ha konvertert de 5 ankerpunktene, bruk Konverter retningspunkt eller Direkte valg verktøy (hvit pil i verktøyene) for å velge håndtakene fra hver kurve og dra dem inn eller ut til du liker utseendet til blomsten din.

Gi blomsten din et fint omriss

• Lag en kopi av blomsten din og sett den til side (for å lage den andre blomsten)
• Velg en strekfarge etter eget valg
• Gjør slaget tykkere (5-10 poeng)

Finjuster blomsten din

• Åpne Slag panel ( F10 )
• Endre Bli med-alternativet til Round Join (det gir et fint utseende til de innvendige hjørnene)

03 av 08

Tegning av den andre blomsten

Lifewire

' id='mntl-sc-block-image_2-0-27' />

Lifewire

Vår andre blomst startet også som en polygon/stjerne, men vi skal spare tid ved å bruke en kopi av vår første blomst.

Start med den første blomsten. Ta tak i den kopien du laget av den første blomsten før du legger til streken. Det kan være lurt å lage en kopi eller to til i tilfelle du roter til.Gjør innvendige hjørner buede.Bruke Konverter retningspunkt verktøy på de fem innvendige ankerpunktene til blomsten dinStrekk blomsterblader. Bruke Direkte valg verktøy for å trekke de ytre ankerpunktene bort fra midten, og strekke ut hvert av blomsterbladene dineFinjuster blomsten din.Bruke Direkte valg verktøy for å ta tak i håndtakene på noen av kurvene dine for å fete opp de ytre endene av kronbladene dine og gjøre de indre delene av kronbladene tynnere og få alle kronbladene til mer eller mindre samme størrelse.Fullfør blomsten din.Når du liker utseendet til blomsten din, gi den en Fill and Stroke etter eget valg.

04 av 08

Tegner klatten

Lifewire

' id='mntl-sc-block-image_2-0-31' />

Lifewire

Du kan lage klumpen din hvilken som helst form du vil, og du kan starte med nesten hvilken som helst form. Her er en måte å gjøre det på.

Lag en startform.Tegn en 6-sidig polygon.Endre formen.Bruke Konverter retningspunkt verktøy på noen eller alle ankerpunkter som drar polygonet til en behagelig form du ønsker.Farg klumpen.Fyll klatten med en farge du ønsker.

05 av 08

Tegning av lampen

Lifewire

' id='mntl-sc-block-image_2-0-36' />

Lifewire

Tre former utgjør lampen vår. Vi legger til 'lavaen' på neste side.

Lag en lampeform.Tegn en høy 6-sidig polygon.Endre lampen.Med Direkte valg verktøy velg de to midterste ankerpunktene og dra dem ned til polygonet ditt ser ut som formen i figur #2.Legg til en hetteform.Tegn et rektangel over toppen av lampen for hetten.Endre hetten.Velg de to nederste ankerpunktene (ett om gangen) med Direkte valg verktøyet og dra dem litt ut til de ser ut som figur #4.Legg til grunnformen.Tegn en annen 6-sidig polygon nederst på lampen for basen med dens øvre kant like ved eller under de midtre forankringspunktene du flyttet i trinn 2.Endre basen.Dra topp- og bunnankrene på den ene siden av basen ut til de dekker lampen. Dra et midtanker innover, som vist. Gjenta på den andre siden av polygonet.Farg lampen.Fyll lampen, hetten og sokkelen med fargene du ønsker.

06 av 08

Tegne lavaen i lampen

Lifewire

' id='mntl-sc-block-image_2-0-41' />

Lifewire

Legg lava til lavalampen din ved å bruke Ellipseform verktøy.

Tegn lava.Tegn noen tilfeldige runde/ovale former ved hjelp av Ellipse Shape Tool, overlappende et lite og stort par i midten av lampen.Lag en dobbel klatt.Velg de to overlappende formene og velg Objekt > Stifinner > Legg til for å gjøre dem om til én form.Finjuster den doble klatten.Bruke Konverter retningspunkt og Direkte valg verktøy for å modifisere kurvene til du får det som ser ut som en stor blob som skiller seg i to deler.Fargelegg lavaen.Fyll lavaformene med en farge du ønsker.Flytt lavaen.Velg hetten og sokkelen på lampen og ta dem til fronten: Objekt > Ordne > Bring foran (Shift+Control+]) så de dekker de lavaklattene som overlapper hetten og basen.

07 av 08

Tegne et enkelt kart

Lifewire

' id='mntl-sc-block-image_2-0-45' />

Lifewire

For annonsen vår trenger vi ikke et komplisert kart over byen. Noe enkelt og stilisert fungerer fint.

Tegn veiene.
1. Tegn et langt, tynt rektangel for å representere en vei.
2. Lag flere kopier og bruk Transformer > Roter å ordne dem etter behov.
3. For det meste kan du utelate kurver og mindre sikksakk i veien. Hvis det er en betydelig kurve i veien, rediger rektangelet til en kurve.
4. Velg alle veiene dine og gå til Objekt > Stifinner > Legg til for å gjøre dem om til ett objekt.
Legg ved kartet.Plasser et rektangel over veiene dine, som dekker akkurat den delen du vil bruke til kartet.Lag kartet.Velg veiene og rektangelet og gå til Objekt > Stifinner > Minus tilbake

For å fullføre kartet, legg til et rektangel som representerer destinasjonen og merk hovedveiene.

08 av 08

Sette sammen illustrasjonen

Lifewire

' id='mntl-sc-block-image_2-0-50' />

Lifewire

Vi trenger ikke å gjøre så mye mer med lavalampen, klatten og kartet enn å bare flytte dem på plass. Men blomstene våre krever noen flere manipulasjoner.

• Ta hver blomst og lag flere kopier.
• Skaler, roter og endre Fill/Stroke-fargene etter ønske.
• Velg to eller tre blomsterformer og påfør litt fjæring ( Objekt > Effekter > Basic Feather )

Groovy! Vår 60-tallsinspirerte illustrasjon er komplett, og du gjorde alt i Adobe InDesign. Bare legg til teksten for å fullføre vår Bell Bottom Thrift-annonse.