Maak een reeks gedetailleerde, vectorbeoordelingssterren

In deze zelfstudie leert u hoe u een reeks gedetailleerde beoordelingssterren maakt. We zullen de padzoekgereedschappen van Illustrator gebruiken om de basisstervormen te bouwen. Kleur dan elk facet van de ster met eenvoudige gradiënten. U kunt deze professionele technieken gebruiken om uw eigen hoogwaardige vijfsterrenafbeeldingen te maken.


Stap 1

Druk op Command + N om een ​​nieuw document te maken. Typ 600 in het vak Breedte en 300 in het vak Hoogte en klik vervolgens op de knop Geavanceerd. Selecteer RGB, Scherm (72ppi) en zorg ervoor dat het vakje Nieuwe objecten uitlijnen op pixelraster niet is aangevinkt voordat u op OK klikt.


Stap 2

Kies de Star Tool en houd Shift en Alt ingedrukt om je stervorm te maken. Maak het ongeveer 50px breed, vul het met R = 180 G = 180 B = 180 en zorg ervoor dat er geen kleur is ingesteld voor de streek.


Stap 3

Ga naar Bewerken> Voorkeuren> Algemeen en zorg dat de toetsenbordvergroting op 1px staat. Selecteer de stervorm opnieuw en maak twee kopieën vooraan (Command + C> Command + F> Command + F). Selecteer de bovenste kopie en druk eenmaal op de pijl-omlaag (om deze 1 px naar beneden te verplaatsen).

Selecteer beide exemplaren opnieuw, open het deelvenster Pathfinder en klik op de knop Minus voorzijde. Selecteer de resulterende groep vormen, verander het in een samengesteld pad (Object> Samengesteld pad> Maken) en vul het met R = 235 G = 235 B = 235.


Stap 4

Selecteer de stervorm opnieuw en maak twee kopieën vooraan (Command + C> Command + F> Command + F). Selecteer de bovenste kopie en verplaats deze 1px naar beneden en naar rechts. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Selecteer de resulterende groep vormen, verander het in een samengesteld pad (Object> Samengesteld pad> Maken) en vul het met R = 235 G = 235 B = 235.


Stap 5

Selecteer opnieuw de stervorm en focus op het deelvenster Vormgeving. Voeg een 3pt-streek toe, stel de kleur in op R = 165 G = 165 B = 165 en lijn deze uit naar binnen. Blijf scherpstellen op het Uiterlijkpaneel, zorg ervoor dat uw stervorm nog steeds is geselecteerd en voeg een nieuwe streek toe met de knop Nieuwe lijn toevoegen. Het is het kleine, zwarte vierkante pictogram in de linkerbenedenhoek van het deelvenster Vormgeving.

Selecteer deze nieuwe lijn, maak deze 1pt breed, stel de kleur in op R = 120 G = 120 B = 120 en lijn hem uit naar buiten. Zorg ervoor dat deze streek nog steeds is geselecteerd en open het deelvenster Lijn. Stel scherp op het hoekgedeelte en klik eenvoudig op de knop Ronde join. Dit zou een beetje ronding moeten toevoegen voor de hoeken van de streek.


Stap 6

Selecteer opnieuw de stervorm en focus op het deelvenster Vormgeving. Zorg ervoor dat er geen vulling of streek is geselecteerd en ga naar Effect> Stileren> Slagschaduw. Voer de gegevens in die hieronder worden getoond (in het venster linksboven), klik op OK en ga opnieuw naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in (in het venster rechtsboven), klik op OK en ga opnieuw naar Effect> Stileren> Slagschaduw. Voer de gegevens in die hieronder worden getoond (in het onderste venster) en klik op OK.


Stap 7

Selecteer alle tot nu toe gemaakte vormen en groepeer ze (Command + G). Selecteer deze nieuwe groep en ga naar Effect> Vervormen & transformeren> Transformeren. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.


Stap 8

Ga naar het deelvenster Lagen en open de groep die in de vorige stap is gemaakt. Selecteer de stervorm opnieuw en maak een kopie vooraan (Command + C> Command + F). Selecteer het, vul het met R = 255 G = 222 B = 23 en sleep het naar buiten de groep, boven in het deelvenster Lagen. Vergrendel tot slot de groep die in de vorige stap is gemaakt.


Stap 9

Stel scherp op de gele ster die in de vorige stap is gemaakt en schakel de slimme hulplijnen in (Beeld> Slimme hulplijnen of Command + U). Kies het gereedschap Pen (P) en teken een pad dat van een buitenhoek naar de binnenhoek van de ster gaat. Zorg ervoor dat het boven een sterankerpunt begint en eindigt. De slimme hulplijnen geven u visuele aanwijzingen.

Voeg een zwarte lijn toe voor dit pad zodat u het gemakkelijker kunt zien. Ga verder met het gereedschap Pen (P) en voeg vier extra paden toe, zoals weergegeven in de tweede afbeelding. Als u klaar bent, kunt u de slimme hulplijnen uitschakelen (Command + U)


Stap 10

Selecteer de gele ster opnieuw en maak een kopie vooraan (Command + C> Command + F). Selecteer deze kopie, samen met de paden die in de vorige stap zijn gemaakt en klik op de knop Delen in het deelvenster Pathfinder.

Ga naar het deelvenster Lagen en open de resulterende groep vormen. Misschien vind je enkele kleine vormen. Als u dat doet, verwijder ze dan. Uiteindelijk heb je alleen de tien grote vormen nodig die zijn gemarkeerd in de derde afbeelding hieronder.


Stap 11

