Hur man skapar en kristallformationsillustration i Adobe Illustrator

Vad du ska skapa

I dagens handledning kommer vi att ta en närmare titt på processen att skapa en glaskupol medföljande kristallbildning, med hjälp av några av Adobe Illustrators mest grundläggande former och verktyg.

Så om det låter intressant, ta en snabb sipp av det nyhällda kaffet och låt oss komma igång!

Innan vi började ville jag ta ett par ögonblick och påpeka att jag använder en anpassad linjestruktur som jag fick från Envato Elements som visade sig fungera väldigt bra med kristallens grova form. Den specifika jag använde heter "LineTexture07", som finns i paketet när du hämtar och dekomprimerar arkivet.

1. Så här skapar du en ny projektfil

Anta att du redan har Illustrator igång i bakgrunden, ta upp det och låt oss ställa in en Nytt dokument (Fil> Ny eller Kontroll-N) som vi kommer att justera enligt följande:

  • Antal skyltar: 1
  • Bredd: 800 px
  • Höjd: 600 px
  • Enheter: pixlar

Och från Avancerad flik:

  • Färg läge: RGB
  • Raster effekter: Skärm (72ppi)
  • Förhandsgranskningsläge: Standard

2. Så här ställer du upp lagen

När vi har slutat konfigurera vår projektfil, är det en bra idé att strukturera vårt dokument med några lager, eftersom vi kan behålla ett stabilt arbetsflöde genom att fokusera på en sektion av bilden i taget.

Så ta upp Skikten panel och skapa totalt fem lager, som vi kommer att byta namn på enligt följande:

  • skikt 1: bakgrund
  • skikt 2: glas kupol
  • skikt 3: kristallbildning
  • skikt 4: textur
  • skikt 5: täcka över

Snabbtips: Jag har färgat alla mina lager med samma gröna värde eftersom det är det enklaste att se när de används för att markera dina valda former (oavsett om de är stängda eller öppna sökvägar).

3. Hur man skapar bakgrunden

Nu när vi har lagat vårt dokument kan vi börja arbeta med det aktuella projektet genom att snabbt skapa den vanliga bakgrunden.

Steg 1

Använda Rektangelverktyg (M), skapa en 800 x 600 px rektangel som vi kommer att färga med # ffb75a och placera sedan i mitten av den underliggande Artboard med hjälp av Justera panelens Horisontell och Vertikalt inriktningscentrum alternativ.

Steg 2

När du har bakgrunden på plats, lås dess lager från Skikten panel och sedan gå vidare till den andra.

4. Hur man skapar glasdomen

Förutsatt att du redan har placerat dig på nästa lager (det skulle vara det andra), låt oss börja arbeta på glaskupolen, som vi kommer att bygga en sektion åt gången.

Steg 1

Skapa den övre delen av träbasen med hjälp av a 240 x 48 px ellips, som vi kommer att färga med #ffffff och centrera sedan in mot det underliggande Artboard, placera det på ett avstånd av 152 px från dess nedre kant.

Steg 2

Ge den form som vi just har skapat en skiss med hjälp av Stroke metod, genom att skapa en kopia av det (Kontroll-C), som vi kommer klistra in framför (Kontroll-F) och justera sedan genom att bläddra på den Fylla med dess Stroke (Skift-X) och sedan se till att ställa in dess Vikt till 2 px inifrån Stroke panel. När du är klar väljer du och grupperar de två formerna tillsammans med Kontroll-G tangentbordsgenväg.

Snabbtips: anledningen till att vi lagt till en skiss av samma färg till den nuvarande formen är att anpassa underkroppens yttre kanter som vi kommer att skapa i följande steg.

Steg 3

