Presenting arbeidet i en Vintage Polaroid Frame

I dagens nybegynner tutorial, jeg skal vise deg hvordan du oppretter en vektor Polaroid, med minimal bruk av Pen Tool. Jeg vil da vise deg hvordan du kan bruke den i kombinasjon med en annen illustrasjon for å ramme det.

Innledning

Når min partner og jeg først fikk sammen, ble han prøver å imponere meg av lyst til å lære å lage vektorgrafikk. Det første jeg lærte ham var å skape en vektor Polaroid. Årsaken er er at den ikke krever mye bruk av Pen Tool, som kan være skremmende når du først prøve det. Også det introduserte ham for noen ganske imponerende verktøy og effekter. Unødvendig å si, han imponere meg, og vi skal gifte oss neste år.

Så la oss komme i gang med opplæringen og lære å lage din egen retro vector Polaroid!

Trinn 1

Jeg kommer til å begynne å lage vintage Polaroid ved hjelp av noen grunn figurer laget av rektangler med rektangel Tool (M). Som det har spesielle forhold, kommer jeg til å klikke en gang på lerretet, og skriv inn verdiene for de tre rektangler jeg ønsker å lage. For nå, fargene på disse figurene er ikke relevant, så vi kommer til å endre dem senere.

Den første som er den største av trioen vil være 540pt av 650pt.

Den andre vil tillate en liten kant rundt rammen og vil være 505pt av 600pt.

Og den minste vil være 505pt av 485pt.

Trinn 2

Som du kanskje har lagt merke til, våre rektangler ikke er i riktig posisjon i et øyeblikk film fotografi, så jeg kommer til å bruke Align panel. (Windows > Rett eller Shift + F7) for å hjelpe plassere dem

Først Select Alle (Command + A) av rektangler og bruke alternativet Horisontal Align Center.

Jeg har valgt bort den største rektangel og med de to mindre, benyttet muligheten Vertical Align Top. Mens han fortsatt valgt, jeg brukte piltastene på tastaturet for å dytte oppover begge rektangler i under posisjon. Hvis du har flyttet dem av sentrum, kan du alltid Select All (Command + A) og bruke Horisontal Align Center for å sentrere dem igjen.

Trinn 3

Jeg skal litt rundt hjørnene av rektangelet største. Så velge form og gå til Effects > Stilisere > Runde hjørner og angi verdien 6pt og klikk på OK.

Dette er en Live Effect, som betyr at du kan gå tilbake til Utseende panelet for å endre denne verdien når som helst. Du kan si det er en Live Effect ved å se på formen under. Selv om den blå formen gjør faktisk har en buet hjørne, punktene rundt formen er fortsatt at av et rektangel.

Jeg kommer til å fjerne Live Effect, men opprettholde formen runde hjørner ved å holde formen valgt, og kommer til å Objekt > Utvid Utseende. Du vet Live Effect har blitt utvidet som formen har nå to poeng på hjørnet i stedet for bare én.

Trinn 4

Hvis du ser på baksiden av en Polaroid, du vil merke det er folder og en utvikling lime pose rundt kantene og langs bunnen hhv. Jeg kommer til å bruke Line Segment Tool (\\) § off folder og posen. For å gjøre linjene lettere å matche opp med figurene allerede trukket og poeng fra våre rektangler, kommer jeg til å aktivere Smart Guides (Command + U).

Hvis du ikke har brukt Smart Guides før, etter slik at dem hvis du sakte holder markøren rundt figurene du vil legge merke til den smekker til poeng og stier. Denne funksjonen er flott når du ønsker å trekke presise linjer, som du vil være i dag.

Jeg kommer til å begynne å tegne en linje fra et hjørne og overlapp et punkt, mens du holder på linjen før jeg få Smart Guide utheving kanten av mellomstore rektangelet. Jeg skal klikke på denne endepunktet med Smart Guides høydepunkt "anker" så jeg vet linjene vil være flush.

Hold Shift vil bidra til å skape en perfekt rett vertikal linje. Når du holder Shift du kan opprette en linje som er på en streng 45 graders vinkel i alle retninger. Jeg har brukt den samme metoden for å skape den horisontale linjen øverst på bildet. Igjen har jeg brukt fordelene med Smart Guides å sikre min horisontal linje er så jevnt som det er uthevet "banen" der linjene møtes.

Du kan bruke Smart Guides ved bruk av formverktøy (så vel som mange av de andre AI verktøy), som vist nedenfor. Her har jeg brukt rektangel Tool (M) og sørget for at det er i flukt på hver side av de vertikale linjene.

