Maak een isometrische Vector Art Island met Hexels en Illustrator

Wat je gaat creëren

Met deze tutorial wil ik je laten zien hoe je een stuk isometrische kunst maakt met behulp van Hexels van Marmoset en Illustrator. Lees verder om meer te weten te komen over het snelle tempo van Hexels om concepten te herhalen en eenvoudig te maken nette structuren te maken.

Om de zelfstudie met gemak te volgen, raad ik u aan de hulpmiddelen bij de zelfstudie te downloaden, Hexels en een grafisch tablet gereed om te tekenen en Illustrator open te laten. Wanneer u dat doet, bladert u naar beneden om te beginnen.

1. Iterate concepten met hexels

Stap 1

Open Hexels en maak een nieuw bestand met de bedrade grafische tablet (Command-N). Klik vervolgens op Modi (Command-2) en selecteer Trixel, en check Roteer 90.

Selecteer vervolgens de Gloed tab (Command-3) en haal het vinkje weg Ingeschakeld.

Ga tenslotte naar de Document tab (Command-4), verander de Breedte naar 36 en de Hoogte naar 48, en check Bekleed canvasrand.

Stap 2

Eerst maken we een kleurset voor de illustratie. Selecteer de Kleur tab (Command-1) en kies een kleur voor de vloer (# FFCC66), de rechter muur (# CB4425), de linker muur (# F29946), en de zee (# 66FFB3) Verf ze in een hoek met de Penseel (B) om ze te redden met een ondoorzichtigheid ingesteld op 100%.

Voel je vrij om je eigen kleurenset te gebruiken.

Nu kunt u een concept met de reeks kleuren schilderen. Selecteer de Kleur Dtouwtje (I) en gebruik de Penseel (B) verven.

Selecteer om een ​​concept op te slaan Bestand> Exporteren (opdracht-E) en kies een Resolutie in de buurt 600 in Breedte en 450 in Hoogte, Beste kwaliteit en druk op OK om je concept te redden.

Je kunt ervoor kiezen om je concepten te gebruiken of degene die ik je heb gegeven met de bronnenmap.

2. Importeer uw concept in Illustrator

Stap 1

Open het bestand "Grid.ai"en Open (Command-O) om uw concept te openen. Dan Kopiëren (Command-C) en Plak vooraan (Command-F) in het bestand "Grid.ai" in de Laagreferentie.

Schakel de Smart Guide (Beeld> Smart Guide) en vergrendel de hulplijnen (Weergave> Gidsen> Vergrendelen).

Sla het bestand op, Bestand> Opslaan als (Command-Shift-S), om een ​​bestand van je eigen eiland te hebben.

Stap 2

Selecteer de Layer Land, kies het Pen gereedschap (P), en kies geen vulling en een zwarte lijn van 1 pixel om de omtrek van de vloer, de rechter muur en de linker muur te maken.

Group (Command-G) de vloeritems, de juiste muuritems en de items op de linkerwand. Selecteer de vloergroep, kies de Eyedropper Tool (IK) en gebruik uw referentie om overeen te komen met de kleur. Herhaal de actie voor de rechter muur en de linker muur.

Voeg een achtergrond toe, selecteer de Rechthoek Gereedschap (M), klik op een lege ruimte om te creëren een achtergrond van 600 x 450 in de Laag zee, en gebruik de Pipet Hulpprogramma (I) om de zee te vullen met zijn kleur.

Stap 3

Creëer de weerspiegeling van het water in delaag Reflection_land. Kies het Pen gereedschap (P) en gebruik het raster om een ​​diepte van -2 te creëren voor de rechtermuren en linker wanden van dezelfde kleur voor elke muur.

Groep de weerspiegeling juiste muren, en verander het Transparantie (Venster> Transparantie) naar Vermenigvuldig 50%.

Herhaal de actie voor de linkerwanden met een Transparantie naar Overlay 50%.

Opslaan (Command-S) je werk en open Hexel om de texturen te maken.

3. Maak de texturen met behulp van hexels

Stap 1

kiezen Bestand> Nieuw om een ​​nieuw document te maken. Klik vervolgens op de modes tab (Command-2) en selecteer Trixel, en check Roteer 90.

Selecteer vervolgens de Gloed tab en controleer Ingeschakeld.

Ga tenslotte naar de Document tab (Command-4) en verander de Breedte naar 48 en de Hoogte naar 48,en check Gewikkeld (tegelbaar) canvas.

Gebruik de Borstel Gereedschap (B) en de kleur wit (#FFFFFF) met weinig Dekking (10%) om een ​​textuurpatroon te schilderen. Selecteer de Eraser Tool (E) metlaag Dekking (10%) om de tint van de textuur aan te passen.

Selecteer om een ​​textuur op te slaan Bestand> Exporteren (opdracht-E) en kies een Breedte en Hoogte hoger dan 600 pixelBeste kwaliteit en druk op OK om je concept te redden.

U kunt dan naar gaan Modi (Command-3) en verander de modusom verschillende texturen te produceren met hetzelfde zwart-wit patroon.

Je kunt vooruit gaan met je eigen texturen of met de patronen die ik heb gemaakt.

4. Importeer de textuur in Illustrator

Stap 1

Open jouw texturen. Dan Kopiëren en Plak er vooraan in de laag Texture_sea en Texture_land.

Stap 2

Selecteer de vloergroep en Kopiëren en Plak er vooraan in delaag Texture_land.

Selecteer de vloergroep en de vloertextuur, ga naar Transparantie, druk op Maken Masker en kies Overlay 100%.

Herhaal de actie met de zee met Transparantie ingesteld op bedekking 40%.

5. Voeg details toe

Stap 1

Selecteer de vloergroep en Kopiëren en Plak er vooraan in delaag Ripple_sea. Vervolgens, met behulp van de rasterwijzer,verplaats de vloer naar -1 diepte.

kiezen geen vulling en een witte lijn van 1 pixel. Ga naar Effect> Pad> Offsetpad en stel de compenseren naar 5 pixel, de Doet mee naar mijter en de Versteklimiet naar 3. Wijzig tot slot de Transparantie naar Overlay 40%.

Stap 2

Selecteer de vloergroep en Kopiëren en Plak aan de voorkant in de laag Gradient_sea.

Selecteer de helling en maak een Lineair verloop op 45 graden, met een startkleur (# 115E4D) en een eindkleur (# 005.978)en een Transparantie ingesteld op Overlay 60%.

Stap 3

Selecteer de zeehelling die u zojuist hebt gemaakt en Kopiëren en Plak er vooraan in delaag Mood_light.

Verander het verloop naar een startkleur (# D3E169) met Dekking 80% en een eindkleur (# 8C3331) met Dekking 0% en een Transparantie ingesteld op bedekking.

Stap 4

Selecteer de vloergroep en Kopiëren en Pasta in de laag Highlight_land.

Verwijder vervolgens de vulling en voeg een verlooplijn toe. In de helling paneel, stel de helling naar Lineair en 45 graden, een startkleur (#FFFFFF)met ondoorzichtigheid 100% en een eindkleur (#FFFFFF) met Dekking 0%, en verander de Transparency naar Overlay 80%.

Stap 5

Gebruik de Pen gereedschap (P) om een ​​vis te maken met behulp van het raster als referentie in de laag vis.

Kleur de vis (# 652C90)en stel de Transparantie naar Vermenigvuldig 20%.

6. Bevolk de scène

Nu zullen we een strandlaken, een parasol, een bal en een palmboom maken om het land te vullen dat we samen hebben gemaakt. We zullen elk item in Illustrator maken en kleurvariaties, patronen en details gebruiken om verschillen in elk item te brengen.

Stap 1

Laten we beginnen met een bal, iets waar we plezier aan kunnen beleven. Gebruik de Ellipse Tool (L) om een ​​te maken 24 px cirkel.

Maak een patroon / textuur om sommige variëteiten naar voren te brengen. Gebruik in dit geval de Pen gereedschap (P) om drie verschillende patronen te maken.

Om een ​​masker te maken, Kopiëren en Pasta vooraan de bal, selecteer zowel de cirkel als het patroon en ga naar Transparantie en druk op Make Mask.

Gebruik de Ellipse Tool (L) om een ​​hoogtepunt te maken, stelt u de Transparantie naar Overlay 80% en de Pen Gereedschap (P) om te laten zien dat de bal onder water is met een Transparantie naar Vermenigvuldig 40%.

Laten we tot slot hetzelfde golfeffect toevoegen als voor het land. Selecteer het rimpelige zee-effect van de laag Ripple_Sea. Open de Grafische stijlen venster en sleep een van de effecten in het venster. Je hebt het rimpeleffect met succes opgeslagen.

Gebruik nu de Ellipse Tool (L) rond de cirkel en klik op de grafische stijl die u zojuist hebt opgeslagen. We hebben een masker nodig om het hogere gedeelte van de bal te bedekken. Kopiëren en Plak er vooraan de bal en gebruik de Direct selectie gereedschap (A) om de vorm zo te veranderen dat de cirkel alleen de bovenkant van de bal bedekt. Ga naar Transparantie naar Maak een masker.

Stap 2

Vervolgens maken we een handdoek om op deze mooie dag te gaan liggen. Gebruik de Pen Tool (P) om een ​​handdoek en een eenvoudig patroon te maken.

Gebruik de Pen gereedschap (P) maak vier kleine slagen aan elk uiteinde van de handdoek. Gebruik dan de Menggereedschap (W) om het gat tussen twee slagen te vullen, Dubbelklik op de Blend tool icoon om het te veranderen tussenruimte naar gespecificeerd,en invoer 14.

Kopiëren en Plak er vooraan drie exemplaren van de handdoek. Selecteer een handdoek, gebruik Recolor Artwork (naast het ondoorzichtigheid venster, onder de menubalk) en ga naar de Tab bewerken om de kleur snel te veranderen.

Stap 3

Nu voegen we een parasol toe om ons te beschermen tegen de vurige zon. Gebruik de Polygoon ookl (te vinden in de Rechthoek-tool of Ellips-tool, in de actiebalk) om een ​​basis te maken op 24 px straal en 12 zijden. Verander dan de Breedte naar 48 px en Hoogte naar 24 px. Gebruik de Pen gereedschap (P) om een ​​stok onder de parasol toe te voegen.

Voeg een patroon toe aan de parasol, gebruik de Pen gereedschap (P) om strepen te maken, zoals weergegeven in de onderstaande afbeelding.

Maak de parasol af door licht toe te voegen. Gebruik de Ellipse Tool (L) om de parasol te bedekken. Om een ​​masker te maken, Kopiëren en Plak aan de voorkant de parasol, selecteer zowel de parasol als het licht en ga naar Transparantie naar Maak een masker met Overlay 80%.

Herhaal vervolgens dezelfde stappen als voor de handdoek. Kopiëren en Plak aan de voorkant drie exemplaren van de parasol. Selecteer een parasol, gebruik Recolor Artwork (naast het ondoorzichtigheid venster, onder de menubalk) en ga naar de Bewerk tab om de kleur snel te veranderen.

Stap 4

Eindelijk, laten we een palmboom maken om een ​​vleugje leven aan deze illustratie toe te voegen.

Begin met het maken van de vorm met behulp van de Pen gereedschap (P) om het blad en de stam te maken.

Dan de patronen: gebruik de Pen gereedschap (P) om een ​​patroon voor de boom te maken. Gebruik de Pen gereedschap (P) om gaten te maken en Pathfinder> Aftrekken om het blad te snijden.

Eindig met het licht: gebruik de Pen gereedschap (P) om een ​​gebied van licht te creëren. Om een ​​masker te maken, Kopiëren en Plak aan de voorkant de stam of het blad, selecteer de stam of het blad en het licht en ga naar Transparantie om een ​​masker mee te maken Overlay 80%.

Geweldig werk, je bent klaar!

In deze zelfstudie heb ik je laten zien hoe je een isometrisch eiland kunt maken met de kracht van Hexels van Marmoset met Illustrator.

Ik hoop dat je deze tutorial leuk vond en kunt gebruiken wat je hebt geleerd voor je eigen projecten. Alsjeblieft, voel je vrij om te reageren en laat me je resultaten zien.