Maak het Captain America Shield-pictogram in Adobe Illustrator

Wat je gaat creëren

Om te beginnen leert u hoe u een eenvoudig raster opzet, hoe u de hoofdkring maakt, vier cirkels en hoe u ze gemakkelijk kunt plaatsen in het midden van uw tekengebied. Met behulp van basismix- en vectorvormbouwtechnieken leert u hoe u subtiele arcering en een eenvoudige stervorm toevoegt. Vervolgens leer je hoe je een vrij eenvoudig verloopnet maakt. Als u optimaal gebruikmaakt van het deelvenster Uiterlijk en enkele eenvoudige blur-effecten gebruikt, voegt u extra highlights en texturen toe. Ten slotte zul je leren hoe je een eenvoudige achtergrond, enkele Slagschaduweffecten en een langzaam verdwijnende lange schaduw kunt maken.

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 width en height klik je 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. 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 hoofdvormen

Stap 1

Kies het Ellipse Tool (L) en focus op je Toolbar. Verwijder de kleur uit de streek en selecteer vervolgens de vulling en stel de kleur in op R = 228 G = 23 B = 28. Ga naar je Artboard en maak eenvoudig een 290px cirkel.

Stap 2

Schakel de rooster (Beeld> Raster verbergen) en de Klik op raster (Beeld> Uitlijnen op raster). In deze stap moet je je rode cirkel centreren, dus open 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 getoond in de volgende afbeelding) klik dan eenvoudigweg op Horizontaal centreer uitlijnen en Verticaal uitlijnen midden toetsen. Uiteindelijk zou het eruit moeten zien in de volgende afbeelding.

Stap 3

Zorg ervoor dat je rode cirkel is geselecteerd en ga naar Object> Pad> Offsetpad. Voer een in -25px offset en klik OK

Selecteer de resulterende vorm, vervang de bestaande vulkleur door wit (R = 255 G = 255 B = 255) en ga opnieuw naar Object> Pad> Offsetpad. Voer een in -25px offset en klik OK

Zorg ervoor dat de resulterende vorm is geselecteerd, vervang de bestaande vulkleur door R = 228 G = 23 B = 28 en ga nog een keer naar Object> Pad> Offsetpad. Voer een in -25px offset en klik OK. Selecteer de nieuw gemaakte vorm en vervang de bestaande vulkleur door R = 22 G = 77 B = 157.

Stap 4

Ga naar Bewerken> Voorkeuren> Algemeen en zorg ervoor dat de Toetsenbordverhoging is ingesteld op 1px. Selecteer de grootste, rode cirkel en maak twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en verplaats deze 5px omhoog met behulp van de pijlknop omhoog op uw toetsenbord. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt, open de verkenner paneel (Venster> Pathfinder) en klik op de Minus voorkant knop. 

Zorg ervoor dat de resulterende vorm geselecteerd blijft en focus op de Verschijning paneel (Venster> Uiterlijk). Stel de vulkleur in op zwart (R = 0 G = 0 B = 0) klik dan eenvoudigweg op de "ondoorzichtigheid"stuk tekst om de te openen Transparantie uitklappaneel. Focus op de Overvloeimodus vervolgkeuzemenu en stel het in op Zacht licht.

Stap 5

Selecteer opnieuw de grootste rode cirkel en maak nog twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en verplaats deze 10px gebruik diezelfde pijlknop omhoog 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. 

Zorg ervoor dat de resulterende vorm geselecteerd blijft, focus op de Verschijning paneel en stel de Overvloeimodus op Zacht licht.

3. Maak de stervorm

Stap 1

Schakel de rooster (Beeld> Raster weergeven) en de Klik op raster (Beeld> Uitlijnen op raster). De ... gebruiken Rechthoekgereedschap (M), Maak een 130 x 45 px vorm, stel de vulkleur in op wit en plaats deze zoals in de eerste afbeelding. 

Focus op de onderkant van deze nieuwe rechthoek, kies de Ankerpunttool verwijderen (-) en klik eenvoudig op het juiste ankerpunt om het te verwijderen. Blijf focussen op de onderkant van je nieuwe vorm, schakel over naar de Direct selectie gereedschap (A), selecteer het resterende ankerpunt en sleep het eenvoudigweg 65px naar rechts. Uiteindelijk zouden de dingen eruit moeten zien in de tweede afbeelding.


Stap 2

De ... gebruiken Rechthoekgereedschap (M), Creëer een 80 x 125 px vorm, stel de vulkleur in op wit en plaats deze zoals in de eerste afbeelding. 

