Maak een Propeller Pinwheel-illustratie in Adobe Illustrator

Wat je gaat creëren

In de volgende stappen leert u hoe u een kleurrijke illustratie van het schroefwieltje in propeller maakt in Adobe Illustrator.

Om te beginnen leer je een eenvoudig raster in te stellen en hoe je de eerste propeller maakt met behulp van basisgereedschappen en effecten. Als u verder gaat, leert u hoe u kleur en arcering voor deze vormen kunt toevoegen met behulp van basismix- en vectorvormopbouwtechnieken samen met het deelvenster Vormgeving. Met behulp van eenvoudige Transform-effecten en een hele reeks nieuwe kleuren leer je de nieuwe propellers te vermenigvuldigen en opnieuw in te kleuren. 

Eindelijk leer je hoe je een kleurrijke en subtiel gestructureerde bacgkround maakt.

1. Maak een nieuw document en stel een raster in

Raken Besturing N om een ​​nieuw document te maken. kiezen pixels van de eenheden vervolgkeuzemenu, enter 600 in de breedte box en 750 klik in het vak hoogte op de gevorderd knop. kiezen RGB, Scherm (72ppi) en zorg ervoor dat de Lijn nieuwe objecten uit met Pixel Grid vakje is uitgeschakeld voordat u klikt OK.

Schakel de rooster (Beeld> Raster weergeven) en de Klik op raster (Beeld> Uitlijnen op raster). Om te beginnen heb je elk een rooster nodig 5px, dus ga gewoon naar Bewerken> Voorkeuren> Gidsen> Raster, invoeren 5 in de Gridline elke doos en 1 in de onderverdelingen doos. Probeer niet ontmoedigd te raken door al dat raster, het zal je werk verlichten en onthoud dat je het eenvoudig kunt in- of uitschakelen met de Controle-" Toetsenbord sneltoets.

U moet ook de. Openen info paneel (Venster> Info) voor een live preview met de grootte en positie van je vormen. Vergeet niet om de maateenheid in te stellen op pixels van Bewerken> Voorkeuren> Eenheden> Algemeen. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.

2. Maak de twee hoofdvormen

Stap 1

Kies het Rechthoekgereedschap (M) en focus op je Toolbar. Verwijder de kleur uit de streek en selecteer vervolgens de vulling en stel de kleur in op R = 255 G = 167 B = 0. Ga naar je tekengebied en maak eenvoudig een 135 x 55 px rechthoek, de Klik op raster zou je werk moeten vergemakkelijken. Stel scherp op de bovenkant van deze oranje rechthoek en kies de Direct selectie gereedschap (A). Selecteer het juiste ankerpunt en sleep het eenvoudigweg x 55 pixels naar links.

Zorg ervoor dat uw verankerde ankerpunt geselecteerd blijft, ga naar het bedieningspaneel en voer eenvoudigweg in 24px in dat Corners doos. Deze functie is alleen beschikbaar voor CC-gebruikers. De beste oplossing om dit effect te vervangen zou de Rond elke hoek die kan worden gevonden in dit artikel: 20 gratis en nuttige Adobe Illustrator-scripts. Sla het op je harde schijf op, keer terug naar Illustrator en pak het Direct selectie gereedschap (A). Selecteer dat ankerpunt en ga naar Bestand> Scripts> Ander script. Open de Rond elke Corner Script, voer een in 24px straal en klik OK. Het eindresultaat kan er iets anders uitzien.

Stap 2

Blijf scherpstellen op de bovenkant van je oranje vorm en zorg ervoor dat de Direct selectie gereedschap (A) is nog steeds actief. Selecteer het linker ankerpunt, ga terug naar het bedieningspaneel en stel de Hoekradius op 30px. De ... gebruiken Selectie gereedschap (V), selecteer je hele vorm en ga naar Effect> Warp> Arc Lower. Voer de eigenschappen in die in de volgende afbeelding worden getoond, klik op OK en ga naar Object> Uiterlijk uitbreiden.

Stap 3