Jeg har tegnet nedenfor linjer til avsnitt av vår Polaroid. Jeg har gruppert alle linjene sammen (Command + G).

Trinn 5

Jeg kommer til å kopiere (Command + C) og lim i Front (Command + F) den minste og de største rektangler. Så jeg kommer til å bruke Pathfinder-panelet (Shift + Command + F9) for å fjerne de minste fra de største hjelp av alternativet Minus Front. Dette bør forlate deg med den totale rammen på Polaroid.

Trinn 6

Jeg kommer til å lage en Clipping Mask med vår nye form. Så jeg kommer til konsern alle former og linjer, bortsett fra de minste rektangel. Gjøre det ved å velge de former og linjer du ønsker å være Group, og deretter trykke Command + G. I min under eksempelet har jeg gjemt den nye formen vi opprettet i trinn 5 og låste den minste rektangel, som jeg ikke ønsker å endre det på dette stadiet.

Vis den nye figuren (hvis du gjorde det), og velg det, samt konsernet. Nå gå til Objekt > Klipping Mask > Merke (Command + 7). Det vil kombinerte elementer i en ny gruppe. Hvis du bore ned i denne gruppen, vil du kunne se komponentene. En Clipping Mask vil bare synliggjøre det som er inneholdt i form av rel.

Trinn 7

Staying boret ned i Clipping Mask gruppen, jeg kommer til å velge hver enkelt av de enkelte komponentene (bortsett fra rel) til å endre seg mette /slag farge med følgende:

Stort rektangel Fyllfarge: C = 3, M = 1, Y = 3, K = 0

Stroke Farge: C = 0, M = 0, Y = 0, K = 20

Mellomstort rektangel Fyllfarge: C = 10, M = 6, Y = 7, K = 0

Seksjonering linjer Stroke Farge: C = 10, M = 6, Y = 7, K = 20

Jeg har også endret de Transparency innstillinger via Gjennomsiktighet-panelet (Shift + Command + F10). Mediet rektangelet er satt til Opasitet 90%. Gruppen av seksjonering linjene er satt til Blending Mode Multipliser og Opacity 100%.

Hvis du bruker disse innstillingene til konsernet, snarere enn de enkelte linjer, viser den effekten av Blending Mode /Opacity som om alle komponentene i gruppen er en ferdig gjenstand. Hvis jeg skulle gjøre det individuelt, vil du legge merke til områder hvor linjene overlapper (for eksempel der rektangelet er i den nedre delen av Polaroid) ville være mye mørkere enn resten.

Trinn 8

På samme måte som du er i stand til å endre objekter innenfor et Clipping Mask, kan du også legge til og fjerne gjenstander bør du må. Jeg kommer til å legge til figurer på rammen av Polaroid. Bruke Pen Tool (P) og vår venn Smart Guides, kommer jeg til å trekke den øverste klaffen av rammen, ved hjelp av våre seksjonering linjer som en guide for vinkler av sidene av klaffen.

All du må gjøre når formen er ferdig er å velge den, og deretter dra og slippe den inn i Clipping Mask. Som du kan se nedenfor, den nye formen nå drar nytte av avgrensningsbanen grenser ved å skjule de overlappende områdene.

Trinn 9

Jeg kommer til å bruke en lineær gradient å skape inntrykk av en klaff. Det jeg pleier å gjøre er å fylle min form med en standard gradient og deretter dra og slippe farger fra min Swatch på Gradient Sliders. Jeg deretter flytte Gradient Sliders å endre utseendet på graderingen. For å endre en vertikal lineær gradient til en horisontal gradient, endre verdien av Angle til 90 grader.

Jeg har deretter dras og slippes ytterligere farger i Gradient panel og brukt Gradient Tool (G) for å endre posisjonene til fargene, respektive til seksjonering linje

Jeg har brukt følgende nyanser fra venstre til høyre:.

C = 10, M = 6, Y = 7 , K = 10

C = 10, M = 6, Y = 7, K = 45

C = 10, M = 6, Y = 7, K = 20
< li> C = 10, M = 6, Y = 7, K = 10

C = 3, M = 1, Y = 3, K = 0

Jeg så redusert Opacity til 70%.

Trinn 10

Jeg har brukt den samme gradient for andre former av rammen og veske, men jeg fjernet noen av fargene og omorganisert dem. Hvis du vil fjerne en farge fra gradient, velg Gradient Slider og bruke Bin til høyre. Alle de nye figurene må være satt til Opacity 70%.

