Teken een glanzende make-upspiegel met Adobe Illustrator

In deze tutorial maken we een mooie make-upspiegel met voornamelijk grijstinten en harde vormen om een ​​glanzend metallic effect te verkrijgen, we gebruiken ook Gaussiaanse vervagingseffecten en de mesh-tool voor een beter resultaat.


Stap 1

We beginnen met het maken van een ovaal van 245 bij 296 pixels en 204 bij 257 pixels met behulp van de Ellipse Tool (L).


Stap 2

Selecteer beide ovalen en gebruik het palet Uitlijnen (Shift + F7) om verticaal en horizontaal te centreren.


Stap 3

Verplaats de kleinere ovale 1 px naar beneden en 8 px naar links.


Stap 4

Selecteer beide ovalen en klik in het palet Pathfinder (Shift + Command + F9) op Minus Voorkant.


Stap 5

Gebruik het gereedschap Roteren (R) om de vorm -17 graden te draaien.


Stap 6

Met de geselecteerde vorm opent u het deelvenster Verloop (Command + F9). Klik op de standaardgrayscale-helling en voeg twee schuifregelaars in het midden van het verloop toe door tweemaal ergens tussen de twee schuifregelaars op de kleurenstrook te klikken.

Open het kleurenpaneel (F6) en klik op de paneeloptie (in de rechterbovenhoek van het paneel) om te controleren of grijswaarden in de lijst is geselecteerd. Wijs de kleur en locaties van de schuifregelaars toe: Dia1 Grijsschaal 20% met Locatie 0%. Dia2 Grijsschaal 48% met locatie 45%. Dia3 Grijsschaal 8% met locatie 75%. Dia4 Grijsschaal 48% met locatie 100%. De hoek moet 45 zijn? met een type lineair.


Stap 7

Creëer in de vorm een ​​204 px bij 257 px ovaal en draai deze -17 graden. Vul het met een verloop (grijsschaal): Slide1 Grayscale 0% met Location 40%. Slide2 Grayscale 22% met locatie 100%. De hoek moet -20? Zijn. Voeg een streek toe aan het ovaal (Command + F10) met een gewicht van 1pt en lijnkleur van grijswaarden 40%.


Stap 8

Gebruik het gereedschap Pen (P) om de rode vormen te tekenen zoals op de afbeelding. Vul ze met de aangegeven kleuren en verwijder vervolgens de lijnen.


Stap 9

Gebruik opnieuw het gereedschap Pen (P) om de rode vormen te tekenen zoals in de afbeelding. Vul het met de aangegeven verlopen en verwijder vervolgens de lijnen.


Stap 10

Laten we harde schaduwen toevoegen. Teken de rode vormen zoals in de afbeelding en vul deze met een grijswaarde van 100%, behalve de vorm 6 die moet worden opgevuld met een grijswaarde van 10%.


Stap 11

Teken de rode vormen zoals in de afbeelding. Vul de grootste vorm met een grijswaarde van 50% en de smalle vorm met een grijswaarde van 78%. Maak een ovaal van 11 px bij 17 px en vul deze met een grijswaarde van 90%. Kopieer en plak deze op dezelfde plaats (Command + C en Command + F). Selecteer het bovenste ovaal en vul het met een grijswaarde van 20%, verplaats het 3 pixels naar rechts en 2 pixels naar boven. Selecteer beide ovalen en groepeer ze.


Stap 12

Gebruik het gereedschap Pen (P) en teken een vorm zoals in de afbeelding (1), vul deze met een grijswaarde van 65%. Maak met de geselecteerde vorm een ​​verloopnet (Menu> Object> Verloopnet maken) met 2 rijen en 2 kolommen (2). Vul het centrale ankerpunt met een grijswaarde van 10% (3). Maak op het centrale ankerpunt een rechthoek van 3px bij 5px en vul deze met een grijswaarde van 100% (4). Groepeer de twee gecreëerde vormen en zorg ervoor dat ze in de onderkant van de spiegel worden geplaatst.


Stap 13

Gebruik het gereedschap Pen (P) om de rode vormen te tekenen zoals op de onderste afbeelding. Vul het met de verlopen en kleuren aangegeven in het vak.


Stap 14

Gebruik het ovaalgereedschap (L) om vijf ovalen te maken en de waarden in te stellen zoals weergegeven in afbeelding A. Plaats het tweede ovaal op het eerste ovaal, lijn deze verticaal en horizontaal uit en verplaats het tweede ovaal 2 pixels naar rechts (a). Plaats het 3e ovaal op het tweede ovaal en lijn deze horizontaal horizontaal uit op het midden en verticaal verticaal (b). Plaats de 4de en 5de ovaal precies in het midden van het 3e ovaal. Verplaats het vierde ovaal 1 pixel naar rechts (c). Selecteer en groepeer ze allemaal.


Stap 15

Maak zeven vormen zoals weergegeven in tabel A. Pas de bijbehorende vullingen toe. Plaats de delen volgens het patroon in tabel B en groepeer ze allemaal. Plaats deze links van de spiegel (C).


Stap 16

In deze stap gaan we werken met de Mesh Tool (Menu> Object> Verloopnet maken). Nu moeten we verschillende vormen maken die de basis van de spiegel vormen. We gaan de basis delen in delen en werken op elke vorm zoals weergegeven in tabel A, afzonderlijk.

Gebruik het gereedschap Pen (P) om de helft van elke vorm te tekenen in stap 17.

Gebruik het Reflectiegereedschap (O) om een ​​kopie te maken in verticale reflex, plaats deze naast de andere vorm.

Selecteer beide vormen en open het uitlijnpaneel (Shift + F7) en klik vervolgens op Vertical Align Center.

