Maak een set platte kostbare edelstenen-pictogrammen in Adobe Illustrator

Wat je gaat creëren

In deze tutorial zullen we leren hoe je een set eenvoudige maar trendy vlakke edelstenen iconen kunt maken in Adobe Illustrator! Met behulp van basisvormen en overvloeimodi maken we onze kostbare edelstenen schitteren en schitteren. U hebt geen speciale tekenvaardigheden of apparaten nodig, dus laten we aan de slag gaan!

1. Vorm een ​​perfecte glanzende diamant

Stap 1

Start Adobe Illustrator en maak een Nieuw document (Control-N) van 600 x 600 pixels, in RGB-kleurmodus.

Stap 2

Voor het gemak zullen we gebruiken Liniaalgidsen. Net klik-hold op de Linialen (Control-R) en sleep de hulplijnen naar het tekengebied. Lijn ze uit in het midden van het tekengebied met behulp van de richten paneel.

Stap 3

Nu kunnen we beginnen met het maken van onze diamant! We beginnen met zijn onderste deel. Gebruik de Polygoon gereedschap met 3 kanten om een ​​driehoek te maken. Stel de Radius naar 150 pixels en positioneer je vorm zoals getoond op de onderstaande screenshot.

Stap 4

Dupliceer je driehoek en plet de kopie door de alt sleutel en verplaatst een van zijn zijden dichter bij het midden.

Stap 5

Ga door en maak het bovenste deel van onze diamant door een rechthoek toe te voegen door middel van de Rechthoekgereedschap (M). 

Neem de Direct selectie gereedschap (A), selecteer het ankerpunt rechtsboven en verplaats het dichter naar het midden (houd ingedrukt Verschuiving toets om het punt horizontaal te verplaatsen). Herhaal dezelfde bewegingen voor het bovenste ankerpunt links van de rechthoek. Onze diamantvorm wordt steeds herkenbaarder!

Stap 6

Laten we de top van onze diamant gedetailleerder maken! Begin met het toevoegen van een andere rechthoek, ingeschreven in het midden van het bovenste gedeelte. Vorm een ​​driehoekige vorm in de nieuw gecreëerde vorm en gebruik de Reflect Tool (O) om het over de horizontale as te spiegelen.

Stap 7

Nu kunnen we onze diamant kleuren en laten schijnen! We zullen het volgende palet gebruiken:

Gebruik voor het gemak de Pipetgereedschap (I) en kies de kleuren rechtstreeks uit de screenshot of gebruik de daar vermelde RGB-kleurcodes.

Begin met kleuren door het onderste gedeelte en ga geleidelijk naar die aan de bovenkant. Vul de vorm van de onderste driehoek met een hemelsblauwe kleur (R = 173, G = 230, B = 255) en het bovenste deel met lichter blauw (R = 208, G = 239, B = 252). Vul die vormen bovenaan met zuiver wit en verminder de transparantie van de objecten enigszins door de ondoorzichtigheid waarde voor 50%, waardoor de diamant realistischer en helderder wordt.

Varieer de dekking van elk element om verschillende randen van de edelsteen te benadrukken.

Stap 8

Laten we het laten schijnen! Neem de Star Tool en maak een 4-puntige eenvoudige ster. Pas de scherpte van de hoeken en de lengte van de liggers aan door beide vast te houden Control en klik tijdens het maken van het object. Maak een andere ster bovenop de eerste en draai deze om 45 graden de ... gebruiken Roteer gereedschap (R).

Stap 9

Verander de vulkleur van onze sparkle in wit. Maak meerdere kopieën van de vonk en plaats ze op de top van de edelsteen, speel met hun maat.

Stap 10

Nu moeten we een basispictogramvorm toevoegen als achtergrond. Maak een cirkel met behulp van de Ellipse Tool (L) en vul het met een lineair verloop van donkerviolet (R = 95, G = 61, B = 129) in de bodem tot lila (R = 195, G = 125, B = 207) bovenop.