Blijf scherpstellen op de groep vormen die in de vorige stap is gemaakt. Selecteer de vijf vormen die in de volgende afbeelding zijn gemarkeerd en vul ze met het hieronder getoonde lineaire verloop.


Stap 12

Blijf focussen op de groep vormen die in de tiende stap is gemaakt. Selecteer de vijf vormen die in de volgende afbeelding zijn gemarkeerd en vul ze met het hieronder getoonde lineaire verloop.


Stap 13

Selecteer de vorm gemarkeerd in de eerste afbeelding en maak twee kopieën vooraan (Command + C> Command + F> Command + F). Selecteer de bovenste kopie en verplaats deze 1 px naar boven. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder.

Vul de resulterende vorm met R = 255 G = 255 B = 0 en focus op de rechterkant. Pak het Delete Anchor Point Tool (-) en klik eenvoudig op het bovenste ankerpunt. Uiteindelijk moet je scherpe vorm er uitzien als de vierde afbeelding die wordt weergegeven.


Stap 14

Selecteer de vorm gemarkeerd in de eerste afbeelding en maak twee kopieën vooraan (Command + C> Command + F> Command + F). Selecteer de bovenste kopie en verplaats deze 1 px naar links. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder.

Vul de resulterende vorm met R = 255 G = 255 B = 0 en focus op de bovenzijde. Pak het Delete Anchor Point Tool (-) en klik eenvoudig op het linker ankerpunt. Uiteindelijk moet je scherpe vorm er uitzien als de vierde afbeelding die wordt weergegeven.


Stap 15

Selecteer de vorm gemarkeerd in de eerste afbeelding en maak twee kopieën vooraan (Command + C> Command + F> Command + F). Selecteer de bovenste kopie en verplaats deze 1px omlaag. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder.

Vul de resulterende vorm met R = 255 G = 255 B = 0 en focus op de linkerkant. Pak het gereedschap Ankerpunt verwijderen (-) en klik eenvoudig op het onderste ankerpunt. Uiteindelijk moet je scherpe vorm er uitzien als de vierde afbeelding die wordt weergegeven.


Stap 16

Selecteer de vorm gemarkeerd in de eerste afbeelding en maak twee kopieën vooraan (Command + C> Command + F> Command + F). Selecteer de bovenste kopie en verplaats deze 1 px naar rechts. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder.

Vul de resulterende vorm met R = 255 G = 255 B = 0 en focus op de onderkant. Pak het Delete Anchor Point Tool (-) en klik eenvoudig op het juiste ankerpunt. Uiteindelijk moet je scherpe vorm er uitzien als de vierde afbeelding die wordt weergegeven.


Stap 17

Selecteer de vorm gemarkeerd in de eerste afbeelding en maak twee kopieën vooraan (Command + C> Command + F> Command + F). Selecteer de bovenste kopie en verplaats deze 1 px naar rechts. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder.

Vul de resulterende vorm met R = 255 G = 255 B = 0 en focus op de onderkant. Pak het Delete Anchor Point Tool (-) en klik eenvoudig op het bovenste ankerpunt. Uiteindelijk zou je scherpe vorm er uit moeten zien als de vierde afbeelding.


Stap 18

Selecteer de gele ster opnieuw, maak een kopie vooraan (Command + C> Command + F) en breng deze naar voren (Shift + Command +]). Selecteer deze kopie, verwijder de kleur uit de vulling en voeg een 3pt slag toe. Stel de kleur in op R = 237 G = 28 B = 36, lijn deze uit naar binnen, verlaag de dekking tot 70% en verander de overvloeimodus in Overlay.


Stap 19

Selecteer de gele ster opnieuw, maak een kopie vooraan (Command + C> Command + F), breng het naar voren (Shift + Command +]) en maak een tweede kopie (Command + C> Command + F). Selecteer deze nieuwe kopie en verplaats deze 1 px naar boven en naar links. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Verander de resulterende groep vormen in een samengesteld pad en vul deze met R = 254 G = 171 B = 7.


Stap 20

Selecteer de gele ster opnieuw, maak een kopie vooraan (Command + C> Command + F), breng het naar voren (Shift + Command +]) en maak een tweede kopie (Command + C> Command + F). Selecteer deze nieuwe kopie en verplaats deze 1px omlaag. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Verander de resulterende groep vormen in een samengesteld pad en vul deze met R = 255 G = 255 B = 0.


Stap 21

Selecteer de gele ster opnieuw, maak een kopie vooraan (Command + C> Command + F), breng het naar voren (Shift + Command +]) en maak een tweede kopie (Command + C> Command + F). Selecteer deze nieuwe kopie en verplaats deze 1px naar beneden en naar rechts. Selecteer beide exemplaren opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Verander de resulterende groep vormen in een samengesteld pad en vul deze met R = 255 G = 255 B = 0.


Stap 22

Selecteer de gele ster opnieuw en focus op het deelvenster Vormgeving. Voeg een 1pt-streek toe, stel de kleur in op R = 254 G = 192 B = 20 en lijn hem uit naar buiten. Selecteer het en controleer de knop Ronde join in het deelvenster Lijn.


Stap 23

Selecteer alle vormen gemaakt van de achtste stap en groepeer ze (Command + G). Selecteer deze nieuwe groep en ga naar Effect> Vervormen & transformeren> Transformeren. Kies een cijfer van 1 tot 4 voor het veld Exemplaren, sleep de schuif Horizon verplaatsen naar 75px, klik op OK en klaar.


Conclusie

Nu is je werk af. Hier ziet u hoe uw grafische stergrafiek eruit zou moeten zien.