Skapa basens underkropp med en annan 240 x 48 px ellipsen (#ffffff), som vi kommer att placera under de tidigare formerna som ses i referensbilden.

Steg 4

Justera formen som vi just skapat genom att bläddra på den Fylla med dess Stroke (Skift-X) se till att ställa in dess Vikt till 2 px. Välj sedan dess främre ankarpunkt med hjälp av Direktmarkeringsverktyg (A) och omedelbart ta bort den genom att trycka på Radera, ritar en ny väg med hjälp av Penverktyg (P), Använd referensbilden som huvudguide.

Steg 5

Börja arbeta med den mörkare underdelen genom att skapa en kopia (Control-C> Control-F) av den resulterande formen, som vi kommer att justera genom att bläddra dess Fylla med dess Stroke (Skift-X), se till att ställa in sin färg till # 3a302e.

Steg 6

Fortsätt att justera formen genom att välja dess främre ankarpunkter med hjälp av Direktmarkeringsverktyg (A), och sedan ta bort dem genom att trycka på Radera.

Steg 7

Skapa en kopia (Control-C> Control-F) av den resulterande formen som vi kommer att positionera 8 px under det, och sedan förena de två vägarna i en enda större form genom att välja dem och sedan trycka på Kontroll-J (gå med) kortkommandon två gånger. När du är klar, glöm inte att placera formen under den vita konturen (högerklicka> Ordna> Skicka till Tillbaka) innan du går vidare till nästa steg.

Steg 8

Lägg bottenringen till basen med en kopia (Control-C> Control-F) i underskriften, som vi kommer att justera genom att välja och ta bort dess främre ankarpunkter, placera den resulterande formen på ett avstånd av 8 px från dess nedre kant.

Steg 9

Låt oss sedan ta ett par ögonblick och lägga till de små texturerna med ett par 2 px tjock Strokes med en Round Cap. Det sätt som jag brukar börja dra dem är att välja ett hörn och sedan få en känsla av flödet. Så snart jag får minst två linjer ner försöker jag sedan vända riktningen och sedan gradvis ta mig till motsatt sida av formen som jag behöver fylla. När jag väl är nöjd med resultatet, gör jag alltid med att välja och gruppera (Kontroll-G) alla tillsammans innan de går vidare till nästa steg.

Steg 10

Mask texturlinjerna som vi just skapat genom att använda en kopia (Kontroll-C) av underkroppens disposition som vi klistrar in framför (Kontroll-F), och sedan med både kopian och de rader som valts, helt enkelt högerklicka> Gör klippmask.

Steg 11

Lägg till ringinsatsen till den övre delen av basen med hjälp av a 224 x 40 px ellips med a 2 px tjock Stroke, som vi kommer att färga med # ffbe57. När du är klar väljer du och grupperar alla basens kompositionsformer tillsammans med Kontroll-G tangentbordsgenväg.

Steg 12

Börja arbeta med den verkliga kupolen genom att skapa en 224 x 320 px rektangel med a 2 px tjock Stroke (#ffffff), som vi kommer att placera på den övre halvan av basen och justera sedan genom att ställa in Radie av dess högsta hörn till 112 px inifrån Omvandla panelens Rektangelegenskaper.

Steg 13

Eftersom vi vill att de undre delarna av glaskupolen kan särskiljas från basen, skapar vi en kopia (Control-C> Control-F) av införingsringen, som vi sedan justerar genom att ta bort dess främre ankarpunkt. Sedan använder du Penverktyg (P), vi kommer att behöva förlänga den resulterande banan så att den går utanför basens yta, se till att maskera den efteråt (högerklicka> Gör klippmask) med hjälp av en kopia (Control-C> Control-F) av den.

Steg 14

Avsluta nuvarande avsnitt genom att lägga till de subtila detaljerna med ett par 2 px tjock Strokes (#ffffff) med en Round Cap. Ta din tid, och när du är klar, se till att du väljer och grupperar (Kontroll-G) hela glaspartiets kompositionsformer tillsammans, gör samma för hela kupolen efteråt.

5. Hur man skapar kristallformationerna

Nu när vi har slutat arbeta på kupolen kan vi låsa sitt lager och sedan gå vidare till nästa (det skulle vara den tredje), där vi gradvis kommer att skapa kristallformationerna.

Steg 1

Med hjälp av Penverktyg (P), Dra huvudformen för mittkristallen med # 7b7bef som din Fylla färg, följ referensbilden som huvudguide. Eftersom den här delen av illustrationen är baserad på lösare former behöver du inte skapa en exakt kopia, så var fri att bli kreativ och skapa något nytt och unikt.

Steg 2

Ta ett par ögonblick och skugga den resulterande formen genom att dra olika sektioner som ses i referensbilden med # 9c9cff för ljusare form, # 6363d3 för de mörkare formerna, och # 5252c1 för den mörkaste. När du är klar väljer du och grupperar dem alla tillsammans med Kontroll-G tangentbordsgenväg.

Steg 3

Skissera kristallen med ett par 2 px tjock Strokes (#ffffff) med en Round Join, Se till att du väljer och grupperar (Kontroll-G) dem tillsammans efteråt. När du är klar väljer du och grupperar (Kontroll-G) alla former som vi har hittills och gruppera dem också.

Steg 4

Följ samma process genom att lägga till de återstående kristallerna med referensbilden som huvudguide. Ta din tid, och när du är klar, se till att du väljer och grupperar dem alla tillsammans med Kontroll-G tangentbordsgenväg innan du går vidare till nästa steg.

Steg 5

Använder en 2 px tjock Stroke (#ffffff), rita snabbt den organiska vägen som går runt kristallformationerna, se till att placera den underifrån efteråt högerklicka> Ordna> Skicka till Tillbaka. Eftersom vi är ganska mycket färdiga att arbeta på den här delen av illustrationen kan vi välja och gruppera (Kontroll-G) alla former innan du går vidare till nästa avsnitt.

6. Hur man lägger textur till kristallerna

Vid denna tidpunkt ska vi börja lägga till de sista detaljerna till vår lilla illustration, och vi börjar med texturen.

Steg 1

Använda Direktmarkeringsverktyg (A), välj alla kristallens huvudformer och kopiera sedan (Kontroll-C) och klistra in (Kontroll-F) dem på nästa lager (det skulle vara den fjärde), se till att låsa den föregående.

Steg 2

Eftersom vi vill använda kopiorna som en Clipping Mask För texturen måste vi få dem att fungera som en enda större form genom att göra dem till en Sammansatt form använda Stigfinnare panelens dolda alternativ.

Steg 3

Därefter måste vi ta en kopia (Kontroll-C) av den anpassade konsistensen och klistra in (Kontroll-F) på det aktuella skiktet, se till att placera det under Sammansatt form när vi har satt sin färg till vitt (#ffffff) och justerade dess storlek.

Steg 4

Med strukturen på plats kan vi nu välja både den och Sammansatt form och sedan helt enkelt högerklicka> Gör klippmask för att dölja de sektioner som går utanför kristallens yta. När du är klar kan vi låsa det aktuella lagret och sedan gå vidare till den sista.

7. Hur man lägger överlägget på kristallerna

Vi är nu nere till den sista delen av processen, där vi kommer att se hur lätt det är att lägga till lite poler i kristallfärgerna med hjälp av Blandningsmetoder. Den här delen är typ av valfri men jag hoppas verkligen att du försöker spela med det, eftersom du ibland kan få några intressanta färgvariationer med ett par enkla steg.

Steg 1

Börja med att klistra in (Kontroll-F) en annan kopia av kristallerna från Urklipp på det aktuella lagret, som vi sedan justerar genom att ställa in färgen till svart (# 000000).

Steg 2

Öppna upp Genomskinlighet panel, och sätt den resulterande formen Blandningsläge till Täcka över, som omedelbart kommer att flytta färgerna från lila till en intressant blå.

Steg 3

Justera Opacitet nivå genom att sänka den tills effekten inte är så kraftfull (i mitt fall 40%), och det är ganska mycket det!

Bra jobbat!

Där har du det - en trevlig och enkel handledning som bör lysa på processen bakom dessa slags illustrationer.

Som alltid hoppas jag att du hade kul att jobba med projektet, och om du har några frågor, var snäll att skicka in dem i kommentarfältet och jag kommer tillbaka till dig så fort jag kan!