Trinn 11

Kopier (Kommando + C) og lim i Front (Command + F) posen /rektangel. Jeg kommer til å legge til en subtil tekstur til den ved hjelp av en standard mønster, som allerede er i Adobe Illustrator bibliotek. I Swatch panelet går inn i rullegardinmenyen øverst til høyre i panelet og velg Åpne Swatch Library > Patterns > Basic Graphics > Grunn Graphics_Textures. Fra dette velge mønsteret "USGS 21 Intrikate Surface" og den vil automatisk bli lagt til din Swatch.

Fyll duplisert rektangel og endre Blending Mode til Multipliser og Opacity til 5%.

Trinn 12

Vår rammen er mer eller mindre ferdig, men det er en ting du kan legge til rammen for å gi den til din egen unike vri. På baksiden av en Polaroid kan du ofte finne merkenavnet eller batchnummer filmen. Så hvorfor ikke legge inn navn, illustrasjoner tittel, eller til og med en dato i samme stil?

Jeg har brukt Type Tool (T) over posen med den under innstillinger. Jeg har valgt å skrive "VECTORTUTS +" her for åpenbare grunner.

Trinn 13

Når du bruker Type Tool (T) i Adobe Illustrator, det kan bare vise skrifttyper du allerede har på din datamaskin ... som kan høres innlysende. Dette betyr at hvis du skulle passere filen til en venn, og for noen bisarre grunn de ikke har "Arial" skriftsnitt teksten vil ikke vises riktig. Så det er verdt Object > Utvide skrift til figurer. I denne opplæringen vil jeg utvide skriftsnitt, men hvis du skal bruke denne rammen om og om igjen, ville jeg hoppe over dette trinnet.

Jeg kommer til å endre fyllfargen vår branding til "USGS 21 Intrikate Surface" så det ser strukturert, men mønsteret synes for stor i teksten. For å endre størrelsen på mønsteret går til Objekt > Transform > Skala og sørge for at bare "Patterns" er krysset av. Jeg har endret omfanget av dette mønsteret til Uniform 20%.

Så jeg har brukt Free Transform Tool (E) for å rotere teksten litt. Disse branding frimerker er aldri helt perfekt rett? Når du er ferdig, Gruppe alle elementene sammen for rammen (Command + G).

Trinn 14

Nå til å jobbe på filmen som vil overlappe illustrasjonen under. Jeg kommer til å kopiere den lille firkanten og skjule det for nå, vil det bli brukt på et senere trinn. Endre fyllfargen til en off svart skygge (C = 0, M = 0, Y = 0, K = 95). Bruke Mesh Tool (U) med bistand fra Smart Guides, sette et punkt i direkte sentrum og deretter farge det ren hvit.

Gå rundt plassen å legge hvite punkter til hjørnene. Du vil ikke være i stand til å legge det fjerde hjørnet, da dette vil ha blitt opprettet fra du legger til tre poeng. Du må nå velge hvert punkt med Mesh Tool (U) og farge dem hvite som vist nedenfor.

Velg mesh form i sin helhet og deretter endre Blending Mode til Multipliser og Opacity til 40%. Du vil merke at den hvite senteret har nå forsvunnet, som Blending Mode er bare å påvirke noe med tilstedeværelse av farge - (! Dermed alle nuller) som hvit har ingen. Dette vil gi en vignett effekt på bildet.

Step 15

Selvfølgelig, med bildet delen av Polaroid blir litt hevet, kan det være en skinne /gloss til bildet. Jeg kommer til å trekke over torget med et avrundet rektangel og deretter bruke en gjennomsiktig hvit lineær gradient. Du gjør dette ved å opprette en gradient som har samme farge på to Gradient Sliders. Velg ett av Gradient Sliders og deretter redusere Opacity til verdien du ønsker. I dette tilfellet ville det være 0%.

Når dette er gjort, setter du Blending Mode til Screen og Opacity til 40%, deretter gruppe både mesh og avrundet rektangel sammen (Command + G).
< h2> Step 16

Jeg kommer til å skape en subtil skygge langs bunnen av Polaroid å bruke et annet gjennomsiktig gradient ... denne gangen er det en Radial Gradient. I Gradient panel bruke rullegardinmenyen for å endre den til en Radial gradient. Og dra og slipp den svarte i begge Gradient Sliders.

Når jeg bruker en vanlig radial gradient, jeg pleier å bruke den med en sirkel som jeg synes det er lettere å manipulere dimensjonene av en sirkel med Free Transform Tool (E) for å bruke Gradient Tool (G). Så dette tipset kan være bra for deg hvis du har opplevd det samme problemet.

