Snelle tip maak een moderne volumebalk met Adobe Illustrator

In de volgende stappen leert u hoe u een eenvoudige volumebalk maakt. Het is een vrij eenvoudige tutorial die u kennis laat maken met de basisgereedschappen, het effect en de technieken die in Adobe Illustrator worden gebruikt. Je begint met een eenvoudige rechthoek en cirkel en gebruikt dan meerdere vullingen, streken en verschillende eenvoudige effecten, samen met een paar mooie overvloei- en maskeertechnieken maak je je eigen volumebalk.


Stap 1

Maak een 600 bij 800px, RGB-document. Schakel eerst het raster (weergave> raster tonen) en het magnetisch raster (aanzicht> magnetisch raster) in. Vervolgens heb je om de 5px een raster nodig. Ga naar Bewerken> Voorkeuren> Hulplijnen> Raster, voer 5 in het vak Raster in elk vak in en 1 in het vak Onderverdelingen. U kunt ook het infopaneel (Venster> Info) openen voor een livevoorbeeld met de grootte en positie van uw vormen. Vergeet niet om de maateenheid te vervangen door pixels in Bewerken> Voorkeuren> Eenheid> Algemeen. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.


Stap 2

Kies het gereedschap Rechthoek (M) en maak een vorm van 20 bij 410 pixels. Vul het met de hieronder getoonde lineaire gradiënt en verwijder de kleur uit de streek.


Stap 3

Selecteer de vorm opnieuw die in de vorige stap is gemaakt en voeg een eerste streek toe. Zet de kleur op R = 88 G = 88 B = 88, maak deze 2pt breed en lijn hem uit naar buiten. Zorg ervoor dat deze vorm nog steeds is geselecteerd en ga naar het deelvenster Vorm (Venster> Vormgeving). Klik eenvoudig op de knop Nieuwe lijn toevoegen. Het is het kleine zwarte vierkantje aan de onderkant van het deelvenster Vormgeving.

Het is duidelijk dat dit een nieuwe streek voor je vorm zal toevoegen. Selecteer het in het deelvenster Uiterlijk, stel de kleur in op R = 190 G = 190 B = 190, maak het 1pt breed en lijn het uit met de buitenkant. Ga verder in het deelvenster Uiterlijk, zorg dat er geen vulling of streek is geselecteerd en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 10 px in en klik op OK. Uiteindelijk moet het effect bovenaan in het deelvenster Vormgeving worden geplaatst.


Stap 4

Kies het gereedschap Rechthoek (M), maak een vorm van 10 bij 400 px en plaats deze zoals in de volgende afbeelding wordt getoond. Vul het met de hieronder getoonde lineaire gradiënt, verwijder de kleur uit de streek en ga naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 5 px in en klik op OK.


Stap 5

Selecteer de vorm opnieuw die in de vorige stap is gemaakt en maak een kopie vooraan (Command + C> Command + F). Selecteer deze kopie en vul deze met het hieronder getoonde lineaire verloop.


Stap 6

Selecteer de vorm opnieuw die in de vorige stap is gemaakt en maak een kopie vooraan (Command + C> Command + F). Selecteer deze kopie en focus op het deelvenster Vormgeving. Verwijder eerst de lineaire gradiënt van de vulling. Voeg vervolgens een witte lijn toe. Selecteer het in het deelvenster Uiterlijk, maak het 2pt breed, lijn het uit naar binnen en wijzig de overvloeimodus in Overlay. Voeg een tweede streek voor deze vorm toe en maak deze 1pt breed. Selecteer deze opnieuw in het deelvenster Uiterlijk, stel de kleur in op R = 88 G = 88 B = 88, lijn deze uit naar binnen en wijzig de overvloeimodus in Multiply.


Stap 7

Kies het gereedschap Pen (P), teken een verticaal pad van 400 px en plaats het zoals in de eerste afbeelding. Selecteer het, verwijder de kleur uit de vulling en voeg een eenvoudige 1pt, zwarte lijn toe. Selecteer het opnieuw, vergroot de lijndikte tot 10pt en open het deelvenster Lijn (Venster> Lijn). Controleer eerst het vakje onderbroken lijn en de knop 'Uitlijnen met hoeken omlijnen ...'. Voer vervolgens 1pt in het dash-vak in en 40pt in het gat in de opening. Uiteindelijk zou je pad eruit moeten zien in de tweede afbeelding.


Stap 8

Selecteer het pad opnieuw dat in de vorige stap is gemaakt en ga naar Object> Pad> Omtreklijn. Hiermee wordt een groep met een samengesteld pad en twee, eenvoudige paden gemaakt. Ga naar het deelvenster Lagen open deze groep en verwijder de twee paden. Selecteer het samengestelde pad en maak de groepering ongedaan (Command + Shift + G). Vul het met de hieronder getoonde lineaire gradiënt en verander zijn mengmodus naar Vermenigvuldigen. De gele nullen van de verloopafbeelding staan ​​voor dekkingspercentage.


