Hit the Bullseye With This Dart Icon Snelle tip in Adobe Illustrator

Wat je gaat creëren

In de volgende stappen leert u hoe u een eenvoudige pijltjesillustratie in Adobe Illustrator maakt. Om te beginnen leer je hoe je een eenvoudig raster opzet en hoe je de hoofdvormen maakt met behulp van basisgereedschappen, enkele eenvoudige effecten en de Live Corners-functie. Vervolgens leer je hoe je een lineair verloop maakt, opslaat en gebruikt en hoe je subtiele arcering voor je vormen toevoegt. Eindelijk leer je hoe je je laatste dartspijl gemakkelijk opnieuw kunt inkleuren.

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 vakken voor breedte en hoogte en klik 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). Je hebt elk een rooster nodig 1 px, dus ga gewoon naar Bewerken> Voorkeuren> Gidsen> Raster, en ga naar binnen 1 in de Gridline elke doos en 1 in de onderverdelingen doos. Probeer niet ontmoedigd te raken door al dat raster - het zal je werk gemakkelijker maken, 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 een reeks eenvoudige vormen

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 = 39 G = 170 B = 225. Ga naar je tekengebied en maak eenvoudig een 22 x 4 px rechthoek.

Zorg ervoor dat deze blauwe rechthoek geselecteerd blijft en ga naar Effect> Vervormen en transformeren> Transformeren. Sleept de Verplaats verticaal schuif naar -6 px, invoeren 2 in dat kopieën vak, klik op de OK en ga vervolgens naar Object> Uiterlijk uitbreiden. Zorg ervoor dat de resulterende groep vormen is geselecteerd en Ungroup het gebruik van de Shift-Control-G Toetsenbord sneltoets.

Stap 2

Gebruik hetzelfde Rechthoekgereedschap (M), Maak een 22 x 17 px vorm en plaats deze precies zoals getoond in de eerste afbeelding. Stel scherp op de bovenkant van deze nieuwe rechthoek en schakel over naar de Direct selectie gereedschap (A). Selecteer beide ankerpunten, ga naar de bovenste balk en stel de Corners naar 2 px.

De Live Corners-functie is alleen beschikbaar voor CC-gebruikers. De beste oplossing om het te vervangen zou de Rond elke hoek script dat in dit artikel te vinden is: 20 gratis en bruikbare Adobe Illustrator-scripts. Sla het op je harde schijf op, keer terug naar Illustrator en zorg ervoor dat de Direct selectie gereedschap (A) is actief. 

Selecteer dezelfde bovenste ankerpunten en ga naar Bestand> Scripts> Ander script. Open de Rond elke Corner Script, voer een in 2 px straal en klik OK. In sommige gevallen moet u wellicht de daarin vermelde waarde verhogen of verlagen Corners doos.

Ga naar de onderkant van de vormen die in deze stap zijn gemaakt, selecteer beide ankerpunten en ga daarnaar terug Corners box en stel deze keer in op 1 px. Uiteindelijk zou uw nieuwe blauwe vorm er in de tweede afbeelding uit moeten zien.

Stap 3

De ... gebruiken Rechthoekgereedschap (M), Maak een 14 x 7 px vorm en plaats deze zoals getoond in de eerste afbeelding. Stel scherp op de bovenkant van deze nieuwe rechthoek en schakel over naar de Direct selectie gereedschap (A). Selecteer beide ankerpunten, keer terug naar de bovenste balk en ga naar binnen 3 px in dat Corners doos.

Stap 4

Ga terug naar uw Toolbar en vervang de bestaande vulkleur door een eenvoudige gele (R = 255 G = 200 B = 0). De ... gebruiken Rechthoekgereedschap (M), maak er twee 20 x 3 px vormen en twee 20 x 2 px vormen en plaats ze precies zoals in de eerste afbeelding.

