Snelle tip Leer hoe u een knop Downloaden voor stijl maken kunt maken

In de volgende tutorial leer je hoe je een schone downloadknop maakt in Adobe Illustrator. Door eerst het gereedschap Rechthoek en enkele eenvoudige effecten te gebruiken, maakt u de algemene vorm van de knop. Vervolgens, met behulp van een aantal andere basisgereedschappen en effect, samen met enkele mooie kleuren en patronen, maakt u de pijlvorm. Ten slotte gebruikt u voor de tekst een vet lettertype, samen met enkele eenvoudige effecten.


Stap 1

Maak een 700 bij 240, RGB-document. Schakel eerst het raster (Weergave> raster) en het magnetisch raster (aanzicht> magnetisch raster) in. Vervolgens heb je elke 10 px een raster nodig. Ga naar Bewerken> Voorkeuren> Gidsen & raster, voer 10 in het vak Gridlijn elk in en 1 in het vak Onderverdelingen.

Je moet ook het informatiepaneel (Venster> Info) openen voor een live preview met de grootte en positie van je 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

Laten we beginnen met het gereedschap Rechthoek (M). Maak een vorm van 600 bij 120 pixels, vul deze met elke gewenste kleur en ga vervolgens naar Effect> Stileer> Afgeronde hoeken. Voer een straal van 65px in, klik op OK en ga vervolgens naar Object> Uiterlijk uitvouwen.


Stap 3

Selecteer de vorm die in de vorige stap is gemaakt, vervang de vulkleur door de hieronder getoonde lineaire gradiënt en voeg vervolgens een witte lijn toe. Maak het 2pt breed en lijn het uit naar binnen en open vervolgens het uitvouwmenu van het deelvenster Uiterlijk en klik op Nieuwe lijn toevoegen. Hiermee wordt een tweede streek voor uw vorm toegevoegd. Maak het 1pt breed, lijn het uit naar binnen en stel de kleur in op R = 210 G = 210 B = 210. Ten slotte selecteer je opnieuw het volledige pad en ga je naar Effect> Stileren> Slagschaduw. Voer de gegevens in die in de volgende afbeelding worden weergegeven en klik vervolgens op OK.


Stap 4

Kies het gereedschap Rechthoek (M), maak twee nieuwe vormen en plaats ze zoals in de eerste afbeelding. De Snap to Grid zal uw werk vergemakkelijken. Grijp het gereedschap Direct selecteren (A) en focus op de onderste vorm. Selecteer de ankerpunten gemarkeerd in de tweede afbeelding en ga naar Object> Pad> Gemiddeld. Controleer beide en klik vervolgens op OK. De resulterende vorm moet er uitzien als een driehoek. Selecteer deze samen met de andere rechthoek en klik op de knop Verenigen in het deelvenster Pathfinder. De resulterende vorm zou op een eenvoudige pijl moeten lijken. Selecteer het en ga naar Effect> Stileer> Afgeronde hoeken, voer een straal van 5 px in en klik vervolgens op OK.


Stap 5

Selecteer de pijlvorm en ga naar Object> Pad> Offsetpad. Voer een 5px-offset in en klik op OK. Selecteer de resulterende vorm en ga naar Object> Uiterlijk uitvouwen.


Stap 6

Selecteer de vorm gemaakt in de vorige stap samen met de afgeronde rechthoek en klik op de knop Minus voorzijde in het deelvenster Pathfinder. Nu zou je vorm eruit moeten zien in de tweede afbeelding.


Stap 7

Selecteer de resterende pijlvorm en ga naar Object> Uiterlijk uitvouwen. Vul de resulterende vorm met de hieronder getoonde lineaire gradiënt en voeg vervolgens een eerste streek toe. Maak het 2pt breed, lijn het uit naar binnen en stel de kleur in op R = 141 G = 210 B = 63. Voeg vervolgens een tweede streek toe voor deze pijlvorm. Maak het 1pt breed, lijn het uit naar binnen en stel de kleur in op R = 0 G = 148 B = 68.


Stap 8

Open het fly-outmenu van het deelvenster Stalen en ga naar Open stalenbibliotheek> Patroon> Basisafbeeldingen> Basisafbeeldingen. Dit opent een paneel met een set mooi patroon. Selecteer de pijlvorm, open het uitvouwmenu van het deelvenster Vormgeving en klik op Nieuwe opvulling toevoegen. Uiteraard voegt dit een tweede vulling toe voor je vorm. Selecteer het in het deelvenster Vormgeving, verminder de dekking tot 10%, wijzig de overvloeimodus in Vermenigvuldigen en gebruik vervolgens het 6 lpi 50% patroon. Uiteindelijk zou je pijl eruit moeten zien in de volgende afbeelding.


Stap 9

Kies het gereedschap Tekst (T), klik op uw tekengebied en voeg uw tekst toe. Gebruik het Britannic Bold-lettertype met een grootte van 80pt en ga vervolgens naar Object> Uitbreiden. Selecteer de resulterende vormen en ga naar Object> Samengesteld pad> Maken.


Stap 10

Selecteer het pad gemaakt in de vorige stap, vul het met R = 215 G = 215 B = 215 en ga vervolgens naar het deelvenster Vormgeving. Selecteer de vulling en ga naar Effect> Stileren> Gloed binnen. Voer de onderstaande gegevens in, klik op OK en ga vervolgens naar Effect> Stileren> Slagschaduw. Voer de gegevens in die in de volgende afbeelding worden weergegeven en klik vervolgens op OK.


Stap 11

Tenslotte selecteert u opnieuw de vorm die u in de zesde stap hebt gemaakt en voegt u een tweede vulling toe. Selecteer het in het deelvenster Vormgeving, verminder de dekking tot 40% en gebruik vervolgens de radiale kleurovergang die wordt weergegeven in de volgende afbeelding. De gele nul van de verloopafbeelding staat voor dekkingspercentage.


Conclusie

Nu is je werk af. Dit is hoe het eruit zou moeten zien. Vervang de groene tinten door andere kleuren zoals weergegeven in de volgende afbeelding. U kunt ook een ander patroon voor de pijl proberen of u kunt de kleuren wijzigen die voor de knop en de tekst worden gebruikt. Genieten!