Stap 11

Het laatste, maar daarom niet het minste, is om een ​​populair grafisch effect van een lange schaduw op een platte stijl weer te geven. Begin met het vormen van een rechthoek van elke kleur met de Rechthoekgereedschap (M). Draaienhet aan 45 graden en lijn zijn kant uit met de rechterkant van je diamant. 

Plaats het object onder de diamant (Controle-[) om onnodige delen ervan te verbergen. Selecteer zowel de achtergrondcirkel als de rechthoekvorm en gebruik de Shape Builder Tool (Shift-M) om het niet-benodigde onderdeel te verwijderen door erop te klikken, terwijl u het ingedrukt houdt alt sleutel. Vul ten slotte de vorm met een lineair verloop van grijsachtig blauw (R = 154, G = 176, B = 197) naar wit. Schakel over Overvloeimodus naar Vermenigvuldigen,en vormt zo een schaduw, gegoten door onze diamant.

Ons diamantpictogram is klaar! Laten we naar het volgende juweel gaan!

2. Maak een levendige laaiend robijn

Stap 1

Begin met het vormen van een vierkant met de Rechthoekgereedschap (M) en draai het naar 45 graden.

Stap 2

Grijp de Lijnsegmenthulpmiddel (\), maak twee rechte kruisende lijnen en plaats ze recht in het midden van het vierkant. Selecteer alles en gebruik de Verdelen functie in de verkenner paneel om het vierkant in vier afzonderlijke secties te splitsen.

Stap 3

Nu kunnen we elk onderdeel met verschillende kleuren vullen om de facetten van ons juweel te benadrukken. Ik heb het volgende palet voor de robijn gebruikt:

Stap 4

We moeten meer reflecties en highlights toevoegen aan onze robijn om de glasstructuur te laten zien. Voor dit doeleinde, kopiëren en plakken aan de voorkant (Control-C> Control-F) het bovenste gedeelte rechts van de robijn en maak het iets kleiner dan de oorspronkelijke vorm. Vul de nieuwe kopie met een lineair verloop van stoffig geel (R = 209, G = 181, B = 96) naar zwart en schakel de overvloeimodus in Scherm, op deze manier een hoogtepunt creëren. Gebruik de Reflect Tool (O) om de gespiegelde kopie van het hoogtepunt aan de andere kant van ons juweel te maken.

Stap 5

Ga verder met het toevoegen van kleine details aan onze robijn, waardoor het meer dimensionaal wordt. Zet een kleiner vierkant, geroteerd naar 45 graden, bovenop de edelsteen en lijn deze uit naar het midden van de afbeelding. Vul de nieuwe vorm met een lineair verloop van donkerder roze (R = 228, G = 20, B = 64) tot rose roze (R = 225, G = 107, B = 126) kleur. Versier ten slotte onze robijn met een paar fonkelende sterren die we eerder voor de diamant hebben gemaakt.

Stap 6

Zet de robijn op een cirkel, gevuld met een lineair verloop van donkerder groen (R = 81, G = 163, B = 37) tot lichter geelgroen (R = 201, G = 230, B = 85), en vormen een mooie lange schaduw om het pictogram een ​​populaire, platte vormgeving te geven.

Het robijn-pictogram is klaar! Maak je klaar voor de volgende, het wordt nog leuker!

3. Maak een prachtige twinkelende smaragd

Stap 1

Neem de Afgeronde rechthoek-tool en maak een vorm van ongeveer 233 x 233 pixelgrootte en Hoekradius ingesteld op 30 pixels. Gebruik de Converteer Ankerpunt Tool (Shift-C), door een voor een op de ankerpunten te klikken om ze naar hoeken te converteren(of gebruik gewoon de Converteer geselecteerde ankerpunten naar een hoek functie in het bovenstaande bedieningspaneel om alle punten tegelijk te transformeren). Nu hebben we een vierkant met de hoeken afgesneden.

Stap 2

Ga verder en voeg meer facetten toe aan onze kostbare edelsteen. Gebruik de Polygoon gereedschap om een ​​driehoek te maken, transformeer deze en plaats deze zo dat de scherpste hoek naar het midden van je tekengebieden is gericht, zoals wordt weergegeven op de schermafbeelding.

Gebruik de Reflect Tool (O) de facetten reflecteren en kopiëren aan alle kanten van de smaragdgroene basisvorm.

Stap 3

Pas een zachte lineaire gradiënt toe van donkergroen (R = 21, G = 155, B = 24) tot helderder grasgroen (R = 143, G = 220, B = 46) naar de basis emerald vorm en vul de facetten met verloop van grijsachtig groen (R = 148, G = 199, B = 65) naar zwart, schakelen naar Scherm mode.

Stap 4

Laten we ons juweel meer vormen. Vorm een ​​andere driehoek bovenop andere delen van de smaragd en draai de hoek naar het midden van het tekengebied. Verwijder de onnodige onderdelen met behulp van de Shape Builder Tool (Shift-M) en verklein de nieuwe vorm, maak deze iets kleiner dan de smaragdgroene basis.

Stap 5

Nu kunnen we de nieuwe vorm vullen met dezelfde lineaire gradiënt als de facetten en schakelen naar Scherm modus (of gebruik gewoon de Pipetgereedschap (I) met de standaardinstellingen om het noodzakelijke uiterlijk van het object te kiezen). Dupliceer deze vorm om de kopie in het bovenste deel van onze edelsteen te plaatsen.

Stap 6

Dupliceer de smaragdgroene basisvorm en herschik de positie, brengen het naar voren (Shift-Control-]) en plaatsen op de top van alle andere objecten. Verander de vulkleur in de lineaire gradiënt van lichtgroen (R = 201, G = 235, B = 120) naar donkerder chartreuse-groen (R = 83, G = 192, B = 44). Voeg tot slot sparkles toe om onze edelsteen glanzend en aantrekkelijk te maken.