Stel scherp op je onderste gele rechthoek en schakel over naar de Direct selectie gereedschap (A). Selecteer beide onderste ankerpunten en voer vervolgens in 1 px in dat Corners doos.

3. Maak de tip en kleur de bestaande vormen opnieuw in

Stap 1

Selecteer al uw blauwe vormen, open de helling paneel (Venster> Verloop) en klik eenvoudig op de verloopminiatuur om de standaard zwart-wit lineaire gradiënt toe te voegen.

Blijf focussen op uw helling paneel, stel de Hoek op 0 graden en focus vervolgens op de verloopregelaars. Selecteer eerst de linkerverloopschuifregelaar en stel de kleur in op R = 139 G = 146 B = 152, en selecteer vervolgens de rechter verloopschuifregelaar en stel de kleur in op R = 209 G = 211 B = 212

Stel scherp op de verloopbalk en klik erop om een ​​nieuwe verloopschuif toe te voegen. Zorg ervoor dat deze nieuwe schuifregelaar is geselecteerd, stel de kleur in op R = 229 G = 226 B = 223, focus op de Plaats box (uit de helling paneel) en stel het in op 15%. Houd er rekening mee dat de blauwe nummers van de helling afbeeldingen staan ​​voor Plaats percentage. Voeg drie nieuwe schuifregelaars voor dit verloop toe en gebruik vervolgens de kleur en Plaats attributen getoond in de volgende afbeelding.

Nu moet u deze lineaire gradiënt opslaan. Ga terug naar de helling paneel, klik op die verloopminiatuur en sleep hem gewoon naar binnen Stalen paneel (Venster> stalen).

Stap 2

Zorg ervoor dat de vormen gevuld met uw lineaire verloop nog steeds zijn geselecteerd, focus op de Verschijning paneel (Venster> Uiterlijk) en voeg een tweede opvulling toe met behulp van de Nieuwe vulling toevoegen knop. Selecteer deze nieuwe vulling, vervang de bestaande kleur door een eenvoudige witte (R = 255 G = 255 B = 255) en verander dan zijn Overvloeimodus naar Zacht licht.

Stap 3

Selecteer al uw gele vormen en vervang eenvoudig de bestaande vulkleur door uw opgeslagen lineaire verloop.

Stap 4

De ... gebruiken Rechthoekgereedschap (M), Maak een 4 x 62 px blauwe vorm en plaats deze zoals getoond in de eerste afbeelding. Zorg dat het geselecteerd blijft en ga naar Object> Pad> Ankerpunten toevoegen. Focus op de bovenkant van deze nieuwe rechthoek, kies de Ankerpunttool verwijderen (-) en klik gewoon op de twee ankerpunten gemarkeerd in de tweede afbeelding om ze te verwijderen.

Nu zou je vorm eruit moeten zien in de tweede afbeelding. Schakel over naar de Direct selectie gereedschap (A), selecteer de twee ankerpunten gemarkeerd in de derde afbeelding en sleep ze 15 px naar beneden. Op het einde zou je blauwe vorm er in de vierde afbeelding uit moeten zien.

Stap 5

Zorg ervoor dat uw blauwe vorm is geselecteerd en maak een kopie vooraan (Control-C> Control-F). De ... gebruiken Rechthoekgereedschap (M), Maak een 1 x 62 px vorm en plaats deze zoals getoond in de eerste afbeelding. Selecteer deze nieuwe rechthoek samen met de kopie van uw blauwe vorm, open de verkenner paneel (Venster> Pathfinder) en klik op de Snijden knop.

Zorg ervoor dat de resulterende vorm geselecteerd blijft, focus op de Verschijning paneel en vervang de bestaande vulkleur door R = 190 G = 200 B = 203.

Stap 6

Zorg ervoor dat uw blauwe vorm is geselecteerd en maak een kopie vooraan (Control-C> Control-F). De ... gebruiken Rechthoekgereedschap (M), Maak een 1 x 62 px vorm en plaats deze zoals getoond in de eerste afbeelding. Selecteer deze nieuwe rechthoek samen met de kopie van uw blauwe vorm en klik op de Snijden knop van de verkenner paneel.

