Hur man gör en vektor diamantring i Illustrator

Om du älskar juveler, som jag gör, kommer den här handledningen att vara intressant. I slutet av det lär du dig att göra två vektor diamantringar och detaljerna som ger dem realism.

Denna handledning handlar om att göra två diamantringar med alla sina delar, från ringen, den stora diamanten med basen där den sitter och de små diamanterna appliceras med en extra glans. Jag har uppmärksammat detaljerna så att de ser realistiska ut och jag visar dig de tips och tricks som jag brukade göra dem. Låt oss börja!

Slutlig bildförhandsvisning

Nedan är den slutliga bilden vi ska arbeta för. Vill du ha tillgång till hela Vector Source-filerna och nedladdningsbara kopior av varje handledning, inklusive den här? Bli med Plus Plus för bara 9 $ per månad.

Handledning detaljer

  • Program: Illustrator CS4
  • Svårighetsgrad: Mellanliggande
  • Beräknad sluttid: 3 timmar

Steg 1

Öppna ett nytt dokument, vilken storlek du vill ha och använd RGB-läget. Vi börjar med ringformen. Ta ellipseverktyget och dra en form som i bilden nedan, välj ingen fyllning och bara en 1 px svart slag. Nästa gör den andra formen lite större än den första.

Ta nu Direct Selection Tool och välj den mest vänstra punkten, flytta den så lite till höger så att vi krossar formen lite. Välj den högsta punkten och gör detsamma. Välj nu den yttre cirkeln, kopiera den och klistra in den framför. Vi behöver det senare. Därefter väljer du båda ursprungliga formerna (inte den som vi bara klistrade in) och går till Objekt> Sammansatt sökväg> Gör.

Steg 2

Välj Ellipse Tool och gör en större oval form än den första. Placera det på toppen av den mindre formen och välj båda. Gå till panelen Pathfinder och klicka på Minus Front så vi får formen i nästa bild.

Steg 3

Nu ska vi använda den form som vi klistrade framför oss tidigare. Ta Add Anchor Point Tool, lägg till två punkter och dra sedan den sökväg som du ser i bilden nedan med hjälp av Pen Tool. Gör detsamma på den andra sidan, välj ingen fyllning och 1 px svart slag. Dessa former som vi just skapat måste vara ovanpå de första två. Detta är viktigt annars kommer vi inte att kunna färga dem senare.

Steg 4

Det är dags för vissa färger. Välj den första sammansatta formen som vi gjorde, avmarkera stroke och fyll den med den linjära gradienten som du ser i bilden nedan. Färger från vänster till höger är: 80% svart (R = 51, G = 51 och B = 51), (R = 153, G = 153 och B = 153) eller 40% svart; (R = 204, G = 204 och B = 204) 20% svart; (R = 243, G = 244 och B = 244); (R = 128, G = 124, 128); (R = 242, G = 242 och B = 242) 5% svart; (R = 178, G = 178 och B = 178) 30% svart och (R = 125, G = 125 och B = 125).

Välj också formen som visas i den andra bilden - och fyll den med den linjära gradienten som du ser. Färger är: 80% svart (R = 51,51 och B = 51), 60% svart (R = 102, G = 102 och B = 102), 10% svart (R = 230, G = 230 och B = 230), 60% svart (R = 102, G = 102 och B = 102), ljusgrå (R = 243, G = 244 och B = 244); 70% svart (R = 77, G = 77 och B = 77) och 90% svart (R = 26, G = 26 och B = 26).

Steg 5

Nu ska vi färga de former som vi gjorde på toppen. För att göra det, använd den linjära gradienten från bilden. För formen till vänster är färgerna 80% svarta (R = 51, G = 51 och B = 51), grå (R = 139, G = 135 och B = 141), ljusgrå (R = 243 , G = 244 och B = 244), grå (R = 128, G = 124 och B = 128), grå (R = 167, G = 169 och B = 172) och för formen till höger: 80% svart (R = 51, G = 51 och B = 51), grå (R = 139, G = 135 och B = 141), ljusgrå (R = 243, G = 244 och B = 244) , grå (R = 178, G = 178 och B = 178) och en annan grå (R = 167, G = 169 och B = 172).

