Share
In deze zelfstudie verkennen we de opdracht "Gemiddeld" in Adobe Illustrator en leren we deze op een nogal ongebruikelijke manier te gebruiken. In dit geval maken we abstracte wervelingen met relatief eenvoudige methoden en passen we deze toe op type. Laten we beginnen!
Wil je toegang tot de volledige Vector Source-bestanden en downloadbare exemplaren van elke tutorial, inclusief deze? Word lid van Vector Plus voor slechts 9 $ per maand.
De meesten van u zijn waarschijnlijk bekend met de opdracht Gemiddeld in Adobe Illustrator. Dit is echter geen erg populaire tool, omdat het meestal alleen voor specifieke behoeften wordt gebruikt. Vandaag zullen we de wiskunde erachter onderzoeken en gebruiken voor het creëren van surrealistische swirly vormen. De techniek is vrij eenvoudig, maar we zullen wat tijd doorbrengen voor theorie - aangezien ik een leraar ben en ik hou van uitleggen en alles duidelijk maken.
Laten we eerst wat tijd besteden aan het theoretische gedeelte. Op deze manier zult u het mechanisme van de "Gemiddelde" tool en de drie integrale wetten van de "Average Smooth Abstract Swirls" (ASAS) -techniek die ik onlangs uitvond beter begrijpen. Als je echter niet van veel theorie houdt, kun je meteen naar stap 6 gaan.
Wanneer gebruiken we meestal de opdracht Gemiddeld en wat doet het? Ik weet zeker dat de meesten van jullie het antwoord weten. De opdracht "Gemiddeld" wordt verborgen onder de sneltoets Command + Alt + J of in het menu Object> Pad en de taak is om de geselecteerde ankerpunten ... gelijk te brengen, tot het gemiddelde punt ertussen. Klinkt vrij eenvoudig, nietwaar? In de praktijk wordt dit bevel soms een onvervangbare helper.
Ik heb bijvoorbeeld een paar open paden die ik in een enkele vorm wil verenigen, maar ze raken elkaar niet precies (voor degenen die de vorm willen herhalen: maak een afgeronde rechthoek en verwijder de twee onderste punten.) Nu Druk op R en Alt-klik eronder en voer vervolgens 72 graden in. Kopieer en voer Command + D drie keer in om te roteren, zoals hieronder weergegeven.
In dit geval kan ik niet alleen 5 vormen naar elkaar toe verplaatsen en samenvoegen (Command + J), omdat de symmetrie verloren gaat - maar de bloembladen hiervan bloem moet perfect gelijk zijn en de exacte hoek vormen. Als ik nu aan de paden deel, zal het programma rechte lijnen trekken tussen open ankerpunten, wat niet is wat we nodig hebben.
Om de perfecte composietvorm te krijgen, moeten we eerst alle vijf paden correct plaatsen zodat open punten elkaar raken. Dat is het moment waarop de opdracht Average van pas komt! We pakken gewoon het gereedschap Direct selecteren (A), selecteren de eindpunten van twee aangrenzende paden en kiezen Object> Pad> Gemiddeld. Selecteer in het venster beide, druk op OK en voila - de punten zijn nu op dezelfde plaats!
Het enige dat we moeten doen is meedoen (Object> Pad> Deelnemen). Nu kunnen we deze stap vier keer herhalen voor elk paar eindpunten: selecteren met Direct Selection Tool en vervolgens Gemiddelde en Join toepassen. Maar om een paar seconden te besparen, raad ik u aan om deze twee opdrachten te combineren in één enkele sneltoets: Command + Alt + Shift + J.
Nu weten we dat het commando Average ankerpunten naar het midden tussen hen brengt (wat een verrassing!). Nou, je denkt misschien dat het nogal voor de hand ligt, maar laten we verder gaan. Laten we dit commando proberen bij verschillende objecten.
Ik heb een rechthoek gemaakt en heb de opdracht Gemiddeld geprobeerd (de vorm moet worden geselecteerd). Wat krijgen we? Als we alle drie de opties van het commando proberen, krijgen we verschillende uitkomsten: de horizontale as brengt verticale punten naar het midden, waardoor een horizontale lijn ontstaat; Verticale as doet hetzelfde met horizontale punten; beide assenopties resulteren in één middelpunt, waardoor alle punten naar het midden worden verplaatst.
Hetzelfde resultaat krijg je met een zeshoek of ster. Het ziet er niet echt interessant uit, maar het helpt om te begrijpen hoe deze tool werkt. Laten we deze in regels onderverdelen.
Regel 1: De vormen met alleen hoekpunten resulteren altijd in lijn of punt! Zelfs als u een onregelmatige asymmetrische vorm tekent met de Pen Tool, zolang het maar hoekpunten heeft - het effect is hetzelfde.
Laten we een ellips tekenen en een paar experimenten doen. Maak er twee kopieën van en probeer de opdracht Gemiddeld op deze, nogmaals, alle drie de opties. Zoals je ziet, ziet de uitkomst er interessanter uit, waardoor er enkele bochtige lijnen ontstaan. Dit gebeurt als gevolg van de soepele ankerpunten op Bezier-curven, waarbij de uiteindelijke curve wordt geregeld door handgrepen.
Regel 2: Voor vloeiende lijnen hebben we vloeiende punten nodig en handvatten zijn erg belangrijk om die soepelheid te bereiken!
Regel 3 voor het gemiddelde commando: de ankerpunten van vormen mogen niet symmetrisch zijn en horizontale of verticale lijnen vormen.
Om dit principe te illustreren, laten we een ellips nemen uit de vorige stap en deze 30 graden draaien met de Rotate Tool (R). Selecteer uw ellips, druk op R en voer de waarde van 30 in. Laten we nu dezelfde bewerkingen uitvoeren - kopieer twee keer en voer het Gemiddelde hulpmiddel uit.
Zie het verschil? Beide assen opties veranderden niet veel, maar de horizontale en verticale opties zorgden voor mooie, ronde vormen. Dit resultaat wordt veroorzaakt door de plaatsing van ankerpunten. In de vorige stap vormden de punten in de ellips verticale en horizontale lijnen, en nu creëerden ze asymmetrische kruising.
Goed, genoeg theorie voor vandaag! Ik weet zeker dat je de drie Rules of ASAS (Average Smooth Abstract Shapes) hebt begrepen. Laten we het geleerde nu in de praktijk brengen.
Laten we een nieuw document maken in Illustrator, 800px bij 500px, in de RGB-modus. Maak de achtergrond met behulp van het gereedschap Rechthoek (M). Vul het met een radiaal verloop dat van wit naar lichtgrijs gaat (# e6e6e6). Noem deze laag 'BG', sluit deze en maak een nieuwe met de naam 'Swirls'.
OK, laten we beginnen met het maken van de ASAS! We weten dat Beide assen opties van het gemiddelde commando brengen alle punten in het midden en creëren kleine vormen. Laten we ons concentreren op de horizontale of verticale richting voor bochtige wervelingen. We hebben echter nog steeds de basisvormen nodig om mee te werken. Wat we willen is een asymmetrische vorm met vloeiende ankerpunten. Er zijn talloze manieren om ze te maken.
Laten we beginnen met een eenvoudige ster met 5 punten zonder vulling en een zwarte streep. Om snel de hoekpunten om te zetten in vloeiende lijnen, past u Filter> Stileren> Ronde hoeken toe, 10 pt is voldoende. Het is nog steeds niet het juiste moment om het commando Gemiddeld toe te passen, omdat de punten van onze ster allemaal op dezelfde afstand van het centrum liggen (hoewel de uitkomst er misschien al interessant uit ziet).
Terwijl je ster geselecteerd is, pak je het Wrap-gereedschap (Shift + R) en vervorm het iets om het asymmetrisch te maken. Probeer het tegelijkertijd iets breder te maken. Nu kunt u op Command + Alt + J drukken om het venster Gemiddelde te openen en vervolgens de horizontale as te kiezen. Voila! Onze eerste swirl is klaar!
Opmerking: misschien wilt u ook de verticale as proberen en kiezen welke het beste lijkt. Maar we hebben nu geen "beide assen" -opties nodig!
Laten we nu een ellips maken (L). Deze keer om de vorm asymmetrisch te maken, gebruiken we de Twirl Tool. Laat alle opties intact en raak een paar keer je ellips aan om het in een amorfe vorm te veranderen. En nu, voer de opdracht Gemiddeld uit en kies de horizontale as.
Voor de laatste vorm gebruiken we een eenvoudige methode. Neem de potloodtool (N). Nogmaals, de gereedschapsopties doen er niet toe, we zullen er gewoon een asymmetrische vorm mee tekenen. Als u het pad wilt sluiten tijdens het tekenen, houdt u de Alt-toets ingedrukt en klikt u op. En nogmaals: Object> Pad> Gemiddeld> Horizontaal. Nu heb je drie mooie swirly vormen.
Nu zullen we een paar aanpassingen maken en onze vormen opslaan. Pas voor alle drie de vormen een middelgroene grijze streek zonder vulling toe. Om een vorm langer te maken, dupliceert u de eerste swirl en roteert u de kopie 180 graden met de selectiepijl (houd de Shift-toets ingedrukt tijdens het draaien), lijn dan beide delen uit om een enkele langere swirl te vormen en groepeer ze. Doe hetzelfde met de tweede swirl.
Maak met de laatste swirl opnieuw dezelfde bewerking als bij de eerste twee, dupliceer, roteer en lijn uit. We zullen ook enkele punten toevoegen. Grijp het ellipsgereedschap (L) en maak een kleine cirkel terwijl u de Shift-toets ingedrukt houdt. Maak het een middelgroot grijs zonder een streek en plaats het in de buurt van de swirl zoals weergegeven.
Dupliceer de cirkel meerdere keren en plaats deze rond de swirl om uiteindelijk uit te komen met ongeveer 10 cirkels rondom je vorm. Selecteer nu alle cirkels, houd de Shift-toets ingedrukt en ga naar Object> Transformeren> Elk transformeren (Alt + Shift + Command + D) en voer deze waarden in:
Als u tevreden bent met het resultaat, drukt u op OK. Zo niet, probeer dan een aantal instellingen te wijzigen, zoals schaal of verplaats. Uw resultaat zou in de onderstaande afbeelding moeten zijn.
Als onze wervelingen klaar zijn, maken we er drie borstels van. Selecteer de eerste swirl, ga naar het palet met penselen (F5) en sleep de vorm in het palet. Selecteer Art brush in het venster dat u hierna ziet. Omdat je werveling horizontaal is, kies je in de penseelopties horizontaal voor de richting (als je echter een verticale hebt gemaakt, kies je natuurlijk de verticale richting). Selecteer de kleurmethode Hue Shift. Noem dit penseel "Swirl 1" en sla het op.
Nu verschijnt uw nieuw gemaakte penseel in het penselen-palet. Doe hetzelfde met twee andere vormen, noem ze "Swirl 2" (voor deze voer je 80% in voor de breedte) en "Swirl 3" (voer 150% in voor de breedte en controleer Proportioneel).
Nu komen we bij het meest opwindende deel van deze tutorial, en bouwen we onze uiteindelijke compositie.
Laten we nu ons type maken. Vergrendel de laag 'Wervelingen' en maak een nieuwe met de naam 'Type'. Pak het tekstgereedschap (T) en typ uw tekst. Het is beter om een rond schreefloos lettertype te gebruiken (ik heb Century Gothic Regular gebruikt) en de lettergrootte zou erg groot moeten zijn (de mijne was 130 pt). Ik koos de zinsnede 'I LOVE VECTOR', dus typte ik 'I VECTOR', omdat ik later een hartsymbool zal toevoegen.
Laten we de tekst naar een pad converteren (Command + Shift + O) en het groeperen ongedaan maken. In plaats van aan de hele tekst te werken, passen we eerst maar één letter aan. Kies de letter "I", maak deze niet opvullend en 1 pt zwart. Klik op de eerste swirl in het palet met penselen. Oh, eindelijk beginnen we enig effect te hebben!
Nu, met de "I" geselecteerd, ga naar het palet Vorm (Shift + F6) en kies in het vervolgmenu een nieuwe streek. Ga met de nieuwe streek geselecteerd naar het penselenpaneel en selecteer "Swirl 2." Nu ziet de brief er nog beter uit!
Ga je gang en voeg de derde slag toe van de laatste borstel met swirly, die met stippen. Nu kunt u de instellingen van beide lijnen aanpassen, als u dat wilt. Als je het gewenste effect hebt bereikt, ga je naar het paneel Grafische stijlen. Selecteer met je brief een nieuwe stijl met de naam 'Black swirly type'. Nu kunt u de rest van de tekst selecteren en dezelfde grafische stijl op andere letters toepassen.
Ons type ziet er nu goed uit, maar u kunt enkele woelige gebieden waarnemen die door hoekpunten zijn gemaakt. Je moet onthouden dat hoekpunten niet goed zijn voor swirls, dus we zullen het repareren. Selecteer de volledige tekst en ga naar Filter> Stileren> Ronde hoeken, met een straal van 10 px is voldoende. Nu zou je type er veel mooier uit moeten zien!
Misschien wilt u de tekenspatiëring nu aanpassen door letters een beetje te verschuiven om er meer harmonieus uit te zien. Beweeg ook de "I" -letter naar links zodat je genoeg ruimte hebt voor het hart (vergeet niet Shift in te drukken tijdens het verplaatsen om de letter goed uitgelijnd te houden met de basislijn).
Om het hart te maken, zet u de linialen aan (Command + R) en sleept u een verticale hulplijn tussen de letters "I" en "V". Neem de Pen-tool en laten we eerst het juiste deel van ons hart tekenen, kies geen vulling en een roze 1pt-streek.
Klik op de gids om het bovenste punt te maken en sleep de hendel naar links terwijl je Shift ingedrukt houdt om een lus te maken en klik vervolgens op de rechterkant om het juiste ankerpunt te maken. Klik ten slotte op de gids om het onderste punt te maken en een hendel naar rechts te slepen met Shift voor perfect horizontale hendels. Zie de afbeelding hieronder voor referentie, nu heb je de juiste helft van je hart gecreëerd.
Als een vorm is geselecteerd, pakt u het Reflectiegereedschap (O) en houdt u Alt ingedrukt terwijl u op de gids klikt, kiest u Verticaal en klikt u op Kopiëren. Nu is het hart klaar. Verwijder de gids nu. Ik heb besloten om alleen in het onderste punt twee helften te verbinden: selecteer twee aangrenzende onderste punten met gereedschap voor directe selectie (A) en druk op Alt + Shift + Command + J.
Nu herhalen we de stappen 16 en 17: voeg streken aan een deel van onze vorm toe in het palet Vormgeving en breng er borstels met swirly op aan. Voor het hart heb ik drie pt-slagen van 1 pt roze, geel en blauw gekozen met alle drie de borstels aangebracht.
Om een leuk detail aan de compositie toe te voegen, heb ik besloten om drie kleinere exemplaren boven ons hart van elke kleur (roze, blauw en geel) te plaatsen. Hoewel het eenvoudig is om het object drie keer te kopiëren, het te transformeren en onnodige streken te verwijderen, wilde ik alle kopieën van het hart als één object bewaren. Om dit te doen, selecteert u een hart en kiest u de eerste streek in het deelvenster Uiterlijk. Ga nu naar Effect> Vervormen & transformeren> Transformeren en voer deze waarden in voor de eerste streek:
Voor de tweede streek hetzelfde doen met de volgende waarden:
En voor de derde ga je als volgt te werk:
Nu heb je een leuk detail en de kleine harten zijn feitelijk effecten toegepast op de grote!
Bovendien kunt u de effecten die zijn toegepast op de vorm van het hart, net als bij het type, als een grafische stijl opslaan en deze 'Gekleurd swirly hart' noemen. Op deze manier kan dezelfde stijl eenvoudig worden toegepast op elke vorm met slechts één klik!
Tot slot heb ik een paar kleine aanpassingen gedaan, zoals het aanpassen van de penseelinstellingen voor zowel het type als het hart en het aanpassen van de slagen naar mijn smaak. Dit is hoe het eindresultaat eruit ziet.
En dit is degene voor degenen onder u die graag meer wervelingen toevoegen - misschien vind je het frame dat ik heb gemaakt wel leuk. Maak een afgeronde rechthoek die bijna het hele canvas bedekt, snijd hem in vier hoeken met het Schaargereedschap (C) en pas de grafische stijl toe die je voor het type hebt gemaakt.
Je kunt de penseelinstellingen een beetje aanpassen (ik heb de derde penseelstreek verwijderd). En raad eens wat ik in de hoeken heb gestopt? Deze asymmetrische bloemen zijn heel eenvoudig te maken. Neem elke vorm die we hebben gebruikt om een werveling te maken in stap 8-10 en voer de opdracht Gemiddeld uit met de optie Beide assen - en kopieer de vorm om deze in elke hoek te plaatsen!
In deze tutorial hebben we de kracht van de opdracht Average in Adobe Illustrator geleerd en deze gebruikt om een mooi swirly type-effect te maken. Ik hoop dat het je wat inspiratie heeft gegeven, omdat dit effect interessante en onverwachte resultaten kan opleveren. Wees gewoon creatief en heb plezier in het experimenteren!
Abonneer u op de Vectortuts + RSS-feed om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.
Accentsconagua