Stap 9

Kies het gereedschap Rechthoek (M), maak een vorm van 20 bij 165 pixels, vul het met zwart en plaats het zoals in de eerste afbeelding. Verplaats naar het deelvenster Lagen selecteer dit zwarte pad en sleep het boven de vorm gevuld met het gele naar oranje verloop. Selecteer nu deze twee vormen en ga naar het paneel Transparantie. Open het uitvouwmenu, klik op Maak dekkingmasker en schakel het vakje Clip uit. Uiteindelijk ziet uw gele / oranje vorm er uit in de tweede afbeelding.


Stap 10

Kies de Ellipse Tool (L) en krat twee, 20px cirkels. Plaats ze zoals getoond in de volgende afbeelding en vul ze met het hieronder getoonde lineaire verloop. Stel scherp op het paneel Uiterlijk, zorg ervoor dat deze nog steeds zijn geselecteerd voor cirkels en voeg de twee lijnen toe die worden weergegeven in de volgende afbeelding.


Stap 11

Voor de volgende stap heb je om de 1px een raster nodig. Ga dus naar Bewerken> Voorkeuren> Hulplijnen> Raster en voer 1 in het vak Raster elke in. Kies het gereedschap Rechthoek (M) en focus op de bovenste cirkel die in de vorige stap is gemaakt. Teken een 2 bij 8 px, vul hem met wit en plaats deze zoals getoond in de eerste afbeelding. Zorg dat deze witte rechthoek nog steeds is geselecteerd en ga naar Object> Transformeren> Roteren.

Voer een hoek van 90 graden in en klik op de knop Kopiëren. Selecteer nu deze twee witte rechthoeken en klik op de knop Unite in het deelvenster Pathfinder (Venster> Pathfinder). Ga verder met het gereedschap Rechthoek (M) en focus en de tweede cirkel die in de vorige stap is gemaakt. Maak een 8 bij 2 px vorm, vul deze met wit en plaats deze zoals getoond in de derde afbeelding.


Stap 12

Kies het Ellips-gereedschap (L) en maak een 14px-cirkel. Vul deze met de hieronder getoonde lineaire gradiënt en plaats deze zoals getoond in de volgende afbeelding.


Stap 13

Selecteer de vorm opnieuw die in de vorige stap is gemaakt en ga naar Object> Pad> Offsetpad. Voer een -1px-offset in en klik op OK. Vul de resulterende vorm met wit en maak een kopie vooraan (Command + C> Command + F). Selecteer deze kopie en druk één keer op de pijl-omhoog. Selecteer deze twee witte cirkels opnieuw en klik op de knop Minus voorzijde in het deelvenster Pathfinder. De resulterende vorm zou eruit moeten zien in de vierde afbeelding.


Stap 14

Selecteer de vorm opnieuw die in de twaalfde stap is gemaakt en voeg een slag van 1 p op toe. Lijn het uit naar binnen, stel de kleur in op R = 130 G = 130 B = 130 en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik op OK.


Stap 15

Laten we doorgaan met de achtergrond. Kies het gereedschap Rechthoek (M), maak een vorm ter grootte van je tekengebied, vul deze met R = 188 G = 188 B = 188 en verzend deze naar achteren (Shift + Command + Left Square Bracket). Zorg ervoor dat deze nieuwe vorm nog steeds is geselecteerd, ga naar het deelvenster Vormgeving en voeg een nieuwe opvulling toe met de knop Nieuwe vulling toevoegen. Het is het kleine, witte vierkante pictogram onder in het Apperceive-paneel. Selecteer deze nieuwe vulling, maak deze zwart, verminder de dekking tot 3%, verander de overvloeimodus in Vermenigvuldigen en ga naar Effect> Artistiek> Filmkorrel. Voer de onderstaande gegevens in en klik op OK.


Stap 16

Herselecteer de vorm die in de vorige stap is gemaakt en voeg een derde vulling toe. Selecteer het in het deelvenster Uiterlijk en gebruik de hieronder getoonde radiale kleurovergang. Houd er rekening mee dat de gele nul van de verloopafbeelding staat voor het dekkingspercentage.


Stap 17

Herkies de twee cirkels gemaakt in stap # 10 samen met de vorm gemaakt in de tweede stap (en bewerkt in de derde stap) en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in, klik op OK en u bent klaar.


Conclusie

Nu is je werk af, zo moet het eruit zien. Ik hoop dat je deze tut leuk vond.