Share
Wat je gaat creërenIn de tutorial van vandaag gaan we het proces van het maken van een glazen koepel-ingesloten kristalformatie nauwkeurig bekijken, met behulp van enkele van de meest eenvoudige vormen en gereedschappen van Adobe Illustrator.
Dus als dat interessant klinkt, neem dan een snelle slok van die vers gegoten koffie en laten we aan de slag gaan!
Voordat we begonnen, wilde ik een paar momenten nemen en erop wijzen dat ik een aangepaste lijntextuur zal gebruiken die ik van Envato Elements kreeg en die heel goed bleek te zijn met de ruwe vorm van de kristallen. De specifieke die ik heb gebruikt, heet "LineTexture07", die je in het pakket kunt vinden als je het archief download en decomprimeert.
Ervan uitgaande dat Illustrator al op de achtergrond actief is, laat het dan beginnen en laten we een a instellen Nieuw document (Bestand> Nieuw of Besturing N) die we als volgt zullen aanpassen:
En van de gevorderd tab:
Zodra we klaar zijn met het opzetten van ons projectbestand, zou het een goed idee zijn om ons document met een paar lagen te structureren, omdat we op deze manier een gestage workflow kunnen behouden door ons te richten op één gedeelte van de illustratie tegelijk.
Dus breng de Lagen paneel en maak een totaal van vijf lagen, die we als volgt hernoemen:
Snelle tip: Ik heb al mijn lagen ingekleurd met dezelfde groene waarde, omdat deze de gemakkelijkste is om te bekijken wanneer ze worden gebruikt om uw geselecteerde vormen te markeren (of ze nu gesloten of open paden zijn).
Nu we ons document in lagen hebben gelegd, kunnen we aan het daadwerkelijke project beginnen door snel de gewone achtergrond te maken.
De ... gebruiken Rechthoekgereedschap (M), Creëer een 800 x 600 px rechthoek die we zullen gebruiken in kleur # ffb75a en positioneer vervolgens in het midden van het onderliggende tekengebied met behulp van de richten panel Horizontaal en Verticaal uitlijnen midden opties.
Zodra u de achtergrond op zijn plaats hebt, vergrendelt u de laag vanuit de Lagen paneel en ga dan verder naar de tweede.
Ervan uitgaande dat je jezelf al hebt gepositioneerd op de volgende laag (dat zou de tweede zijn), laten we beginnen met het werken aan de glazen koepel, die we één sectie tegelijk zullen bouwen.
Maak het bovenste deel van de houten basis met behulp van een 240 x 48 px ellips, die we zullen kleuren met #ffffff en centreer het alignement op het onderliggende Artboard, positionering op een afstand van 152 px vanaf de onderkant.
Geef de vorm die we zojuist hebben gemaakt een overzicht met behulp van de Beroerte methode, door er een kopie van te maken (Besturing C), die we vooraan plakken (Controle-F) en pas het dan aan door het om te draaien Vullen met zijn Beroerte (Shift-X) en zorg er vervolgens voor dat de bijbehorende wordt ingesteld Gewicht naar 2 px van binnen de Beroerte paneel. Als je klaar bent, selecteer en groepeer je de twee vormen samen met de Controle-G Toetsenbord sneltoets.
Snelle tip: de reden waarom we een omtrek van dezelfde kleur aan de huidige vorm hebben toegevoegd, is om de buitenste randen van het onderlichaam die we zullen maken in de volgende stappen uit te lijnen.
Maak het onderlichaam van de basis met behulp van een ander 240 x 48 px ellips (#ffffff), die we onder de vorige vormen plaatsen zoals te zien in de referentie afbeelding.
Pas de vorm aan die we zojuist hebben gemaakt door de vorm ervan om te keren Vullen met zijn Beroerte (Shift-X) Zorg ervoor dat u de instellingen ervan instelt Gewicht naar 2 px. Selecteer vervolgens het bovenste ankerpunt met behulp van de Direct selectie gereedschap (A) en verwijder deze onmiddellijk door op te drukken Verwijder, een nieuw pad tekenen met behulp van de Pen gereedschap (P), gebruik de referentie afbeelding als uw belangrijkste gids.
Begin aan het donkere onderste gedeelte te werken door een kopie te maken (Control-C> Control-F) van de resulterende vorm, die we zullen aanpassen door het om te draaien Vullen met zijn Beroerte (Shift-X), zorg ervoor dat de kleur ingesteld is op # 3a302e.
Ga door met het aanpassen van de vorm door de bovenste ankerpunten te selecteren met behulp van de Direct selectie gereedschap (A), en vervolgens verwijderen door op te drukken Verwijder.
Maak een kopie (Control-C> Control-F) van de resulterende vorm die we zullen positioneren 8 px eronder en verenig de twee paden in een enkele grotere vorm door ze te selecteren en vervolgens op te drukken Besturing J (join) sneltoets twee keer. Als je klaar bent, vergeet dan niet om de vorm onder de witte contouren te plaatsen (klik met de rechtermuisknop> Schikken> Verzenden naar terug) voordat u doorgaat naar de volgende stap.
Voeg de onderste ring toe aan de basis met behulp van een kopie (Control-C> Control-F) van de omtrek van het onderlichaam, die we zullen aanpassen door de bovenste ankerpunten te selecteren en te verwijderen, waarbij de resulterende vorm op een afstand van 8 px vanaf de onderkant.
Laten we vervolgens een paar momenten nemen en de kleine textuurlijnen toevoegen met een paar 2 px dik Strokes met een Ronde dop. De manier waarop ik ze meestal begin te tekenen, is door een hoek te kiezen en dan een gevoel te krijgen van de stroom. Zodra ik minstens twee regels naar beneden haal, probeer ik de richting om te keren en dan geleidelijk naar de andere kant van de vorm te gaan die ik moet vullen. Als ik tevreden ben met het resultaat, zorg ik er altijd voor dat ik selecteer en groepeer (Controle-G) allemaal samen voordat u doorgaat naar de volgende stap.
Maskeer de textuurlijnen die we zojuist hebben gemaakt door een kopie te gebruiken (Besturing C) van de omtrek van het onderlichaam die we vooraan plakken (Controle-F), en vervolgens met zowel de kopie als de geselecteerde lijnen, eenvoudig klik met de rechtermuisknop> Maak knipmasker.
Voeg de ringinsertie toe aan het bovenste gedeelte van de basis met behulp van a 224 x 40 px ellips met een 2 px dik Beroerte, welke we zullen kleuren met # ffbe57. Als u klaar bent, selecteert en groepeert u alle samenstellende vormen van de basis samen met behulp van de Controle-G Toetsenbord sneltoets.
Begin aan de eigenlijke koepel te werken door een 224 x 320 px rechthoek met een 2 px dik Beroerte (#ffffff), die we op de bovenste helft van de basis plaatsen en vervolgens aanpassen door de Radius van zijn hoogste hoeken aan 112 px van binnen de Transformeren panel Rechthoekeigenschappen.
Omdat we willen dat de bodemsecties van de glazen koepel kunnen worden onderscheiden van de basis, maken we een kopie (Control-C> Control-F) van de inbrengring, die we vervolgens aanpassen door het bovenste ankerpunt te verwijderen. Dan, met behulp van de Pen gereedschap (P), we zullen het resulterende pad moeten uitbreiden zodat het buiten het oppervlak van de basis komt, en het daarna moet maskeren (klik met de rechtermuisknop> Maak knipmasker) met behulp van een kopie (Control-C> Control-F) ervan.
Werk het huidige gedeelte af door de subtiele detailregels toe te voegen met een paar 2 px dik Strokes (#ffffff) met een Ronde dop. Neem de tijd en als je klaar bent, zorg er dan voor dat je selecteert en groepeert (Controle-G) alle samenstellende vormen van het glasgedeelte samen, hetzelfde doen voor de hele koepel achteraf.
Nu we klaar zijn met het werken aan de koepel, kunnen we de laag vergrendelen en dan doorgaan naar de volgende (dat zou de derde zijn), waar we geleidelijk de kristalformaties zullen creëren.
Met de hulp van de Pen gereedschap (P), teken de hoofdvorm voor het middelste kristal met # 7b7bef als jouw Vullen kleur, gevolgd door de referentie afbeelding als uw belangrijkste gids. Aangezien dit deel van de illustratie is gebaseerd op lossere vormen, hoeft u geen exacte kopie te maken, dus voel u vrij om creatief te zijn en iets nieuws en unieks te maken.
Neem een paar momenten en schaduw de resulterende vorm door de verschillende secties te tekenen die te zien zijn in de referentie afbeelding, met behulp van # 9c9cff voor de lichtere vorm, # 6363d3 voor de donkere vormen, en # 5252c1 voor de donkerste. Als je klaar bent, selecteer en groepeer ze allemaal samen met de Controle-G Toetsenbord sneltoets.
Schets het kristal uit met een paar 2 px dik Strokes (#ffffff) met een Ronde Join, zorg ervoor dat u selecteert en groepeert (Controle-G) ze daarna samen. Als je klaar bent, selecteer en groepeer (Controle-G) alle vormen die we tot nu toe hebben en groeperen die ook.
Volg hetzelfde proces en voeg de resterende kristallen toe met behulp van het referentiebeeld als uw belangrijkste gids. Neem de tijd, en als je klaar bent, zorg ervoor dat je ze allemaal samen selecteert en groepeert met behulp van de Controle-G sneltoets voordat u doorgaat naar de volgende stap.
Met behulp van een 2 px dik Beroerte (#ffffff), teken snel het organische pad dat rond de kristalformaties loopt, en zorg ervoor dat het erna erna achteraan wordt gepositioneerd klik met de rechtermuisknop> Schikken> Verzenden naar terug. Aangezien we vrijwel klaar zijn met dit gedeelte van de illustratie, kunnen we selecteren en groeperen (Controle-G) alle vormen voordat u doorgaat naar het volgende gedeelte.
Op dit punt gaan we beginnen met het toevoegen van de laatste hand aan onze kleine illustratie, en we zullen beginnen met de textuur.
De ... gebruiken Direct selectie gereedschap (A), selecteer alle hoofdvormen van de kristallen en kopieer ze vervolgens (Besturing C) en plak (Controle-F) ze op de volgende laag (dat zou de vierde zijn) en zorg ervoor dat de vorige laag wordt vergrendeld.
Omdat we de kopieën willen gebruiken als een Knipmasker voor de textuur moeten we ervoor zorgen dat ze zich gedragen als een enkele grotere vorm door ze in een te veranderen Samengestelde vorm de ... gebruiken verkenner paneel verborgen optie.
Vervolgens moeten we een kopie pakken (Besturing C) van de aangepaste textuur en plak (Controle-F) op de huidige laag en zorg ervoor dat deze onder de laag wordt geplaatst Samengestelde vorm zodra we de kleur hebben ingesteld op wit (#ffffff) en de grootte aangepast.
Met de textuur op zijn plaats, kunnen we nu zowel het als de selecteren Samengestelde vorm en dan gewoon klik met de rechtermuisknop> Maak knipmasker om de secties buiten het oppervlak van de kristallen te verbergen. Als je klaar bent, kunnen we de huidige laag vergrendelen en doorgaan naar de laatste.
We zijn nu aan het laatste deel van het proces bezig, waar we zullen zien hoe gemakkelijk het is om wat polish toe te voegen aan de kleuren van de kristallen met behulp van Overvloeimodi. Dit deel is een beetje optioneel, maar ik hoop echt dat je ermee probeert te spelen, omdat je soms enkele interessante kleurvariaties kunt krijgen met een paar eenvoudige stappen.
Begin met plakken (Controle-F) een andere kopie van de kristallen uit de Clipboard op de huidige laag, die we vervolgens aanpassen door de kleur in te stellen op zwart (# 000000).
Open de Transparantie paneel en stel de resulterende vorm in Overvloeimodus naar bedekking, waardoor de kleuren onmiddellijk van paars in een interessant blauw worden verschoven.
Pas de .... aan ondoorzichtigheid niveau door het te verlagen totdat het effect niet zo krachtig is (in mijn geval 40%), en dat is zo ongeveer alles!
Daar heb je het - een leuke en eenvoudige tutorial die een licht moet schijnen op het proces achter dit soort illustraties.
Zoals altijd hoop ik dat je plezier hebt gehad met het project en als je vragen hebt, kun je deze plaatsen in het gedeelte Opmerkingen. Ik neem dan zo snel mogelijk contact met je op!
Accentsconagua