Hoe maak je een Vector Diamond Ring in Illustrator

Als je van sieraden houdt, zoals ik, dan is deze tutorial interessant. Tegen het einde leer je hoe je twee vector diamanten ringen maakt en de details die ze realisme geven.

Deze tutorial gaat over het maken van twee diamanten ringen met al hun samenstellende delen, beginnend bij de ring, de grote diamant met de basis waar hij zit en de kleine diamanten aangebracht met een extra glans. Ik heb aandacht besteed aan de details zodat ze er realistisch uitzien en ik zal je de tips en tricks laten zien die ik heb gebruikt om ze te maken. Laten we beginnen!

Final Image Preview

Hieronder is het uiteindelijke beeld waar we naartoe zullen werken. Wil je toegang tot de volledige Vector Source-bestanden en downloadbare exemplaren van elke tutorial, inclusief deze? Word lid van Vector Plus voor slechts 9 $ per maand.

Zelfstudiedetails

  • Programma: Illustrator CS4
  • Moeilijkheidsgraad: gemiddeld
  • Geschatte voltooiingstijd: 3 uur

Stap 1

Open een nieuw document op elke gewenste grootte en gebruik de RGB-modus. We beginnen met de ringvorm. Neem de Ellipse Tool en teken een vorm zoals in de afbeelding hieronder, selecteer geen vulling en slechts een zwarte slag van 1 px. Maak vervolgens de tweede vorm een ​​beetje groter dan de eerste.

Neem nu het gereedschap Direct selecteren en selecteer het meest linkse punt, verplaats het dan een beetje naar rechts, zodat we de vorm een ​​beetje verpletteren. Selecteer het meest juiste punt en doe hetzelfde. Selecteer nu de buitenste cirkel, kopieer deze en plak deze vooraan. We zullen dit later nodig hebben. Selecteer daarna beide originele vormen (niet degene die we zojuist hebben geplakt) en ga naar Object> Samengesteld pad> Maken.

Stap 2

Selecteer de Ellips-tool en maak een grotere ovale vorm dan de eerste. Plaats het nu bovenop de kleinere vorm en selecteer ze allebei. Ga naar het deelvenster Pathfinder en klik op Minus voorkant zodat we de vorm krijgen in de volgende afbeelding.

Stap 3

Nu gaan we de vorm gebruiken die we eerder aan de voorkant hebben geplakt. Neem het gereedschap Ankerpunt toevoegen, voeg twee punten toe en teken het pad dat u ziet in de onderstaande afbeelding met behulp van het gereedschap Pen. Doe hetzelfde voor het andere deel, selecteer geen vulling en 1 px zwarte lijn. Deze vormen die we zojuist hebben gemaakt, moeten bovenop de eerste twee staan. Dit is belangrijk, anders kunnen we ze later niet inkleuren.

Stap 4

Het is tijd voor een aantal kleuren. Selecteer de eerste samengestelde vorm die we hebben gemaakt, hef de selectie van de lijn op en vul deze met de lineaire verloop die u in de onderstaande afbeelding ziet. Kleuren van links naar rechts zijn: 80% zwart (R = 51, G = 51 en B = 51), (R = 153, G = 153 en B = 153) of 40% zwart; (R = 204, G = 204 en B = 204) 20% zwart; (R = 243, G = 244 en B = 244); (R = 128, G = 124.128); (R = 242, G = 242 en B = 242) 5% zwart; (R = 178, G = 178 en B = 178) 30% zwart en (R = 125, G = 125 en B = 125).

Selecteer ook de vorm die wordt weergegeven in de tweede afbeelding en vul deze met het lineaire verloop dat u ziet. De kleuren zijn: 80% zwart (R = 51,51 en B = 51), 60% zwart (R = 102, G = 102 en B = 102), 10% zwart (R = 230, G = 230 en B = 230), 60% zwart (R = 102, G = 102 en B = 102), lichtgrijs (R = 243, G = 244 en B = 244); 70% zwart (R = 77, G = 77 en B = 77) en 90% zwart (R = 26, G = 26 en B = 26).

Stap 5

Nu gaan we de vormen die we bovenaan hebben gemaakt inkleuren. Gebruik hiervoor de lineaire gradiënt uit de afbeelding. Voor de vorm aan de linkerkant zijn de kleuren: 80% zwart (R = 51, G = 51 en B = 51), grijs (R = 139, G = 135 en B = 141), lichtgrijs (R = 243 , G = 244 en B = 244), grijs (R = 128, G = 124 en B = 128), grijs (R = 167, G = 169 en B = 172) en voor de vorm aan de rechterkant: 80% zwart (R = 51, G = 51 en B = 51), grijs (R = 139, G = 135 en B = 141), lichtgrijs (R = 243, G = 244 en B = 244) , grijs (R = 178, G = 178 en B = 178) en nog een grijs (R = 167, G = 169 en B = 172).

