Het enige wat je nodig hebt zijn ellipsen, rechthoeken en een aantal gradiënten. De vaardigheden die je leert, kunnen eenvoudig worden overgedragen naar het maken van verschillende basisobjecten, dus laten we aan de slag gaan! Laatste afbeelding Zoals altijd is dit de laatste afbeelding die we gaan maken: Zelfstudiedetails Programma : Adobe Illustrator CS6 Geschatte voltooiingstijd: 120 minuten Moeilijkheidsgraad: beginner-gemiddeld
Stap 1 Start Illustrator en druk vervolgens op (Ctrl + N ) om een nieuw document te maken. Selecteer Pixels in het vervolgkeuzemenu Eenheden, typ 990 in het vak Breedte en 860 in het vak Hoogte en klik vervolgens op de knop Geavanceerd. Selecteer RGB, Scherm (72ppi) en zorg ervoor dat het vakje Nieuwe objecten uitlijnen oppixelraster niet is aangevinkt voordat u op OK klikt. Stap 2
Eerst en vooral zullen we de basis van de lipstick maken. Kies de Ellipse Tool (L) en maak een 120 bij 39px blauwe ellips. Maak een kopie ( Ctrl + C, Ctrl + F ) van de nieuw gemaakte ellips en verplaats vervolgens de kopie met 198 px naar boven. Houd de nieuwe gemaakte ellips geselecteerd en maak er een kopie van en vervang vervolgens de bestaande streekkleur van de kopie met rood. Stel scherp op de derde afbeelding, met behulp van het gereedschap Direct selecteren (A) en de Shift-toets, selecteert u de vier met zwart gemarkeerde ankerpunten. Klik vervolgens op het pictogram " Pad snijden op geselecteerde ankerpunten " in de eigenschappenbalk. Hierdoor worden de rode en de onderste blauwe ellipsen vier gebogen paden. Selecteer de twee gebogen paden zoals weergegeven in de vierde afbeelding en verwijder ze. Selecteer de resterende twee gebogen paden opnieuw, klik met de rechtermuisknop op het tekengebied en selecteer vervolgens het deel Join in het vervolgkeuzemenu. Klik vervolgens met de rechtermuisknop opnieuw op het tekengebied en selecteer vervolgens het deel Join.
Stap 3 Selecteer het rode object gemaakt in stap 2, verwijder de lijn en vul dit object met het lineaire verloop zoals weergegeven in de eerste afbeelding. Maak een kopie ( Ctrl + C, Ctrl + F ) van de resulterende vorm en vervang vervolgens de bestaande opvulkleur van de kopie door de nieuwe lineaire gradiënt in de tweede afbeelding. Houd de resulterende vorm geselecteerd en ga naar het effect> Stileer> Veer... Voer een 6px-straal inen klik op OK.
Stap 4 Selecteer de blauwe ellips en breng deze naar voren ( Ctrl + Shift + Rechter vierkante haak ). Verwijder de streek van deze ellips en vul deze met de lineaire gradiënt die in de eerste afbeelding wordt getoond. Houd de resulterende ellips geselecteerd en maak er een kopie van ( Ctrl + C, Ctrl + F ). Vervang vervolgens de bestaande vulkleur van de kopie door de radiale kleurovergang in de tweede afbeelding. Breng ten slotte een 5px Feather- effect aan op de resulterende ellips.
Stap 5
Selecteer de ellips met vereneffect toegepast in stap 4 en maak er een kopie van ( Ctrl + C, Ctrl + F ). Houd de kopie geselecteerd en ga naar het deelvenster Vorm ( Venster> Uiterlijk ) en verwijder vervolgens het gedeelte Veer. Verwijder de bestaande vulkleur van de resulterende ellips en voeg een 3px gele lijn toe. Kies nu het gereedschap Ankerpunt toevoegen (+) en klik op de twee met rood gemarkeerde punten. Hiermee worden twee nieuwe ankerpunten aan de gele ellips toegevoegd. Met behulp van het gereedschap Direct selecteren (A) en de Shift- toets, selecteert u de twee nieuw toegevoegde ankerpunten en klikt u op het pictogram " Pad afsnijden op geselecteerde ankerpunten " in de balk Eigenschappen. Dit maakt de gele ellips twee gebogen paden. Selecteer en verwijder het bovenste pad. Selecteer nu het resterende gebogen pad en vervang de bestaande lijnkleur door de lineaire helling binnen de lijn die wordt weergegeven in de derde afbeelding. Pas dan het Width Profile 1 en een 2px Feather effect toe op het resulterende pad.
Stap 6 Kies het gereedschap Rechthoek (M) en maak twee rechthoeken met dimensies: 23 bij 220 pixels en 35 bij 220 pixels. Plaats vervolgens deze twee rechthoeken op de posities die u in de eerste afbeelding ziet. Selecteer de magenta rechthoek opnieuw, verwijder de lijn en vul dit object met de lineaire gradiënt in de tweede afbeelding. Houd de resulterende rechthoek geselecteerd en ga naar het effect> Vervagen> Gaussiaans vervagen... Voer een 4px-straal in en klik op OK.
Selecteer vervolgens de rode rechthoek, verwijder de lijn en vul dit object met het lineaire verloop weergegeven in de vierde afbeelding. Breng vervolgens een 6px Gaussiaans vervagingseffect aan op de resulterende rechthoek. Stel scherp op de zesde afbeelding en gebruik het gereedschap Lijnsegment (\) om een verticale lijn te maken, met een 1px rode lijn en geen vulling. Selecteer de nieuwe regel opnieuw en vervang de bestaande streekkleur door de lineaire helling in de lijn die wordt weergegeven in de zevende afbeelding. Breng vervolgens een 3px Gaussiaans vervagingseffect aan op de resulterende lijn. Selecteer opnieuw en groepeer ( Ctrl + G ) alle objecten die in deze stap zijn gemaakt. Selecteer vervolgens de vorm met vereneffect toegepast in stap 3 en maak er een kopie van ( Ctrl + C, Ctrl + F ) en breng de kopie naar voren ( Ctrl + Shift + Rechter vierkante haak ). Als u deze kopie nog steeds hebt geselecteerd, houdt u de Shift- toets ingedrukt en klikt u op de groep die in deze stap is gemaakt. Klik met de rechtermuisknop op het tekengebied en selecteer vervolgens het onderdeel Knipmasker maken in het vervolgkeuzemenu. Selecteer tot slot en groepeer ( Ctrl + G ) alle objecten die vanaf het begin van stap 2 tot deze tijd zijn gemaakt.
De basis van de lipstick is klaar!
Stap 7
We gaan verder met het metalen lichaam van de lipstick. Kies het ellipsgereedschap (L) en maak een 97 bij 24 px rode ellips en plaats deze dan in de juiste positie zoals getoond in de eerste afbeelding. Maak een kopie ( Ctrl + C, Ctrl + F ) van deze ellips en verplaats de kopie 51px naar boven. Houd deze kopie geselecteerd en ga naar Object> Transformeren> Transformeren... Voer de gegevens in die in de laatste afbeelding worden weergegeven en klik op Kopiëren.
Stap 8 Selecteer de eerste en de laatste ellipsen gemaakt in stap 7 en maak er een kopie van ( Ctrl + C, Ctrl + F) en vervang dan de bestaande streekkleuren van de kopieën met blauw. Selecteer vervolgens de tweede ellips gemaakt in stap 7 en maak er een kopie van, en vervang dan de bestaande streekkleur van de kopie met zwart. Stel scherp op de derde afbeelding, selecteer met behulp van het gereedschap Direct selecteren (A) en de Shift- toets de zes met magenta gemarkeerde ankerpunten. Klik vervolgens op het pictogram " Pad snijden op geselecteerde ankerpunten " in de eigenschappenbalk. Hierdoor worden de twee blauwe en de zwarte ellips zes gebogen paden. Selecteer de drie gebogen paden getoond in de vierde afbeelding en verwijder ze.
Stap 9 Selecteer het zwarte pad gemaakt in stap 8 en maak er een kopie van ( Ctrl + C, Ctrl + F ). Houd de kopie geselecteerd, houd de Shift- toets ingedrukt en klik op het bovenste blauw dat is gemaakt in stap 8. Klik met de rechtermuisknop op het tekengebied en selecteer vervolgens het deel Join in het vervolgkeuzemenu.
Klik vervolgens met de rechtermuisknop opnieuw op het tekengebied en selecteer vervolgens het deel Join. Selecteer de resterende zwarte en de blauwe paden en druk vervolgens tweemaal op ( Ctrl + J ) om verbinding te maken. Stap 10 Selecteer het zwarte object gemaakt in stap 9, verwijder de lijn en vul dit object met het lineaire verloop weergegeven in de eerste afbeelding. Selecteer vervolgens het blauwe object, kies vervolgens het gereedschap Pipet (I) en klik op de vorm die u zojuist hebt opgevuld met een lineair
verloop. Hiermee kopieert u het verloop van de vorm die u zojuist hebt opgevuld met een lineair verloop op het blauwe object. Stap 11 Gebruik het gereedschap Lijnsegment (\) om drie verticale lijnen te maken zoals in de onderstaande afbeeldingen.
Selecteer nu de twee vormen gemaakt in stap 10 en maak er een kopie van ( Ctrl + C, Ctrl + F ). Houd de kopieën geselecteerd, open het deelvenster Pathfinder ( Venster> Pathfinder ) en klik op de knop Unite. Breng de resulterende vorm vervolgens naar voren ( Ctrl + Shift + Square Rechts Bracket ). De geselecteerde vorm moet nog steeds worden geselecteerd, houd de Shift- toets ingedrukt en klik op de drie lijnen die in deze stap zijn gemaakt. Klik met de rechtermuisknop op het tekengebied en selecteer vervolgens het onderdeel Knipmasker maken in het vervolgkeuzemenu.
Stap 12
Selecteer voordat u doorgaat de drie rode ellipsen gemaakt in stap 7 en breng ze naar voren ( Ctrl + Shift + Rechte vierkante haak ). Selecteer vervolgens de onderste rode ellips en maak er een kopie van. Verwijder de lijn van de kopie en vul deze ellips met zwart ( # 000000 ). Breng ten slotte een 2px Gaussiaans vervagingseffect op de resulterende ellips aan en verberg deze vervolgens achter de onderste vorm die u in stap 10 hebt gecreëerd. Stap 13 Selecteer de twee onderste rode ellipsen en ga naar Object> Transformeren> Transformeren... Volg de gegevens in de eerste afbeelding en klik op OK. Vervang de bestaande streekkleuren van de resulterende ellipsen door blauw. Laat de blauwe ellipsen geselecteerd en maak er een kopie van ( Ctrl + C, Ctrl + F ) en vervang dan de bestaande streekkleuren van de kopieën met turquoise. Stel scherp op de tweede afbeelding, met behulp van het gereedschap Direct selecteren (A) en de Shift- toets, selecteert u de vier met magenta gemarkeerde ankerpunten.
Klik vervolgens op het pictogram " Pad snijden op geselecteerde ankerpunten " in de eigenschappenbalk. Selecteer vervolgens de twee turquoise gebogen paden getoond in de derde afbeelding en verwijder ze. Selecteer ten slotte de resterende twee turquoise paden en druk vervolgens tweemaal op ( Ctrl + J ) om verbinding te maken.
Stap 14 Selecteer de bovenste blauwe ellips en ga naar Object> Transformeren> Transformeren... Volg de gegevens in de eerste afbeelding en klik op Kopiëren. Vervang de bestaande streekkleur van de kopie door zwart. Maak een kopie ( Ctrl + C, Ctrl + F ) van de zwarte ellips en verplaats de kopie vervolgens naar de positie die wordt weergegeven in de tweede afbeelding. Selecteer voordat u doorgaat de bovenste zwarte ellips en maak er een kopie van. Stel scherp op de derde afbeelding, selecteer de vier met magenta gemarkeerde ankerpunten en klik op het pictogram " Pad afsnijden op geselecteerde ankerpunten " in de eigenschappenbalk. Selecteer de twee zwarte gebogen paden zoals weergegeven in de vierde afbeelding en verwijder ze. Selecteer ten slotte de twee resterende zwarte gebogen paden opnieuw en druk twee keer op ( Ctrl + J ) om verbinding te maken.
Stap 15 Selecteer het bovenste object gemaakt in stap 14, verwijder de lijn en vul dit object met het lineaire verloop weergegeven in de eerste afbeelding. Houd de resulterende vorm geselecteerd en verander de mengmodus in vermenigvuldigen.
Selecteer vervolgens het zwarte object gemaakt in stap 14, kies vervolgens het gereedschap Pipet (I)en klik op de vorm die u zojuist hebt opgevuld met een lineair verloop.
Stap 16 Selecteer de bovenste blauwe ellips, verwijder de lijn en vul dit object met de lineaire gradiënt in de eerste afbeelding. Wijzig de mengmodus van de resulterende ellips in Hard licht en verberg deze vervolgens achter de bovenste vorm die in stap 10 is gemaakt. Selecteer vervolgens de zwarte ellips gemaakt in stap 14, kies vervolgens het gereedschap Pipet (I) en klik op de vorm die u zojuist hebt opgevuld met een lineair verloop. Selecteer nu de overgebleven blauwe ellips en vervang de bestaande lijnkleur door donker grijsachtig rood ( # 908385 ). Wijzig vervolgens de overvloeimodus van de resulterende ellips in Hard licht. Eindelijk verberg deze ellips achter de onderste vorm gemaakt in stap 15.
Stap 17 Selecteer de rode ellips en ga naar Object> Transformeren> Transformeren... Volg de gegevens in de eerste afbeelding en klik op OK.
Houd de resulterende ellips geselecteerd, verwijder de lijn en vul dit object met zeer donker violet ( # 25222a ). Maak met behulp van het gereedschap Direct selecteren (A) een object zoals u ziet in de tweede en de derde afbeelding. Nadat uw object is getekend, verwijdert u de lijn en vult u vervolgens dit object met de lineaire gradiënt die wordt weergegeven in de vierde afbeelding. Maak een kopie ( Ctrl + C, Ctrl + F ) van de resulterende vorm en vervang vervolgens de bestaande opvulkleur van de kopie door de nieuwe lineaire verloop. Breng als laatste een 5px Feather- effect aan op de resulterende vorm.
Stap 18 Maak met behulp van het gereedschap Pen (P) en het gereedschap Verloop (G) twee vormen zoals u ziet in de eerste en tweede afbeelding. Zodra je vormen zijn getekend, selecteer je ze opnieuw en pas je een 5pxvereneffect toe op deze vormen.
Stap 19 Kies het gereedschap Pen (P) en maak twee gebogen paden zoals u ziet in het eerste en tweede beeld. Zodra uw paden zijn getekend, selecteert u opnieuw het blauwe pad, wijzigt u het slaggewicht in 5pxen vervangt u de bestaande lijnkleur door sterk roze ( # ca0a53 ). Pas dan het Width-profiel 5 en een 3px-Feather- effect toe op het resulterende pad.
Selecteer nu het gele gebogen pad, verander het slaggewicht in 4 px en vervang de bestaande lijnkleur door de lineaire helling binnen de lijn. Pas uiteindelijk het Width-profiel 5 en een 2px-Feather- effect toe op het resulterende pad.
Stap 20 Teken met de Pen Tool (P) een licht gebogen pad en geef het moment een witte slag van 3,5 px ( # ffffff ). Pas dan het Width-profiel 5 en een 3px-Feather- effect toe op het nieuw gecreëerde pad. Ga verder met het gereedschap Pen (P), maak een nieuwe lijn zoals weergegeven in de tweede afbeelding, met een witte lijn van 2,5 px en geen vulling. Pas tot slot het Width-profiel 5 en een 3px-Feather- effect toe op het nieuwe pad.
Stap 21 De lippenstift is klaar en ziet er zo uit:
Stap 22 Vervolgens komt het deksel van de lippenstift. Kies de Ellipse Tool (L) en maak een 108 bij 123 pxellips. Zorg ervoor dat de nieuw gemaakte ellips nog steeds is geselecteerd en ga naar Object> Transformeren> Roteren... Voer een hoek van 20 graden in en klik op OK. Laat nog steeds de resulterende ellips geselecteerd en maak er een kopie van ( Ctrl + C, Ctrl + F ). Verplaats vervolgens de kopie 41 px omhoog en 141 px naar rechts. Houd deze ellips geselecteerd en ga naar Object> Transformeren> Schalen... Controleer eenvormig en voer 98% in in het vak Schaal en klik vervolgens op OK.
Stap 23 Selecteer de blauwe linkse ellips en maak er een kopie van ( Ctrl + C, Ctrl + F ) en vervang dan de bestaande streekkleur van de kopie met magenta. Stel scherp op de eerste afbeelding, selecteer de vier ankerpunten gemarkeerd met zwart en klik op het pictogram " Pad afsnijden op geselecteerde ankerpunten " in de eigenschappenbalk.
Selecteer de twee gebogen paden zoals weergegeven in de tweede afbeelding en verwijder ze. Selecteer vervolgens de twee resterende gebogen paden en druk twee keer op ( Ctrl + J ) om verbinding te maken. Verwijder tenslotte de streek van het resulterende object en vul deze vervolgens met de lineaire gradiënt die in de laatste afbeelding wordt weergegeven.
Stap 24 Kies het gereedschap Rechthoek (M) en maak twee magenta rechthoeken. Selecteer de twee nieuw gemaakte rechthoeken opnieuw en dubbelklik op het pictogram Gereedschap roteren in het toolpaneel. Voer in het dialoogvenster Roteren een hoek van 16 graden in en klik op OK. Plaats vervolgens deze twee rechthoeken in de posities die worden weergegeven in de eerste afbeelding. Selecteer de bovenste magenta rechthoek opnieuw, verwijder de lijn en vul dit object met de lineaire gradiënt die wordt weergegeven in de tweede afbeelding. Houd de resulterende rechthoek geselecteerd en ga naar Effect> Blur> Gaussian Blur... Voer een 6px Radius en klik op OK, verander dan de laagmodus van de resulterende rechthoek Fel licht. Selecteer vervolgens de overgebleven magenta rechthoek, verwijder de lijn en vul dit object met de lineaire gradiënt in de vierde afbeelding. Pas een 4px Gaussiaans vervagingseffect toe op de resulterende rechthoek en verander vervolgens de overvloeimodus in Hard licht.
Selecteer nu de vorm gemaakt in stap 23 en maak er een kopie van ( Ctrl + C, Ctrl + F ) en breng de kopie naar voren ( Ctrl + Shift + Rechter vierkante haak ). Als u deze kopie nog steeds hebt geselecteerd, houdt u de Shift- toets ingedrukt en klikt u op de twee vormen met vervagingseffecten die in deze stap worden toegepast. Klik met de rechtermuisknop op het tekengebied en selecteer vervolgens het onderdeel Knipmasker maken in het vervolgkeuzemenu.
Stap 25
Selecteer de blauwe ellips en ga naar Object> Pad> Offsetpad... Voer een offset van -1,5 px in en klik op OK. Vervang vervolgens de bestaande lijnkleur van de nieuw gemaakte ellips door rood. Houd de rode ellips geselecteerd en ga naar Object> Transformeren> Verplaatsen... Voer een -1,5 pxin in het vak Horizontaal en klik op OK. Selecteer nu de blauwe ellips, verwijder de lijn en vul dit object met de lineaire gradiënt weergegeven in de derde afbeelding. Selecteer vervolgens de rode ellips, verwijder de lijn en vul dit object met de radiale gradiënt in de voorlaatste afbeelding. Breng tenslotte een 3px Feather- effect aan op de resulterende ellips.
Stap 26 Selecteer en groepeer ( Ctrl + G ) alle objecten die vanaf het begin van stap 22 tot deze tijd zijn gemaakt. Het lipje van de lipstick is klaar! Stap 27 We zijn klaar met de lippenstift. Het is nu tijd voor de achtergrond. Maak met behulp van de Rechthoek-tool (M) en het Verloopgereedschap (G) een 984 x 860 pixels zeer zachtroze rechthoek. Plaats vervolgens de lipstick en het deksel in de posities die worden weergegeven in de tweede afbeelding. Nu voegen we een schaduw toe voor het deksel van de lippenstift. Maak met behulp van het gereedschap Pen (P) en het gereedschap Verloop (G) een vorm zoals u ziet in de laatste twee afbeeldingen. Breng tenslotte een 3px Gaussiaans vervagingseffect aan op de nieuw gemaakte vorm en verberg deze achter het deksel.
Stap 28 Selecteer het deksel en maak er een kopie van ( Ctrl + C, Ctrl + F ) en verplaats de kopie vervolgens naar de positie die wordt weergegeven in de eerste afbeelding. Dubbelklik met het selectiegereedschap (V) op het nieuw gemaakte deksel en verwijder vervolgens de bijgesneden set ervan. Klik vervolgens met behulp van het gereedschap Direct selecteren (A) op de ovaal met veereffect van het nieuwe deksel om het te selecteren. Selecteer vervolgens de verloopannotator van deze ellips en sleep deze naar de positie die is weergegeven in de laatste afbeelding.
Stap 29 Selecteer de zachtroze rechthoek gemaakt in stap 27 en maak er een kopie van ( Ctrl + C, Ctrl + F ) en breng de kopie naar voren ( Ctrl + Shift + Rechter vierkante haak ). Vervang de bestaande vulkleur van de nieuw gemaakte rechthoek door de nieuwe radiale kleurovergang in de eerste afbeelding.
Wijzig de overvloeimodus van de resulterende rechthoek in Verschil en verplaats deze vervolgens 20pxomlaag. Selecteer nu het deksel gemaakt in stap 28 en de rechthoek gemaakt in deze stap. Open vervolgens het paneel Transparantie ( Venster> Transparantie ) en klik op de knop Make Mask. Het dekkingsoplossingsmasker moet er als volgt uitzien als de laatste afbeelding hieronder.
Stap 30 Selecteer de basis van de lipstick en maak er een kopie van ( Ctrl + C, Ctrl + F ) en verplaats de kopie vervolgens naar de positie die wordt weergegeven in de eerste afbeelding. Kies het selectiegereedschap (V) en dubbelklik op de nieuw gemaakte groep. Focus op de top van deze groep, selecteer de twee objecten met vereneffecten en verwijder ze. Selecteer vervolgens de overgebleven ellips en vervang de bestaande opvulkleur door heel donker rood ( # 231f20 ). Dubbelklik ten slotte ergens buiten de zojuist bewerkte groep.
Stap 31 Dubbelklik met het selectiegereedschap (V) op de groep die u in stap 30 hebt bewerkt en dubbelklik vervolgens op de knipset. Selecteer nu de groep die zich in deze uitknipset bevindt en dubbelklik vervolgens op het pictogram Reflect Tool in het toolpaneel. Vink in het dialoogvenster Reflect de optie Horizontaal aan en klik op OK. Dubbelklik ten slotte ergens buiten de knipselset.
Stap 32 Selecteer met het selectiegereedschap (V) de groep die in de vorige stappen is bewerkt en druk op ( Ctrl + X ) om deze te knippen.
Dubbelklik vervolgens op het verloopdiepnamemasker gemaakt in stap 29 en druk op ( Ctrl + F ) om de groep te knippen die in deze stap is gesneden. Dubbelklik ten slotte ergens buiten het dekkingsoplossingsmatras.
En we zijn klaar!