Zorg ervoor dat de resulterende vorm geselecteerd blijft, focus op de Verschijning paneel en vervang de bestaande vulkleur door R = 222 G = 232 B = 235. Selecteer opnieuw je blauwe vorm, focus op het deelvenster Uiterlijk en vervang dat blauw door R = 145 G = 155 B = 158.

4. Creëer het lichaam

Stap 1

De ... gebruiken Rechthoekgereedschap (M), Creëer een 18 x 174 px groene vorm en plaats deze zoals getoond in de eerste afbeelding. Stel scherp op de onderkant van deze nieuwe rechthoek en schakel over naar de Direct selectie gereedschap (A). Selecteer het linker ankerpunt en sleep het 5 px naar rechts en selecteer vervolgens het juiste ankerpunt en sleep het 5 px naar links.

Selecteer opnieuw je hele groene vorm en ga naar Effect> Warp> Ardennen. Voer de attributen in die in de volgende afbeelding worden getoond, klik op de OK en ga vervolgens naar Object> Uiterlijk uitbreiden.

Stap 2

Zorg ervoor dat je groene vorm geselecteerd blijft en focus op de Verschijning paneel. Selecteer eerst de vulling en vervang eenvoudig die vlakke kleur door uw opgeslagen lineaire verloop. Voeg vervolgens een tweede vulling toe voor deze vorm met dezelfde Nieuwe vulling toevoegen knop.

Selecteer deze nieuwe vulling, verlaag de waarde ondoorzichtigheid naar 50% en voeg de lineaire gradiënt toe die wordt weergegeven in de volgende afbeelding. Vergeet niet dat het blauwe getal uit de helling beeld staat voor Plaats percentage, terwijl de gele nul staat voor ondoorzichtigheid percentage.

Stap 3

Zorg ervoor dat de vorm die in de vorige stap is bewerkt nog steeds is geselecteerd, blijf focussen op de Verschijning paneel en voeg een derde vulling toe. Selecteer deze nieuwe vulling, verlaag de waarde ondoorzichtigheid naar 70%, verander de Overvloeimodus naar Hard licht en stel de kleur in op R = 247 G = 148 B = 30.

5. Maak de vlucht

Stap 1

De ... gebruiken Rechthoekgereedschap (M), Maak een 26 x 102 px blauwe vorm en plaats deze zoals getoond in de eerste afbeelding. Schakel over naar de Direct selectie gereedschap (A) en blijf focussen op deze nieuwe rechthoek. Selecteer het ankerpunt rechtsboven en sleep het 64 px naar beneden en 6 px naar rechts en selecteer vervolgens het ankerpunt linksonder en sleep het 4 px naar links.

Stap 2

Blijf scherpstellen op je blauwe vorm en zorg ervoor dat de Direct selectie gereedschap (A) is nog steeds actief. Selecteer de drie gemarkeerde ankerpunten één voor één en voer de Corners kenmerken aangegeven in de volgende afbeelding.

Stap 3

De ... gebruiken Rechthoekgereedschap (M), Maak een 24 x 102 px rode vorm en plaats deze zoals getoond in de eerste afbeelding. Schakel over naar de Direct selectie gereedschap (A) en blijf focussen op deze nieuwe rechthoek. Selecteer het ankerpunt linksboven en sleep het 64 px naar beneden en 6 px naar links en selecteer vervolgens het ankerpunt rechtsonder en sleep het 4 px naar rechts.

Stap 4

Blijf focussen op je rode vorm en zorg ervoor dat de Direct selectie gereedschap (A) is nog steeds actief. Selecteer de drie gemarkeerde ankerpunten één voor één en voer de Corners kenmerken aangegeven in de volgende afbeelding.

Stap 5

