Share
I dagens nybegynneropplæring skal jeg vise deg hvordan du lager en vektorpolaroid, med minimal bruk av pennverktøyet. Jeg vil da vise deg hvordan du kan bruke den i kombinasjon med en annen illustrasjon for å ramme den.
Da min partner og jeg først kom sammen, prøvde han å imponere meg ved å lære å lage vektorkunst. Det første jeg lærte ham var å lage en vektor Polaroid. Årsaken er at det ikke krever mye bruk av pennverktøyet, noe som kan være skremmende når du først prøver det. Dessuten introduserte den ham til noen ganske fantastiske verktøy og effekter. Unødvendig å si, imponerte han meg og vi kommer til å bli gift neste år.
Så la oss komme i gang med opplæringen og lære å lage din egen retro-vektor Polaroid!
Jeg skal begynne å lage vintage Polaroid ved hjelp av noen basisformer laget av rektangler med rektangulærverktøyet (M). Som det har spesifikke forhold, skal jeg klikke en gang på lerretet og skrive inn verdiene for de tre rektanglene jeg ønsker å lage. For øyeblikket er fargene i disse figurene ikke relevante, siden vi endrer dem senere.
Den første som er den største av trioen vil være 540pt ved 650pt.
Den andre vil tillate en liten kant rundt rammen og vil være 505pt ved 600pt.
Og den minste vil være 505pt ved 485pt.
Som du kanskje har lagt merke til, er våre rektangler ikke i riktig posisjon for et øyeblikkelig filmfotografi, så jeg skal bruke panelet Juster (Windows> Juster eller Shift + F7) for å hjelpe dem med å plassere dem.
Velg først alle (Command + A) av rektanglene og bruk alternativet Horizontal Align Center.
Jeg har avvalgt det største rektangelet og med de to mindre, brukte alternativet Vertical Align Top. Mens jeg fortsatt valgte, brukte jeg piltastene på tastaturet mitt for å pusse opp begge rektangler i underposisjonen. Hvis du har flyttet dem fra sentrum, kan du alltid velge alt (kommando + a) og bruke horisontal justeringssenter for å sentrere dem igjen.
Jeg skal litt rundt hjørnene til det største rektangelet. Så velg formen og gå til Effekter> Stylize> Round Corners og skriv inn verdien 6pt og klikk på OK.
Dette er en Live Effect, som betyr at du kan gå tilbake til Utseendepanelet for å endre denne verdien når som helst. Du kan fortelle at det er en Live Effect ved å se på formen nedenfor. Selv om den blå formen faktisk har et buet hjørne, er punktene rundt formen fortsatt det som et rektangel.
Jeg skal fjerne Live Effect, men opprettholder Round Corners-formen ved å holde formen valgt og gå til Objekt> Utvid Utseende. Du vet at Live Effect har blitt utvidet da formen nå har to punkter på hjørnet i stedet for bare den ene.
Hvis du ser på baksiden av en Polaroid, vil du legge merke til at det er folder og en utviklingspastapose rundt kantene og langs bunnen. Jeg skal bruke linjesegmentverktøyet (\) til delen av brettene og posen. For å gjøre linjene lettere å samsvare med formene som allerede er tegnet og peker fra rektanglene, skal jeg aktivere Smart Guides (Command + U).
Hvis du ikke har brukt Smart Guides før, etter at du har aktivert dem hvis du langsomt svever markøren rundt figurene, merker du at det snaps til poeng og stier. Denne funksjonen er flott når du ønsker å tegne nøyaktige linjer, som du vil være i dag.
Jeg skal begynne å tegne en linje fra et hjørne og overlappe et punkt, mens du holder på linjen til jeg får Smart Guide som fremhever kanten av mellomstore rektangel. Jeg klikker på dette sluttpunktet med Smart Guides høydepunktet "anker" så jeg vet at linjene blir flush.
Holding Shift vil bidra til å skape en perfekt rett vertikal linje. Når du holder Shift, kan du opprette en linje som er i en streng vinkel på 45 grader i en hvilken som helst retning. Jeg har brukt samme metode for å lage den horisontale linjen langs toppen av bildet. Igjen har jeg brukt fordelene med Smart Guides for å sikre at min horisontale linje er like flush som den er uthevet "sti" der linjene møtes.
Du kan bruke Smart Guides når du bruker formverktøyene (samt mange av de andre AI-verktøyene), som vist nedenfor. Her har jeg brukt Rectangle Tool (M) og sørget for at det er flush på hver side av de vertikale linjene.
Jeg har trukket nedenstående linjer til del av vår Polaroid. Jeg har gruppert alle linjene sammen (Command + G).
Jeg skal kopiere (Command + C) og Lim inn foran (Command + F) de minste og største rektanglene. Da skal jeg bruke Pathfinder-panelet (Shift + Command + F9) for å fjerne det minste fra det største ved hjelp av alternativet Minus Front. Dette bør gi deg den overordnede rammen til Polaroid.
Jeg skal lage en Clipping Mask med vår nye form. Så jeg skal gruppere alle former og linjer, bortsett fra det minste rektangel. Gjør det ved å velge formene og linjene du ønsker å være Gruppe, og trykk deretter på Kommando + G. I mitt eksempel har jeg skjult den nye formen vi opprettet i trinn 5 og låst det minste rektangelet, som jeg ikke vil ha å endre det på dette stadiet.
Unhide den nye formen (hvis du gjorde det), og velg det så vel som gruppen. Gå nå til Objekt> Clipping Mask> Make (Command + 7). Det vil kombinere elementene til en ny gruppe. Hvis du driller deg ned i denne gruppen, kan du se komponentene. En Clipping Mask vil bare synliggjøre hva som finnes i form av Clipping Path.
Når jeg bor ned i Clipping Mask-gruppen, velger jeg hver enkelt av de enkelte komponentene (bortsett fra Clipping Path) for å endre fylle / slagfarge med følgende:
Jeg har også endret gjennomsiktighetsinnstillingene via gjennomsiktighetspanelet (Shift + Command + F10). Medium rektangelet er satt til Opacity 90%. Gruppen av snittlinjer har blitt satt til Blending Mode Multiply og Opacity 100%.
Hvis du bruker disse innstillingene til gruppen, i stedet for de enkelte linjene, viser den effekten av blandemodus / opacitet som om alle komponentene i gruppen er ett komplett objekt. Hvis jeg skulle gjøre det individuelt, ville du legge merke til områder hvor linjene overlapper (for eksempel hvor rektangelet ligger i den nedre delen av Polaroid) ville være mye mørkere enn resten.
Akkurat som du kan endre objekter i en Clipping Mask, kan du også legge til og fjerne objekter hvis du trenger det. Jeg skal legge til former på rammen av Polaroid. Ved hjelp av pennverktøyet (P) og våre vennlige Smart Guides, skal jeg tegne rammens øverste klaff, ved hjelp av våre snittlinjer som en veiledning for vinklene på klaffens sider.
Alt du trenger å gjøre når formen er fullført, velger du den og deretter dra og slipp den inn i Clipping Mask. Som du kan se nedenfor, har den nye formen nå fordelene ved Clipping Paths grenser ved å gjemme de overlappende områdene.
Jeg skal bruke en Linear Gradient for å skape utseendet til en klaff. Det jeg pleier å gjøre er å fylle min form med en standardgradient, og deretter dra og slipp farger fra min Swatch på Gradient Sliders. Jeg beveger deretter Gradient Sliders for å endre utseendet på gradienten. For å endre en vertikal lineær gradient til en horisontal gradient, endre verdien av vinkelen til 90 grader.
Jeg har da trukket og falt ytterligere farger inn i Gradient-panelet og brukt Gradient Tool (G) til å endre farger posisjoner, henholdsvis til snittlinjen.
Jeg har brukt følgende nyanser fra venstre til høyre:
Da reduserte jeg Opacity til 70%.
Jeg har brukt samme gradient for de andre figurene av rammen og posen, men jeg fjernet noen av fargene og reorganiserte dem. Hvis du vil fjerne en farge fra graden, velger du Gradient Slider og bruker Bin til høyre. Alle de nye figurene må settes til Opacity 70%.
Kopier (Command + C) og Lim inn foran (Command + F) posen / rektangelet. Jeg skal legge til en subtil tekstur til den ved å bruke et standardmønster, som allerede finnes i Adobe Illustrators bibliotek. Gå til rullegardinmenyen øverst til høyre i panelet, og velg Åpne svinebibliotek> Mønster> Grunnleggende grafikk> Grunnleggende grafikk_tekster. Fra dette velg mønsteret "USGS 21 Intricate Surface" og det blir automatisk lagt til i Swatch.
Fyll det dupliserte rektangelet og endre blandemodus til Multiply og Opacity til 5%.
Rammen er mer eller mindre ferdig, men det er enda en ting du kan legge til rammen for å gi den din egen unike vri. På baksiden av en Polaroid finner du ofte merkenavnet eller til og med batchnummeret til filmen. Så hvorfor ikke legge til navn, illustrasjons tittel eller til og med en dato i samme stil?
Jeg har brukt Type Tool (T) over posen med de følgende innstillingene. Jeg har valgt å skrive "VECTORTUTS +" her av åpenbare grunner.
Når du bruker Typeverktøyet (T) i Adobe Illustrator, kan det bare vise skrifttyper du allerede har på datamaskinen din ... som høres ut som om det er tydelig. Dette betyr at hvis du skulle passere filen til en venn og for noen bisarre grunner de ikke hadde "Arial" -typen, vil teksten ikke vises riktig. Så det er verdt Object> Utvide skrifttypen til figurer. I denne opplæringen vil jeg utvide skrifttypen, men hvis du skal bruke denne rammen igjen og igjen, vil jeg hoppe over det trinnet.
Jeg skal endre fyllfargen til merkevaren vår til "USGS 21 Intricate Surface" slik at den ser ut som strukturert, men mønsteret virker for stort i teksten. For å endre størrelsen på mønsteret, gå til Objekt> Transform> Skala og sørg for at bare "Patterns" er krysset. Jeg har endret skalaen til dette mønsteret til Uniform 20%.
Da har jeg brukt Free Transform Tool (E) for å rotere teksten litt. Disse merketrykkene er aldri helt perfekte riktig? Når du er ferdig, grupper alle elementene sammen for rammen (Command + G).
Nå å jobbe på filmen som vil overlappe illustrasjonen under. Jeg skal duplisere det lille torget og gjemme det for nå, det vil bli brukt på et senere trinn. Endre fyllfargen til en svart svarte skygge (C = 0, M = 0, Y = 0, K = 95). Bruk Mesh Tool (U) ved hjelp av Smart Guides, sett et punkt i direkte senter og far det deretter ren hvit.
Gå rundt torget og legg til hvite punkter til hjørnene. Du vil ikke kunne legge til det fjerde hjørnet da dette vil ha blitt opprettet fra du legger til de tre punktene. Du må nå velge hvert punkt med maskeverktøyet (U) og farge dem hvite som vist nedenfor.
Velg maskeformen i sin helhet, og endre blandingsmodusen til Multiply og Opacity til 40%. Du vil legge merke til at det hvite senteret nå har forsvunnet, da Blending Mode bare påvirker noe med tilstedeværelsen av farge - hvilken hvit har ingen (dermed alle nuller!). Dette vil gi en vignetteeffekt til bildet.
Selvfølgelig, med bildedelen av Polaroid-hevet litt hevet, kan det skinne / glans på bildet. Jeg skal tegne over kvadratet 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 en av Gradient Sliders og deretter redusere Opacity til verdien du ønsker. I dette tilfellet ville det være 0%.
Når du har gjort det, stiller du Blendingsmodus til skjerm og Opacity til 40%, deretter grupperer du både masken og det runde rektangelet sammen (Command + G).
Jeg skal lage en subtil skygge langs bunnen av Polaroid ved hjelp av en annen gjennomsiktig gradient ... denne gangen er det en Radial Gradient. I rullegardinpanelet bruker du rullegardinmenyen til å endre den til en radialgradient. Dra og slipp så svart i begge Gradient Sliders.
Når jeg bruker en vanlig radialgradient, pleier jeg å bruke den med en sirkel fordi jeg synes det er lettere å manipulere dimensjonene til en sirkel med Free Transform Tool (E) enn å bruke Gradient Tool (G). Så dette tipset kan være bra for deg hvis du har opplevd det samme problemet.
Først bruk Ellipseverktøyet (L) med den radiale gradientfyllingen og hold Alt + Shift, og dra deretter utover for å lage en jevn sirkel. Du merker at den radiale gradienten vil da være nøyaktig i midten og ikke forvrengt i form. Bruk deretter Free Transform Tool (E) til å squash det og strekke det på den måten du ønsker.
Jeg har plassert den under gruppen for rammen og satt den til Blending Mode Multiply with Opacity 100%. Da har jeg gruppert det med rammen (Command + G).
Det vi har nå, skal være to grupper, en som inneholder vignetten og skinnet som kommer på toppen av rammen. Hvis du ikke har kunstglasset ditt, kan du gjøre det ved å gå til Vis> Vis kunstbrett (Command + Shift + H).
Velg begge gruppene og plasser dem i rammen. Du kommer til å trenge å lage en samlet bakgrunn til Polaroid. Jeg har gjort dette ved å bruke rektangelverktøyet (M). Fargen er irrelevant, da du kan endre dette, avhengig av fargen på illustrasjonen din, til kompliment eller kontrast med den.
Dupliser dette nye rektangelet, som du har brukt til bakgrunnen, og fjern det lille torget du dupliserte i trinn 14. Dra det ut av gruppen og på toppen av duplisert bakgrunn. Bruk Pathfinder> Minus Front, fjern det lille firkanten fra bakgrunnsrektangel.
Grupper det opprinnelige bakgrunnsrektangelet med Polaroid-rammen (Command + G) slik at du nå er igjen med to grupper. Deretter kutte du ut bakgrunnsrektelet ved å lage en Clipping Mask (Command + 7) med Polaroid-ramgruppen.
Nå Velg Alle (Kommando + A) og grupper opp alt (Command + G) for å gjøre det enklere å duplisere til et annet illustrasjonsprosjekt.
Åpne bildet av ditt valg, i dette tilfellet bruker jeg et portrett av min andre halvdel. Du finner opplæringen om hvordan du oppretter dette mannlige portrettet her på Vectortuts+.
Opprett et nytt lag, kopier deretter (Command + C) Polaroid-gruppen, og lim inn (Command + V) på illustrasjonen din.
Herfra kan du bruke Free Transform Tool (E) til å endre størrelsen på Polaroid-gruppen (hold nede Alt + Shift for å gjøre det jevnt for å unngå forvrengning i forhold) eller til og med drill ned i gruppen for å endre fargen på bakgrunnen. Jeg har valgt å endre bakgrunnsfargen for Polaroid til en nyanse av brun for å få fram de blå tonene i bildet.
For å gi det et mindre ensartet utseende, skal jeg litt rotere portretet og Polaroid. Så Unlock All (Alt + Command + 2) og velg deretter All (Command + A).
Gå nå til Objekt> Transform> Roter og sett verdien du ønsker illustrasjonen og Polaroid skal roteres av. Husk å krysse både Objekter og mønstre, og klikk deretter OK.
Til slutt, bruk Artboard Tool (Shift + O) for å plassere grensen til tavlen eller endre dimensjonene. Artboard Tool (Shift + O) er spesielt nyttig når du bruker alternativet Save for Web and Devices. Tenk på det som et beskjæringsverktøy, og du definerer hvilket område av illustrasjonen du vil ha beskåret og lagret.
Når du sparer, går du til Arkiv> Lagre for web og enheter. I alternativene Image Size til høyre er det en kryssboks "Clip to Artboard", sørg for at dette er krysset. En forhåndsvisning av den beskårne illustrasjonen din vil dukke opp til venstre når du "Påfør". Lagre som vanlig.
Selvfølgelig vil de ivrige øynene legge merke til at jeg faktisk har satt en illustrasjon på baksiden av en Polaroid i stedet for fronten. Det er bare å gi mer detaljert informasjon og å introdusere de som begynner med Adobe Illustrator noen nye teknikker!
Du kan alltid fjerne detaljene rundt Polaroid og la det være som et ren rektangel, med overlappende mesh / skinnefirkant og subtil skygge for å gå for en mer realistisk tilnærming.
Håper du har funnet dagens veiledning interessant og hentet noen nye teknikker og verktøy for bruk i fremtidige prosjekter.
Hvilke andre kreative måter tror du kan ramme og presentere en illustrasjon?
Accentsconagua