Zorg ervoor dat je oranje vorm nog steeds is geselecteerd en ga naar Effect> Warp> Arc Lower. Voer de eigenschappen in die in de volgende afbeelding worden getoond, klik op OK en ga naar Object> Uiterlijk uitbreiden. Focus op de onderkant van de resulterende vorm en schakel over naar de Direct selectie gereedschap (A). Selecteer het juiste ankerpunt, ga naar het bedieningspaneel en stel de Hoekradius op 3px. Op het einde zou je oranje vorm eruit moeten zien in de derde afbeelding.

Stap 4

Stel de vulkleur in op R = 255 G = 194 B = 53, kies het Rechthoekgereedschap (M), Maak een 70 x 55 px vorm en plaats deze zoals getoond in de eerste afbeelding. Zorg ervoor dat deze gele rechthoek geselecteerd blijft, schakel over naar de Ankerpunttool verwijderen (-) en klik eenvoudig op het onderste, juiste ankerpunt om het te verwijderen. Dit zou van je gele rechthoek een driehoek moeten maken zoals getoond in de tweede afbeelding.

Stap 5

Zorg ervoor dat uw gele driehoek is geselecteerd en ga naar Effect> Warp> Boog. Voer de eigenschappen in die in de volgende afbeelding worden getoond, klik op OK en ga naar Effect> Warp> Arc Lower. Voer de onderstaande attributen in, klik op OK en ga naar Object> Uiterlijk uitbreiden.

Stap 6

Focus op de bovenkant van je gele vorm en kies de Direct selectie gereedschap (A). Selecteer het linker ankerpunt, focus op het bedieningspaneel en stel de Hoekradius op 10px.

Stap 7

Schakel de Klik op raster (Beeld> Uitlijnen op raster), schakel het in Slimme gidsen (Besturing U) en focus op het bovenste, juiste ankerpunt van je gele vorm. De ... gebruiken Pen gereedschap (P), maak een eenvoudig pad ongeveer zoals weergegeven in de eerste afbeelding. Selecteer opnieuw je oranje vorm en maak een kopie vooraan (Control-C> Control-F). Selecteer deze kopie samen met de vorm aan het begin van de stap, open de verkenner paneel (Venster> Pathfinder) en klik op de Snijden knop. Als u klaar bent, schakelt u de Slimme gidsen (Besturing U).

Stap 8

Selecteer je gele vorm en klik gewoon op Shift-Control-] om het naar voren te brengen. Selecteer deze vorm opnieuw samen met het kleine pad dat in de vorige stap is gemaakt en klik op Verenigen knop van de verkenner paneel.

Stap 9

Zorg ervoor dat je gele vorm is geselecteerd en maak een kopie vooraan (Control-C> Control-F). Selecteer deze kopie samen met uw oranje vorm en klik op de Minus voorkant knop van de verkenner paneel.

3. Voeg kleur en subtiele hoogtepunten toe

Stap 1

Ga naar Bewerken> Voorkeuren> Algemeen en zorg ervoor dat de Toetsenbordverhoging is ingesteld op 1px. Selecteer opnieuw je oranje vorm en maak twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en verplaats deze 1px naar beneden en 1px naar rechts met de pijltjestoetsen van je toetsenbord. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de Minus voorkant knop van de verkenner paneel. Selecteer de resulterende vorm en focus op de Verschijning paneel. Stel de vulkleur in op zwart (R = 0 G = 0 B = 0) klik dan gewoon op dat "ondoorzichtigheid"stuk tekst om de te openen Transparantie uitklappaneel. Verlaag de ondoorzichtigheid naar 25% en verander de Overvloeimodus naar Zacht licht.

Stap 2

Selecteer opnieuw je oranje vorm en maak nog twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en verplaats deze 3px naar beneden en 5px naar rechts. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de Minus voorkant knop van de verkenner paneel. Vul de resulterende vorm met zwart, lager zijn ondoorzichtigheid naar 10% en verander de Overvloeimodus naar Zacht licht.

Stap 3

Selecteer opnieuw je oranje vorm en maak een kopie vooraan (Control-C> Control-F). Selecteer deze kopie en ga naar Object> Transformeren> Roteren. Stel de Hoek op 5 graden en klik op de Kopiëren knop. Zorg ervoor dat de nieuw gemaakte vorm is geselecteerd en verplaats deze 5px naar beneden en 5px naar rechts. Herkies beide vormen die in deze stap zijn gemaakt opnieuw en klik op de Minus voorkant knop van de verkenner paneel. Vul de resulterende vorm met zwart, lager zijn ondoorzichtigheid naar 5% en verander de Overvloeimodus naar Zacht licht.