Steg 6

Det är dags att lägga till några detaljer. I stället för att dra nya former med Penverktyget föredrar jag följande trick. Ta direktmarkeringsverktyget och välj endast de 3 poäng som du ser i bilden, kopiera och klistra in dem i ditt arbetsområde. Avmarkera nu fyllningen och ge den bara en svart slag. Om Illustrator kopierar mer än de 3 poängen, precis som min gjorde, bara ta bort dem, vi behöver bara få formen nedan.

Därefter går du till borstpanelen och väljer borsten från bilden nedan - den första. Jag behövde fler borstar så jag tog bort några punkter för att få de 2 nya penslarna som du ser på bilden. Dra bara dem båda till borstpanelen så att vi kan använda dem ytterligare.

Välj nu den detaljbana som vi gjorde tidigare och använd den första borsten till den, gör stroke 0,10 px och sedan Expand Appearances. Fyll i formen med den linjära gradienten från bilden: 90% svart (26,26,26), 0% svart (255,255,255), 70% svart (77,77,77), 0% svart (255,255,255) och 90% svart (26,26,26).

Nu sätta formen tillbaka på plats, sätt läget till Multiplicera och sänka opaciteten till 50%.

Steg 7

Med samma teknik gör du detaljbilden från bilden nedan och fyller den med en liknande gradient. Justera färgerna så att reflektionerna ser så verkliga ut som möjligt. Gå även till Effekter> Stylize> Yttre glöd, sätt sedan in de värden som du ser i bilden.

Steg 8

Nu bara repetera de tidigare stegen och göra mer detaljformar. För nästa fyller du bara den med en linjär gradient vit till svart och justerar den så att du får det resultat du vill ha. När du är klar gör du samma på andra sidan eller reflekterar en kopia av den.

Steg 9

Gör detsamma med utsidan av vår ring. Fyll den med lutningen som visas, upprepa eller vänd den till andra sidan.

Steg 10

För formen som visas i bilden nedan, efter att du har gjort den och fyll i den visade graden, gå till Effekt> Stylize> Yttre glöd. Använd sedan samma värden från steg 7. Ändra läget till Multiplicera och sänka opaciteten till 25%. Gör detsamma på andra sidan.

Steg 11

Vi har två olika former att gå. Fyll dem med lutningen som visas i bilden nedan: mycket mörkgrå (26,26,26), ljusgrå (228.228.228) och svart (0,0,0). Därefter minska opacitet till 50% eller tills du gillar vad du ser.

Steg 12

Vi är färdiga med den här delen. Nu ska vår ring se ut som bilden nedan.

Steg 13

Det är dags att göra basen var den stora diamanten kommer att stanna. Ta rektangulärverktyget och rita en rektangel (storleken är inte viktig nu eftersom vi ändå ändrar det senare senare för att passa bakom diamanten). Därefter markerar du varje punkt med Direktmarkeringsverktyget och klickar på Konvertera markerade ankarpunkter så att det blir smidigt (som visas i menyraden). Du borde få formen från nästa bild.

Steg 14

För att göra nästa form, välj den ovanstående och gå till Objekt> Path> Offset path och ställ in värdet till 8 pt och expandera sedan. Gör nu fyra lilla ovala former med Ellipse Tool och placera dem i mitten av varje sida som du ser på bilden.

Välj alla fem formerna och klicka på Minus Front från panelen Pathfinder. Du borde ha något liknande det som visas nedan. Fyll den nu med en linjär gradient som heter Steel från biblioteket. Du kan också använda Silver, men jag gillade hur den första såg ut mer.

Steg 15

Nu med den sista formen som vi just gjort valt, gå till Objekt> Sti> Förskjutningsväg och ställ in värdet till -1 pt eller -2 pt beroende på storleken på din form. Expandera och fylla den med samma Stålgradient justera just vinkeln som i den första bilden.