Stap 6

Het is tijd om wat details toe te voegen. In plaats van nieuwe vormen te tekenen met de Pen-tool, geef ik de voorkeur aan de volgende truc. Neem het gereedschap Direct selecteren en selecteer alleen de 3 punten die u in de afbeelding ziet en kopieer en plak ze vervolgens in uw werkgebied. Schakel nu de vulling uit en geef deze een zwarte slag. Als Illustrator meer dan de 3 punten kopieert, zoals de mijne, verwijder ze dan, we hoeven alleen maar de vorm hieronder te krijgen.

Ga vervolgens naar het deelvenster Penselen en selecteer de penseel uit de onderstaande afbeelding - de eerste. Ik had meer penselen nodig dus ik verwijderde een aantal punten om de twee nieuwe penselen te krijgen die je in de afbeelding ziet. Sleep ze vervolgens beide naar het deelvenster Penselen, zodat we ze verder kunnen gebruiken.

Selecteer nu het detailpad dat we eerder hebben uitgevoerd en pas het eerste penseel toe, maak de lijn 0,10 px en vervolgens Expand Appearances. Vul de vorm met de lineaire gradiënt uit de afbeelding: 90% zwart (26,26,26), 0% zwart (255,255,255), 70% zwart (77,77,77), 0% zwart (255,255,255) en 90% zwart (26,26,26).

Plaats de vorm nu terug op zijn plaats, stel de modus in op Vermenigvuldigen en verlaag de dekking naar 50%.

Stap 7

Gebruik dezelfde techniek om de details vorm te geven uit de afbeelding hieronder en vul deze met een vergelijkbaar verloop. Pas de kleuren aan zodat de reflecties er zo echt mogelijk uitzien. Ga ook naar Effecten> Stileer> Buitenste gloed en stel vervolgens de waarden in die u in de afbeelding ziet.

Stap 8

Herhaal nu de vorige stappen en maak meer detailvormen. Voor de volgende vul je het gewoon met een lineair verloop wit naar zwart en pas het aan zodat je het resultaat krijgt dat je leuk vindt. Als je klaar bent, doe dan hetzelfde aan de andere kant of reflecteer een kopie ervan.

Stap 9

Doe hetzelfde met de buitenkant van onze ring. Vul het met het verloop zoals getoond en herhaal of draai het naar de andere kant.

Stap 10

Voor de vorm in de afbeelding hieronder, nadat je het hebt gemaakt en het hebt gevuld met het verloop dat wordt weergegeven, ga je naar Effecten> Stileren> Buitenste gloed. Pas vervolgens dezelfde waarden toe vanaf stap 7. Wijzig de modus in Vermenigvuldigen en verlaag de dekking naar 25%. Doe hetzelfde aan de andere kant.

Stap 11

We hebben nog twee vormen te gaan. Vul ze met het verloop in de afbeelding hieronder: zeer donkergrijs (26,26,26), lichtgrijs (228,228,228) en zwart (0,0,0). Verlaag vervolgens de dekking naar 50% of totdat u tevreden bent met wat u ziet.

Stap 12

We zijn klaar met dit deel. Nu zou onze ring er uit moeten zien als de onderstaande afbeelding.

Stap 13

Het is tijd om de basis te maken waar de grote diamant zal blijven. Neem de Rechthoek-tool en teken een rechthoek (de grootte is nu niet belangrijk, want we zullen hem later toch nog aanpassen om achter de ruit te passen). Selecteer vervolgens met het gereedschap Direct selecteren elk punt en klik op de knop Geselecteerde ankerpunten omzetten om vloeiend te maken (zoals weergegeven in de menubalk). Je zou de vorm van de volgende afbeelding moeten krijgen.

Stap 14

Als u de volgende vorm wilt maken, selecteert u de bovenstaande en gaat u naar Object> Pad> Offsetpad en stelt u de waarde in op 8 pt en vervolgens op Uitbreiden. Maak nu vier kleine ovale vormen met het Ellips-gereedschap en plaats ze in het midden van elke kant zoals je ziet in de afbeelding.

Selecteer alle vijf vormen en klik op Minusfront in het deelvenster Pathfinder. Je zou iets moeten hebben dat lijkt op het onderstaande. Vul het nu met een lineair verloop genaamd Steel from the Library. Je zou ook Silver kunnen gebruiken, maar ik vond de manier waarop de eerste er meer uitzag ook leuk.

Stap 15

Nu met deze laatste vorm die we zojuist hebben geselecteerd, ga je naar Object> Pad> Offset-pad en stel je de waarde in op -1 pt of -2 pt, afhankelijk van de grootte van je vorm. Breid het uit en vul het met dezelfde Stalen kleurverloop pas de hoek aan zoals in de eerste afbeelding.

