Maak een Aurora Borealis-ontwerp in Illustrator

Om de lichtpatronen van de Aurora Borealis opnieuw te creëren, zou je je waarschijnlijk wenden tot de filters en effecten van Photoshop. Gebruik Illustrator echter en u zult niet alleen een verbluffend eindresultaat behalen, maar u zult ook profiteren van de flexibiliteit van het werken met vectoren. Dit is een tutorial op gemiddeld niveau die je beloont met een aantrekkelijke bureaubladachtergrond voor je inspanningen!


Stap 1: De achtergrond beginnen

We beginnen met het maken van onze achtergrond van de nachtelijke hemel. Plaats een rechthoek van 1680 pixels bij 1050 pixels op uw tekengebied en geef deze de kleur # 151121.


Stap 2: Achtergrond Mesh

Selecteer het gereedschap Verloopgaas en klik driemaal op uw rechthoek om het in twaalf gebieden te segmenteren.

Nummers, dimensies en kleuren in deze zelfstudie zijn willekeurig, gebruik de waarden die u wilt. Heb je het Noorderlicht ooit in twee verschillende foto's identiek gezien??


Stap 3: Achtergrondverlopen

Maak de kleuren opnieuw zichtbaar die u hieronder ziet door op het gereedschap Direct selecteren te klikken en elk netpunt afzonderlijk te selecteren. Eenmaal geselecteerd, kunnen de kleur, de positie en de handvatten van een netpunt worden gewijzigd.

Voor meer informatie over de Mesh-tool, kijk eens naar de tut van Rype op Create a Glowing Abstract Light Vector Graphic.

Wilt u deze kleuren precies repliceren, dan is hier een voorbeeldpalet.


Stap 4: The Stars

We zijn voorlopig klaar met onze achtergrond, laten we nu concentreren op het verspreiden van een paar sterren rondom.

Maak een cirkel met het hulpmiddel Ellipse, kopieer en plak vervolgens op zijn plaats (Command + C, Command + F). Ga met de nieuwe cirkel geselecteerd naar Object> Transformeren> Schaal en schaal het naar 25%. Geef het een Normale transparantie van 40% en kleur het in # F2D0DC. Selecteer de originele cirkel, geef deze een transparantie van de kleur Dodge van 0% en kleur deze in # E52266.


Stap 5: Blending

Selecteer beide cirkels en ga naar Object> Overvloeien> Mengopties. Kies Specifieke stappen in de vervolgkeuzelijst en voer 25 in als het aantal en klik vervolgens op OK. Ga nu naar Object> Blend> Maken.


Stap 6: Helder midden

