Share
In de beginnershandleiding van vandaag laat ik je zien hoe je een vector-polaroid maakt, met minimaal gebruik van de Pen-tool. Ik zal je laten zien hoe je het kunt gebruiken in combinatie met een andere illustratie om het in te kaderen.
Toen mijn partner en ik voor het eerst bij elkaar kwamen, probeerde hij indruk op me te maken door te willen leren hoe ik vectorkunst kon creëren. Het eerste dat ik hem leerde was om een vector-polaroid te maken. De reden hiervoor is dat het niet veel gebruik van de Pen Tool vergde, wat een ontmoedigende ervaring kan zijn wanneer je het voor het eerst probeert. Het heeft hem ook geïntroduceerd bij een aantal ontzagwekkende gereedschappen en effecten. Onnodig te zeggen dat hij indruk op me maakte en we gaan volgend jaar trouwen.
Dus laten we aan de slag gaan met de zelfstudie en leren hoe je je eigen retro vector Polaroid kunt maken!
Ik ga beginnen met het maken van de vintage Polaroid met enkele basisvormen gemaakt van rechthoeken met de Rechthoek-tool (M). Omdat het specifieke verhoudingen heeft, zal ik één keer op het canvas klikken en de waarden invoeren voor de drie rechthoeken die ik wil maken. Voor nu zijn de kleuren van deze vormen niet relevant, omdat we ze later zullen veranderen.
De eerste die de grootste van het trio is, is 540pt bij 650pt.
De tweede zorgt voor een lichte rand rond het frame en is 505pt bij 600pt.
En de kleinste is 505pt bij 485pt.
Zoals je misschien hebt gemerkt, bevinden onze rechthoeken zich niet in de juiste positie voor een instantfilmfoto, dus ik ga het Align-paneel (Windows> Align or Shift + F7) gebruiken om ze te helpen positioneren.
Selecteer eerst Alles (Command + A) van de rechthoeken en gebruik de optie Horizontaal uitlijncentrum.
Ik heb de grootste rechthoek gedeselecteerd en met de twee kleinere de optie Verticaal uitlijnen boven gebruikt. Terwijl ik nog steeds geselecteerd was, gebruikte ik de pijltjestoetsen op mijn toetsenbord om beide rechthoeken in de onderstaande positie naar boven te duwen. Als u ze uit het midden hebt verplaatst, kunt u altijd Alles selecteren (Command + A) selecteren en Horizontaal uitlijnen gebruiken om ze opnieuw te centreren.
Ik ga de hoeken van de grootste rechthoek lichtjes om. Dus selecteer de vorm en ga naar Effecten> Stileer> Ronde hoeken en voer de waarde 6pt in en klik op OK.
Dit is een Live-effect, wat betekent dat u terug kunt gaan naar het deelvenster Uiterlijk om deze waarde op elk gewenst moment te wijzigen. Je kunt zien dat het een levend effect is door naar de onderstaande vorm te kijken. Hoewel de blauwe vorm in feite een gebogen hoek heeft, zijn de punten rond de vorm nog steeds die van een rechthoek.
Ik ga het live-effect verwijderen, maar behoud de vorm van de ronde hoeken door de vorm geselecteerd te houden en ga naar Object> Uiterlijk uitvouwen. Je weet dat het Live-effect is uitgebreid omdat de vorm nu twee punten op de hoek heeft in plaats van alleen de hoek.
Als u naar de achterkant van een Polaroid kijkt, ziet u dat er vouwen en een zak met ontwikkelpasta rond de randen en langs de onderkant zitten. Ik ga het lijnsegmenthulpmiddel (\) gebruiken om de vouwen en het zakje af te snijden. Om de lijnen gemakkelijker in overeenstemming te brengen met de vormen die al zijn getekend en met punten uit onze rechthoeken, ga ik Smart Guides inschakelen (Command + U).
Als u Smart Guides nog niet eerder hebt gebruikt, nadat u ze hebt ingeschakeld als u uw muis langzaam rond de vormen houdt, ziet u dat deze naar punten en paden klikt. Deze functie is geweldig als u nauwkeurige lijnen wilt tekenen, zoals u vandaag zult zijn.
Ik ga een lijn uit een hoek tekenen en een punt overlappen, terwijl ik de lijn vasthoud totdat ik de slimme gids krijg die de rand van de middelgrote rechthoek markeert. Ik klik op dit eindpunt met Slimme hulplijnen markeer "anker" zodat ik weet dat de lijnen gelijk zijn.
Houd Shift vast om een perfect rechte verticale lijn te maken. Wanneer u Shift ingedrukt houdt, kunt u een lijn maken die in een willekeurige hoek onder een hoek van 45 graden staat. Ik heb dezelfde methode gebruikt om de horizontale lijn langs de bovenkant van de foto te maken. Nogmaals, ik heb de voordelen van slimme hulplijnen gebruikt om ervoor te zorgen dat mijn horizontale lijn net zo vloeiend is als het "pad" is gemarkeerd waar de lijnen samenkomen.
U kunt slimme hulplijnen gebruiken bij het gebruik van vormgereedschappen (evenals vele andere AI-hulpmiddelen), zoals hieronder wordt weergegeven. Hier heb ik de Rechthoek-tool (M) gebruikt en zorgde dat het vlak aan weerszijden van de verticale lijnen lag.
Ik heb de onderstaande regels getekend voor een deel van onze Polaroid. Ik heb alle lijnen gegroepeerd (Command + G).
Ik ga Kopiëren (Command + C) en Plakken vooraan (Command + F) de kleinste en de grootste rechthoeken. Daarna ga ik het deelvenster Pathfinder gebruiken (Shift + Command + F9) om de kleinste van de grootste te verwijderen met behulp van de optie Minus voorkant. Dit zou je moeten verlaten met het algehele frame van de Polaroid.
Ik ga een knipmasker maken met onze nieuwe vorm. Dus ik ga alle vormen en lijnen groeperen, afgezien van de kleinste rechthoek. Dit doet u door de vormen en lijnen te selecteren die u als groep wilt gebruiken en vervolgens op Command + G te drukken. In mijn onderstaande voorbeeld heb ik de nieuwe vorm verborgen die we in stap 5 hebben gemaakt en de kleinste rechthoek hebben vergrendeld, omdat ik niet wil om het in dit stadium aan te passen.
Maak de nieuwe vorm zichtbaar (als u dat hebt gedaan) en selecteer deze evenals de groep. Ga nu naar Object> Knipmasker> Maken (Command + 7). Het combineert de elementen tot een nieuwe groep. Als u dieper in deze groep komt, kunt u de componenten zien. Een uitknipmasker maakt alleen zichtbaar wat zich in de vorm van het uitknippad bevindt.
Als ik in de Clipping Mask-groep blijf boren, selecteer ik elk van de afzonderlijke componenten (behalve het Clipping Path) om hun vulling / streekkleur te wijzigen met het volgende:
Ik heb ook de transparantie-instellingen gewijzigd via het paneel Transparantie (Shift + Command + F10). De middelgrote rechthoek is ingesteld op dekking 90%. De groep snijlijnen is ingesteld op Mengmodus Vermenigvuldigen en Dekking 100%.
Als u deze instellingen toepast op de groep en niet op de afzonderlijke regels, wordt het effect van de overvloeimodus / dekking weergegeven alsof alle onderdelen van de groep één volledig object zijn. Als ik het afzonderlijk zou doen, zou je merken dat gebieden waar de lijnen elkaar overlappen (bijvoorbeeld waar de rechthoek zich in het onderste gedeelte van de Polaroid bevindt) veel donkerder zijn dan de rest.
Net zoals je in staat bent om objecten in een uitknipmasker aan te passen, kun je ook objecten toevoegen en verwijderen als dat nodig zou zijn. Ik ga vormen toevoegen aan het frame van de Polaroid. Met behulp van de Pen Tool (P) en onze slimme handleidingen, trek ik de bovenste flap van het frame, met behulp van onze snijlijnen als richtlijn voor de hoeken van de zijkanten van de flap.
Alles wat u hoeft te doen nadat de vorm is voltooid, selecteert u het en sleept het vervolgens naar het uitknipmasker. Zoals je hieronder kunt zien, profiteert de nieuwe vorm nu van de grenzen van het uitknippad door de overlappende gebieden te verbergen.
Ik ga een lineair verloop gebruiken om het uiterlijk van een flap te creëren. Wat ik meestal doe, is mijn vorm vullen met een standaardverloop en vervolgens kleuren uit mijn staal slepen en neerzetten naar de schuifregelaars voor verloop. Vervolgens verplaats ik de Verloopschuifregelaars om het uiterlijk van het verloop te wijzigen. Als u een verticale lineaire gradiënt in een horizontaal verloop wilt wijzigen, wijzigt u de waarde van de hoek in 90 graden.
Ik heb vervolgens meer kleuren gesleept en neergezet in het deelvenster Verloop en het gereedschap Verloop (G) gebruikt om de posities van de kleuren te wijzigen, afhankelijk van de snijlijn.
Ik heb de volgende tinten van links naar rechts gebruikt:
Vervolgens heb ik de dekking gereduceerd tot 70%.
Ik heb hetzelfde verloop gebruikt voor de andere vormen van het frame en de hoes, maar ik heb een aantal kleuren verwijderd en deze opnieuw ingedeeld. Als u een kleur uit het verloop wilt verwijderen, selecteert u de Verloopschuifregelaar en gebruikt u de Bin aan de rechterkant. Alle nieuwe vormen moeten worden ingesteld op dekking 70%.
Kopieer (Command + C) en plak vooraan (Command + F) het vakje / de rechthoek. Ik ga een subtiele textuur toevoegen door een standaardpatroon te gebruiken, dat zich al in de bibliotheek van Adobe Illustrator bevindt. Ga in het deelvenster Swatch naar het vervolgkeuzemenu in de rechterbovenhoek van het deelvenster en selecteer Swatch-bibliotheek openen> Patronen> Standaardafbeeldingen> Basisafbeeldingen_extensies. Selecteer hier het patroon "USGS 21 ingewikkelde oppervlak" en het wordt automatisch toegevoegd aan uw Swatch.
Vul de gedupliceerde rechthoek en verander de mengmodus in vermenigvuldigen en dekking naar 5%.
Ons frame is min of meer klaar, maar er is nog een ding dat je aan het frame kunt toevoegen om het je eigen unieke draai te geven. Op de achterkant van een Polaroid kunt u vaak de merknaam of zelfs het batchnummer van de film vinden. Dus waarom zou u niet uw naam, de titel van uw illustraties of zelfs een datum in dezelfde stijl toevoegen??
Ik heb het gereedschap Tekst (T) boven het zakje gebruikt met de onderstaande instellingen. Ik heb ervoor gekozen om hier om duidelijke redenen "VECTORTUTS +" te schrijven.
Als u het tekstgereedschap (T) in Adobe Illustrator gebruikt, kan het alleen letterbeelden weergeven die u al op uw computer hebt ... wat vanzelfsprekend lijkt. Dit betekent dat als je het bestand zou doorgeven aan een vriend en ze om een bizarre reden het lettertype "Arial" niet hadden, de tekst niet correct zou worden weergegeven. Het is dus de moeite waard Object> Het lettertype naar vormen uit te breiden. In deze tutorial zal ik het lettertype uitbreiden, maar als je dit frame steeds opnieuw gaat gebruiken, zou ik die stap overslaan.
Ik ga de vulkleur van onze branding wijzigen in 'USGS 21 Ingewikkeld oppervlak', zodat het er gestructureerd uitziet, maar het patroon lijkt te groot in de tekst. Om de schaal van het patroon te wijzigen, gaat u naar Object> Transformeren> Schaal en zorgt u ervoor dat alleen "Patronen" zijn aangevinkt. Ik heb de schaal van dit patroon gewijzigd in Uniform 20%.
Daarna heb ik het gereedschap Vrije transformatie (E) gebruikt om de tekst iets te draaien. Deze merkstempels zijn nooit helemaal perfect toch? Wanneer u klaar bent, groepeer alle elementen samen voor het frame (Command + G).
Nu aan het werk aan de film die de illustratie eronder zal overlappen. Ik ga het kleine vierkant dupliceren en het voor nu verbergen, het zal in een latere stap worden gebruikt. Verander de opvulkleur in een off-black kleur (C = 0, M = 0, Y = 0, K = 95). Gebruik het gaasgereedschap (U) met behulp van slimme hulplijnen, plaats een punt in het middelste deel en kleur het dan zuiver wit.
Ga rond het plein en voeg witte punten toe aan de hoeken. Je kunt de vierde hoek niet toevoegen omdat deze is gemaakt door de drie punten toe te voegen. Nu moet je elk punt selecteren met de mesh-tool (U) en ze wit kleuren zoals hieronder wordt getoond.
Selecteer de mesh-vorm volledig en verander vervolgens de overvloeimodus in vermenigvuldigen en dekking naar 40%. Je zult zien dat het witte centrum nu verdwenen is, omdat de mengmodus alleen maar iets beïnvloedt met de aanwezigheid van kleur - wat wit niet heeft (dus alle nullen!). Dit geeft een vigneteffect aan de foto.
Natuurlijk, met het fotogedeelte van de Polaroid enigszins verhoogd, kan er een glans / glans aan het beeld zijn. Ik ga over het vierkant tekenen met een afgeronde rechthoek en gebruik dan een transparant wit lineair verloop. U doet dit door een verloop te maken met dezelfde kleur op twee schuifregelaars met verloop. Selecteer een van de verloopschuifregelaars en verminder vervolgens de dekking naar de gewenste waarde. In dit geval zou het 0% zijn.
Als je klaar bent, zet je de overvloeimodus op Scherm en de dekking op 40%, groepeer dan zowel de mesh als de afgeronde rechthoek samen (Command + G).
Ik ga een subtiele schaduw maken langs de onderkant van de Polaroid met een ander transparant verloop ... dit keer is het een radiaal verloop. Gebruik het vervolgkeuzemenu in het deelvenster Verloop om dit in een radiaal verloop te wijzigen. Sleep vervolgens het zwart naar beide Verloopschuifregelaars.
Telkens wanneer ik een eenvoudig radiaal verloop gebruik, heb ik de neiging om het met een cirkel te gebruiken, omdat ik het gemakkelijker vind om de afmetingen van een cirkel te manipuleren met het gereedschap Vrije transformatie (E) dan met het gereedschap Verloop (G). Dus deze tip is misschien goed voor je als je hetzelfde probleem hebt gehad.
Gebruik eerst het Ellips-gereedschap (L) met de radiale verloopvulling en houd Alt + Shift ingedrukt en versleep naar buiten om een gelijkmatige cirkel te maken. Je zult zien dat de radiale gradiënt precies in het midden ligt en niet vervormd van vorm is. Gebruik vervolgens het gereedschap Vrije transformatie (E) om het te pletten en uit te rekken op de manier die u wenst.
Ik heb het onder de groep geplaatst voor het frame en stel het in op mengmodus vermenigvuldigen met dekking 100%. Dan heb ik het gegroepeerd met het frame (Command + G).
Wat we nu hebben zou twee groepen moeten zijn, een met het vignet en de glans die bovenop het frame zal staan. Als u uw tekengebied niet zichtbaar hebt, kunt u dit doen door naar Beeld> Toon tekengebieden (Command + Shift + H) te gaan.
Selecteer beide groepen en plaats ze vervolgens in het kader. Je moet een algemene achtergrond voor de Polaroid maken. Ik heb dit gedaan met behulp van de Rechthoek-tool (M). De kleur is niet relevant, omdat je dit kunt veranderen afhankelijk van de kleur van je illustratie om deze te complementeren of te contrasteren.
Dupliceer deze nieuwe rechthoek, die u voor de achtergrond hebt gebruikt, en maak vervolgens het kleine vierkant zichtbaar dat u in stap 14 hebt gedupliceerd. Sleep het uit de groep en boven de gedupliceerde achtergrond. Gebruik Pathfinder> Minus voorkant en verwijder het kleine vierkantje uit de achtergrondrechthoek.
Groepeer de originele achtergrondrechthoek met het Polaroid-kader (Command + G), zodat u nu twee groepen overhoudt. Knip vervolgens de achtergrondrechthoek uit door een uitknipmasker (Command + 7) te maken met de Polaroid-framegroep.
Selecteer nu Alles (Command + A) en groepeer alles (Command + G) om het dupliceren naar een ander illustratieproject eenvoudiger te maken.
Open de illustratie van je keuze, in dit geval gebruik ik een portret van mijn wederhelft. Je vindt de tutorial over hoe je dit mannelijke portret hier kunt maken op Vectortuts+.
Maak een nieuwe laag, kopieer vervolgens (Command + C) de Polaroid-groep en plak (Command + V) in je illustratie.
Vanaf hier kunt u het gereedschap Vrije transformatie (E) gebruiken om de grootte van uw Polaroid-groep aan te passen (houd Alt + Shift ingedrukt om het gelijkmatig te doen om vervorming in verhouding te voorkomen) of blader zelfs in de groep om de kleur van de achtergrond te wijzigen. Ik heb ervoor gekozen om de achtergrondkleur voor mijn Polaroid in een bruine tint te veranderen om de blauwe tinten in het beeld naar voren te brengen.
Om het een minder uniform uiterlijk te geven, zal ik het portret en de polaroid iets draaien. Dus ontgrendel alles (Alt + Command + 2) en selecteer vervolgens Alles selecteren (Command + A).
Ga nu naar Object> Transformeren> Roteren en stel de waarde in waarvan de illustratie en de polaroid moeten worden geroteerd. Vergeet niet om zowel Objecten als Patronen aan te kruisen en klik vervolgens op OK.
Gebruik ten slotte de tekenreekstool (Shift + O) om de grenzen van het tekengebied te bepalen of de dimensies te wijzigen. Het tekengebiedstool (Shift + O) is met name handig wanneer u de optie Opslaan voor web en apparaten gebruikt. Zie het als een bijsnijdgereedschap en u definieert welk gebied van uw illustratie u wilt bijsnijden en opslaan.
Ga vervolgens bij het opslaan naar Bestand> Opslaan voor web en apparaten. In de opties voor Beeldformaat aan de rechterkant is er een vinkje "Clip to Artboard", zorg ervoor dat dit is aangevinkt. Een voorbeeld van uw bijgesneden illustratie verschijnt links nadat u "Toepassen" hebt gedaan. Sla dan zoals gewoonlijk op.
Natuurlijk zullen de scherpzinnige mensen merken dat ik in feite een illustratie op de achterkant van een Polaroid in plaats van op de voorkant heb gezet. Het is gewoon om extra details te geven en degenen die bij Adobe Illustrator beginnen enkele nieuwe technieken voor te stellen!
Je kunt altijd de detaillering rond de Polaroid verwijderen en het als een gewone rechthoek laten, met het overlappende mesh / shine-vierkant en subtiele schaduw voor een meer realistische benadering.
Ik hoop dat je de zelfstudie van vandaag interessant hebt gevonden en nieuwe technieken en hulpmiddelen hebt opgepikt om te gebruiken in toekomstige projecten.
Welke andere creatieve manieren denk je dat je een illustratie zou kunnen kaderen en presenteren??
Accentsconagua