Share
In de volgende stappen leert u hoe u een volumeknop maakt. Het begint allemaal met drie concentrische cirkels. Met behulp van een aantal interessante streekeigenschappen en basiseffecten maakt u de volumelijn. Vervolgens maakt u met meerdere vullingen en streken samen met Pathfinder-opties en enkele nieuwe effecten de rest van de knop. Probeer het eens en misschien leer je nieuwe dingen over het werken met slagen.
Maak een 700 bij 700px, RGB-document. Schakel eerst het raster in (Weergave> Raster weergeven) en klik op Raster (Beeld> Uitlijnen op raster). Vervolgens heb je elke 10 px een raster nodig. Ga naar Bewerken> Voorkeuren> Gidsen> Raster, voer 10 in het vak Rasterlijn 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.
Ga eerst naar het deelvenster Vormgeving of naar de werkbalk en verwijder de kleur uit de streek. Kies nu de Ellips-tool (L), maak een 460 bij 460 px vorm en vul deze met R = 154 G = 154 B = 152. Selecteer deze eerste vorm en ga naar Object> Pad> Offset pad. Voer een -30px offset in, klik op OK en vul de resulterende vorm met R = 213 G = 213 B = 213.
Selecteer opnieuw deze nieuwe vorm en ga naar Object> Pad> Offsetpad. Voer een -15px offset in, klik op OK en vul de resulterende vorm in met R = 247 G = 248 B = 250. Uiteindelijk zou je drie concentrische cirkels moeten hebben.
Laten we nu de achtergrond toevoegen. Kies het gereedschap Rechthoek (M), maak een vorm ter grootte van je tekengebied en vul deze met R = 236 G = 238 B = 237. Stuur het naar achteren (Shift + Control + Left Square Bracket) en ga vervolgens naar het deelvenster Vormgeving. Open het fly-outmenu en klik op Nieuwe vulling toevoegen. Uiteraard voegt dit een tweede vulling toe voor je vorm. Selecteer het in het deelvenster Uiterlijk, maak het zwart, verminder de dekking tot 5% en wijzig de overvloeimodus in Vermenigvuldigen en ga vervolgens naar Effect> Artistiek> Filmkorrel. Voer de onderstaande gegevens in, klik op OK en voeg vervolgens een derde vulling toe voor deze vorm. Zet de dekking terug op 30% en verander dan de mengmodus in Vermenigvuldigen en vul deze vervolgens met de hieronder getoonde radiale gradiënt. De gele nul van de afbeelding Verloop staat voor Dekkingspercentage. Ga tenslotte naar het deelvenster Lagen en vergrendel deze vorm om te zorgen dat u deze niet per ongeluk selecteert of verplaatst.
Schakel de raster (weergave> raster verbergen) en de magnetisch uitlijnen (weergave> magnetisch raster) uit. Selecteer de grootste cirkel, plaats de vulkleur op nul en voeg een 20pt-lijn toe. Stel de kleur in op R = 128 G = 130 B = 133 en ga vervolgens naar Object> Pad> Ankerpunten toevoegen. Kies het gereedschap Direct selecteren (A), selecteer het onderste ankerpunt (gemarkeerd in de tweede afbeelding) en druk op de Delete-toets op je toetsenbord. Selecteer het resulterende pad en ga naar het deelvenster Lijn (Venster> Lijn). Vink vervolgens het vakje Dash aan en voer 10pt in het vak Dashboard en tussenruimte in. Ga naar rechts en vink de knop aan waarmee de streepjes worden uitgelijnd op de hoeken en paden wordt beëindigd, waarbij de lengte wordt aangepast. Ga naar het gedeelte Profiel, open het vervolgkeuzemenu en selecteer "Breedteprofiel 4" en klik vervolgens op de knop Omdraaien.
Selecteer het pad opnieuw dat in de vorige stap is gemaakt en ga naar Object> Uiterlijk uitbreiden. Verwijder de begin- en eindvormen (aangegeven door de pijlen), selecteer vervolgens de resterende groep vormen en ga naar Object> Samengesteld pad> Maken.
Selecteer het samengestelde pad gemaakt in de vorige stap en voeg een streek toe. Maak het 1pt breed, lijn het uit naar binnen en stel het in op R = 88 G = 89 B = 91. Selecteer deze lijn in het deelvenster Uiterlijk en klik op de knop Geselecteerde items dupliceren onder in het deelvenster Vormgeving. Dit zal uiteraard een kopie van de geselecteerde streek creëren. Selecteer deze nieuwe streek, maak deze 0.5pt breed, stel de kleur in op R = 247 G = 248 B = 250 en verlaag de dekking tot 80%. Selecteer het volledige samengestelde pad opnieuw en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik vervolgens op OK.
Laten we naar de volgende cirkel gaan. Vul het eerst met R = 35 G = 31 B = 32. Selecteer deze vulling in het deelvenster Uiterlijk en ga naar Effect> Stileren> Gloed binnen. Voer de onderstaande gegevens in, klik op OK en voeg vervolgens een tweede vulling toe. Maak het zwart, verminder de dekking tot 8% en verander de mengmodus in Vermenigvuldigen en ga vervolgens naar Effect> Artistiek> Filmkorrel. Voer nogmaals de onderstaande gegevens in en klik vervolgens op OK.
Blijf scherpstellen op de vorm van de vorige stap. Selecteer het opnieuw en voeg een streek toe. Maak het 5pt breed, lijn het uit naar buiten en stel het in op R = 147 G = 149 B = 152. Voeg een tweede streek voor deze vorm toe, maak deze 3pt breed en stel de kleur in op R = 247 G = 248 B = 250. Selecteer het hele pad opnieuw en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik vervolgens op OK.
Selecteer de kleinste cirkel en maak twee kopieën vooraan (Control + C> Control + F> Control + F). Selecteer de bovenste kopie en druk één keer op de pijl-omlaag en selecteer opnieuw beide exemplaren en klik op de knop Minus-voorzijde in het deelvenster Pathfinder. Je krijgt een vrij dunne vorm. Breng het naar voren en vul het met R = 154 G = 154 B = 152.
Selecteer de kleinste cirkel opnieuw en vul deze met R = 85 G = 86 B = 88. Selecteer deze vulling en ga naar Effect> Stileer> Gloed buiten. Voer de onderstaande gegevens in, klik op OK en voeg vervolgens een tweede vulling toe. Maak het zwart, verminder de dekking tot 8% en verander de mengmodus in Vermenigvuldigen en ga vervolgens naar Effect> Artistiek> Filmkorrel. Voer de onderstaande gegevens in, klik op OK en voeg vervolgens een eenvoudige lijn toe. Maak het 1pt breed, lijn het uit naar binnen, stel de kleur in op R = 109 G = 110 B = 113 en verminder de dekking tot 70%.
Selecteer de twee cirkelvormen en dupliceer ze. Selecteer deze exemplaren en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Selecteer de resulterende vorm en druk op D op je toetsenbord. Hiermee worden de standaardeigenschappen (witte vulling en zwarte lijn) voor deze vorm toegevoegd.
Selecteer de vorm die in de vorige stap is gemaakt, verwijder de lijn en vul deze met de radiale gradiënt die onder afbeelding # 1 wordt weergegeven. Voeg een tweede opvulling toe voor deze vorm en gebruik de radiale kleurovergang onder afbeelding # 2. Voeg een derde vulling toe voor deze vorm en gebruik de radiale gradiënt die onder afbeelding # 3 wordt weergegeven, voeg vervolgens een vierde vulling toe en gebruik de hieronder getoonde radiale gradiënt en vervolgens de uiteindelijke afbeelding.
Kies het Ellips-gereedschap (L) en klik eenvoudig op uw tekengebied. Voer 20 in de vakken width en height in en klik op OK. Hiermee wordt een 20 bij 20 px vorm gemaakt. Vul het met R = 88 G = 89 B = 91 ga dan naar Object> Pad> Offset pad. Voer een -2px-verplaatsing in en klik vervolgens op OK, vul de resulterende vorm in met R = 45 G = 41 B = 42 en maak vervolgens twee kopieën vooraan. Selecteer de bovenste kopie en druk één keer op de pijl-omlaag en selecteer vervolgens opnieuw beide exemplaren en klik op de knop Minus voorzijde in het deelvenster Pathfinder. De resulterende vorm zou eruit moeten zien in de vierde afbeelding.
Selecteer opnieuw de vorm van 20 bij 20 px in de vorige stap. Selecteer de bestaande vulling in het deelvenster Uiterlijk en ga naar Effect> Stileren> Gloed binnen. Voer de onderstaande gegevens in, klik op OK en voeg vervolgens een streek toe. Maak het 2pt breed, lijn het uit naar binnen en stel het in op R = 128 G = 130 B = 133. Voeg een tweede streek voor deze vorm toe, maak deze 3pt breed en stel de kleur in op R = 247 G = 248 B = 250. Selecteer het hele pad opnieuw en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in en klik vervolgens op OK.
Schakel het raster in (weergave> raster weergeven) en klik op raster (weergave> magnetisch uitlijnen). Selecteer opnieuw de vormen die in de vorige twee stappen zijn gemaakt en groepeer ze. Selecteer deze groep en plaats deze zoals getoond in de volgende afbeelding.
Schakel de raster (weergave> raster verbergen) en de magnetisch uitlijnen (weergave> magnetisch raster) uit. Selecteer het samengestelde pad opnieuw en maak een kopie vooraan. Selecteer deze kopie, ga naar het deelvenster Vormgeving en vervang de twee hieronder getoonde kleuren.
Kies het gereedschap Rechthoek (M), maak een witte vorm en plaats deze zoals in de eerste afbeelding. Het moet de linker helft van het samengestelde pad bedekken. Selecteer het samen met het samengestelde pad gemaakt in de vorige stap en ga naar het paneel Transparantie. Open het fly-outmenu en klik op Dekkingsmasker maken. Uiteindelijk zou je knop eruit moeten zien in de derde afbeelding.
Laten we tot slot nog wat tekst toevoegen. Gebruik het Britannic Bold-lettertype of een ander lettertype dat u bevalt. Voeg de tekst toe zoals hieronder getoond, stel de kleur in op R = 65 G = 64 B = 66 ga dan naar Effect> Stileren> Slagschaduw. Voer de onderstaande gegevens in, klik op OK en selecteer vervolgens "Volume" en ga naar Effect> Verdraaien> Boog. Voer de onderstaande gegevens in en klik op OK. Voeg ook twee kleine cirkels toe boven de tekst 'Min' en 'Max'. Vul ze met R = 65 G = 64 B = 66 en voeg hetzelfde discrete slagschaduweffect toe.
Dit is het eindresultaat. Om deze tut verder te nemen, kun je een aantal verschillende kleuren of een paar andere knopstijlen proberen om een set te maken. Ik hoop dat je deze tut leuk vond.
Accentsconagua