Kopieer nu de originele vorm (de eenvoudige grijze), plak deze op de voorgrond en vul hem met dezelfde Stalen kleurovergang, zoals in de tweede afbeelding. Plak nog een keer voor de eerste keer de eerste grijze vorm, maak deze een beetje kleiner om zoiets te krijgen als in de laatste afbeelding hieronder. We zijn klaar met de basis voor de grote diamant.

Stap 16

Het is tijd om de grote diamant te maken. Ik zocht naar enkele mooie diamantslijpers voor inspiratie en daarna tekende ik een patroon met de Pen-tool. Je kunt elke gewenste vorm gebruiken. Ik heb iets als in de onderstaande afbeelding.

Stap 17

De volgende stap is om wat kleuren toe te voegen. Selecteer elk afzonderlijk onderdeel, stel het in op geen streek en vul het met het lineaire verloop, zoals weergegeven in de afbeelding hieronder.

Ik heb ze willekeurig gekozen uit verschillende delen van de diamantvorm en ik heb ook het verloop aangepast voor elk onderdeel omdat ik wilde eindigen met iets minder regulier. De kleuren zijn: paars (R = 183, G = 169 en B = 210), lichtpaars (R = 226, G = 220 en B = 238) en wit (R = 255, G = 255 en B = 255).

En hier is een ander type verloop dat ik gebruikte, zodat ik het effect zou krijgen dat ik wilde. Kleuren zijn vergelijkbaar: wit (R = 255, G = 255 en B = 255), lichtpaars (R = 226, G = 220 en B = 238) en midpaars (R = 135, G = 140, en B = 197).

Stap 18

Dit is de laatste diamantlook. In de tweede afbeelding hieronder heb ik het bovenop de basis geplaatst die we hebben gemaakt.

Stap 19

Het lijkt erop dat de diamant er gewoon bovenop zit en ik besloot twee kleine vormen te maken, zoals de stenen die de steen op een echte diamanten ring houden. Neem daarvoor de Ellipse Tool en maak een ovaal zoals getoond, en vul het met het verloop vergelijkbaar met de stalen die we gebruikten voor de basis. De grootte van de vorm doet er op dit moment niet toe, omdat we het formaat wijzigen wanneer het hele ontwerp klaar is.

Laten we nu een dekkingsmasker maken, omdat het beter zal versmelten met de basisvorm wanneer we het op de voorgrond plaatsen. Kopieer en plak de vorm en vul deze met een wit naar zwart verloop zoals weergegeven. Plaats deze bovenop de eerste. Selecteer beide en ga naar het paneel Transparantie en selecteer Maak dekkingmasker. Je zou zoiets moeten hebben in de tweede afbeelding hieronder.

Stap 20

Vervolgens heb ik de originele ovaal gekopieerd, gevuld met een donkergrijs en achter de afbeelding geplaatst, zoals weergegeven in de afbeelding, voor een realistischer uiterlijk. Groepeer nu alle vormen, verklein ze, maak een tweede kopie en plaats ze de ene kant op de andere, net zoals in de afbeelding hieronder.

De ring moet er nu als volgt uitzien.

Stap 21

Ik wilde meer glans en een eleganter ontwerp, dus ik besloot om nog een paar diamanten toe te voegen. Selecteer de grote en kopieer en plak nog wat meer diamanten. Verklein ze en plaats ze zoals getoond.

Laten we er nu nog meer van maken en ze plaatsen. Voor een meer natuurlijke uitstraling heb ik een kleine slagschaduw toegevoegd met de waarden die u in de onderstaande afbeelding voor elk ervan ziet.

De ring zou er nu ongeveer zo uit moeten zien.

Stap 22

Voor de tweede diamant gebruikte ik dezelfde vorm en veranderde alleen de hellingen. In feite heb ik het lichtpaarse vervangen door een donker, zodat we een andere reflectie kunnen krijgen. Ik heb ook de hoeken aangepast om het er anders uit te laten zien dan de eerste. Hier zijn twee voorbeelden van de verlopen die ik heb gebruikt.

Het volgende dat je moet doen is de kleine diamanten vervangen door deze nieuwe, dus maak er gewoon kopieën van en zet ze op maat zoals we eerder deden. Hier is hoe de tweede diamanten ring eruit zou moeten zien.

Conclusie

Voor de laatste stap heb ik een zwarte achtergrond gemaakt. Toen draaide ik de ringen totdat ik leuk vond hoe het eruit zag. Ik heb een aantal van de gebruikte gradiënten aangepast, zodat de reflecties er natuurlijk uitzien en ik heb ook wat schaduw toegevoegd, waarbij de eerste ring een beetje bovenop komt om het er echter uit te laten zien. Dit is de uiteindelijke afbeelding.

Het werk is klaar! Ik hoop dat je het leuk vond en dat je een aantal nieuwe technieken hebt geleerd!

Abonneer u op de Vectortuts + RSS-feed om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.