Mwah! Maak een fantastische semi-realistische lippenstift in Adobe Illustrator

In deze tutorial leer je hoe je vanuit Adobe Illustrator een realistische lipstick kunt tekenen en van daaruit maak je andere versies. Het begint met basisvormen, zodat u zich geen zorgen hoeft te maken over uw Pen Tool-vaardigheden. U gebruikt Warp-effecten en Art Brushes om reflecties en hooglichten te maken. Ik zal u ook de optie Kleurbalans aanpassen voorstellen, die geweldig is voor het maken van verschillende versies van dezelfde lipstick. Laten we beginnen!


1. Maak een nieuw document

Start Illustrator en vanaf de het dossier menu kiezen nieuwe. Typ een naam, stel de breedte en hoogte in van uw nieuwe document en selecteer vervolgens pixels zoals eenheden en RGB zoals Kleur mode.

Ga vervolgens naar Bewerken> Voorkeuren> Algemeen en stel de Toetsenbordverhoging naar 1px. Nu kun je beginnen met tekenen.


2. Maak de basis van de lipstick

Stap 1

Grijp de Rechthoekgereedschap (M) en klik ergens op uw tekengebied en voer de weergegeven afmetingen en treffer in OK. Met deze rechthoek geselecteerd, ga naar Effect> Warp en pas de Boog, Shell Upper en uitpuilen bijwerkingen. Hierna krijgt u de vorm die we nodig hebben.

In de volgende afbeelding ziet u de toegepaste instellingen:

Stap 2

Nu moet je de drie toegepaste effecten uitbreiden en ga je naar Object> Uiterlijk uitbreiden dan Ontkoppelen (Shift + Control + G). Neem vervolgens de Direct selectie gereedschap (A) en selecteer alleen de twee ankerpunten aan de onderkant en ga vervolgens naar Bestand> Scripts> Rond elke hoek en een toepassen 8 Radius.

U moet het Round Any Corner Script installeren. Start Illustrator opnieuw en het is klaar voor gebruik.

Stap 3

Grijp de Ellipse Tool (L) en teken een ellips met de getoonde afmetingen. Verplaats het over de bovenkant van de basis en zorg ervoor dat ze gecentreerd zijn. Nadat u beide vormen hebt geselecteerd, klikt u op Trek af van het vormgebied> Uitbreiden in de verkenner paneel.

Stap 4

Kopiëren (Control + C) en Plak aan de voorkant (Control + F) de vorm van de basis verkregen in de vorige stap. Verplaats de kopie iets naar beneden, ongeveer 8px als u op drukt Pijl-omlaag toets op uw toetsenbord acht keer. Kopiëren en Plak aan de voorkant de basis opnieuw en selecteer vervolgens de rode vorm en de kopie van de basis en klik Trek af van het vormgebied> Uitbreiden van de verkenner paneel. Het resultaat is dat je de rand bovenaan krijgt.


3. Kleur de basis van de lipstick

Vul de rand verkregen in de vorige stap met de hieronder getoonde lineaire verloop met behulp van wit en veel tinten grijs. In dit geval willen we dat een donkere basis voor de lipstick deze vorm vult met de andere getoonde gradiënt.


4. Voeg reflecties toe aan de basis

Stap 1

Teken een ellips met de Ellipse Tool (L) en rangschik het over de basis zoals hieronder getoond. Vul het met een lineair verloop van wit naar donkergrijs en ga dan naar Effect> Blur> Gaussiaanse vervaging en solliciteer een 3px Radius. Stel de Overvloeimodus naar Hard licht en verminder de ondoorzichtigheid naar 55%.

Stap 2

Pak nu de Pen gereedschap (P) en teken een pad aan de rechterkant van de basis. Strijk het met een Art Brush genaamd Tapered-Round die je kunt vinden in de Penseelbibliotheken> Artistiek> Artistic_Ink, Beroerte gewicht van 1pt. Ga met dit pad geselecteerd naar Object> Uiterlijk uitbreiden dan Ungroup. Vul de resulterende vorm met een lineair verloop van wit naar zwart ga dan naar Effect> Blur> Gaussiaanse vervaging en solliciteer een 2px Radius. Stel de Overvloeimodus naar Kleur Dodge en verminder de ondoorzichtigheid naar 20%.