Focus op de bovenkant van deze nieuwe rechthoek, kies de Ankerpunttool verwijderen (-) en eenvoudig het juiste ankerpunt verwijderen. Blijf scherpstellen op de bovenkant van uw nieuwe, witte vorm en ga naar de Direct selectie gereedschap (A). Selecteer het resterende ankerpunt en sleep het eenvoudigweg 40px naar rechts. Selecteer de vorm opnieuw die in deze stap is gemaakt en ga naar Object> Pad> Ankerpunten toevoegen

Zorg ervoor dat de Direct selectie gereedschap (A) is nog steeds actief, selecteer het ankerpunt dat in de derde afbeelding is gemarkeerd en sleep het eenvoudigweg 30px up. Uiteindelijk zou het eruit moeten zien in de vierde afbeelding.

Stap 3

Selecteer de twee witte vormen waaruit je ster bestaat opnieuw en klik op de Verenigen knop van de verkenner paneel.

Stap 4

Zorg ervoor dat je stervorm geselecteerd blijft, focus op de Verschijning paneel, selecteer de bestaande streek en stel de kleur zwart in. 

Blijf focussen op je nieuwe streek en klik gewoon op de "Beroerte"stuk tekst om de te openen Beroerte uitklappaneel. Stel de Gewicht op 2px en controleer de Lijn naar binnen uitlijnen knop. Zorg ervoor dat je streek nog steeds is geselecteerd, verlaag de waarde ondoorzichtigheid naar 3%, verander de Overvloeimodus naar Vermenigvuldigen en ga naar Effect> Pad> Offsetpad. Voer een in -7px Van set en klik OK. Ga terug naar de Verschijning paneel, selecteer het volledige pad (klik gewoon op de "Pad"stuk tekst van de bovenkant van de Verschijning paneel) en ga naar Effect> Warp> Fisheye. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.

4. Maak een radiaal net

Stap 1

De ... gebruiken Ellipse Tool (L), maak een nieuw 290px omcirkelen en centreren met behulp van de Horizontaal centreer uitlijnen en Verticaal uitlijnen midden knoppen van de richten paneel. Zorg ervoor dat deze nieuwe vorm geselecteerd blijft, open de helling paneel (Venster> Verloop) en klik eenvoudig op de gradiëntminiatuur om de standaard zwart-witte lineaire gradiënt toe te voegen. 

Blijf focussen op uw helling paneel, open de Type vervolgkeuzemenu en selecteer Radial. Uiteindelijk zou het eruit moeten zien in de volgende afbeelding.

Stap 2

Zorg ervoor dat de cirkel met het radiale verloop nog steeds is geselecteerd en ga naar Object> Uitbreiden. Controleer de Verloopnet in het vak en klik vervolgens op OK

Focus op de Lagen paneel (Venster> Lagen), selecteer de nieuw gemaakte groep, Ungroup het (Shift-Control-G) en vervolgens raken Alt-Control-7 (of ga naar Object> Knipmasker> Loslaten) om het bestaande knipmasker vrij te geven. Ga terug naar de Lagen paneel en verwijder gewoon de top 290px cirkel (het voormalige uitknippad).


Stap 3

Selecteer uw mesh en open de Transformeren paneel (Venster> Transformeren). Controleer de Beperk de breedte en hoogte van de verhoudingen knop en voer dan gewoon in 290 in de Breedte (of de Hoogte) doos.

Stap 4

Schakel de rooster (Beeld> Raster verbergen) en de Klik op raster (Beeld> Uitlijnen op raster). Selecteer je mesh, pak de Mesh Tool (U) en voeg vier nieuwe mesh-punten toe, zoals weergegeven in de volgende afbeelding.

Stap 5

Kies het Direct selectie gereedschap (A) en focus op je mesh. Selecteer de netpunten één voor één en vervang de bestaande kleuren door de kleuren die worden weergegeven in de volgende afbeelding.

Stap 6

Zorg ervoor dat je mesh nog steeds is geselecteerd, focus op de Transparantie paneel (Venster> Transparantie) en verander de Overvloeimodus naar Vermenigvuldigen.

5. Voeg subtiele arcering en textuur toe

Stap 1

De ... gebruiken Ellipse Tool (L), maak een nieuw 290px cirkel, stel de vulkleur in op zwart en centreer deze met de Horizontaal centreer uitlijnen en Verticaal uitlijnen midden knoppen van de richten paneel.

Stap 2

Zorg ervoor dat je zwarte cirkel geselecteerd blijft en focus op de Verschijning paneel. Selecteer de bestaande vulling, wijzig de Overvloeimodus naar bedekking en ga naar Effect> Pad> Offsetpad. Voer een in -2px offset, Klik OK en ga naar Effect> Artistiek> Filmgraan. Voer de eigenschappen in die in de volgende afbeelding worden getoond, klik op OK en ga naar Effect> Vervaging> Radiaal vervagen. Voer de onderstaande attributen in en klik op OK.