Kopiera nu originalformen (den enkla gråa), klistra in den framför och fyll den med samma stålgradient som i den andra bilden. Nästa klistra in framför en gång till den första grå formen, gör den lite mindre för att få något som i den senaste bilden nedan. Vi är färdiga med basen för den stora diamanten.

Steg 16

Det är dags att göra den stora diamanten. Jag letade efter några fina diamantskärningar för inspiration och sedan ritade jag ett mönster med hjälp av Pen Tool. Du kan använda vilken form som helst du vill. Jag har något som i bilden nedan.

Steg 17

Nästa steg är att lägga till några färger. Välj varje enskild del, sätt den till ingen slag och fyll dem med den linjära gradienten, som visas i bilden nedan.

Jag har slumpmässigt valt dem från olika delar av diamantformen och jag justerade gradienten för varje enskild del för att jag ville sluta med något mindre vanligt. Färgerna är: lila (R = 183, G = 169 och B = 210), lila lila (R = 226, G = 220 och B = 238) och vit (R = 255, G = 255 och B = 255).

Och här är en annan grad av gradient som jag använde så jag skulle få den effekt som jag ville ha. Färgerna är likartade: vita (R = 255, G = 255 och B = 255), lila lila (R = 226, G = 220 och B = 238) och mellanfärgade (R = 135, G = 140 och B = 197).

Steg 18

Detta är den sista diamantutseendet. I den andra bilden nedan har jag lagt den ovanpå basen som vi gjorde.

Steg 19

Det ser ut som att diamanten bara sitter på toppen och jag bestämde mig för att göra två små former som de som håller klippan på en riktig diamantring. För det tar Ellipseverktyget och gör en oval som visad, och fyll den med lutningen liknande den stål som vi använde för basen. Storleken på formen spelar ingen roll vid denna punkt eftersom vi kommer att ändra storleken när hela konstruktionen är klar.

Låt oss nu göra en opacitetsmask eftersom den kommer att blanda bättre med basformen när vi lägger den på toppen. Kopiera och klistra in formen och fyll den med en vit till svart gradient som visas. Placera den ovanpå den första. Välj dem båda och gå till panelen Transparency och välj Make Opacity Mask. Du borde ha något som i den andra bilden nedan.

Steg 20

Därefter kopierade jag den ursprungliga ovalen, fyllde den med en mörkgrå och lade den bakom som den visas i bilden för ett mer realistiskt utseende. Nu gruppera alla former, ändra storlek på dem, gör en andra kopia och placera dem ena sidan, en ovanpå den andra, precis som i bilden nedan.

Ringen ska nu se ut som följande bild.

Steg 21

Jag ville ha mer glöd och en mer elegant design så jag bestämde mig för att lägga till några fler diamanter. Välj den stora och kopiera och klistra in lite mer diamanter. Ändra storlek på dem och placera dem enligt bilden.

Låt oss göra lite mer nu och placera dem. För ett mer naturligt utseende lade jag till en liten Drop Shadow med de värden som du ser i bilden nedan för var och en av dem.

Ringen borde se något så här nu.

Steg 22

För den andra diamanten använde jag samma form och ändrade bara gradienterna. I grund och botten bytte jag ljuslila med en mörk, så vi kan få en annan reflektion. Jag justerade också vinklarna för att få det att se annorlunda ut än den första. Här är två exempel på gradienterna jag har använt.

Nästa sak att göra är att byta ut de lilla diamanterna med den här nya, så gör bara kopior av det och ändra storlek på dem som vi gjorde tidigare. Så här ser den andra diamantringen ut.

Slutsats

För det sista steget gjorde jag en svart bakgrund. Sedan roterade jag ringarna tills jag gillade hur det såg ut. Jag justerade några av de använda gradienterna så reflektionerna ser naturligt ut och jag lägger till lite skugga där den första ringen kommer lite överst på den andra för att göra den verkligare. Detta är den slutliga bilden.

Arbetet är klart! Jag hoppas att du njöt av det och att du lärde dig några nya tekniker!

Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.