Stap 3

Het is tijd om deze reflecties te maskeren. Eerste, Kopiëren en Plak aan de voorkant de donkere basis en verwijder de bestaande verloopvulling. Breng deze vorm voor alles naar toe door naar Object> schikken> naar voren brengen. Selecteer nu de twee reflectie-vormen en ook de kopie van de basis en ga naar Object> Knipmasker> Maken.


5. Maak de metalen behuizing van de lipstick

Stap 1

Grijp de Afgeronde rechthoek-tool en teken een kleine rechthoek met de getoonde afmetingen. Vul deze vorm met een lineair verloop met veel grijstinten en verplaats deze naar de bovenkant van de basis zoals in de volgende afbeelding. Stuur het achter alles door naar Object> Schikken> Naar achtergrond verzenden.

Stap 2

Kopiëren en Op de achterkant plakken (Control + B) de vorm van de vorige stap en verplaats hem iets omhoog door op de te drukken Pijltje omhoog toets twee keer op uw toetsenbord. Nu, nog steeds met deze vorm geselecteerd, kijk eens naar de Transformeren paneel en in plaats van 134px type 128px in het veld Breedte. Houd dezelfde vulgradiënt aan.

Stap 3

Teken vervolgens een afgeronde rechthoek met de weergegeven afmetingen. Grijp de Ankerpunttool toevoegen (+) en voeg twee extra punten toe in het midden van de boven- en onderrand. Gebruik de Direct selectie gereedschap (A) om alleen deze twee punten te selecteren en ze iets naar beneden te verplaatsen door op de. te drukken Pijl-omlaag Sleutel twee keer. Gebruik nu de Ankerpuntgereedschap converteren (Shift + C) om de handvatten te genereren en deze om te vormen van hoekpunten naar vloeiende punten. Plaats deze vorm zoals in de afbeelding en vul deze met het verloop dat wordt weergegeven.

Stap 4

Kopiëren en Plak achteraan de vorm die in de vorige stap is getekend en verplaats deze iets omhoog door op de te drukken Pijltje omhoog sleutel twee keer. Bekijk de Transformeren paneel en type 111px in plaats van 118 px in het veld Breedte om de vorm iets kleiner te maken. Vervang ook de bestaande verloopvulling door degene die eerder is weergegeven. volgende, Kopiëren en Plak achteraan deze vorm en verplaats deze nogmaals 2 px naar boven en stel de breedte in op 105px. Herhaal deze actie nog één keer met de laatste vorm zoals hieronder aangegeven.

Stap 5

Gebruik de Afgeronde rechthoek-tool om een ​​rechthoek te tekenen met de getoonde afmetingen ga dan naar Object> Pad> Ankerpunten toevoegen. Als een resultaat krijg je een extra punt in het midden van elke kant. Selecteer met behulp van de Direct selectie gereedschap (A) alleen het middelste punt onderaan en verplaats het 2px omlaag. Gebruik de Ankerpuntgereedschap converteren (Shift + C) om de handvatten te genereren en om de afgeronde bodem te maken. Plaats deze vorm boven de andere en vul deze met het getoonde verloop, wat in feite hetzelfde is, slechts enkele van de stops bevinden zich op een andere locatie.

Stap 6

Teken ten slotte een ovaal bovenaan en vul deze met de getoonde radiale gradiënt.


6. Teken de vorm van de lipstick

Stap 1

Grijp de Rechthoekgereedschap (M) en teken een 68 x 150 px rechthoek. Voeg een extra punt toe met de Ankerpunttool toevoegen (+) onderaan en verplaats het dan een beetje naar beneden door op de Pijl-omlaag toets twee keer (2px). Met de Ankerpuntgereedschap converteren (Shift + C) transformeer dit punt van hoekpunt naar vloeiend punt omdat we een afgeronde bodem nodig hebben. Voeg nog een punt toe met de Ankerpunttool toevoegen (+) bovenaan zoals aangegeven.

Stap 2