Stap 4

Selecteer je oranje vorm opnieuw en ga naar Object> Pad> Offsetpad. Voer een in -1px offset en klik OK. Zorg ervoor dat de nieuw gemaakte vorm is geselecteerd en maak een kopie vooraan (Control-C> Control-F). Selecteer deze kopie en verplaats deze 1px up. Herkies beide vormen die in deze stap zijn gemaakt opnieuw en klik op de Minus voorkant knop van de verkenner paneel. Vul de resulterende vorm met de lineaire gradiënt getoond in de volgende afbeelding en verlaag deze ondoorzichtigheid naar 70%. Houd er rekening mee dat de gele nul van de helling beeld staat voor ondoorzichtigheid percentage dat eenvoudigweg betekent dat u die verloopschuifregelaar moet selecteren, focus op de ondoorzichtigheid box (uit de helling paneel) en stel het in op 0%.

Stap 5

Selecteer opnieuw je oranje vorm, focus op de Verschijning paneel en voeg een tweede opvulling toe met behulp van de Nieuwe vulling toevoegen knop. Selecteer deze nieuwe vulling en voeg eenvoudig de lineaire gradiënt toe die wordt weergegeven in de eerste afbeelding. Vergeet niet dat de gele nul van de helling beeld staat voor ondoorzichtigheid percentage terwijl de blauwe "50" betekent Plaats percentage.

Zorg ervoor dat je oranje vorm nog steeds is geselecteerd en voeg daar een derde opvulling aan toe Nieuwe vulling toevoegen knop. Selecteer de nieuwe vulling, verlaag de waarde ondoorzichtigheid naar 30% en voeg de lineaire gradiënt toe die wordt weergegeven in de tweede afbeelding.

Stap 6

Ga naar de gele vorm, selecteer deze en maak twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en verplaats deze 1px omhoog en 1px naar links. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de Minus voorkant knop van de verkenner paneel. Zorg ervoor dat de resulterende vorm is geselecteerd, verander deze Overvloeimodus naar Zacht licht en voeg de lineaire gradiënt toe die wordt weergegeven in de volgende afbeelding.

Stap 7

Ga naar de gele vorm, selecteer deze en maak twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en verplaats deze 2px naar rechts. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de Minus voorkant knop van de verkenner paneel. Zorg ervoor dat de resulterende vorm is geselecteerd, lager zijn ondoorzichtigheid naar 50%, verander de Overvloeimodus naar Zacht licht en voeg de lineaire gradiënt toe die wordt weergegeven in de volgende afbeelding.

Stap 8

Zorg ervoor dat uw gele vorm nog steeds is geselecteerd en vervang de bestaande vulkleur door de lineaire gradiënt die wordt weergegeven in de volgende afbeelding. Als je klaar bent, selecteer je alle vormen die je tot nu toe hebt gemaakt en klik je gewoon op Controle-G naar Groep hen.

4. Vermenigvuldig en hercacheer uw schroef

Stap 1

Selecteer uw groep en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de eigenschappen in die in de volgende afbeelding worden getoond (vergeet niet het onderste, linker referentiepunt te controleren), klik OK ga dan naar Object> Uiterlijk uitbreiden. Zorg ervoor dat de resulterende groep vormen is geselecteerd en klik gewoon op Shift-Control-G naar Ungroup het. Focus op de Lagen paneel en je zult vier afzonderlijke groepen vinden, één voor elke schroef.

Stap 2

Concentreer u op de groep vormen die de onderste, rechterschroef vormen en vervang eenvoudig de kleuren die worden gebruikt voor de hoofdvormen met de kleuren die worden weergegeven in de volgende afbeelding.

Stap 3

Concentreer u op de groep vormen die de onderste, linkse propeller vormen en vervang eenvoudig de kleuren die voor de hoofdvormen worden gebruikt, met de kleuren die in de volgende afbeelding worden weergegeven.

Stap 4

