Maak een heerlijk Chinees eten-icoontje

Deze tutorial laat zien hoe je een heerlijke Chinees eten icon set kunt maken. Deze tutorial vereist een genereuze beheersing van de gereedschappen van Adobe Illustrator. Laten we ingaan op deze leuke handleiding voor het ontwerpen van pictogrammen, die tal van vectorillustratietechnieken bevat.

Final Image Preview

Hieronder is het definitieve ontwerp waar we naartoe zullen werken.

Stap 1

Begin met het tekenen van een rechthoek met behulp van de Rechthoek-tool (M). Verplaats de onderste twee punten naar binnen door ze te selecteren met het gereedschap Direct selecteren (A).

Stap 2

Om de 3D-kwaliteiten snel te maken, gebruiken we Illustrator's 3D Extrude-functie. Ga naar Effect> 3D> Extrude & Bevel ... Voer de onderstaande getallen in om een ​​vergelijkbare look te krijgen. Afhankelijk van hoe je precies je vorm hebt getekend, moeten de onderstaande cijfers mogelijk enigszins worden gewijzigd. Klik op OK zodra het resultaat er goed uitziet.

Stap 3

Om met het object te werken, moet u het eerst uitvouwen en opheffen. Ga naar Object> Uiterlijk uitvouwen. Ga vervolgens naar Object> Groep opheffen. Ga door met het opheffen van het object totdat u elke afzonderlijke vorm kunt selecteren die het object bevat. Geef elke kant van de doos een effen kleur die lijkt op de uiteindelijke kleur van de doos.

Dit is een goed moment om na te denken over waar uw lichtbron vandaan zal komen. Ik heb besloten dat het licht van de linkerbovenkant komt, dus de rechterkant van de doos heeft een donkerdere kleur. Houd dit concept in gedachten bij het werken met andere elementen, zodat alles consistent is.

Stap 4

Om de flappen en vouwen van de doos te creëren, zullen we eenvoudig de vormen tekenen die we nodig hebben met behulp van de Pen Tool (P). Trek een lijn door het midden van de bovenkant van de doos voordat je begint met het maken van de andere vormen. Dit maakt het gemakkelijker om ervoor te zorgen dat de flappen symmetrisch lijken

Opmerking: het zal gemakkelijker zijn als je de vorm van het hoofdvak vergrendelt voordat je de andere vormen erboven tekent. Dit zorgt ervoor dat je niet per ongeluk op vormen klikt die je niet van plan bent. Om een ​​object te vergrendelen, drukt u op Command + 2.

Stap 5

Trek nu de andere flap.

Stap 6

Teken de driehoekige flappen aan de zijkant.

Stap 7

Maak een kopie van de voorkant van de doos en houd deze opzij voor gebruik in een latere stap.

Je kunt de flappen aan de boven- en zijkant een snel lineair verloop geven om ze te onderscheiden van de andere vormen. Het meest prominente oppervlak heeft echter meer details en rendering, dus we gebruiken de Gradient Mesh Tool (U) om ons de mogelijkheid te geven een complexer uiterlijk te creëren.

Als u punten toevoegt met het gereedschap Verloopnet, is het belangrijk om niet te veel onnodige punten te maken. Om het aantal punten te stroomlijnen, volgt u het onderstaande voorbeeld.

Klik eerst in het midden (1). Klik boven en links (2). Punten 3 en 4 worden automatisch toegevoegd als gevolg van klik 2. Klik ten slotte onderaan rechts op de plaats waar de twee blauwe cirkels zich bevinden en alle andere punten worden automatisch geplaatst. Voeg waar mogelijk punten rechtstreeks toe aan de rode lijnen om te voorkomen dat er meerdere punten worden gemaakt dan nodig.

Stap 8

Gebruik het gereedschap Direct selecteren om een ​​rij punten te selecteren en deze een donkerder kleur te geven. Het kan helpen om je kleur gedurende het hele stuk consistent te houden, als je nieuwe kleuren naar het kleurenpalet sleept terwijl je ze maakt. Op deze manier raad je niet welke kleur je op een vorig punt hebt gebruikt.

Stap 9

Geef de bovenkant van de doos een verloop met gebruik van het gereedschap Verloopgaas. Omdat er flappen zijn die een deel van de bovenkant overlappen, moet u mogelijk de punten en handgrepen aanpassen (omcirkeld met een stippellijn). Gebruik het gereedschap Direct selecteren om de punten en grepen rond te slepen om het verloop precies op de juiste plaats te krijgen. Het verplaatsen van de punten en handvatten is een eenvoudige manier om het verloop naar wens te laten lijken.

Stap 10

De zijkant van de doos kan worden gearceerd met een radiaal verloop.

Stap 11

Geef elk van de flappen een slagschaduw door naar Effect> Stileren> Slagschaduw te gaan ... Zorg ervoor dat je een kleur selecteert die de kleur van je vak benadert. Er zijn bijvoorbeeld tinten groen in mijn doos, dus ik heb een donkergroen geselecteerd voor de schaduw. Dit helpt het een beetje beter te mengen dan het gebruik van zwart.

Stap 12

Dit is hoe uw doos er op dit moment uit zou moeten zien.

Stap 13

Voeg wat Aziatisch geïnspireerde tekst toe aan uw ontwerp. Je kunt leuke en interessante lettertypen gratis vinden op dafont.com.

Gebruik dezelfde variabelen die u in stap 2 hebt gebruikt, met uitzondering van het toevoegen van een extrudeerdiepte. Bewaar dit nummer op 0 en klik op OK.