Stap 7

Voeg een laatste hand aan het pictogram toe door een cirkel te vormen, gevuld met een lineair verloop van donkerder roze (R = 247, G = 62, B ​​= 87) lichter Barbie-roze (R = 255, G = 132, B = 185) en teken een lange schaduw. Nu ben je klaar met de smaragd! Het is tijd om naar de volgende edelsteen te gaan.

4. Render een heldere fonkelende saffier

Stap 1

We zullen de gebruiken Polygoon gereedschap opnieuw voor het maken van een basisvorm van ongeveer 130 pixels grootte, maar stel deze keer de Sides hoeveelheid aan 8, aldus een achthoek vormend. Draai het, indien nodig, zodat de hoeken zijn uitgelijnd met de Gidsen. Maak een rechte lijn met de Lijnsegmenthulpmiddel (\) en gebruik de Roteer gereedschap (R), instellen van de Hoek waarde voor 45 graden en het raken van de Kopiëren om de regel te dupliceren.

Stap 2

Ga door met het maken van kopieën van de regel met de Reflect Tool (O) zodat ze elke hoek van de achthoek oversteken, een groep gestileerde stralen vormen, convergerend in het midden. Selecteer ten slotte de lijnen en de achthoek en gebruik de Verdelen functie in het deelvenster Pathfinder om het object uit elkaar te halen.

Stap 3

Nu het makkelijke gedeelte! Selecteer gewoon elk deel van onze achthoek, één voor één, en vul het met verschillende tinten blauw. Hier is mijn palet, de kleuren werden sequentieel toegepast, met de klok mee bewegend.

Stap 4

Complete rendering van onze saffier door een kleinere achthoek bovenop te plaatsen en deze te vullen met een lineair verloop van licht hemelsblauw (R = 183, G = 238, B = 255) naar donkerder blauw (R = 38, G = 183, B = 255). Smaak je edelsteen met een snufje sprankelend.