Focus op de groep vormen waaruit de bovenste, linkerpropeller bestaat en vervang eenvoudig de kleuren die voor de hoofdvormen worden gebruikt, met de kleuren die in de volgende afbeelding worden weergegeven.

Stap 5

Selecteer de groep vormen waaruit de overblijvende gele propeller bestaat, maak een kopie vooraan (Control-C> Control-F) en breng het naar voren (Shift-Control- [ ). Selecteer de groep vormen waaruit uw blauwe propeller bestaat, maak een kopie vooraan (Control-C> Control-F), selecteer het en klik op de Verenigen knop van de verkenner paneel. Vul de resulterende vorm met een vlak wit (R = 255 G = 255 B = 255) en breng het naar voren (Shift-Control-] ).

Stap 6

Selecteer opnieuw je witte vorm samen met de kopie van die gele propeller, open de Transparantie paneel (Venster> Transparantie) en klik gewoon op de Make Mask knop.

Stap 7

Selecteer alle vormen opnieuw die tot nu toe zijn gemaakt en ga naar Object> Transformeren> Roteren. Voer een in -45 graden hoek dan klikken OK.

5. Maak de stick

Stap 1

Schakel de Klik op raster (Beeld> Uitlijnen op raster). Kies een eenvoudige bruine kleur voor de vulkleur, pak de Rechthoekgereedschap (M), Maak een 10 x 200 px vorm en plaats deze zoals getoond in de volgende afbeelding. Zorg ervoor dat deze nieuwe rechthoek geselecteerd blijft en ga naar Effect> Stileer> Afgeronde hoeken. Voer een in 2px Radius, Klik OK en ga naar Effect> Warp> Arc Lower. Voer de eigenschappen in die in de volgende afbeelding worden getoond, klik op OK en ga naar Object> Uiterlijk uitbreiden.

Stap 2