Verbind beide vormen. Open het deelvenster Pathfinder (Shift + Command + F9) en klik op Vormmodi: verenigen.

1. Gebruik het gereedschap Direct selecteren (A) om het ankerpunt te selecteren zoals wordt weergegeven door de afbeelding. Verplaats hem 3 pixels naar beneden. U moet het volgende proces met alle vormen herhalen en de waarden wijzigen.

1-a. Selecteer alle vormen en beschilder ze met een grijswaarde van 25%.

2. Met de geselecteerde vorm opent u het deelvenster Verloopgaas-tool (Menu> Object> Verloopnet maken) en introduceert u de volgende waarden: Rijen = 3 - Kolommen = 4. De andere waarden blijven altijd hetzelfde (Uiterlijk: vlak - Markeer: 100% ).

Selecteer vervolgens de aangegeven ankerpunten zoals weergegeven door de afbeeldingen en beschilder ze met bestaande kleuren: 3. Grijswaarden 65%, 4. Grijsschaal 10% en 5. Grijsschaal 0% respectievelijk.


Stap 17

Gebruik het gereedschap Rechthoek (T) om zwarte rechthoeken te tekenen zoals weergegeven in de afbeelding. Teken te veel vormen zoals degene die in de afbeelding zijn geselecteerd en vul ze met een grijswaarde van 55%.


Stap 18

1. Teken een ovaal van 187 px bij 49 px. Kopieer en plak deze op dezelfde plaats (Command + C en Command + F) en verplaats de bovenste ovaal 26 pixels naar boven.

2. Selecteer beide ovalen, open het deelvenster Pathfinder (Shift + Command + F9) en klik op Minus Voorkant.

3. Maak een rechthoek van 187 px x 25 pixels, selecteer beide vormen, open het paneel Uitlijnen (Shift + F7) en centreer ze verticaal en horizontaal.

4. Verplaats de rechthoek 25 pixels naar boven.

5. Selecteer beide vormen, open het deelvenster Pathfinder en klik op Vormmodi: verenigen.

6. Teken een ovaal van 187 px bij 49 px. Selecteer beide vormen, open het paneel Uitlijnen opnieuw en centreer ze verticaal en horizontaal.

7. Verplaats de ovale 25 pixels naar boven. Wijs de vullingen toe zoals getoond in de onderste afbeelding. De ovaal is een verloop: schuifregelaar 1 grijswaarde 15% met locatie 0%, schuifbalk2 is grijswaarde 50% met locatie 100% en hoek 60 ?. Bodemvorm Verloop heeft en Hoek 0? met een lineair type. Schuifregelaar1 Grijsschaal 50% met Locatie 0% en Schuifbalk2 met Grijsschaal 0% en Locatie 70% en Schuifbalk3 Grijstinten 50% met Locatie 100%.


Stap 19

1. Als u de basisreflex wilt maken, dupliceert u de vierde tot de laatste vorm.

2. Gebruik de schaalgereedschap (S) en schaal deze 40% verticaal.

3. Selecteer alleen de onderste vorm, pas verticaal een schaal van 170% toe en verplaats deze 1 pixel naar beneden.

4. Selecteer alles, open het paneel Transparantie (Shift + Command + F10) en klik vervolgens op Laagdekking en introduceer een waarde van 75%.


Stap 20

Laten we nu een vorm en de laatste details voor de basisreflex toevoegen.

1. Maak een 33px bij 6px ovaal, vul het met een grijsschaal van 100%. Plaats hem onder de basis en lijn hem verticaal uit.

2. Open het ovaal en open Menu> Effect> (Photoshop-effecten) Vervagen> Gaussiaans vervagen en pas een straal van 5 pixels toe. Verplaats de ovaal 3 pixels naar boven.

3. Plaats het ovaal aan de achterkant van de basis: open Menu> Object> Schikken en klik op Verzenden naar achterkant (Shift + Command + [).

4. Selecteer alles. Met het Reflectiegereedschap (O) reflex toepassen: horizontaal. Zet het op dezelfde plaats zoals getoond door de onderste afbeelding. Selecteer de basisreflex met de vorm die is gemaakt in stap 18 en verzend alles naar achteren.


Stap 21

Gebruik het gereedschap Pen (P) en het gereedschap Rechthoek (R) om de vormen te maken die worden geselecteerd door het onderste beeld. Alle vormen worden gevuld met een grijstint van 100%, maar vorm 3 heeft een transparantie met een dekking van 15%.


Stap 22

Gebruik het gereedschap Pen (P) om 5 rode vormen te tekenen, zoals weergegeven in de afbeelding onderaan. U kunt een zoom van shapes 1 en 5 zien als een referentie. Pas de kleuren en hellingen toe die worden aangegeven door de tabel. De witte vorm moet vooraan gaan omdat het een glans is.


Stap 23

In deze stap gaan we een Gaussiaans vervagen toepassen op de vormen. Gebruik het hulpmiddel voor groepsselectie en selecteer de vormen: 2, 3, 4, 5, 7 en 9. Open het paneel Gaussiaans vervagen: Menu> Effect> (Photoshop-effecten) Vervaging> Gaussiaans vervagen.

Pas een straal van 3,0 pixels toe. Selecteer nu de vorm 6 en pas een Gaussiaans vervagen toe met een straal van 5,0 pixels. Selecteer ten slotte de vormen 1 en 8 en pas een Gaussiaans vervagen toe met een straal van 1,5 pixels.


Stap 24

Laten we tot slot een klein detail toevoegen. Maak een vorm zoals weergegeven door de afbeelding met de bijbehorende waarden en plaats deze op dezelfde plaats als in de afbeelding.


Laatste afbeelding

Dit is het eindresultaat. ik hoop dat je het leuk vond.