Først bruke Ellipse Tool (L) med radial gradient fyll og hold Alt + Shift, og dra utover for å produsere en jevn sirkel . Du vil merke radial gradient vil da være akkurat i sentrum og ikke vris i form. Deretter bruke Free Transform Tool (E) for å ta knekken på det og strekke det på den måten du ønsker

Jeg har plassert. Det under gruppen for rammen og sett den til Blending Mode Multipliser med Opacity 100%. Så jeg har gruppert det med rammen (Command + G).

Trinn 17

Det vi har nå skal være to grupper, en som inneholder vignetten og glans som vil være på toppen av ramme. Hvis du ikke har din artboard synlig kan du gjøre det ved å gå til Vis > Vis tegnebord (Command + Shift + H).

Velg begge grupper, og deretter plassere dem i rammen. Du kommer til å trenge for å lage en samlet bakgrunnen til Polaroid. Jeg har gjort dette ved hjelp av rektangel Tool (M). Fargen er irrelevant som du kan endre dette avhengig av fargen på illustrasjonen til kompliment eller kontrast med det.

Duplicate denne nye rektangel, som du har brukt på bakgrunnen, og deretter unhide den lille firkanten du duplisert i trinn 14. Dra den ut av konsernet og på toppen av duplisert bakgrunnen. Bruke Pathfinder > Minus Front, fjerne den lille plassen fra bakgrunnen rektangelet.

Trinn 18

Gruppe den opprinnelige bakgrunnen rektangel med Polaroid ramme (Command + G) slik at du er nå igjen med to grupper. Deretter kuttet ut bakgrunnen rektangel ved å opprette en Clipping Mask (Command + 7) med Polaroid ramme gruppen.

Nå Select All (Command + A) og konsern opp alt (Command + G) for å gjøre det enklere å kopiere til en annen illustrasjon prosjekt.

Trinn 19

Åpne opp illustrasjon av ditt valg, i dette tilfellet jeg bruker et portrett av min andre halvdel. Du finner tutorial på hvordan å lage denne mannlig portrett her på Vectortuts +.

Lag et nytt lag, og deretter Copy (Command + C) gruppen Polaroid, og lim (Command + V) på ditt illustrasjon.

Herfra kan du bruke Free Transform Tool (E) for å endre størrelsen på Polaroid gruppe (hold nede på Alt + Shift for å gjøre det jevnt for å unngå forvrengning i forhold) eller bore ned i gruppen til å endre fargen av bakgrunnen. Jeg har valgt å endre bakgrunnsfargen for min Polaroid til en nyanse av brunt for å hente ut de blå tonene i bildet.

Step 20

For å gi den en mindre ensartet utseende, jeg skaI til litt rotere portrett og Polaroid. Så Lås All (Alt + Command + 2) og deretter Select All (Command + A)

Nå kan du gå til Objekt >.; Transform > Roter og angi verdien du ønsker illustrasjonen og Polaroid å bli rotert. Husk å krysse både objekter og mønstre, klikk deretter på OK.

Trinn 21

Til slutt bruker Artboard Tool (Shift + O) for å posisjonere grensene for artboard eller endre dimensjoner. Artboard Tool (Shift + O) er spesielt nyttig når du bruker Save for Web og enheter alternativet. Tenk på det som en beskjæringsverktøyet og du definerer hvilket område av ditt illustrasjon du vil beskjæres og lagret

Så når du lagrer gå til Fil >.; Lagre for Web & Enheter. I Bildestørrelse alternativene til høyre, er det et kryss "Clip til artboard", sørge for at dette er krysset. En forhåndsvisning av beskjærte illustrasjon vises til venstre når du "Apply". Deretter lagre som vanlig.

Konklusjon

Selvfølgelig ivrige eyed folk vil legge merke til at jeg har faktisk satt en illustrasjon på baksiden av et Polaroid i stedet for foran. Det er rett og slett å gi ekstra detalj og å innføre de som starter med Adobe Illustrator noen nye teknikker!

Du kan alltid fjerne detaljering rundt Polaroid og la det som en vanlig rektangel, med overlappende mesh /glans torget og subtile skygge å gå for en mer realistisk tilnærming.

Håper du har funnet dagens tutorial interessant og plukket opp noen nye teknikker og verktøy for å bruke i fremtidige prosjekter.

Hva andre kreative måter tror du du kan ramme inn og presentere en illustrasjon? Anmeldelser