Share
In de volgende tutorial leer je een aantrekkelijke emoticons icon set te maken. Leer een eenvoudig te volgen workflow voor het maken van elk van deze kleine emotionele personagezijden in Adobe Illustrator.
Maak een 60px bij 60px, RGB-document. Schakel eerst het raster (Weergave> raster) en het magnetisch raster (aanzicht> magnetisch raster) in. Vervolgens heb je om de 1px een rooster nodig. Ga naar Bewerken> Voorkeuren> Gidsen & raster, voer 1 in het vak Gridlijn elk in en 1 in het vak Onderverdelingen.
U kunt ook het infopaneel (Venster> Info) openen voor een livevoorbeeld met de grootte en positie van uw vormen. Vergeet niet om de maateenheid te vervangen door pixels in Bewerken> Voorkeuren> Eenheid> Algemeen. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.
Kies het ellipsgereedschap (L), maak een 40 bij 40 px vorm en vul het met R = 255, G = 222, B = 23.
Selecteer de vorm die in de vorige stap is gemaakt en zorg ervoor dat deze in het midden van uw tekengebied is geplaatst. Schakel de linialen in (Command + R) en de handleidingen (Weergave> Gidsen> Toon handleidingen) en sleep vervolgens een verticale en een horizontale gids zoals in de volgende afbeelding. Schakel de linialen uit en houd de hulplijnen zichtbaar. Het zal in de volgende stappen helpen, omdat je een aantal nieuwe vormen toevoegt.
Schakel de module naar raster uit en ga vervolgens naar Bewerken> Voorkeuren> Algemeen en voer 0,5 in het vak Toetsenbordvergroting in. Selecteer de gele cirkel opnieuw en maak twee kopieën vooraan (Command + C> Command + F> Command + F). Selecteer de bovenste kopie en druk eenmaal op de pijl-omlaag (om deze 0,5 px naar beneden te verplaatsen). Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met wit.
Schakel de Snap to Grid opnieuw in. Selecteer de gele cirkel opnieuw en ga naar het deelvenster Vormgeving. Selecteer de bestaande vulling en klik op de knop Geselecteerd artikel dupliceren onderaan in het deelvenster Uiterlijk. Uiteraard zal dit een kopie van de geselecteerde opvulling creëren. Selecteer deze nieuwe vulling, verlaag de dekking tot 75% en vul deze met de lineaire gradiënt in de volgende afbeelding.
Let op de verloopafbeelding. De gele "0" staat voor dekkingspercentage. Dit betekent dat u de verloopschuifregelaar moet selecteren en de dekking op 0% moet zetten. Blijf focussen op deze gele cirkel. Selecteer het opnieuw en voeg een eenvoudige streek toe. Maak het 1pt breed, lijn het uit naar buiten en stel de kleur in op R = 237, G = 147, B = 39.
Selecteer de vorm opnieuw die in de vorige stap is bewerkt. Ga naar het deelvenster Uiterlijk, selecteer de gele vulling en ga naar Effectstyling> Gloed binnen. Voer de onderstaande gegevens in, klik op OK en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer nogmaals de gegevens in die hieronder worden getoond en klik op OK. Uiteindelijk moet je vorm er uitzien als de volgende afbeelding. Dit is de gezichtsvorm die je voor de meeste emoticons zult gebruiken.
Laten we nu een stemming toevoegen voor dit gezicht. Schakel eerst de Snap to Grid opnieuw in en selecteer vervolgens de Rectangle Tool (M). Maak twee 4 bij 8 px vormen en een 12 bij 8 px vorm en plaats ze zoals getoond.
De Snap to Grid en de gidsen verlichten je werk. Vul ze allemaal met R = 96, G = 57, B = 19 en ga vervolgens naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 2px in, klik op OK en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK.
Kies de Ellipse Tool (L), maak een 26 bij 16 px vorm en plaats deze zoals getoond. Vul het met de hieronder getoonde lineaire gradiënt en verlaag vervolgens de dekking naar 50%. Laten we nu de bestaande vormen organiseren.
Ga naar het deelvenster Lagen, selecteer de bestaande laag en klik op de knop Nieuwe sublaag maken onder in het deelvenster Lagen. Selecteer alle tot nu toe gecreëerde vormen en verplaats ze naar deze nieuwe sublaag. Dubbelklik op deze sublaag en noem deze "Not Amused." Nu is je eerste emoticon compleet.
Selecteer de sublaag die in de vorige stap is gemaakt en maak een kopie vooraan. Focus op deze nieuwe sublaag, selecteer de vorm van de mond en ga naar Effect> Verdraaien> Boog. Voer de gegevens in die onder afbeelding # 1 worden getoond en klik op OK.
Noem deze tweede sublaag "Sad" en dupliceer deze. Selecteer de mondvorm van deze nieuwe sublaag, ga dan naar het deelvenster Vormgeving en open het bestaande verdraaiingseffect. Sleep de Bend-schuifregelaar naar -50% en klik vervolgens op OK. Noem deze derde sublaag "Happy".
Selecteer de sublaag "Happy" en maak een kopie vooraan. Laten we ons concentreren op deze nieuwe sublaag. Roep eerst de naam 'Grin' op, selecteer vervolgens de mondopening die eruit is en verwijder deze. Kies de Ellipse Tool (L), maak een 16 bij 7 px vorm en plaats deze zoals getoond in de eerste afbeelding. Vul het met R = 96, G = 57, B = 19. Ga vervolgens naar Effect> Verdraaien> Boog. Voer de onderstaande gegevens in, klik op OK en ga vervolgens naar Object> Uiterlijk uitvouwen.
Selecteer de resulterende vorm en maak twee kopieën vooraan en schakel vervolgens het magnetisch uitlijnen naar raster uit. Selecteer de bovenste kopie en druk vier keer op de pijl-omlaag, selecteer vervolgens opnieuw beide exemplaren en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Vul de resulterende vorm met wit.
Schakel de Snap to Grid opnieuw in. Kies het gereedschap Pen (P), teken drie verticale paden en plaats het zoals in de eerste afbeelding. Voeg een 1pt-streek voor deze paden toe en stel de kleur in op R = 39, G = 170, B = 225.
Groepeer ze (Command + G). Selecteer de witte vorm die in de vorige stap is gemaakt, maak een kopie en breng deze naar voren (Shift> Command + Rechter Bracket-toets). Selecteer deze frisse, witte vorm samen met de nieuwe groep en ga naar het paneel Transparantie. Open het fly-outmenu en klik op Dekkingsmasker maken.
Selecteer de vorm van de mond opnieuw en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in, klik op OK en voeg vervolgens een 1 takt-lijn toe. Lijn het uit naar buiten en stel de kleur in op R = 237, G = 147, B = 39.
Selecteer de sublaag "Grin" en maak een kopie vooraan. Laten we ons concentreren op deze nieuwe sublaag. Ten eerste, hernoem het "Knipogend", selecteer vervolgens de juiste oogvorm en verwijder deze. Kies het gereedschap Rechthoek (M), maak een 5 bij 3 px vorm en plaats het zoals getoond.
Vul het met R = 96, G = 57, B = 19. Ga vervolgens naar Effect> Stileren> Afgeronde hoeken. Voer een straal van 2px in, klik op OK en ga vervolgens naar Effect> Verdraaien> Boog. Voer de onderstaande gegevens in, klik op OK en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer nogmaals de onderstaande gegevens in en klik vervolgens op OK.
Selecteer de "Winking" -sublaag en maak een kopie vooraan. Laten we ons concentreren op deze nieuwe sublaag. Ten eerste, hernoem het "Weeping", selecteer vervolgens de ogen en de mondcomponenten en verwijder ze. Kies de Rechthoek-tool (M), maak twee 6 bij 4 px-vormen en plaats ze zoals getoond in de volgende afbeelding. Vul ze met met R = 96, G = 57, B = 19. Ga vervolgens naar Effect> Stileren> Afgeronde hoeken. Voer een straal van 2px in, klik op OK en ga vervolgens naar Effect> Verdraaien> Boog. Voer de onderstaande gegevens in, klik op OK en ga vervolgens naar Object> Uiterlijk uitvouwen.
Selecteer de vorm van het linkeroog en ga naar Object> Transformeren> Roteren. Voer een hoek van 45 graden in en klik vervolgens op OK. Selecteer de juiste oogvorm en ga naar Object> Transformeren> Roteren. Voer een hoek van -45 graden in en klik vervolgens op OK. Selecteer beide oogvormen opnieuw en ga naar Effect> Stileren> Slagschaduw. Voer de gegevens in die worden weergegeven in de definitieve afbeelding en klik vervolgens op OK.
Blijf focussen op de sublaag "Huilen". Kies de Ellipse Tool (L), maak een 16 bij 7 px vorm en plaats deze zoals getoond. Vul dit met R = 96, G = 57, B = 19 en ga naar Effect> Verdraaiing> Boog. Voer de onderstaande gegevens in, klik op OK en ga vervolgens naar Object> Uiterlijk uitvouwen.
Selecteer de resulterende vorm, maak twee kopieën vooraan en schakel de magnetisch uitlijnen uit. Selecteer de bovenste kopie en druk tien keer op de pijl-omhoog. Selecteer beide exemplaren opnieuw en klik op de knop Kruispunt in het deelvenster Pathfinder. Vul de resulterende vorm met wit.
Schakel de Snap to Grid opnieuw in. Kies het gereedschap Pen (P), teken drie verticale paden en plaats het zoals in de eerste afbeelding. Voeg een 1pt-streek voor deze paden toe en stel de kleur in op R = 39, G = 170, B = 225. Groepeer ze (Command + G). Selecteer de witte vorm die in de vorige stap is gemaakt, maak een kopie en breng deze naar voren (Shift> Command + Rechter Bracket-toets). Selecteer deze frisse, witte vorm samen met de nieuwe groep en ga naar het paneel Transparantie. Open het fly-outmenu en klik op Dekkingsmasker maken.
Selecteer de vorm van de mond opnieuw en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in, klik op OK en voeg vervolgens een 1 takt-lijn toe. Lijn het uit naar buiten en stel de kleur in op R = 237, G = 147, B = 39.
Kies de Ellipse Tool (L), maak een 4 bij 4 px vorm en vul deze met R = 39, G = 170, B = 255. Kies het gereedschap Ankerpunt omzetten (Shift + C) en klik op het onderste ankerpunt. Hierdoor ziet uw cirkel er in de tweede afbeelding uit. Kies het gereedschap Direct selecteren (A), selecteer het onderste ankerpunt en verplaats het 2px omlaag. Focus nu op de linker en rechter ankerpunten. Gebruik hetzelfde hulpmiddel om de grepen 1px omlaag te slepen.
Selecteer de vorm die in de vorige stap is gemaakt en ga naar Effect> Verdraaien> Boog. Voer de onderstaande gegevens in, klik op OK en ga vervolgens naar Object> Uiterlijk uitvouwen. Dupliceer de resulterende vorm. Draai deze twee blauwe vormen en plaats ze zoals weergegeven. Voeg ten slotte een 0,5pt-streek voor beide vormen toe. Lijn het uit naar binnen en stel de kleur in op R = 28, G = 117, B = 188.
Selecteer de sublaag "Happy", maak een kopie en verplaats deze naar de bovenkant van het deelvenster Lagen. Laten we ons concentreren op deze nieuwe sublaag. Roep eerst de naam 'Love' om, selecteer vervolgens de oogvormen en verwijder deze. Ga naar het paneel Symbolen (Venster> Symbolen), open het uitvouwmenu en ga naar Symboolbibliotheek openen> Webpictogrammen. Er moet een venster met een reeks symbolen worden geopend.
Selecteer het symbool "Favoriet", sleep het naar uw tekengebied en ga vervolgens naar Object> Uitbreiden. Focus op de resulterende vorm. Kies eerst het gereedschap Direct selecteren (A), selecteer de ankerpunten die zijn gemarkeerd in de tweede afbeelding en klik op de knop Verwijderen. Nu zou het hart eruit moeten zien als het derde beeld.
Vervolgens moet u een afzonderlijk rondheidseffect voor het onderste ankerpunt toevoegen. U hebt het Round Any Corner Script nodig. Sla het op op je harde schijf, selecteer het onderste ankerpunt met behulp van het gereedschap Direct selecteren (A) en ga vervolgens naar Bestand> Scripts> Ander script. Open het ronde hoekscript, voer een 7px-straal in en klik op OK. Vul de resulterende vorm met R = 242, G = 41, B = 17. Uiteindelijk zou het eruit moeten zien als de vierde afbeelding.
Selecteer de vorm gemaakt in de vorige stap en dupliceer deze. Selecteer deze twee hartvormen, verklein ze en plaats ze zoals getoond. Ga nu naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in, klik op OK en voeg een 0.75pt-lijn toe. Lijn het uit naar binnen en stel de kleur in op R = 190, G = 30, B = 45.
Selecteer de "Love" -sublaag en maak een kopie vooraan. Laten we ons concentreren op deze nieuwe sublaag. Roep eerst de naam 'Verrassing' om, selecteer vervolgens het oog en de mondcomponenten en verwijder deze. Kies het gereedschap Rechthoek (M), maak een vorm van 10 bij 5 px en plaats het zoals in de volgende afbeelding wordt getoond. Vul het met R = 96, G = 57, B = 19. Ga vervolgens naar Effect> Stileren> Afgeronde hoeken. Voer een straal van 3px in, klik op OK en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK.
Kies de Ellipse Tool (L), maak twee 8 bij 8 px vormen en plaats ze zoals getoond in de eerste afbeelding. Vul ze met R = 241, G = 242, B = 242 en voeg een 1pt slag toe. Lijn het uit naar buiten en stel de kleur in op R = 237, G = 147, B = 39.
Selecteer beide cirkels opnieuw en ga naar Effect> Stileren> Slagschaduw. Voer de gegevens in die in de eerste afbeelding worden getoond en klik op OK. Kies opnieuw de Ellipse Tool (L) en maak twee 2 bij 2 px-vormen. Vul ze met R = 96, G = 57, B = 19 en plaats ze zoals getoond in de tweede afbeelding.
Kies het gereedschap Pen (P), teken twee verticale paden (6 px hoog) en plaats ze zoals getoond in de volgende afbeelding. Voeg een 1pt-streek voor beide paden toe, stel de kleur in op R = 237, G = 147, B = 39 en ga naar het deelvenster Lijn (Venster> Lijn).
Klik op de knop Ronde dop en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in, klik op OK en selecteer vervolgens alleen het linkerpad. Ga naar Effect> Verdraaien> Boog, voer de onderstaande gegevens in, klik op OK en selecteer vervolgens het juiste pad. Nogmaals, ga naar Effect> Warp> Arc, voer de onderstaande gegevens in en klik vervolgens op OK.
Selecteer de sublaag "Love", maak een kopie en verplaats deze naar de bovenkant van het deelvenster Lagen. Laten we ons concentreren op deze nieuwe sublaag. Geef de naam eerst de naam 'Blushing' en selecteer vervolgens de oogcomponenten en verwijder deze. Kies de Rechthoek-tool (M), maak twee 4 bij 6 px-vormen en plaats ze zoals in de volgende afbeelding. Vul ze met R = 96, G = 57, B = 19, ga dan naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 2px in, klik op OK en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK.
Kies het gereedschap Pen (P), teken twee horizontale paden (4px lang) en plaats ze zoals getoond in de volgende afbeelding. Voeg een 1pt-streek voor beide paden toe, stel de kleur in op R = 96, G = 57, B = 19 en ga naar het deelvenster Lijn. Klik op de knop Ronde dop en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in, klik op OK en ga vervolgens naar Effect> Verdraaien> Boog. Voer nogmaals de gegevens in die hieronder worden getoond en klik op OK.
Kies de Ellipse Tool (L), maak twee 5 bij 5 px vormen en plaats ze zoals getoond. Vul ze met R = 237, G = 28, B = 36 en ga naar Effect> Blur> Gaussian Blur. Voer een straal van 2px in en klik op OK.
Selecteer de "Blushing" -sublaag en maak een kopie vooraan. Laten we ons concentreren op deze nieuwe sublaag. Roep eerst de naam 'Ziek' om en verwijder vervolgens de ogen en de mondcomponenten. Nu moet je de kleur van het hele gezicht veranderen.
Ga naar het deelvenster Vormgeving en focus op de eerste vulling. Vervang het geel met R = 171, G = 223, B = 35, open vervolgens het effect Inner Glow en vervang de bestaande kleur door de onderstaande kleur. Ga naar de tweede vulling en vervang het bestaande verloop door het getoonde verloop. Selecteer ten slotte de lijn en vervang de bestaande kleur door R = 57, G = 181, B = 74.
Laten we verder gaan met de ogen. Kies de Rechthoek-tool (M), maak twee 4 bij 8 px-vormen en plaats deze zoals getoond in de volgende afbeelding. Vul ze met R = 0, G = 104, B = 56, ga dan naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 2px in, klik op OK en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK.
Kies het gereedschap Pen (P), teken twee verticale paden (6 px hoog) en plaats ze zoals getoond in de volgende afbeelding. Voeg een penseelstreek voor beide paden toe, stel de kleur in op R = 0, G = 104, B = 56 en ga naar het deelvenster Lijn (Venster> Lijn). Klik op de knop Ronde dop en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in, klik op OK en selecteer vervolgens alleen het linkerpad. Ga naar Effect> Verdraaien> Boog, voer de onderstaande gegevens in, klik op OK en selecteer vervolgens het juiste pad. Nogmaals, ga naar Effect> Verdraaien> Boog, voer de onderstaande gegevens in en klik op OK.
Kies het gereedschap Rechthoek (M), maak een vorm van 6 bij 4 px en plaats het zoals in de volgende afbeelding wordt getoond. Vul het met R = 0, G = 104, B = 56, ga dan naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 2px in, klik op OK en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK.
Keer wederom de Pen Tool (P), teken twee verticale paden (6 px hoog) en plaats ze zoals getoond. Voeg een penseelstreek voor beide paden toe, stel de kleur in op R = 0, G = 104, B = 56 en ga naar het deelvenster Lijn (Venster> Lijn). Klik op de knop Ronde dop en ga vervolgens naar Effect> Stileren> Slagschaduw.
Voer de onderstaande gegevens in, klik op OK en selecteer vervolgens alleen het linkerpad. Ga naar Effect> Verdraaien> Boog, voer de onderstaande gegevens in en klik op OK. Selecteer nu het juiste pad. Nogmaals, ga naar Effect> Verdraaien> Boog, voer de onderstaande gegevens in en klik op OK.
Selecteer de sublaag "Ziek" en maak een kopie vooraan. Laten we ons concentreren op deze nieuwe sublaag. Roep eerst de naam 'Angry' om en verwijder vervolgens de ogen en de mondcomponenten. Nogmaals, je moet de kleur van het hele gezicht veranderen. Beneden heb je alle info die je nodig hebt.
Kies het gereedschap Rechthoek (M), maak een 12 bij 4 px vorm en plaats het zoals in de volgende afbeelding. Vul het met R = 60, G = 36, B = 21, ga dan naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 2px in, klik op OK en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK.
Laten we verder gaan met de ogen. Kies de Rechthoek-tool (M), maak twee 4 bij 8 px-vormen en plaats deze zoals getoond in de volgende afbeelding. Vul ze met R = 60, G = 36, B = 21, ga dan naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 2px in, klik op OK en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK.
Kies het gereedschap Pen (P), teken de twee hieronder getoonde paden en plaats ze zoals getoond in de volgende afbeelding. Voeg een penseelstreek voor beide paden toe, stel de kleur in op R = 0, G = 104, B = 56 en ga naar het deelvenster Lijn (Venster> Lijn). Klik op de knop Ronde dop en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK.
Kies het gereedschap Rechthoek (M), maak een 2 bij 5 px vorm en vul het met R = 0, G = 104, B = 56. Kies het gereedschap Direct selecteren (A), selecteer de onderste ankerpunten en ga naar Object> Pad> Gemiddeld. Vink Beide aan en klik op OK. Dit maakt van je rechthoek een mooie scherpe driehoek. Selecteer het en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 1 px in, klik op OK en maak vervolgens drie kopieën. Roteer ze en plaats ze zoals getoond in de definitieve afbeelding.
De laatste emoticons icon set is hieronder.
Accentsconagua