In deze tussentijdse zelfstudie maken we een geheel eigen personage in Adobe Illustrator CC 2014 en maken vervolgens een kleine set stickerontwerpen, klaar om te chatten, mobiel en blogs te gebruiken. We gaan door het proces van het consistent houden van het ontwerp, het creëren van verschillende gezichtsuitdrukkingen en het vereenvoudigen van componenten van het ontwerp voor gebruik in een reeks pictogrammen.
1. Het basiskarakterontwerp maken
Stap 1
Voor een project als dit, begin ik graag met het gezicht van mijn karakter. Omdat het grootste deel van het ontwerp slechts een hoofd is (in het belang van deze tutorial), is dit de beste plaats om toch te beginnen.
De ... gebruiken Ellipse Tool (L), teken een cirkel. Dit zal de helft van het hoofd vormen.
Gebruik de Pen gereedschap (P) om de linkeronderkant van de kaak te tekenen. Merk op hoe de kaaklijn zachtjes rond de kin buigt, maar naar boven beweegt in een rechte hoek.
Hier kunt u de plaatsing van de linker benedenkaak zien. Ik begin vaak een kaak aan de linkerkant van een cirkel, waarbij ik ervoor zorg dat deze uitgelijnd is met zowel de horizontale als de verticale middenlijn.
Kopiëren (Control-C), Plakken (Control-V), en reflecteren de linker kaak om de rechterkant te creëren.
Na het controleren of elk onderdeel van het hoofd uitgelijnd is zoals je zou willen, Verenigen alle drie vormen in de verkenner paneel. Verwijder eventuele externe ankerpunten met de Ankerpunttool verwijderen (-).
Stap 2
Het oor is een vrij eenvoudig proces. Je hebt er twee nodig voor je uiteindelijke ontwerp (tenzij je haar of extra ontwerpelementen volledig verdoezelt, in welk geval je deze stap overslaat).
Teken een cirkel met de Ellipse Tool.
Gebruik de Direct selectie gereedschap (A) om het onderste ankerpunt naar beneden te trekken.
Draai het onderste ankerpunt naar rechts.
Manipuleer de handvatten van het ankerpunt zodat de vorm afgerond is en meer op een oor lijkt.
Kopiëren, Pasta, en reflecteren het oor zodat je er twee hebt. richten ze aan beide kanten van het hoofd.
Stap 3
Net als het hoofd en het oor begint het oog ook met een eenvoudige cirkel.
Teken een cirkel met de Ellipse Tool.
Gebruik de Pen gereedschap om een scherp punt linksonder in de cirkel te tekenen (op de diagonaal) en de contour van de cirkel naar het midden te volgen. Merk op hoe deze vormen een beetje lijken op het hoofd van een vogel of een regendruppelvorm die op zijn kant is gedraaid.
Verenigen de twee vormen in de verkenner paneel.
Teken de wimperlijn of wimpers van je personage, of schets gewoon de oogvorm, afhankelijk van welke details je wilt toevoegen.
Open de helling paneel om het Lineair verloop hieronder weergegeven: donkerpaars (# 2a0551) Weer wit tot donker paars.
Breng het verloop aan op het wit van de ogen (de regendruppelachtige vorm).
Teken een kleinere donkere paarse cirkel voor de iris van het oog en plaats deze onder de lijnen van de wimperlijn in de Lagen paneel.
Stap 4
Laten we wat details toevoegen aan elk oog.
Groep (Control-G) samen uw oogcomponenten.
Met de Pen gereedschap, teken een halve maan vorm over de bovenste helft van het oog in donker paars (# 2a0551).
Verminder de ondoorzichtigheid naar 50% of minder in de Transparantie paneel. Plaats het op de iris en wit van het oog in de Lagen paneel.
Stel de vulkleur van de iris in op de gewenste oogkleur. Teken een kleinere cirkel in de iris om de pupil van het oog te vormen. Met de Pencil Tool teken extra witte vormen om glanzende hooglichten (cirkels, sterren of harten) te maken.
Voeg extra details toe, zoals kleine Sint - Jacobsschelpen (getekend met de Pen gereedschap of Pencil Tool) in de buitenste hoek of definieer de wimpers.
Teken een paar schattige wenkbrauwen. Ik koos kleine harten in plaats van een traditioneel voorhoofdontwerp. Nogmaals, ik gebruikte de Pencil Tool.
Herhaal deze stappen voor het andere oog (of Kopiëren, Pasta, reflecteren, en pas de positie van de pupil en iris aan).
Stap 5
Voor de neus doen enkele eenvoudige vormen die de neusgaten en schaduwen definiëren de slag.
Begin met druppelachtige vormen getekend voor elk neusgat.
De zijkanten van de neusgaten, getekend met de Pen gereedschap, zijn als perzikkleurig (# ff786b) haakjes.
De schaduw onder de neus schetst beide neusgaten en het philtrum boven de mond. De Lineair verloop gaat van een roze perzik (# ff786b) om perzik te verlichten (# ffde9e).
De highlight-vorm (een rommelig getekende druppel) gaat van lichte crème (# fff7d4) om perzik te verlichten (# ffde9e).
Stap 6
Laten we het hoofd voltooien.
Zet de vulkleur van de kop op a Lineair verloop dat overgaat van # ffae85 naar # ffde9e naar # ffbc8c. De oren zijn ingesteld op lichte perzik (# ffde9e).
Ik heb een streek toegevoegd aan de vorm van het hoofd # ffae85. Groep samen alle hoofdcomponenten. Kopiëren en Pasta het hoofd en ga naar Uitbreiden onder Voorwerp. Zorg ervoor dat alleen Beroerte is geselecteerd en geraakt OK. Verenigen deze gekopieerde componenten in de verkenner paneel. Zet de vulkleur op donkerpaars en richten het achter het oorspronkelijke hoofd in de Lagen paneel. Stel de Beroerte breedte tot 1-2 pt in de Beroerte paneel.
2. Een leuk kapsel tekenen
Stap 1
Nu we de basis van ons personage hebben gedaan, laten we haar hoofdkapsel maken. Dubbelklik de Blob Brush Tool (Shift-B) om zijn opties naar voren te brengen. Stel de Trouw schuif naar rechts (hoewel niet helemaal over). Aangezien we er gewoon mee gaan schetsen, stelt u de grootte in op 1 pt.
Stap 2
Zorg ervoor dat je hoofdcomponenten zijn gegroepeerd samen. Hiermee kunt u uw Lagen panel georganiseerd.
De ... gebruiken Blob Brush Tool, begin met het schetsen van het haar van het personage. Ik heb gekozen voor schokkerige pony (rand).
Ga door met het tekenen van het haar. Denk aan het haar dat wordt gedefinieerd door grote delen versus strengen.
Zodra je het voorste deel van het haar hebt voltooid, Groep samen je geschetste componenten en traceer het kapsel met de Pen gereedschap.
Verwijder de schets, zodat je een enkel voorwerp voor het haar overhoudt. Stel de vulkleur in op iets helders en leuks. Ik koos voor paars (# 6f28ba).
Stap 3
Mijn kleine karakter heeft een paardenstaart. Als zodanig trekken we de volgende haarcomponenten achter de rest van het hoofd.
Begin met het tekenen van een vorm die aangeeft dat het haar achter het hoofd wordt getrokken in het elastiek van de paardenstaart.
De vorm van het haar op dit punt is aan jou: is het recht, gekruld, gevlochten of vastgebonden in een knot?
Herhaal wat we eerder hebben gedaan met het traceren van de schets.
Breng een overzicht van de haarcomponenten door de kopieën van de haarvorm achter de oorspronkelijke vorm te plaatsen (zoals we deden voor het hoofd) in de Lagen paneel.
Stap 4
Laten we nu het haar renderen.
De ... gebruiken Pencil Tool of de Pen gereedschap, trek met verloop gevulde delen van het haar die schaduwen definiëren. Merk op hoe deze vormen krommen op een manier die de contouren van de paardenstaart nabootst. Het verloop gaat van paars naar donker paars.
Definieer verder de schaduwen en delen van het haar.
Merk op hoe de pony een schaduwvorm heeft voor elke scheiding en aan welke kant ze staan.
Speel met extra schaduw- of markeervormen om het haar van je personage een aantal leuke variaties te geven. Ik trok een omgekeerde schulprandvorm op de paardenstaart.
Verminder de ondoorzichtigheid van je schaduwvormen in de Transparantie paneel naar wens. Voeg hoogtepunten of extra kleuren toe aan uw hoofdhaar als u dat wilt.
Stap 5
Laten we nu een schattig strikje toevoegen.
Teken een klonterige hartvorm met de Pencil Tool, ervoor zorgen dat je pad is afgesloten.
Herhaal aan de andere kant. Vergeet niet om een verbindende vorm in het midden van de boog te tekenen. Verenigen je boogcomponenten in de verkenner paneel en stel de vulkleur in op iets helders, zoals de fuchsia (# f01e8c) hieronder weergegeven.
Beschrijf uw boog op dezelfde manier als wij het hoofd en haar hebben geschetst. Gebruik de Blob Brush Tool om details op de boog te tekenen.
Gebruik de Pen gereedschap om een paar schaduwvormen toe te voegen aan de boeg onder de eerder getekende details. Stel de vulkleur in op donker paars en de kleur ervan ondoorzichtigheid naar 50% of minder.
Groep samen je boogcomponenten en plaats het haaraccessoire bovenop het hoofd van je personage.
Stap 6
Tenslotte, Uitbreiden (Object> Uitbreiden ... ) De streken van je personage, zodat de stickerbasis voor altijd schaalbaar is zonder dat je de slaggrootte later hoeft te veranderen. We zullen dit pictogram gebruiken als basis voor elke personagesticker in de rest van deze tutorial. Maak verschillende kopieën van het ontwerp zoals het nu is (zes in totaal).
3. Huidige status: games spelen
Stap 1
Nu beginnen we het plezier! Laten we beginnen met een sticker voor al die keren dat je wilt dat iemand weet dat je een spel speelt (of een spel met ze wilt spelen!).
Beginnend met de mond, heb ik de Blob Brush Tool om een lijn naar boven te tekenen.
Teken een andere, kleinere lijn naar beneden gebogen.
Vul het midden van de twee gebogen lijnen in met donker paars en de Pen gereedschap.
Teken de onderlip. Merk op hoe het een beetje plat aan de onderkant is.
Vul de vorm in met perzik (# fe8c82).
Teken de bovenste lip. De mijne heeft geen uitgesproken Cupid's Bow, hoewel jouw ontwerp er misschien een andere vorm aan heeft.
Vul de bovenste lip in met een heldere roze kleur (# ff305a).
Teken in de tanden. Merk op hoe ze de contouren van de bovenlip volgen en een beetje bochten maken op de bodem.
Stel de vulkleur in op hetzelfde verloop als werd gebruikt voor het wit van de ogen.
Stap 2
De wijzers zijn cartoonachtig en eenvoudig, bestaande uit slechts drie vingers. Ik trok de mijne met de Pencil Tool, niet de moeite genomen om te gedetailleerd te zijn.
Maak een overzicht van de handen.
Teken een afgeronde rechthoek in grijs en omlijnd in donker paars voor de spelbesturing.
Gebruik de Blob Brush Tool om een klein snoer voor de controller te tekenen.
Groep je ontwerp samen en geef het een dikkere algemene schets op dezelfde manier als eerder met het hoofd en het haar werd gedaan. Zorg ervoor dat Uitbreiden eventuele slagen voordat u uw omtrek maakt. Teken vervolgens een felgekleurde cirkel met de Ellipse Tool en plaats het achter de rest van het ontwerp.
Hiermee is je eerste sticker voltooid.
4. Huidige status: een film kijken
Stap 1
Passeer de popcorn! De volgende is een chat-sticker die perfect is om iets aan te duiden dat amusant is of om anderen te laten weten dat je een fantastische film bekijkt.
Trek twee rechthoeken over de ogen met de Rechthoekgereedschap (M). Stel de vulkleur van de linkerkleur in om tealiseren (# 00d1c5) en de juiste voor fuchsia (# f01e8c).
Teken twee grotere witte rechthoeken achter de eerste twee. Gebruik de Direct selectie gereedschap om de te trekken Live hoeken naar binnen om ze een beetje af te ronden. Je kunt ook de radii van de hoeken aanpassen in de Transformeren paneel.
Teken een dunne horizontale rechthoek voor de brug van de bril.
Verenigen de witte rechthoeken in de verkenner paneel. Geef een overzicht van de bril door donkere paarse strepen toe te voegen aan het witte object, zoals we eerder in deze zelfstudie het hoofd schetsten.
Dupliceer de witte frames van de bril en stel de vulkleur in op donker paars en de ondoorzichtigheid naar 40% in de Transparantie paneel. Plaats deze schaduwvorm achter de bril in de Lagen paneel, iets naar rechtsonder.
Teken tenslotte een paar gebogen vormen in elke lens in wit met hun Mengmodus ingesteld op bedekking in de Transparantie paneel. Groep al je 3D-brilcomponenten samen.
Stap 2
Nu ze haar 3D-bril heeft, heeft onze kleine chat-vriendin popcorn nodig. Laten we beginnen door er een container voor te tekenen!
Gebruik de Ellipse Tool om een dunne ellips te tekenen. Gebruik de Rechthoekgereedschap om een rechthoek dezelfde breedte als de ellips te tekenen.
richten de ellips naar de onderkant van de rechthoek (ik heb de onderkant van de rechthoek handmatig uitgelijnd met het midden van de ellips). Verenigen deze vormen in de verkenner paneel en ruim alle externe ankerpunten op.
De ... gebruiken Direct selectie gereedschap, hoek de onderkant van het object naar binnen. Herhaal aan de andere kant.
Gebruik de Anchor Point Tool (Shift-C) om de handvatten van de bovenrand van het object te manipuleren, zodat het iets naar beneden buigt.
Trek witte strepen over de vorm en volg de contour. Groep deze componenten samen.
Kopiëren en Pasta twee exemplaren van de rode basisvorm. De eerste kopie wordt ingesteld op een lineair verloop dat van donker paars bij gaat 100% naar 0% naar 100% met de ondoorzichtige kleuren op de randen van de vorm. Plaats deze vorm boven de anderen. De vulkleur van het tweede exemplaar is donker paars met een streep van 1-2 pt en plaats achter de andere popcornbakvormen.
Groep samen uw objecten en pas de algehele vorm naar wens aan.
Stap 3
De popcorn wordt tot een eenvoudig aangepast penseel gemaakt. Teken een gezwollen popcornvorm in lichtgeel met de Pencil Tool. Maak een overzicht van de vorm en zorg ervoor dat Uitbreiden je slagen. In de Borstels paneel, ga naar Nieuw penseel> Strooipenseel. Stel de omwenteling naar Willekeurig en speel met zijn hoek zoveel als je nodig hebt. Test het penseel met de Penseelgereedschap (B).
Stap 4
De mond op deze sticker is volledig gemaakt met de Blob Brush Tool. Begin met twee gebogen lijnen voor de gezwollen wangen.
Stel de kleur van de wang-omtrek in op perzik, de lippen op rozerood en de opening in de mond op donkerpaars. Let op de richting van de curve van elke vorm.
Vul de lippen in met perzik en voeg opvallende kleuren toe (lichte perzik, crème of wit) zoals je wilt.
Stap 5
Laten we het allemaal samen leggen! Gebruik de aangepaste popcornpenseel die je hebt gemaakt om een paar kronkelende lijnen popcorn achter de popcorndoos te tekenen. Kopiëren en Pasta een van de wijzers van het vorige stickerontwerp, zodat het lijkt alsof ze op de popcorn kauwt.
Wanneer u tevreden bent met de plaatsing van de popcornborstel, Uitbreiden de penseelstreken en gebruik de Toverstaf-gereedschap (Y) om de transparante vakken rond de penseelcomponenten te selecteren om ze te verwijderen. Geef het uiteindelijke stickerontwerp een dikke omtrek om het af te maken.
5. Huidige status: slapen
Stap 1
Voor de slaapstatus beginnen we opnieuw met het basishoofd dat eerder in deze zelfstudie is gemaakt.
De ... gebruiken Blob Brush Tool, Ik schetste de basale blik van het gesloten oog, die het grootste deel van het huidige oog bedekt.
Traceer de gesloten oogschets met de Pen gereedschap aan beide kanten. Zet de vulkleur op perzik. Teken dunne, contourachtige vormen die over het gesloten oog buigen.
Zet deze vormen op dezelfde roze perzik als gebruikt op de neus.
Trek de wimpervormen opnieuw aan of pas deze aan en plaats de nieuw verstrekte oogcomponenten onder het haar in de Lagen paneel.
Stap 2
Verwijder de paardenstaart uit je ontwerp.
Met de Pen gereedschap teken een top van een hoed (het lijkt op dit punt een beetje op een baret).
Teken achter het hoofd een schattige gebogen vorm. Dit vormt de slaapmuts. Het lijkt een beetje op een paardenstaart. Als het helpt, schetst u het eerst voordat u tekent met de Pen gereedschap.
Omtrek de bovenkant van de dop.
Omtrek de onderkant van de dop.
Stap 3
Gebruik de Star Tool om een gele te tekenen (# ffbc04) ster. Pas de hoekradii aan door in de levende hoeken te trekken met de Direct selectie gereedschap. In de Patroonopties deelvenster maak een Nieuw patroon, instellen van de H Ruimte en V Space naar 5 px, en de Tegeltype naar Brick by Column.
Stap 4
Kopiëren en Pasta de hoofddelen van de slaapmuts en pas het sterpatroon daarop toe. Teken een gele cirkel voor de pompon aan het uiteinde van de slaapmuts.
Stap 5
Teken een gezwollen kussenvorm achter de slaapkop. Teken een eenvoudige gesloten mond met de Pen gereedschap.
Stel de vulkleur in op wit en de lijnkleur op donker paars.
Teken een schattige wintertalingsvorm (een beetje als een gebogen traan) aan de rechterkant van het kussen. Voeg witte of lichtere wintertalingstrepen toe als u dit wenst.
Stap 6
Geef je laatste slaperige stickerontwerp een dikkere contour zoals eerder is gedaan. Vergeet niet om Uitbreiden eventuele slagen voordat dit gebeurt. Bovendien kunt u kleine berichten tekenen met de Blob Brush Tool of gebruik een leuk lettertype bij de Text Tool.
6. Huidige status: in een dwaze stemming
Stap 1
Laten we gek doen. Kopiëren en Pasta de fuchsia boog. reflecteren het over een verticale as en plaats het aan de rechterkant van het hoofd. Kopiëren, Pasta, en reflecteren de paardenstaart, zodat het personage twee staartjes heeft. Draaien ze rond zoals je wilt.
Stap 2
Teken met een glimlachende glimlach een halve cirkel die de onderste helft van het oog overlapt in lichte perzik.
Trek een donkerpaarse lijn over de bovenste helft van de halve cirkel.
Herhaal aan de andere kant.
Stap 3
Gebruik de tekening tool van uw keuze om een smiley, puntige mond te tekenen.
Vergeet niet om een boven- en onderlip toe te voegen. Ik vond het het gemakkelijkst om dat te doen met de Blob Brush Tool.
Teken een kleine hand met drie vingers.
Zorg ervoor dat het de mond van het personage een beetje overlapt. Beschrijf het en definieer de vingers een beetje met donkerpaarse lijnen. Pas dezelfde lineaire gradiënt toe als werd gebruikt op de kop.
Stap 4
Gebruik de Blob Brush Tool, of een lettertype dat je leuk vindt, om herhaaldelijk letters te tekenen in elke onomatopee die je taal gebruikt voor het lachen.
Groep samen je lachende letters en teken een cirkel die hen overlapt.
Met zowel de groep als de cirkel geselecteerd, Maak een uitknipmasker (Control-7).
Stap 5
Plaats de knipmaskergroep achter het stickerontwerp om het af te maken.
7. Huidige status: naar muziek luisteren
Stap 1
Laten we een eenvoudige koptelefoon maken door een grijze halve cirkel op te fleuren.
Teken een cirkel en een rechthoek. Laat de rechthoek de cirkel een beetje overlappen en raak Minus voorkant in de verkenner paneel.
Overlap een deel van de rechterkant van de nieuw gesneden cirkel met een roze rechthoek.
Gebruik de Shape Builder Tool (Shift-M) om de niet-kruisende component van de rechthoek te selecteren. Deselecteer en verwijder het.
Teken verschillende rechthoeken over de roze vorm om strepen te maken.
Verwijder ze van de roze vorm met de Shape Builder Tool.
Teken een ster met de Star Tool over de linker helft van de hoofdtelefoon.
Gebruik de Shape Builder Tool om het uit de halve cirkel te verwijderen. Verander de kleuren van de strepen in fuchsia en de roze vorm in donkere fuchsia.
Teken schaduw- en markeringsvormen op dezelfde manier als met het haar. Gebruik Lineair gradiënten van donker paars en lichtgeel voor elk. Gebruik de Shape Builder Tool om overbodige delen van deze vormen uit de grijze halve cirkel te verwijderen.
Geef de hoofdtelefoon een donkerpaarse omtrek en groepeer alle componenten samen.
Stap 2
Kopiëren en Pasta de koptelefoongroep zodat je er een hebt voor elke kant van het hoofd van het personage. Plaats ze onder het voorste deel van haar haar in de Lagen paneel.
Trek een fuchsia-vorm op de bovenkant van haar hoofd om de band van de hoofdtelefoon aan te duiden.
Teken kleine teal muzieknoten, harten en glitters uit de rechterkant van de koptelefoon. Gebruik dezelfde mond van een van de vorige chat-stickers, of teken een nieuwe.
Stap 3
Geef als laatste het hele ontwerp een dikkere omtrek.
8. Huidige status: een divanummer uitsteken
Laten we het definitieve ontwerp veranderen door er een klein, popachtig lichaam voor te tekenen.
Schets over het ontwerp met behulp van de tekeningtool van uw keuze. Geef de basisvorm van het lichaam aan in een eenvoudige gebaartekening en alle rekwisieten die worden vastgehouden. Deze heeft een eenvoudige brede houding met een microfoon in één hand. Groep samen alle schetscomponenten.
Stap 2
Teken een grijze cirkel over het uiteinde van de microfoon.
De ... gebruiken Blob Brush Tool, Ik trok de bovenlip, gebogen in een halve cirkel.
Teken de onderlip en de binnenkant van de mond. Ik gebruikte ook dezelfde gesloten oogcomponenten van het ontwerp van de slapende chat-sticker dat eerder was gemaakt.
Stap 3
De jurk is een reeks hoeken.
Begin met de omtrek, trek twee pieken voor de halslijn, volg de curve van de heupen en verbind in een asymmetrische hoek.
Vul het ontwerp in met fuchsia.
Teken twee kleine puntige poten die uit de onderkant van de jurk komen.
Houd de nek een eenvoudige rechthoek terwijl de borstkast op dit punt een driehoek is met een aantal gebogen lijnen die de buste van het personage aangeven.
Je kunt de schets verbergen in de Lagen paneel op dit punt.
Stap 4
Gebruik de Ellipse Tool of met een van de penseelhulpmiddelen om een reeks witte stippen in verschillende grootten over de hele jurk te tekenen.
Groep de stippen samen en stel ze in Mengmodus naar bedekking in de Transparantie paneel.
Laag extra punten over de anderen met variërend opaciteiten en Mengmodus dus de jurk ziet er sprankelend uit.
Groep samen de fonkelingscomponenten, Kopiëren en Pasta de jurk, en Maak een uitknipmasker dus de schitteringen blijven binnen de grenzen van de jurk.
Stap 5
Maak een schets van de jurk en het lichaam. Zorg ervoor dat u bij het maken van een dubbele vorm voor de omtrek het knipmasker in de gekopieerde vorm hebt verwijderd.
Plaats het lichaam onder het hoofd. Voeg kleine schoenen toe als je dat wilt en maak een iets meer gedetailleerde microfoon in de stijl van jouw keuze.
Voor extra sparkles, teken cirkels met de Ellipse Tool helemaal over het ontwerp. Groep ze samen en ga naar Effect> Transform & Distort> Pucker & Bloat en ga naar binnen -78% in de schuifregelaar. Uitbreiden jouw glitters.
Fantastische baan, je bent klaar!
Goed gedaan jij! Welke andere activiteiten, stemmingen, emoties en dwaasheden kun je maken in een chat-stickerset? Zet de uitdaging een tandje hoger en maak een zelfportretset met chatstickers. Deel uw creaties in het gedeelte 'Opmerkingen' hieronder.
Zie soortgelijke tutorials als deze:
Hoe teken je een poppenlichaam voor een verkleedspel in Illustrator
Hoe maak je een mooie set dierenriemportretten in Illustrator - Deel een
Hoe maak je een mooie set dierenriemportretten in Illustrator - deel twee
Hoe maak je stijlvolle Flat Space-pictogrammen in Adobe Photoshop