Gebruik het gereedschap Direct selecteren en klik op het midden van de kleinere cirkel. Kopieer en plak op zijn plaats (Command + C, Command + F). Geef de resulterende cirkel een normale dekking van 90% en kleur deze wit (#FFFFFF).


Stap 7: De ster controleren

Plaats wat uw eerste ster op de donkere achtergrond is geworden om te controleren of de transparantie en overvloeiing het gewenste resultaat hebben gegeven.


Stap 8: Alternatieve kleuren

Herhaal dit een paar keer om een ​​kleine verzameling gemengde cirkels te maken, allemaal met verschillende kleuren.


Stap 9: De Melkweg

Kopieer en plak (Command + C, Command + V) je sterren en plaats ze willekeurig rond je achtergrond. Wijzig de dekking en schaal ze naarmate je verder gaat. Zodra ze op hun plaats staan, groepeer ze samen (Command + G).


Stap 10: maak een dekkingmasker gereed

Maak een rechthoek over je gegroepeerde sterren, geef dan met het gereedschap Verloop een verloop dat lijkt op wat hieronder wordt weergegeven. Het moet verticaal van wit naar zwart gaan en vrij ver in de rechthoek beginnen.


Stap 11: Selecteer de objecten

Ga met je geselecteerde verlooprechthoek naar Select> Next Object Below. Hiermee wordt het object direct onder je verlooprechthoek geselecteerd. Houd nu Shift ingedrukt en selecteer ook de rechthoek. U zou nu de gegroepeerde sterren en de verlooprechthoek geselecteerd moeten hebben.


Stap 12: Maak een dekkingsmasker

Klik op het menu in het deelvenster Transparantie en selecteer Dekkingsmasker maken.

De sterren hebben een vervaagd masker aangenomen waardoor ze volledig doorschemeren wat wit in je rechthoek was en onzichtbaar werden achter wat zwart was. Alles daartussenin verschijnt met de juiste hoeveelheid duidelijkheid. Je sterren zullen minder zichtbaar zijn naar de bodem van de hemel.


Stap 13: Je Aurora (probeer dat laat te zeggen op een vrijdagavond)

Oké, we hebben onze nachthemel behandeld en de sterren eromheen. Nu is het tijd om de lichteffecten aan te pakken. Begin met het maken van een rechthoek met min of meer de hieronder getoonde verhoudingen en met een donkerpaarse kleur van # 130119.


Stap 14: Verloopnet

Hoewel er geen objecten zijn geselecteerd, plaatst u een kleur van # 7CA491 in uw werkbalk en selecteert u vervolgens het gereedschap Verloopgaas. Klik op je nieuw gemaakte rechthoek die ongeveer wordt weergegeven om een ​​netpunt te maken met de kleur die je zojuist hebt gekozen.


Stap 15: veel mesh-punten

Ga langs het bestaande horizontale maaspad met het gereedschap Verloopgaas en voeg ongeveer twintig nieuwe punten toe. Ze zullen allemaal automatisch de kleur van de eerste erven.


Stap 16: Meer maaspunten

Het wordt een beetje gaasachtig (zoals Sean Connery ooit zei), maar een laatste mesh-pad voordat we ons licht kunnen kleuren. Plaats het ongeveer halverwege tussen de boven- en onderkant van uw rechthoek om u het volgende resultaat te geven.


Stap 17: Pieken en dalen

Nadat u het net hebt voltooid, neemt u uw gereedschap Direct selecteren en één voor één enkele meshpunten omhoog om pieken te creëren. Dit is weer volledig willekeurig en het is aan jou hoeveel hoeveel je verhoogt of verlaagt en hoe ver.


Stap 18: kleuren van de maaspunten

Selecteer individuele of groepen mesh-punten op de eerste van de horizontale mesh-paden die u hebt gemaakt en pas hun kleur subtiel aan. We proberen met dit effect beweging te creëren, dus probeer de indruk te geven dat gebieden wegvallen of dichterbij komen.

Nogmaals, hier is een voorbeeldpalet van de kleuren in dit voorbeeld, voor het geval u ze nodig hebt.


Stap 19: Envelop vervormen

We moeten golven in ons object creëren voor de laatste suggestie van beweging. Het is waarschijnlijk mogelijk door de handgrepen van uw netpunten te veranderen, maar u zult uw leven niet gemakkelijk maken. In plaats daarvan richten we onze aandacht op Illustrator's Envelope Distort-functie.

Houd je mesh-object geselecteerd en ga naar Object> Envelopvervorming> Maken met gaas. Er zijn verschillende manieren om een ​​object Envelop Distort te manipuleren, op deze manier zal een nieuwe mesh over je rechthoek worden toegevoegd met zoveel mogelijk punten die je bepaalt.


Stap 20: Definieer de envelop

Kies in het dialoogvenster Envelopnet hoeveel rijen en kolommen u wilt gebruiken en klik op Voorbeeld om een ​​idee te krijgen van hoe het eruit zal zien. In dit geval heb ik het relatief simpel gehouden met slechts twee rijen, maar hoe minder mesh-punten je wijzigt, hoe vloeiender de resulterende vorm zal worden.


Stap 21: Shear

Voordat we golven toevoegen, scheuren we de rechthoek in één eenvoudige stap over de hemel. Selecteer het gereedschap Schuintrekken, klik vervolgens op de linker- of rechterzijde van uw envelopnet-object en sleep om het te schuintrekken, zoals hieronder wordt weergegeven. Houd Shift omlaag ingedrukt om ervoor te zorgen dat de pieken en dalen verticaal blijven - niet essentieel, maar helpt het uiteindelijke effect.


Stap 22: Vervormen

Als je hebt gespeeld met Gradient Mesh-objecten, is dit een tweede natuur voor jou. Met het gereedschap Direct selecteren kunt u de enveloppaaspunten afzonderlijk of in groepen wijzigen om vloeiende, golvende vormen te maken. Buig de handvatten op elk punt en probeer consistente bewegingen in het object te maken. Stel je voor dat je het voorwerp naar boven en naar links veegt.


Stap 23: vervagen

Nu komen we ergens.

Met je vervormde, geschoren, ingekleurde rechthoek met rechthoeken geselecteerd, ga je naar Effecten> Vervagen> Gaussiaans vervagen. Kies in het dialoogvenster dat verschijnt de gewenste mate van vervaging. In mijn geval is 3 pixels prima, maar u kunt controleren hoe uw object eruit zal zien in het voorbeeldvenster en hoe u het op de juiste manier kunt aanpassen.

Opmerking: als u de resulterende afbeelding wilt afdrukken, moet u ervoor zorgen dat de vervaging wordt gerasterd met een hoge resolutie. Standaard wordt de vervaging gerasterd met 72 dpi om de verwerkingstijd te optimaliseren, maar voor afdrukdoeleinden is waarschijnlijk 300 dpi nodig. Ga naar Effecten> Instellingen voor rastereffecten om dit aan te passen.


Stap 24: Transparantie en positie

Geef je object een lichtere transparantie, schaal het vervolgens en plaats het boven je achtergrond en sterren. De lichtere transparantie van uw object zorgt ervoor dat gebieden die donkerder zijn dan wat eronder ligt, verdwijnen. Je zult worden achtergelaten met fluorescerende golven en sterren die er doorheen schijnen.


Stap 25: Afwerking

Maak een secundaire Aurora (misschien kleiner, minder ondoorzichtig en waziger meer) en plaats ergens tussen je objecten. Groepeer alles samen en plaats er vervolgens een rechthoek van 1680 bij 1050 px bovenop. Selecteer alles en druk op Command + 7 om deze rechthoek te gebruiken als knipmasker.


Conclusie

Afgewerkt! Na deze vijfentwintig beknopte stappen te hebben gevolgd, zou je iets aantrekkelijks en unieks moeten hebben om je bureaublad mee te versieren! Het is geen wonder dat die slimme mensen bij Apple de esthetiek van aurora herkennen met hun laatste OSX-release. De grotere versie is hier beschikbaar.

Abonneer u op de RSS-feed van VECTORTUTS om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.