Stap 3

Selecteer je voorste cirkel opnieuw, focus op de Verschijning paneel en voeg een tweede opvulling toe met behulp van de Nieuwe vulling toevoegen knop (aangegeven door de blauwe cirkel in de volgende afbeelding). Selecteer deze nieuwe vulling, verlaag de waarde ondoorzichtigheid naar 70%, verander de Overvloeimodus naar Vermenigvuldigen en voeg de radiale gradiënt toe die wordt weergegeven in de volgende afbeelding. Houd er rekening mee dat de gele nummers van de helling afbeelding staat voor ondoorzichtigheid percentage terwijl de witte cijfers staan ​​voor Plaats percentage. Dit betekent simpelweg dat je elke gradiëntschuif moet selecteren, focus op de ondoorzichtigheid & Plaats vakken uit de helling paneel en voer de onderstaande nummers in.

Stap 4

Selecteer je voorste cirkel opnieuw, focus op de Verschijning paneel en voeg een toe 1px, zwarte lijn. Selecteer deze subtiele streek, lijn deze uit naar binnen, laat de knop zakken ondoorzichtigheid naar 15% en verander de Overvloeimodus naar bedekking

Zorg ervoor dat je voorcirkel geselecteerd blijft, blijf focussen op de Verschijning paneel en voeg een tweede streek toe met behulp van de Nieuwe lijn toevoegen knop (aangegeven door de blauwe cirkel in de volgende afbeelding). Selecteer deze nieuwe streek, stel de kleur in op wit en de Gewicht op 1px, lijn het uit naar binnen, verander de Overvloeimodus naar Zacht licht en ga naar Effect> Pad> Offsetpad. Voer een in -1px offset en klik OK.

Stap 5

Schakel de rooster (Beeld> Raster weergeven) en de Klik op raster (Beeld> Uitlijnen op raster). De ... gebruiken Ellipse Tool (L), Maak een 130 x 60 px vorm, stel de vulkleur in op zwart en plaats deze zoals in de eerste afbeelding. Zorg ervoor dat deze nieuwe vorm geselecteerd blijft, lager ondoorzichtigheid naar 60%, verander de Overvloeimodus naar Vermenigvuldigen en ga naar Effect> Blur> Gaussiaanse vervaging. Voer een in 20px Radius en klik OK.

Stap 6

De ... gebruiken Ellipse Tool (L), Maak een 140 x 75 px vorm, stel de vulkleur in op wit en plaats deze zoals in de eerste afbeelding. Zorg ervoor dat deze nieuwe vorm geselecteerd blijft, lager ondoorzichtigheid naar 20%, verander de Overvloeimodus naar Kleur Dodge en ga naar Effect> Blur> Gaussiaanse vervaging. Voer een in 15px Radius en klik OK.

6. Voeg de achtergrond en een lange schaduw toe

Stap 1

De ... gebruiken Rechthoekgereedschap (M), maak een nieuw 610px vierkant, stel de vulkleur in op R = 50 G = 55 B = 70 en centreer het met behulp van de Horizontaal centreer uitlijnen en Verticaal uitlijnen midden knoppen van de richten paneel. 

Zorg ervoor dat deze nieuwe vorm geselecteerd blijft, focus op de Verschijning paneel en voeg daar een tweede opvulling aan toe Nieuwe vulling toevoegen knop. Selecteer deze nieuwe vulling, stel de kleur zwart in, verlaag de waarde ondoorzichtigheid naar 10%, verander de Overvloeimodus naar Vermenigvuldigen en ga naar Effect> Artistiek> Filmgraan. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.

Stap 2

Selecteer de grootste, rode cirkel opnieuw en ga naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in getoond in het linkerbovenvenster (in de volgende afbeelding), klik OK en ga opnieuw naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in getoond in het bovenste, rechter venster, klik OK en ga nog een keer naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in getoond onderaan, linker venster, klik OK en ga nog een keer naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in die getoond worden in het onderste, rechtse venster en klik OK.

Stap 3

De ... gebruiken Rechthoekgereedschap (M), maak een 290 x 305 px vorm, stel de vulkleur in op zwart en plaats deze zoals in de eerste afbeelding. Zorg ervoor dat deze nieuwe vorm geselecteerd blijft en focus op de Verschijning paneel. Laat het zakken ondoorzichtigheid naar 15%, verander de Overvloeimodus naar Zacht licht en vervang de vlakke kleur die voor de opvulling wordt gebruikt, met de lineaire gradiënt die wordt weergegeven in de volgende afbeelding. Vergeet niet dat de witte nul van de helling beeld staat voor ondoorzichtigheid percentage.

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.