De ... gebruiken Rechthoekgereedschap (M), Maak een 19 x 144 px groene vorm en plaats deze zoals getoond in de eerste afbeelding. Schakel over naar de Direct selectie gereedschap (A) en blijf focussen op deze nieuwe rechthoek. Selecteer het ankerpunt linksboven en sleep het 73 px omlaag, selecteer het ankerpunt linksonder en sleep het 5 px naar rechts en selecteer vervolgens het ankerpunt rechtsonder en sleep het 51 px omhoog en 3 px naar rechts.

Stap 6

Blijf scherpstellen op je groene vorm en zorg ervoor dat de Direct selectie gereedschap (A) is nog steeds actief. Selecteer de twee gemarkeerde ankerpunten één voor één en voer de Corners kenmerken aangegeven in de volgende afbeelding.

Stap 7

Zorg ervoor dat je blauwe vorm is geselecteerd en focus op de Verschijning paneel. Selecteer eerst de bestaande vulling en vervang het blauw door de lineaire gradiënt die wordt weergegeven in de volgende afbeelding. Voeg vervolgens een tweede vulling toe voor deze vorm en selecteer deze. Zet de kleur op R = 247 G = 148 B = 30, verlaag het ondoorzichtigheid naar 70%, en verander de Overvloeimodus naar Hard licht.

Stap 8

Zorg ervoor dat je rode vorm is geselecteerd en focus op de Verschijning paneel. Selecteer eerst de bestaande vulling en vervang het rood door de lineaire gradiënt die wordt weergegeven in de volgende afbeelding. Voeg vervolgens een tweede vulling toe voor deze vorm en selecteer deze. Zet de kleur op R = 247 G = 148 B = 30, verlaag het ondoorzichtigheid naar 70%, en verander de Overvloeimodus naar Hard licht.

Stap 9

Zorg ervoor dat uw groene vorm is geselecteerd en stel scherp op de Verschijning paneel. Selecteer eerst de bestaande vulling en vervang de green door de lineaire gradiënt die wordt weergegeven in de volgende afbeelding. Voeg vervolgens een tweede vulling toe voor deze vorm en selecteer deze. Zet de kleur op R = 247 G = 148 B = 30, verlaag het ondoorzichtigheid naar 70%, en verander de Overvloeimodus naar Hard licht.

6. Voeg subtiele arceringen toe, vermenigvuldig en kleur opnieuw uw pijlen

Stap 1

Herselecteer alle tot nu toe gemaakte vormen en dupliceer ze (Control-C> Control-F). Selecteer alleen de kopieën en klik op de Verenigen knop van de verkenner paneel. Zorg ervoor dat de resulterende vorm is geselecteerd, focus op de Verschijning paneel, verwijder die tweede opvulling en selecteer vervolgens de resterende vulling en stel de kleur in R = 167 G = 169 B = 172.

Stap 2

Zorg ervoor dat je grijze vorm geselecteerd blijft, stuur deze naar achteren met behulp van de Shift-Control- [ sneltoets en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer de attributen in die getoond worden in het venster linksboven (in de volgende afbeelding), klik op de OK knop en voeg de andere drie toe Slagschaduw hieronder getoonde effecten.

Stap 3

Selecteer opnieuw alle vormen die tot nu toe zijn gemaakt en Groep zij gebruiken de Controle-G Toetsenbord sneltoets. Zorg ervoor dat deze nieuwe groep geselecteerd blijft en ga naar Effect> Vervormen en transformeren> Transformeren. Stel de Hoek op 30 graden, controleer het referentiepunt rechtsboven, voer in 3 in dat kopieën in en klik op de OK knop.

Stap 4

Tot slot, hier is hoe u uw pijl eenvoudig opnieuw kunt inkleuren. Selecteer de vier vormen met de oranje vulling (R = 247 G = 148 B = 30), focus op de Verschijning paneel en vervang gewoon dat oranje met de kleur die u verkiest.

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.