Neem de Direct selectie gereedschap (A) en selecteer alleen het punt rechtsboven en verplaats het zoals getoond. Gebruik de Ankerpuntgereedschap converteren (Shift + C) om de handvatten te verslepen. Beweeg vervolgens het punt linksboven naar beneden en transformeer het ook van hoek naar vloeiend punt.


7. Kleur de Lipstick

Stap 1

Trek eerst met de Pen gereedschap (P) een vorm aan de bovenkant zoals weergegeven in de afbeelding hieronder. Vul deze twee vormen die deel uitmaken van de lipstick met de weergegeven gradiënten.

Stap 2

Neem de Pen gereedschap (P) en teken een pad dat de rand tussen de twee vormen volgt. Strijk het met een Art Brush genaamd Tapered Stroke die je kunt vinden in de Penseelbibliotheken> Artistiek> Artistic_Ink. Zet de streekkleur op donkerroze en het gewicht op 0.1pt.


8. Voeg hoogtepunten toe aan de lipstick

Stap 1

Gebruik de Pen gereedschap (P) om een ​​pad zoals hieronder aan de linkerkant van de lipstick te tekenen en selecteer wit als lijnkleur. Probeer de metalen vorm niet over te steken, anders heb je een masker nodig. Strijk dit pad af met een Art Brush genaamd Tapered-Sharp die je kunt vinden in de Penseelbibliotheken Menu> Artistiek> Artistic_Ink. Verminder de Beroerte gewicht naar 0.35pt. Als dit pad nog steeds is geselecteerd, gaat u naar Effect> Blur> Gaussiaanse vervaging en solliciteer een 3px Radius.

Stap 2

Teken vervolgens een ander pad aan de rechterkant van de lipstick. Selecteer wit als lijnkleur en gebruik hetzelfde tekenpenseel om het te aaien. Stel het gewicht in op 0.25pt. Een toepassen 1.5px Gaussiaanse vervaging verminder dan de ondoorzichtigheid naar 35%.


9. Voeg details toe aan de behuizing van de lipstick

Stap 1

Gebruik de Pen gereedschap (P) om vier uiterst kleine gebogen paden aan de zijkanten van het lichaam te tekenen, zoals hieronder wordt weergegeven. Ik heb deze paden geaaid met een Blend Art Brush dat ik vrij veel gebruik. Ik heb uitgelegd hoe je het in een andere tutorial van mij kunt maken. Alleen dat in plaats van 200 x 5 px deze heeft de afmetingen 100 x 3px. Verlaag de ondoorzichtigheid naar 75%.

Stap 2

Teken vervolgens vijf andere paden langs de randen van de metalen vormen. Strijk ze met dezelfde Blend Art Brush en stel de Beroerte gewicht naar 2pt.

Stap 3

Gebruik de Ellipse Tool (L) tekenen 50 x 177 px ellips en vul deze met de getoonde radiale gradiënt. Stel de Overvloeimodus naar Scherm en je krijgt een discrete gouden reflectie.


10. Voeg schaduw toe onder de lipstick

Teken een ellips onderaan de basis en vul deze een radiale gradiënt van donkergrijs naar wit. Stuur het achter alles door naar Object> Schikken> Verzonden naar terug. Stel de Overvloeimodus naar Vermenigvuldigen en verminder de ondoorzichtigheid naar 50%.


11. Maak het deksel van de lipstick

Stap 1

Gebruik de Rechthoekgereedschap (M) en de Ellipse Tool (L) om de twee vormen te tekenen en ze te rangschikken zoals in de afbeelding. Met de Direct selectie gereedschap (A) selecteer alleen het bovenste ankerpunt van de ellips en druk op de Verwijder toets op uw toetsenbord. Selecteer nu de rechthoek en het pad en klik Verdelen in de verkenner paneel. druk op Shift + Control + G naar Ungroup de resulterende vormen verwijderen dan de kleine vorm onderaan omdat we het niet nodig hebben.

Stap 2

Teken een ellips boven de vorm die u in de vorige stap hebt verkregen en klik vervolgens met beide geselecteerd Voeg toe aan vormgebied> uitvouwen in de verkenner paneel. Vul de resulterende vorm met de gradiënt die wordt gebruikt voor de basis van de lipstick.



12. Voeg reflecties toe aan het deksel

