Hoe een reeks circuspictogrammen in Adobe Illustrator te ontwerpen

Wat je gaat creëren

Retro circussen en kermissen hebben hun eigen betoverende sfeer waardoor ik ze steeds opnieuw wil tekenen. Als je geniet van die vormen en kleuren van een circus in retrostijl, volg dan deze tutorial en leer een set platte circusiconen ontwerpen, met behulp van eenvoudige vormen en kettingeffecten en werk met een verscheidenheid aan hulpmiddelen en functies van Adobe Illustrator. 

Aan het einde van deze zelfstudie leer je enkele nieuwe tips en trucs en kun je de set uitbreiden en meer circuspictogrammen maken. Als je iets anders met deze technieken wilt ontwerpen, moet je ervoor zorgen dat je GraphicRiver hebt gebruikt om inspiratie op te doen.

1. Hoe maak je een platte clown in Adobe Illustrator

Stap 1

Laten we beginnen met het afschilderen van de clown, te beginnen met het hoofd. Neem de Afgeronde rechthoek-tool en maak een 75 x 115 px gelige vorm met volledig afgeronde hoeken. U kunt het aanpassen Hoekradius via het bedieningspaneel bovenaan of in de Transformeren paneel. Een andere manier om de ronding van de hoeken te bewerken, is om dit handmatig te doen met behulp van de Direct selectie gereedschap (A) en de Live hoeken functie (kleine cirkelmarkeringen naast elke hoek van de vorm).

Kies het Ellips-tool (L) en plaats een 26 x 26 px cirkel voor de neus. 

Stap 2

Zorg ervoor dat je de neus recht in het midden van het gezicht hebt geplaatst door zowel de neus- als de hoofdvorm te selecteren en nogmaals op de kop te klikken om er een te maken Sleutelvoorwerp. Open de richten paneel en klik Horizontaal centreer uitlijnen om beide vormen uit te lijnen.

Plaats een 9 x 9 px lichtroze vlek op de top van de neus voor het hoogtepunt.

Stap 3

Laten we nu de ogen toevoegen. Maak een 16 x 16 px cirkel met donkerbruin Beroerte en nee Vullen. Ga naar de Beroerte paneel en stel de Gewicht naar 4 pt en pet naar Ronde dop.

Neem de Schaargereedschap (S) en klik op beide ankerpunten aan de zijkant om de vorm uit elkaar te splitsen. Nu kunnen we het onderste deel van de vorm verwijderen. Selecteer het gemaakte ooglid met de Selectie gereedschap (V), houden Alt-Shift en sleep naar rechts, maak een kopie voor het tweede oog. 

Stap 4

Neem de Afgeronde rechthoek-tool en laten we een lichtblauwe vorm voor de wenkbrauw maken. Maak een 10 x 5 px rechthoek met volledig afgeronde hoeken. De vorm behouden, Dubbelklik de Roteer gereedschap (R) en stel de Hoek naar 20 graden.

Stap 5

Nu Dubbelklik de Reflect Tool (O) en selecteer de Verticale as. Klik Kopiëren om een ​​gespiegelde kopie van de wenkbrauw te maken en deze naar de andere kant van het gezicht te verplaatsen.

Stap 6

Groep (Control-G) de ogen, en dan groep de wenkbrauwen en selecteer beide groepen samen met de vorm van het hoofd. Klik nogmaals op de kop om er een te maken Sleutelvoorwerp, en gebruik de richten paneel om alle elementen uit te lijnen met de Horizontaal midden van het hoofd.

Stap 7

Afbeelding van een mond op dezelfde manier waarop we de oogleden hebben gemaakt. Maak een grote 53 x 53 px cirkel met donkerbruin Beroerte en 4 pt Gewicht. Splits de vorm apart met behulp van de Schaargereedschap (S) en verwijder het bovenste gedeelte, waardoor een glimlachende mond ontstaat.

Stap 8

Laten we de mond uitbreiden Object> Uiterlijk uitbreiden om het in bochten te veranderen. Ga naar Object> Pad> Offsetpad en stel de compenseren waarde voor 5 px, laat alle andere opties als standaard staan ​​en klik op OK. Vul de nieuwe vorm met dezelfde rode kleur als voor de neus met behulp van de Pipetgereedschap (I)

Stap 9

