Share
I dagens nybörjare handledning kommer jag att visa dig hur man skapar en vektor Polaroid, med minimal användning av Pen Tool. Jag ska sedan visa dig hur du kan använda den i kombination med en annan illustration för att rama den.
När min partner och jag först kom ihop försökte han imponera på mig genom att vilja lära mig hur man skapar vektorkonst. Det första jag lärde honom var att skapa en vektor Polaroid. Anledningen är att det inte krävde mycket användning av Pen Tool, vilket kan vara skrämmande när du först försöker. Det introducerade också honom till några ganska fantastiska verktyg och effekter. Naturligtvis imponerade han mig och vi gifter oss nästa år.
Så låt oss börja med handledningen och lära dig hur du skapar din egen retro vektor Polaroid!
Jag ska börja skapa vintage Polaroid med några basformar gjorda av rektanglar med rektangelverktyget (M). Eftersom det har specifika förhållanden kommer jag att klicka en gång på duken och ange värdena för de tre rektanglarna som jag vill skapa. För tillfället är färgerna på dessa former inte relevanta, eftersom vi kommer att ändra dem senare.
Den första som är den största av trioen kommer att vara 540pt med 650pt.
Den andra kommer att tillåta en liten kant runt ramen och blir 505pt med 600pt.
Och den minsta blir 505pt med 485pt.
Som du kanske har märkt är våra rektanglar inte i rätt position för ett ögonblicksfilm, så jag ska använda panelen Justera (Windows> Justera eller Skift + F7) för att hjälpa dem att placera dem.
Välj först alla (Command + A) av rektanglarna och använd alternativet Horisontellt inriktningscenter.
Jag har avmarkerat den största rektangeln och med de två mindre, använde alternativet Vertical Align Top. Medan jag fortfarande valde, använde jag piltangenterna på mitt tangentbord för att nudge uppåt båda rektanglarna i nedre positionen. Om du har flyttat dem från centrum kan du alltid välja Alla (Kommando + A) och använda Horisontell inriktning för att centrera dem igen.
Jag går lite runt hörnen av den största rektangeln. Välj så formen och gå till Effekter> Stylize> Round Corners och skriv in värdet 6pt och klicka på OK.
Det här är en Live Effect, vilket innebär att du kan gå tillbaka till Utseendepanelen för att ändra detta värde när som helst. Du kan säga att det är en Live Effect genom att titta på formen nedan. Även om den blå formen faktiskt har ett krökt hörn är punkterna runt formen fortfarande en rektangel.
Jag ska ta bort Live Effect, men behåll rundformen genom att hålla formen vald och gå till Objekt> Expand Utseende. Du vet att Live Effect har utökats eftersom formen nu har två punkter i hörnet istället för bara den.
Om du tittar på baksidan av en Polaroid märker du att det finns veck och en utvecklingspåse runt kanterna och längs botten respektive. Jag ska använda linjesegmentverktyget (\) till sektionen av veck och påse. För att göra linjerna enklare att matcha de former som redan är ritade och pekar från våra rektanglar ska jag aktivera Smart Guides (Command + U).
Om du inte har använt Smart Guides tidigare, efter att ha aktiverat dem om du långsamt sveper markören runt de former som du kommer märka att den snaps till punkter och vägar. Denna funktion är utmärkt när du vill rita exakta linjer, som du kommer att vara idag.
Jag ska börja dra en linje från ett hörn och överlappa en punkt, samtidigt som jag håller fast på raden tills jag får Smart Guide som markerar kanten av den medelstora rektangeln. Jag klickar på denna slutpunkt med Smart Guides markera "ankar" så jag vet att linjerna kommer att spola.
Holding Shift hjälper till att skapa en perfekt rak vertikal linje. När du håller Shift kan du skapa en linje som ligger i en strikt 45 graders vinkel i vilken riktning som helst. Jag har använt samma metod för att skapa den horisontella linjen längst upp på fotot. Återigen har jag använt fördelarna med Smart Guides för att säkerställa att min horisontella linje är lika spolig som den är markerad "väg" där linjerna möts.
Du kan använda Smart Guides när du använder formverktygen (liksom många av de andra AI-verktygen), som visas nedan. Här har jag använt rektangelverktyget (M) och se till att det är spolat på vardera sidan av de vertikala linjerna.
Jag har dragit ned de här linjerna till avsnitten från vår Polaroid. Jag har grupperat alla raderna tillsammans (Command + G).
Jag ska kopiera (Command + C) och klistra in Front (Command + F) de minsta och största rektanglarna. Då ska jag använda panelen Pathfinder (Shift + Command + F9) för att ta bort minsta från den största med alternativet Minus Front. Detta borde lämna dig med den övergripande ramen för Polaroid.
Jag ska skapa en Clipping Mask med vår nya form. Så jag ska gruppera alla former och linjer, förutom den minsta rektangeln. Gör så genom att välja de former och linjer du vill vara Grupp och tryck sedan på Kommando + G. I mitt exempel har jag gömt den nya formen vi skapade i steg 5 och låste den minsta rektangeln, eftersom jag inte vill att ändra det på detta stadium.
Ta bort den nya formen (om du gjorde det) och välj det såväl som gruppen. Gå nu till Objekt> Clipping Mask> Make (Command + 7). Det kommer att kombinera elementen till en ny grupp. Om du bor ner i den här gruppen kan du se komponenterna. En Clipping Mask kommer bara att synliggöra vad som finns i form av Clipping Path.
När jag bor ner i Clipping Mask-gruppen väljer jag varje enskild komponent (förutom Clipping Path) för att ändra deras fyllnings- / slagfärg med följande:
Jag har också ändrat OH-inställningarna via panelen Transparency (Shift + Command + F10). Medelrektangeln är inställd på opacitet 90%. Gruppen av snittlinjer har blivit inställd på blandningsläge Multiplicera och opacitet 100%.
Om du tillämpar dessa inställningar på gruppen, snarare än de enskilda linjerna, visar den effekten av blandningsläge / opacitet som om alla komponenter i gruppen är ett fullständigt objekt. Om jag skulle göra det individuellt skulle du märka områden där linjerna överlappar varandra (till exempel där rektangeln befinner sig i den nedre delen av Polaroid) skulle vara mycket mörkare än resten.
Precis som du kan ändra objekt inom en klippmask, kan du också lägga till och ta bort objekt om du behöver. Jag ska lägga till former på polaroidens ram. Med hjälp av pennverktyget (P) och våra vänliga Smart Guides kommer jag att dra rammens toppflik med hjälp av våra sektionslinjer som en guide för vinklarna på flikens sidor.
Allt du behöver göra när formen är klar väljer du den och dra sedan och släpp den i klippmask. Som du kan se nedan, nytta den nya formen nu av Clipping Paths gränser genom att dölja de överlappande områdena.
Jag ska använda en linjär gradient för att skapa utseendet på en flik. Det jag brukar göra är att fylla min form med en standardgradient och dra och släpp sedan färgerna från min Swatch till Gradient Sliders. Jag flyttar sedan Gradient Sliders för att ändra utseendet på gradienten. För att ändra en vertikal linjär gradient till en horisontell gradient, ändra värdet på vinkeln till 90 grader.
Sedan har jag dragit och släppt ytterligare färger i panelen Gradient och använt Gradient Tool (G) för att ändra positionerna för färgerna, respektive till snittlinjen.
Jag har använt följande nyanser från vänster till höger:
Sedan minskade jag opaciteten till 70%.
Jag har använt samma gradient för de andra formerna av rammen och påsen, men jag tog bort några av färgerna och reorganiserade dem. Om du vill ta bort en färg från gradienten väljer du Gradient Slider och använder rutan till höger. Alla nya former måste ställas in på Opacity 70%.
Kopiera (Command + C) och klistra in på framsidan (Command + F) påse / rektangel. Jag ska lägga till en subtil textur till den med hjälp av ett standardmönster, som redan finns i Adobe Illustrators bibliotek. Gå till rullgardinsmenyn längst upp till höger på panelen och välj Öppna Swatch Library> Mönster> Grundläggande grafik> Basic Graphics_Textures. Välj här mönstret "USGS 21 Intricate Surface" och det läggs automatiskt till i din Swatch.
Fyll den dubbla rektangeln och ändra blandningsläge till Multiplicera och opacitet till 5%.
Vår ram är mer eller mindre klar, men det finns ännu en sak du kan lägga till ramen för att ge den din egen unika vridning. På baksidan av en Polaroid kan du ofta hitta märkesnamnet eller ens partiets nummer på filmen. Så varför inte lägga till ditt namn, din illustration titel eller till och med ett datum i samma stil?
Jag har använt Typverktyget (T) ovanför påsen med nedanstående inställningar. Jag har valt att skriva "VECTORTUTS +" här av tydliga skäl.
När du använder typverktyget (T) i Adobe Illustrator kan det bara visa teckensnitt som du redan har på din dator ... vilket låter uppenbart. Detta innebär att om du skulle skicka filen till en vän och för lite bisarre skäl inte hade de "Arial" -tecknet skulle texten inte visas korrekt. Så det är värt Objekt> Utöka typsnittet till former. I denna handledning kommer jag att expandera typsnittet, men om du ska använda den här rammen om och om igen, skulle jag hoppa över det steget.
Jag ska ändra fyllnadsfärgen på vår branding till "USGS 21 Intricate Surface" så det ser ut som texturerat, men mönstret verkar för stort i texten. För att ändra mönsterskalan, gå till Objekt> Transformera> Skala och se till att endast "Mönster" är markerad. Jag har ändrat omfattningen av detta mönster till Uniform 20%.
Sedan har jag använt Free Transform Tool (E) för att rotera texten något. Dessa märkesmärken är aldrig helt perfekta rätt? När du är klar, gruppera alla elementen tillsammans för ramen (Command + G).
Nu för att arbeta på filmen som kommer att överlappa bilden nedan. Jag ska duplicera det lilla torget och gömma det för nu, det kommer att användas vid ett senare steg. Ändra fyllfärgen till en svart svarta nyans (C = 0, M = 0, Y = 0, K = 95). Använda maskverktyget (U) med hjälp av Smart Guides, placera en punkt i direktcentrum och färg sedan det rent vit.
Gå runt torget och lägg till vita punkter till hörnen. Du kommer inte att kunna lägga till det fjärde hörnet eftersom det här kommer att ha skapats från dig att lägga till de tre punkterna. Du måste nu välja varje punkt med maskverktyget (U) och färga dem vita som visas nedan.
Välj maskformen i sin helhet och ändra sedan blandningsläget till Multiplicera och Opacity till 40%. Du kommer märka att vitcentrumet nu har försvunnit, eftersom blandningsläget endast påverkar något med närvaron av färg - vilken vit har ingen (alltså nollpunkten!). Detta kommer att ge en vignett effekt på fotot.
Självklart, med bilddelen av Polaroid-höjden något uppåt kan det vara en glans / glans på bilden. Jag ska rita över kvadraten med en rundad rektangel och sedan använda en transparent vit linjär gradient. Du gör detta genom att skapa en lutning som har samma färg på två Gradient Sliders. Välj en av Gradient Sliders och minska sedan Opacitet till det värde du vill ha. I det här fallet skulle det vara 0%.
När du är klar ställer du in blandningsläge till skärm och opacitet till 40%, sedan gruppera både mask och avrundad rektangel tillsammans (Command + G).
Jag ska skapa en subtil skugga längst ner på Polaroid med en annan genomskinlig gradient ... den här gången är det en Radial Gradient. I rullgardinspanelen använder du rullgardinsmenyn för att ändra den till en radialgradient. Dra och släpp sedan svarta i båda Gradient Sliders.
När jag använder en vanlig radial gradient brukar jag använda den med en cirkel, eftersom jag lättare kan manipulera en cirkels dimensioner med Free Transform Tool (E) än att använda Gradient Tool (G). Så det här tipset kan vara bra för dig om du har upplevt samma problem.
Använd först Ellipse Tool (L) med den radiala gradienten fyll och håll Alt + Shift, dra sedan utåt för att skapa en jämn cirkel. Du kommer märka att den radiella lutningen kommer att vara exakt i mitten och inte snedvriden i form. Använd sedan Free Transform Tool (E) för att squash det och sträcka det på det sätt du vill.
Jag har lagt den under gruppen för ramen och ställt den på Blending Mode Multiplicera med opacitet 100%. Sedan har jag grupperat det med ramen (Command + G).
Det vi har nu borde vara två grupper, en som innehåller vinjetten och glansen som kommer att ligga ovanpå ramen. Om du inte har din tavla synlig kan du göra det genom att gå till Visa> Visa tavlor (Command + Shift + H).
Välj båda grupperna och placera dem sedan i ramen. Du kommer att behöva skapa en övergripande bakgrund till Polaroid. Jag har gjort det med hjälp av rektangelverktyget (M). Färgen är irrelevant eftersom du kan ändra detta beroende på färgen på din illustration för att komplimangera eller kontrast med den.
Kopiera den här nya rektangeln, som du har använt för bakgrunden, och ta bort det lilla torget du duplicerade i steg 14. Dra det ut ur gruppen och ovanpå den dubbla bakgrunden. Använd Pathfinder> Minus Front, ta bort det lilla torget från bakgrundsrektangeln.
Gruppera den ursprungliga bakgrundsrektangeln med Polaroid-ramen (Command + G) så att du nu är kvar med två grupper. Skär sedan ut bakgrundsrekteln genom att skapa en Clipping Mask (Command + 7) med Polaroid-ramkoncernen.
Välj nu All (Command + A) och gruppera allt (Command + G) för att göra det enklare att kopiera till ett annat illustrationprojekt.
Öppna bilden av ditt val, i det här fallet använder jag ett porträtt av min andra hälft. Du hittar handledningen om hur man skapar det här manliga porträttet här på Vectortuts+.
Skapa ett nytt lager, Kopiera (Command + C) Polaroid-gruppen och klistra in (Command + V) på din illustration.
Härifrån kan du använda Free Transform Tool (E) för att ändra storlek på din Polaroid-grupp (håll ner Alt + Shift för att göra det jämnt för att undvika distorsion i förhållande) eller ens borra ner i gruppen för att ändra bakgrundsfärgen. Jag har valt att ändra bakgrundsfärgen för min Polaroid till en nyans av brun för att få ut de blå tonerna i bilden.
För att ge det ett mindre likformigt utseende, kommer jag att svänga lite porträtt och Polaroid. Så låsa upp alla (Alt + Command + 2) och välj sedan All (Command + A).
Gå nu till Objekt> Transformera> Rotera och sätt det värde du vill att illustrationen och Polaroid ska roteras av. Kom ihåg att kryssa både Objekt och Mönster och klicka sedan på OK.
Slutligen, använd Artboard Tool (Shift + O) för att placera gränserna för tavlan eller ändra dimensionerna. Artboard Tool (Shift + O) är särskilt användbart när du använder alternativet Spara för webb och enheter. Tänk på det som ett beskärningsverktyg och du definierar vilket område av din illustration du vill beskära och spara.
Då sparas gå till Arkiv> Spara för webb och enheter. I alternativet Bildstorlek till höger finns det en kryssrutan "Clip to Artboard", se till att detta är markerat. En förhandsgranskning av din beskuren illustration kommer att visas till vänster när du "Applicera". Spara sedan som vanligt.
Självklart kommer de skarpa ögonen att märka att jag faktiskt har lagt en illustration på baksidan av en Polaroid istället för framsidan. Det är helt enkelt att ge detaljerad information och introducera de som börjar med Adobe Illustrator några nya tekniker!
Du kan alltid ta bort detaljerna runt Polaroid och lämna den som en vanlig rektangel, med överlappande mask / skenkant och subtil skugga för en mer realistisk inställning.
Hoppas att du har hittat dagens handledning intressant och plockat upp några nya tekniker och verktyg att använda i framtida projekt.
Vilka andra kreativa sätt tycker du att du kan rama och presentera en illustration?
Accentsconagua