Stap 1

Draai het deksel min 90 graden en trek er vervolgens een ellips bovenop. Vul de ellips met een lineair verloop van zwart naar wit ga dan naar Effect> Blur> Gaussiaanse vervaging en solliciteer een 5.6px Radius. Stel de Overvloeimodus naar Scherm en verlaag de ondoorzichtigheid naar 65%.

Teken vervolgens een kleine ellips aan de rechterkant en vul deze met een radiale gradiënt van wit naar zwart. Een toepassen 3px Gaussiaanse vervaging verander dan de Overvloeimodus naar Scherm.


Stap 2

Om eerst deze twee vormen te maskeren Kopiëren (Control + C) en Plak aan de voorkant (Control + F) het deksel en verwijder de bestaande verloopvulling. Breng deze kopie naar voren en selecteer vervolgens de twee vormen en ook de kopie en ga naar Object> Knipmasker> Maken.



13. Schaduw onder het deksel toevoegen

Stap 1

Gebruik de Ellipse Tool (L) om twee ellipsen met de getoonde afmetingen te tekenen en ze zoals hieronder te rangschikken. Geef ze een zwarte vulling en verminder de ondoorzichtigheid voor de grotere ellips naar 0%. Nadat u beide vormen hebt geselecteerd, gaat u naar Object> Blend> Mengopties en kies 50 opgegeven stappen. Ga nu terug naar Object> Blend en selecteer Maken. Schik de schaduw onder het deksel en verzend hem achteraan.

Stap 2

Op dit punt is de lippenstift klaar en ziet er als volgt uit:



14. Maak een gouden lippenstift

Stap 1

Met behulp van de gecreëerde lipstick kunt u gemakkelijk andere versies verkrijgen. Het enige wat u hoeft te doen is een kopie maken en een paar dingen veranderen. Vervang eerst de metalen hellingen door de hieronder getoonde en verkrijg een gouden lipstick. Het verschil tussen de eerste en tweede gradiënt ligt in de locaties van enkele van de haltes, maar de kleuren zijn hetzelfde.


Stap 2

Je kunt ook de kleur van de lipstick wijzigen. Ik koos een sterk rood. Vervang de roze verlopen door de weergegeven kleuren en verander vervolgens de lijnkleur van het smalle pad tussen de twee. Hiermee is de gouden lipstick klaar.



15. Creëer andere versies via Adjust Colour Balance

Stap 1

Er is nog een eenvoudige manier om andere versies van de lipstick te maken. Ik verwijs naar de Pas de kleurbalans aan keuze. Ik heb het zelf voor het eerst gebruikt en ik vind het geweldig. Maak eerst een kopie van de roze lipstick en selecteer het hele lichaam en ga dan naar Bewerken> Kleuren bewerken> Kleurbalans aanpassen. kiezen RGB als de Kleur mode sleep vervolgens de Blauw schuif naar boven 10%. Je krijgt een blush metallic look en flitst ook reflecties op de basis. Je kunt de basis behouden zoals hij is en alleen de metalen vormen selecteren als je wilt. Deze keer in de Kleuren aanpassen venster sleep de Rood schuif naar boven 10% en je krijgt een gouden uitstraling.


Stap 2

Hetzelfde kan worden gedaan voor de lippenstift. Selecteer alleen de twee roze vormen en het smalle pad ertussen (zonder de hoogtepunten) en ga vervolgens naar Bewerken> Kleuren bewerken> Kleurbalans aanpassen. Voor een felroze sleep de Groen schuif naar boven -15%. Voor een fel rood, heb je een combinatie van groen en blauw nodig dus sleep de schuifregelaars zoals getoond en druk op OK. Makkelijk, toch?



Fabulous! Je bent nu klaar!

Nu je weet hoe je een realistische lipstick kunt tekenen, kun je met verschillende vormen en kleuren experimenteren, want er zijn veel verschillende soorten lipsticks waaruit je kunt kiezen. Speel ook rond met de optie Kleurbalans aanpassen in Illustrator en kijk wat je te zien krijgt. Je kunt veel versies maken die beginnen met dezelfde lipstick. Ik zou graag je tekeningen zien.