Nu voegen we het haar toe aan onze clown. Maak twee blauwe cirkels van 35 x 35 px en 40 x 40 px maat aan de linkerkant van het hoofd. Houd beide cirkels geselecteerd en druk op Shift-Control- [ naar Sturen de vormen to Back, onder het hoofd. Houden Alt-Shift en sleep de cirkels naar de andere kant van het hoofd met de Selectie gereedschap (V), een kopie maken.

Nu het portret van onze clown klaar is, laten we het doen groep (Control-G) al zijn elementen. 

Stap 10

Laten we een cirkelvormige basis vormen voor ons pictogram. We zullen het ook gebruiken voor onze volgende pictogrammen. Maak een 180 x 180 px saaie paarse cirkel en Send to Back (Shift-Control- [) om het achter de clown te plaatsen.

Bovendien moeten we een lange, vlakke schaduw toevoegen om ons pictogram een ​​voltooide look te geven. Maak een 115 x 115 px rechthoek van lichtpaarse kleur. Schakel over Overvloeimodus naar Vermenigvuldigen in de Transparantie paneel, waardoor de vorm semi-transparant is. 

Stap 11

Draai vervolgens de vorm 45 graden ofwel met behulp van de Roteer gereedschap (R), de Gratis transformatiegereedschap (E), of de Selectie gereedschap (V). Plaats de vorm boven het hoofd van de clown, zodat deze op de randen van het gezicht en het haar past (mogelijk moet de grootte van de rechthoek iets worden gewijzigd). 

Stap 12

Gebruik de Direct selectie gereedschap (A) om de ankerpunten van de schaduw naar de randen van het hoofd van de clown te klikken. Inzoomen (Control +)  om het gemakkelijker te maken om de vormen in elkaar te laten passen.  

Stap 13

Sturen de schaduw achterwaarts door te drukken Controle-[ een paar keer om het tussen het hoofd van de clown en de basis van het pictogram te plaatsen.

Laten we nu kijken hoe we het onnodige deel van de schaduw kunnen verbergen. Kopiëren het pictogram en Plak aan de voorkant (Control-C> Control-F). Brengen de kopie naar voren (Control-]), helemaal bovenaan. Selecteer tot slot alles, klik op de rechter muis knop en Maak knipmasker, op deze manier alle objecten in de bovenste cirkel verbergen. 

Daar hebben we het! Ons eerste pictogram is klaar. Laten we naar de volgende gaan. 

2. Hoe teken je een Flat Circus Cannon-pictogram in Adobe Illustrator

Stap 1

Laten we de vorm gebruiken die we hebben gemaakt voor het hoofd van de clown om het kanon te ontwerpen. Kopiëren (Control-C) de vorm, Plakken (Control-V) het, en draai het 90 graden.

Ga naar Effect> Verdraaien> Boog en stel de Verticale buiging waarde voor -5% en Horizontale vervorming naar 10%, de rechterkant van de vorm breed en uitpuilend maken.  

Stap 2

Object> Uitbreiden de vorm om het effect toe te passen. Laten we de. Nemen Eraser Tool (Shift-E), houden alt, en wis het linker gedeelte van de vorm.

Gebruik de Direct selectie gereedschap (A) om de ankerpunten aan de bovenkant en de onderkant links te selecteren en ze verder naar links te slepen, waardoor de vorm wordt verlengd. 

Stap 3

Nu moeten we de loop van het kanon uitbeelden. Bewapen jezelf met de Ellipse Tool (L) en voeg een geplette ovaal toe aan de linkerkant van het kanon. Zorg ervoor dat de hoogte van de ellips op de linkerrand van het kanon past, waarbij de ankerpunten van de vormen op elkaar worden geklikt. Vergeet niet om de te gebruiken Slimme hulplijnen (Weergave> Slimme hulplijnen) om dit proces gemakkelijker te maken.

Ga nu naar Object> Pad> Offsetpad en stel de compenseren waarde voor -2 px. Vul de nieuwe vorm met paarse kleur en geef het binnenste deel van het kanon weer. 

Stap 4

Laten we ons kanon versieren met enkele strepen en sterren!

Maak een 30 x 130 px rode streep met behulp van de Rechthoekgereedschap (M). Ga naar Effect> Vervormen en transformeren> Zig Zag. Stel de grootte in op 5 px, Randen per segment naar 10, en punten naar Hoek. 

Stap 5

Object> Uiterlijk uitbreiden de vorm om het effect toe te passen en verplaats onze zigzag naar het voorste deel van het kanon. Selecteer zowel het kanon als de zigzag en neem de Shape Builder Tool (Shift-M). Houden alt en beweeg de muis over het overbodige deel van de rode vorm. Terwijl je muiscursor verandert in een klein minteken, klik je op het gemarkeerde stuk om het te verwijderen. 

druk op Controle-[ een paar keer om de zigzag onder de loop van het kanon te verplaatsen. 

Stap 6

Laten we verdergaan en een nieuwe streep toevoegen aan ons kanon. Maak een 30 x 110 px blauwe rechthoek, met behulp van de Rechthoekgereedschap (M). Neem de Star Tool en maak een 5-puntige ster bovenop de blauwe streep. 

Stap 7

Selecteer de ster, houd vast Alt-Shift en sleep de vorm naar beneden, maak een kopie onderaan de blauwe streep. Selecteer beide sterren en ga naar Object> Blend> Maken. Nu we een groep sterren hebben, kunnen we hun hoeveelheid en de onderlinge afstand tussen de elementen aanpassen Object> Blend> Mengopties. Stel de tussenruimte naar Opgegeven stappen Gelijk 3

Stap 8

Laten we a gebruiken Knipmasker om de overbodige delen van de decoratie in het kanon te verbergen. 

Dupliceren (Control-C> Control-F) de kanonvorm en Brengen de kopie naar voren (Shift-Control-]). Selecteer alle delen van het kanon, klik op de rechter muis knop en Maak knipmasker. 

Stap 9

Neem de Ellipse Tool (L) en laten we het wiel weergeven. Maak een 50 x 50 px rode cirkel. Dupliceren (Control-C> Control-F) de cirkel en maak de kopie kleiner, stel de grootte in op 45 x 45 px. Maak de kleur van de nieuwe vorm een ​​beetje donkerder. Werk het wiel af door een nieuw exemplaar van de cirkel te maken en de grootte ervan in te stellen 25 x 25 px. Groep (Control-G) alle elementen van het wiel.

Stap 10

Laten we nu het kanon draaien om de compositie een beetje dynamischer te maken. Groep alle delen van het kanon (exclusief het wiel). Dubbelklik de Roteer gereedschap (R) en stel de Hoek naar -20 graden.

Beweeg het wiel een beetje naar links, behoud de juiste balans. 

Stap 11

Laten we de cirkelbasis van ons eerste pictogram gebruiken. Dupliceer het en plaats ons kanon op een cirkelvormige basis. Vergeet niet om de schaduw aan te passen. Kans op de kleur van het pictogram en de schaduw op turkoois. 

Voila! Laten we verdergaan naar ons laatste pictogram. 

3. Hoe maak je een Magic Hat-pictogram in Adobe Illustrator

Stap 1

We kunnen het muilgedeelte van ons kanon gebruiken om te beginnen met de hoed, of laten we doorgaan en een nieuwe donker-paarse ellips van maken 103 x 13 px grootte. Pas de Verschoven pad met -4 px verschuiving waarde om het binnenste deel van de hoed te creëren. 

Neem de Rechthoekgereedschap (M) en maak een 54 x 57 px vorm. Breng een donkerdere paarse kleur aan en Send to Back (Shift-Control- [), plaats het onder de rand.

Stap 2

De geselecteerde rechthoek behouden, toepassen Effect> Warp> Ardennen met -3% verticale buiging waarde en 12% verticale vervorming.

Object> Uiterlijk uitbreiden om de vorm in bochten te veranderen. Hier heb ik ook besloten om de kleur van de bovenste cirkel te veranderen in donkerpaars, waardoor de hoed er meer driedimensionaal uitziet. 

Stap 3

Laten we een fel lint toevoegen aan onze hoge hoed. Maak een 75 x 15 px turquoise streep met behulp van de Rechthoekgereedschap (M). Selecteer zowel de streep als het rechthoekdeel van onze hoed en gebruik de Shape Builder Tool (Shift-M) Tijdens het vasthouden alt om te klikken en verwijder de ongewenste stukken van het lint.

Stap 4

Laten we nu een toverstaf weergeven. Gebruik de Afgeronde rechthoek-tool om een ​​te maken 95 x 10 px lichtgele vorm met volledig afgeronde hoeken.

Nu kunnen we de Rechthoekgereedschap (M) om een ​​te maken 45 x 10 px donkerpaarse vorm bovenop de toverstaf of duplicaat de gele vorm en gebruik de Eraser Tool (Shift-E) Tijdens het vasthouden alt om de uiteinden van de kopie te verwijderen en de bovenste vorm opnieuw in te kleuren.

Zorg ervoor dat beide vormen in elkaar passen door ze in lijn te brengen met de richten paneel.

Stap 5 

Plaats de toverstaf net boven de hoed en gebruik de Roteer gereedschap (R) om het te roteren 10 graden. Spikkel een paar sterren met de Star Tool en het variëren van de afmetingen van de elementen.

Stap 6

Plaats de magische hoed op een ronde pictogrambasis en breng een vaal rode kleur aan op de cirkel en op de semi-transparante schaduw. 

Stap meteen door voor het Main Event! Onze Circus Vlakke Pictogrammen zijn voltooid!

Fantastisch werk, mijn vrienden! Ik hoop dat je deze leuke en eenvoudige zelfstudie hebt gevolgd en nieuwe tips en trucs hebt ontdekt. Nu bent u klaar om meer fancy circuspictogrammen te maken. Bekijk alle verschillende vlakke pictogrammen op GraphicRiver en vergeet niet om uw resultaten te delen! Veel plezier!