Share
Wat je gaat creërenIn de tutorial van vandaag gaan we het proces van het maken van een leuke kleine zomerillustratie verkennen, waarbij we enkele van de meest geometrische vormen en hulpmiddelen gebruiken die Illustrator te bieden heeft.
Voordat we beginnen, vergeet niet dat je altijd nieuwe functies aan het eindresultaat kunt toevoegen door naar GraphicRiver te gaan, waar je een grote selectie van zomerse vector-items vindt.
Dat gezegd hebbende, laten we er meteen in springen!
Aangezien ik hoop dat je Illustrator al op de achtergrond hebt geïnstalleerd en op de achtergrond hebt staan, kun je het opzetten en een a instellen Nieuw document (Bestand> Nieuw of Besturing N) voor ons project met behulp van de volgende instellingen:
En van de gevorderd tab:
Hoewel we vandaag niet aan pictogrammen werken, willen we toch de illustratie maken met een pixel-perfecte workflow, door een leuk klein raster in te stellen zodat we volledige controle over onze vormen kunnen hebben.
Ga naar de Bewerken> Voorkeuren> Gidsen & raster submenu en pas de volgende instellingen aan:
Snelle tip: je kunt meer over rasters leren door dit diepgaande stuk over How Illustrator's Grid System Works te lezen.
Zodra we ons aangepaste raster hebben ingesteld, hoeven we er alleen nog maar wat aan te doen om ervoor te zorgen dat onze vormen er knap uitzien Klik op raster optie gevonden onder de Uitzicht menu (dat is als u een oudere versie van Illustrator gebruikt).
Als je nieuw bent in de hele "pixel-perfecte workflow", raad ik je ten zeerste aan om mijn instructies voor het maken van een perfecte pixelafbeeldingen te volgen, zodat je je technische vaardigheden in een mum van tijd kunt vergroten.
Zodra we klaar zijn met het opzetten van ons projectbestand, zou het een goed idee zijn om ons document met meerdere lagen te structureren, omdat we op die 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 zes lagen, die we als volgt hernoemen:
Snelle tip: Ik heb al mijn lagen gekleurd met dezelfde groene waarde, omdat deze het gemakkelijkst te bekijken is om uw geselecteerde vormen te markeren (gesloten of open paden).
We gaan het project starten door de zonsondergangachtergrond te maken, dus zorg dat je op de juiste laag staat (dat zou de eerste zijn) en sluit vervolgens alle andere lagen zodat we aan de slag kunnen.
Maak een 480 x 480 px cirkel, waarop we een subtiel lineair verloop toepassen, met # EFFF56 voor de linker kleur en # EF6B43 voor de juiste. Stel de hoek in op 90º, centreer de vorm op het grotere tekengebied.
Begin aan de gloed van de zon te werken, door een kleinere te maken 384 x 384 px cirkel (# ED7743), die we zullen aanpassen door het te verlagen ondoorzichtigheid naar 40%, centreer de resulterende vorm op de achtergrond.
Voeg de tweede glow-sectie toe met een nog kleinere 288 x 288 px cirkel (# ED7743) met een 48% dekking niveau, dat we zullen centreren op één lijn uit de vorige stap.
Creëer de zon met een 192 x 192 px cirkel, die we zullen kleuren met # E87243 en centreer het midden op de eerder gemaakte vorm. Neem je tijd, en als je klaar bent selecteer en groepeer je alle vier vormen met behulp van de Controle-G sneltoets, vergrendelt de huidige laag voordat u doorgaat naar de volgende stap.
Stel dat je klaar bent met werken op de achtergrond, zorg dat je op de juiste laag staat (dat zou de tweede zijn) en laten we gaan werken aan de volgende sectie van de illustratie.
Maak een 512 x 512 px rechthoek met een lineair verloop (linker kleur: # 6FA0CD; juiste kleur: # 7DDBCD; hoek: 90º), die we over de onderste helft van de grotere cirkel van de achtergrond plaatsen.
Snelle tip: je zou kunnen opmerken dat we de rechthoek a gaven 16 px opvulling aan zijn linker-, rechter- en onderzijde om ons ontwerp waterdicht te maken, omdat we het in de volgende stap gaan maskeren.
Maskeer de vorm die we zojuist hebben gemaakt, met behulp van een kopie (Besturing C) van de achtergrond, die we op de huidige laag plakken (Controle-F), door zowel deze als de kopie te selecteren en vervolgens met de rechtermuisknop klikken> Knipmasker maken.
Begin aan de buitenste reflectie van het water te werken door een 240 x 32 px afgeronde rechthoek (#FFFFFF) met een 16 px hoekradius, gevolgd door een smallere 176 x 32 px een (#FFFFFF), die we verticaal op een afstand van 32 px van elkaar, positionering ervan 32 px vanaf de bovenste rand van het water (aangezien we twee nieuwe rechthoeken over die lege plekken gaan toevoegen).
Begin met het opvullen van de lege ruimtes gemaakt door de vormen uit de vorige stap, door een 192 x 32 px rechthoek (#FFFFFF), die we op de eerste opening plaatsen, en een kleinere 128 x 32 px een (#FFFFFF) die naar de tweede gaat.
Pas de rechthoeken aan die we zojuist hebben gemaakt door a uit te knippen 32 x 32 px cirkel (gemarkeerd met rood) van elk van de zijsecties met verkenner's Minus voorzijde vormmodus.
Voeg het laatste gedeelte toe met a 64 x 48 px rechthoek (#FFFFFF), die we onder de kleinere afgeronde rechthoek plaatsen zoals te zien in de referentie afbeelding. Zodra je de vorm op zijn plaats hebt, selecteer en verenig je alle samenstellende vormen van de reflectie in een enkele grotere vorm met verkenner's Verenig de vormmodus.
Pas de resulterende vorm aan door afzonderlijk elk van de onderste middelpunten in het midden te selecteren met behulp van de Direct selectie gereedschap (A), en dan hun Radius naar 32 px met behulp van de Live hoeken tool. Herhaal hetzelfde proces voor de vierkante hoeken, met een kleinere waarde (16 px) voor hun Radius.
Voeg de kleine zijpanelen toe met twee 48 x 32 px afgeronde rechthoeken (#FFFFFF) met een 16 px hoekradius, die we op een afstand van 16 px van de eerste en tweede afgeronde secties van de reflectie.
Omdat we willen dat de grotere reflectie en zijsecties als een enkele grotere vorm werken, moeten we ze selecteren en vervolgens gebruiken verkenner om een te maken Samengestelde vorm.
Zodra we onze samengestelde vorm hebben gemaakt, kunnen we een mooie vloeiende witte lineaire gradiënt toepassen, met een 20% dekking voor de linker kleurenstop en 60% voor de juiste, zorg ervoor dat de Hoek naar 90º.
Voeg de kleinere reflectie toe met een kopie (Control-C> Control-F) van de grotere, die we zullen verkleinen met behulp van de Schaal gereedschap (klik met de rechtermuisknop> Transformeren> Schalen> Uniform> 50%).
Plaats de resulterende vorm op de bovenrand van de grotere reflectie, selecteren en groeperen (Controle-G) alle vormen samen voordat u doorgaat naar de volgende stap.
Zorg dat je op de juiste laag staat (dat zou de derde zijn) en laten we beginnen met het toevoegen van een paar details aan de middensectie van de illustratie.
Grijp de Pen gereedschap (P), en gebruik het om het kleine eiland te gebruiken # C4583B als uw hoofd Vullen kleur. Neem de tijd en ga, als je klaar bent, verder met de volgende stap.
Geef het eiland wat diepte door een paar donkere gedeeltes toe te voegen met # AA4531 als jouw Vullen kleur, zorg ervoor dat u selecteert en groepeert (Controle-G) al zijn samenstellende vormen achteraf.
Creëer het kleine cruiseschip met een paar rechthoeken (# C4583B), die we zullen aanpassen door enkele van hun ankerpunten naar binnen te duwen. Neem je tijd, en als je klaar bent, zorg ervoor dat je alle samenstellende vormen samen selecteert en groepeert met behulp van de Controle-G Toetsenbord sneltoets.
Omdat het rechtergedeelte van het eiland hoogstwaarschijnlijk buiten het oppervlak van de achtergrond valt, willen we het maskeren met een kopie (Besturing C) van de grotere cirkel, die we zullen plakken (Controle-F) op de huidige laag (klik met de rechtermuisknop> Maak knipmasker).
Ervan uitgaande dat je klaar bent met het vorige gedeelte, spring dan omhoog naar de volgende laag (dat zou de vierde zijn), waar we snel de wolken zullen creëren.
Begin aan de eerste reeks wolken te werken door een te maken 80 x 16 px afgeronde rechthoek (#FFFFFF) Met een 8 px hoekradius, die we op een afstand van 56 px vanaf de linkerrand van de achtergrond en 102 px van de bovenste.
Maak een ander 80 x 16 px afgeronde rechthoek (#FFFFFF) Met een 8 px hoekradius, die we onderaan zullen plaatsen, op een afstand van 88 px vanaf de linkerrand van de achtergrond en 16 px van het vorige cloudsegment.
Maak het binnenste segment met een kleinere 32 x 16 px rechthoek (#FFFFFF) die we zullen aanpassen door a 16 x 16 px cirkel van elk van zijn zijsecties met behulp van verkenner's Minus voorzijde vormmodus.
Maak een kleiner zijsegment met a 32 x 16 px afgeronde rechthoek (#FFFFFF) Met een 8 px hoekradius, die we op een afstand van 16 px van het bredere lagere segment. Als je klaar bent, selecteer en groepeer je alle vier de vormen samen met de Controle-G Toetsenbord sneltoets.
Creëer de tweede wolkengroep met hetzelfde proces, maar neem deze keer een paar momenten en speel een beetje met de lengtewaarden van de segmenten, plaats de resulterende vormen aan de rechterkant van de achtergrond.
Selecteer beide wolkengroepen en verander ze in een grotere Samengestelde vorm, een witte lineaire gradiënt toepassen met een 90º over hen, met behulp van een 80% dekking voor de eerste kleurstop en 20% voor de tweede.
Werk het huidige gedeelte af door de vlakke paden toe te voegen met twee 80 x 4 px rechthoeken (#FFFFFF) met 2 px linkerhoek Radius, die we verticaal zullen stapelen 12 px van elkaar, met een subtiele lineaire gradiënt (60% dekking voor de linker kleurenstop; 10% dekking voor de juiste kleurstop) voor hen.
Zorg ervoor dat je op de juiste laag staat (dat is de vijfde laag) en maak dan snel de ronde markering.
Maak een kopie (Besturing C) van de grotere cirkel van de achtergrond, die we zullen plakken (Controle-F) op de huidige laag en pas deze aan door eerst de kleur in wit in te stellen (#FFFFFF) en vervolgens een kleinere verwijderen 448 x 448 px cirkel (gemarkeerd met rood) vanuit het midden.
Sluit de markering af door de resulterende vormen in te stellen ondoorzichtigheid naar 30%.
We gaan nu naar de laatste sectie van onze illustratie, dus als je ervan uitgaat dat je de vorige laag hebt vergrendeld en jezelf op de volgende hebt geplaatst (dat zou de zesde zijn), laten we dan dingen inpakken!
Plak nog een kopie (Controle-F) van de grotere cirkel van de achtergrond op de huidige laag en zorg ervoor dat de kleur ervan zwart wordt (# 000000).
Selecteer de cirkel en pas dan een toe Graan textuur erover, door er naar toe te gaan Effect> Photoshop-effecten> Textuur> Korrel en het instellen van zijn Intensiteit naar 11, haar Contrast naar 100, en zijn Graan type naar sprinkles.
Pas de resulterende textuur aan door de bijbehorende structuur in te stellen Overvloeimodus naar Zacht licht en zijn ondoorzichtigheid naar 20% van binnen de Transparantie paneel.
Werk de illustratie af door de textuur ervan te selecteren en te maskeren, zodat deze beperkt blijft tot het oppervlak van de achtergrond.
Daar heb je het - een korte en eenvoudige tutorial over hoe je je eigen zomerillustratie kunt maken. Ik hoop dat je elke stap hebt bijgehouden en tijdens het proces iets nieuws hebt geleerd.
Accentsconagua