Stap 14

Als u kleur aan uw tekst wilt toevoegen, gaat u naar Object> Uiterlijk uitvouwen. Ga vervolgens naar Object> Groep opheffen. Koppel het object continu uit tot u het niet meer kunt opsplitsen. Nu kunt u de tekst een levendig verloop geven. Merk op dat mijn verloop overgaat van een helderrode naar een iets donkerdere kleur.

Stap 15

Grijp de vorm die je opzij zet. We gebruiken dit om een ​​reflectie op de voorkant van de doos te maken. Teken een andere vorm die de doosvorm doorsnijdt. Klik met de Pathfinder op Verdelen. Ontkoppel en verwijder de andere vormen die u niet nodig heeft.

Stap 16

Plaats de reflectie over het kader en de tekst. Geef het een donkergroen tot wit verloop en stel het in op Multiply in het palet Transparantie.

Stap 17

Creëer een subtiele highlight door een ovale vorm te vervagen door naar Effect> Blur> Gaussian Blur ... te gaan

Stap 18

Dit is hoe uw pictogram er op dit moment uit zou moeten zien.

Stap 19

De basisvorm van de gelukskoekje maken door een ellips te tekenen met behulp van het ellipstool (L).

Stap 20

Voeg twee punten aan beide zijden van de onderkant van de ellips toe met behulp van het gereedschap Ankerpunt toevoegen (+).

Stap 21

Gebruik het gereedschap Direct selecteren om het middelpunt naar het midden van de ellips te verplaatsen.

Stap 22

Zodra je de ellips draait, wil je hem verticaal verdichten. Omdat het object geroteerd is, kunt u het echter niet proportioneel condenseren zonder eerst naar Object> Transformeren> Reset Begrenzende box te gaan.

Stap 23

Verlaag de vorm nu enigszins.

Stap 24

Op dit punt heb je de algemene vorm van het gelukskoekje. U kunt nu uit de vrije hand de andere elementen tekenen om de cookie te verbeteren en aan te vullen.

Stap 25

Voeg schaduw toe aan de cookie door hem meshpunt te geven met behulp van de Gradient Mesh Tool. Het toevoegen van netpunten aan objecten die complexer zijn, heeft de neiging onverwachte hoeken en curven te produceren. Pas opnieuw de punten en handvatten aan met het gereedschap Direct selecteren. Maak je geen zorgen over het maken van elk afzonderlijk arceringsdetail. U kunt het verloopnet voor de basisschaduw gebruiken en doorgaan naar de volgende stap om meer schaduw toe te voegen.

Stap 26

Een eenvoudige manier om de arcering nauwkeuriger te regelen, is door een basisvorm boven op uw object te tekenen en deze te vervagen door naar Effect> Vervagen> Gaussiaans vervagen te gaan ... Deze techniek werkt goed voor zowel hooglichten als schaduwen.

Stap 27

Voeg het bericht dat uit de gelukskoekjes steekt toe door een eenvoudige rechthoek te tekenen en deze vervolgens te vervormen door naar Object> Envelopvervorming> Make with Warp ... te gaan

Stap 28

Ga naar Object> Uitbreiden en druk op OK in het resulterende dialoogvenster. Nu kun je de vorm een ​​lichte verloop en een slagschaduw geven.

Stap 29

Plaats de gelukskoekje waar je maar wilt. Dupliceer en geef het weer door te dubbelklikken op het Reflectiegereedschap (O). Geef beide gelukskoekjes een slagschaduw om dit element te voltooien.

Stap 30

De chopsticks kunnen worden gemaakt met de ellipsvorm als uitgangspunt.

Stap 31

Verplaats het bovenste punt omlaag met behulp van het gereedschap Direct selecteren, totdat het de punt van het handvat voor de zijpunten bereikt.

Stap 32

Sleep een verticale hulplijn naar de pagina in het midden van de ellipsvorm. Plaats een rechthoek beginnend bij de gids. Verdeel de vorm met behulp van de Pathfinder en elimineer de overbodige stukken.

Stap 33

Gebruik het gereedschap Direct selecteren om het gemarkeerde punt iets omhoog te brengen, waardoor de vorm meer lijkt op een hakmes.

Stap 34

Ga naar Effect> 3D> Extrude & Bevel ... Voer de onderstaande variabelen in of pas ze indien nodig aan uw stijl aan. Klik op OK als u klaar bent.

Stap 35

Geef de chopstick een hoogtepunt door een lange dunne witte vorm te tekenen en deze te vervagen door naar Effect> Blur> Gaussian Blur ... te gaan

Stap 36

Kopieer en plak de chopstick en overlapt ze. Geef het gebied dat een schaduw overlapt, handmatig een tekening met behulp van het gereedschap Pen (P).

Stap 37

Geen Chinees eten is compleet zonder een beetje vet! Creëer een natuurlijk ogende vetvlek met behulp van het potloodgereedschap (N). Gebruik de Pathfinder om onnodige overgebleven vormen te verwijderen. Stel de modus in op Vermenigvuldigen in het palet Transparantie of pas de dekking van de vlekken aan als u dat wilt.

Stap 38

Maak een schaduw die zich uitstrekt en naar rechtsonder. Merk op dat de schaduw niet voorbij de stippellijn komt, omdat dit zou aangeven dat de lichtbron zich direct achter het pictogram bevindt, wat het niet is..

Stap 39

Teken ook in schaduwen voor de chopsticks.

Laatste afbeelding

Je hebt net geleerd hoe je een Chinees voedsel icon set moet maken. Graaf in!