Stap 5

Voltooi het pictogram door de basis te vullen met een warme lineaire gradiënt van oranje (R = 255, G = 132, B = 0) tot honing geel (R = 255, G = 242, B = 88) en een zachte schaduw plaatsen.

Goed werk! Onze saffier is klaar. We zijn klaar om naar het volgende element van de set te gaan.

5. Vorm de glinsterende, zonnige barnsteen

Stap 1

Begin met het maken van een eenvoudig vierkant en ga naar Object> Pad> Ankerpunten toevoegen. Selecteer het ankerpunt dat precies in het midden van de bovenkant van het vierkant verscheen en trek het een beetje omhoog. Herhaal hetzelfde voor het onderste ankerpunt, en vorm zo een mooie verlengde zeshoek.

Stap 2

Teken een aantal rechte lijnen die een groep stralen vormen, die het voorwerp opsplitsen, zoals we dat deden met de basisvorm van de saffierachthoek.

Stap 3

Vul elk segment met zachte amberkleurige kleuren uit het palet, zodat het juweel zonnig en warm is.

Stap 4

Bedek de vorm met een andere zeshoek van een kleiner formaat en vul deze met een lichte gradiënt van helder geel (R = 255, G = 232, B = 54) tot lichtoranje (R = 255, G = 178, B = 72), het verdiepen van de innerlijke gloed van het juweel.

Stap 5

Schenk onze barnsteen op met een paar vonken en voltooi het pictogram door een rijke blauwe gradiënt van donkerdere tint toe te passen (R = 66, G = 135, B = 155) aan de ene kant en lichter (R = 87, G = 241, B = 255) op de andere.

Ziet er geweldig uit, is het niet? Laten we naar de laatste gaan!

6. Vorm een ​​mystieke sprankelende amethist

Stap 1

Dit keer heeft ons juweel een driehoekige vorm. Teken het met behulp van de Polygoon gereedschap, de grootte instellen op ongeveer 150 pixels en de Sides waarde voor 3.

Stap 2

Nu moeten we een nieuwe driehoek maken, iets pletten en draaien, plaatsen zoals weergegeven in de onderstaande schermafbeelding. Laat een van zijn zijkanten uitlijnen met de rechterkant van de basisvorm van je juweel. Voeg de vergelijkbare driehoek toe voor de linkerkant en voor het onderste deel van de basisvorm.

Stap 3

Vul elke vorm met verschillende tinten van lila kleur, volgens het volgende palet:

Dupliceer beide zij driehoeken en maak de kopieën iets kleiner dan het origineel. Vul de juiste kopie met een lineair verloop van lichtpaars (R = 197, G = 132, B = 209) naar zwart, het instellen ervan Overvloeimodus naar Scherm. Gebruik dezelfde methode voor de linker kopie en pas het verloop toe vanuit donkerder violet (R = 115, G = 56, B = 181) naar zwart.

Stap 4

Om ons juweel meer dimensionaal te maken, leg je een driehoekje helemaal bovenaan en vul je het met een lineair verloop van een licht-lila (R = 232, G = 181, B = 255) naar donkerder paars (R = 172, G = 77, B = 219). Vergeet niet om een ​​paar kleine sprankeltjes toe te voegen.

Stap 5

Werk af door de basis van het pictogram toe te voegen en het te vullen met een lineair verloop van roodachtig oranje (R = 255, G = 88, B = 46) kleur aan de onderkant tot fel geel (R = 255, G = 233, B = 87) bovenop.

Het lijkt erop dat onze amethist succesvol is voltooid!

Wauw! Uw verzameling glanzende platte juweeltjespictogrammen is voltooid!

Gefeliciteerd, je bent net klaar met het maken van de hele reeks schitterende edelstenen in een populaire vlakke stijl! Ik hoop dat je van het proces hebt genoten en enkele nuttige tips en trucs hebt gevonden in deze zelfstudie.