Zorg ervoor dat je bruine vorm nog steeds is geselecteerd, vervang de bestaande opvulkleur door de lineaire gradiënt die wordt weergegeven in de volgende afbeelding en klik vervolgens gewoon op Shift-Control- [ om het naar achteren te sturen.

Stap 3

Zorg ervoor dat de vorm die je stokvorm blijft geselecteerd, focus op de Verschijning paneel en voeg daar een tweede opvulling aan toe Nieuwe vulling toevoegen knop. Selecteer de nieuwe vulling, verlaag de waarde ondoorzichtigheid naar 70%, verander de Overvloeimodus naar Zacht licht, voeg de lineaire gradiënt toe die wordt weergegeven in de volgende afbeelding en ga vervolgens naar Effect> Pad> Offsetpad. Voer een in -1px offset en klik OK.

Stap 4

Zorg ervoor dat de vorm die je stokvorm blijft geselecteerd, focus op de Verschijning paneel en voeg een derde vulling toe. Maak het zwart, verlaag het ondoorzichtigheid naar 6%, verander de Overvloeimodus naar Vermenigvuldigen en ga naar Effect> Pad> Offsetpad. Voer een in -1px offset, Klik OK en ga naar Effect> Artistiek> Filmgraan. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.

6. Maak de pin

Stap 1

De ... gebruiken Ellipse Tool (L), Maak een 10px cirkel, plaats deze zoals getoond in de volgende afbeelding en vul hem met de hieronder getoonde radiale gradiënt.

Stap 2

Schakel de Klik op raster (Beeld> Uitlijnen op raster). Zorg ervoor dat uw 10px cirkel is nog steeds geselecteerd en maak twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en verplaats deze 1px omhoog met behulp van de pijlknop omhoog op uw toetsenbord. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de Minus voorkant knop van de verkenner paneel. Vul de resulterende vorm met zwart en lager zijn ondoorzichtigheid naar 20%.

Schakel de Klik op raster (Beeld> Uitlijnen op raster) ga dan naar Bewerken> Voorkeuren> Gidsen & raster en ga naar binnen 1 in de Gridline elke doos. De ... gebruiken Ellipse Tool (L), Maak een 4 x 2 px vorm en plaats deze zoals getoond in de derde afbeelding. Vul deze kleine vorm met wit, lager zijn ondoorzichtigheid naar 70% en verander de Overvloeimodus naar Zacht licht.

Stap 3

Schakel de Raster (Beeld> Raster verbergen) en de Klik op raster (Beeld> Uitlijnen op raster). Selecteer uw opnieuw 10px omcirkelen met de twee kleine vormen die worden gebruikt om het te markeren en Groep hen (Controle-G).

Zorg ervoor dat deze nieuwe groep geselecteerd blijft, focus op de Verschijning paneel en voeg eenvoudig een nieuwe streek toe met behulp van de Nieuwe lijn toevoegen knop. Maak het 1px breed en stel de kleur in op R = 35 G = 31 B = 32 verlaag dan zijn ondoorzichtigheid naar 10% en verander de Overvloeimodus naar Vermenigvuldigen. Blijf focussen op deze streek, zorg ervoor dat deze nog steeds geselecteerd is, ga naar Effect> Pathfinder> Toevoegen ga dan naar Effect> Pad> Offsetpad. Voer een in 0,5 px offset en klik OK.

Selecteer nu de hele groep (klik eenvoudig op dat "Groep"stuk tekst van de bovenkant van de Verschijning paneel) en ga naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in die getoond worden in het linkervenster (in de volgende afbeelding), klik OK Voeg vervolgens de andere twee toe Slagschaduw effecten getoond in de volgende afbeelding.

Stap 4

Selecteer opnieuw alle vormen die tot nu toe zijn gemaakt en eenvoudig Groep hen (Controle-G).

7. Maak de achtergrond en voeg wat subtiele arcering toe

Stap 1

Kies het Rechthoekgereedschap (M) en klik eenvoudig op uw tekengebied om het te openen Rechthoek venster. invoeren 610 in de Breedte doos en 760 in de Hoogte in het vak en klik vervolgens op de OK knop. Zorg ervoor dat de resulterende vorm geselecteerd blijft, stuur deze naar achteren (Shift-Control- [ ) en stel de vulkleur in op R = 254 G = 211 B = 170.

Vervolgens moet u het centreren, open dus de richten paneel (Venster> Uitlijnen). Stel de uitlijning in op Artboard (open het uitvouwmenu en ga naar Toon opties als je het niet kunt zien Af te stemmen op sectie zoals weergegeven in de volgende afbeelding), zorg ervoor dat uw vorm is geselecteerd en klik vervolgens op de Horizontaal centreer uitlijnen en Verticaal uitlijnen midden toetsen. Uiteindelijk moet je rechthoek het hele tekengebied bedekken zoals in de volgende afbeelding wordt getoond.

Stap 2

Zorg ervoor dat je achtergrondvorm nog steeds is geselecteerd, focus op de Verschijning paneel en voeg daar een tweede opvulling aan toe Nieuwe vulling toevoegen knop. Selecteer de nieuwe vulling en voeg eenvoudig de radiale gradiënt toe die wordt weergegeven in de volgende afbeelding.

Stap 3

Zorg ervoor dat je achtergrondvorm geselecteerd blijft, focus op de Verschijning paneel en voeg een derde vulling toe. Je hebt een ingebouwd patroon nodig voor deze nieuwe vulling, dus ga naar de Stalen paneel, open het uitvouwmenu en ga naar Open Swatch-bibliotheek> Patronen> Decoratief> Decoratief verouderd. Er moet een nieuw venster met een reeks ingebouwde patronen worden geopend. Zorg ervoor dat de vulling die in deze stap is toegevoegd nog steeds is geselecteerd, voeg de "Weefsel Kleur"patroon, verlaag het ondoorzichtigheid naar 20%, verander de Overvloeimodus naar Zacht licht en ga naar Effect> Artistiek> Filmgraan. Voer de onderstaande eigenschappen in en klik op OK.

Stap 4

Selecteer opnieuw de groep vormen waaruit uw schroefwiel bestaat en ga naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in getoond in het linkerbovenvenster (in de volgende afbeelding), klik OK voeg vervolgens de andere vijf toe Slagschaduw hieronder getoonde effecten.

Gefeliciteerd! U bent klaar!

Hier is hoe het eruit zou moeten zien. Ik hoop dat je deze tutorial leuk vond en deze technieken kunt toepassen in je toekomstige projecten.

Probeer een andere reeks kleuren voor uw schroeven uit.