Share
I följande steg lär du dig hur du skapar en volymknapp. Allt börjar med tre koncentriska cirklar. Med hjälp av några intressanta strokeegenskaper tillsammans med grundläggande effekter skapar du volymen. Sedan använder du flera fyllningar och streck tillsammans med Pathfinder-alternativ och några nya effekter skapar du resten av knappen. Ge det ett försök och du kan lära dig några nya saker om att arbeta med slag.
Skapa ett 700x700px RGB-dokument. Slå först på rutnätet (Visa> Visa rutnät) och Snap to Grid (Visa> Snap to Grid). Därefter behöver du ett rutnät varje 10px. Gå till Redigera> Inställningar> Guider> Rutnät, skriv 10 i rutnätet varje ruta och 1 i rutan Indelningar. Du kan också öppna Info-panelen (Fönster> Info) för en live-förhandsgranskning med storleken och positionen på dina former. Glöm inte att byta måttenhet till pixlar från Redigera> Inställningar> Enhet> Allmänt. Alla dessa alternativ ökar din arbetshastighet avsevärt.
Gå först till Utseendepanelen eller till Verktygsfältet och ta bort färgen från stroke. Välj nu Ellipse Tool (L), skapa en 460 x 460px form och fyll den med R = 154 G = 154 B = 152. Välj den här första formen och gå till Objekt> Path> Offset Path. Ange en -30px Offset, klicka på OK och fyll i den resulterande formen med R = 213 G = 213 B = 213.
Återigen, välj den här nya formen och gå till Objekt> Path> Offset Path. Ange en -15px Offset, klicka på OK och fyll i den resulterande formen med R = 247 G = 248 B = 250. I slutet borde du ha tre koncentriska cirklar.
Nu lägger vi till bakgrunden. Välj Rektangelverktyget (M), skapa en form som storleken på din tavla och fyll den med R = 236 G = 238 B = 237. Skicka den till baksidan (Shift + Control + Vänster fästkonsol) och gå sedan till Utseendepanelen. Öppna utflyttningsmenyn och klicka på Lägg till ny fyllning. Självklart kommer detta att lägga till en andra fyllning för din form. Välj det från Utseendepanelen, gör det svart, sänk dess opacitet till 5% och ändra blandningsläget till Multiplicera och gå till Effekt> Konstnärligt> Filmkorn. Ange de data som visas nedan, klicka på OK och lägg till en tredje fyllning för den här formen. Sänk dess opacitet till 30% och ändra sedan blandningsmodus till Multiplicera och fyll sedan den med den radiella gradienten som visas nedan. Den gula nollpunkten från Gradient-bilden står för opacitetsprocent. Slutligen gå till panelen Lager och lås den här formen för att se till att du inte väljer eller flyttar den av misstag.
Inaktivera gallret (Visa> Dölj galler) och Snap to Grid (Visa> Snap to Grid). Välj den största cirkeln, sätt fyllfärgen på ingen, lägg sedan till en 20pt slag. Ställ in färgen vid R = 128 G = 130 B = 133 och gå till Objekt> Sti> Lägg till ankarpunkter. Välj direktmarkeringsverktyget (A), välj den nedre ankarpunkten (markerad i den andra bilden) och tryck på Delete-tangenten från tangentbordet. Markera den resulterande sökvägen och gå till Stroke-panelen (Fönster> Stroke). Markera Dash-rutan och ange 10pt i streckfönstret och luckorna. Flytta till höger och kolla på knappen som justerar streck i hörn och banor slutar, justera längden för att passa. Flytta till Profil-sektionen, öppna rullgardinsmenyn och välj "Breddsprofil 4" och klicka sedan på knappen Flip Along.
Återställ sökvägen som skapades i föregående steg och gå till Objekt> Expand Utseende. Ta bort start- och slutformen (pekad av pilarna) och välj sedan den återstående gruppen av former och gå till Objekt> Sammansatt väg> Gör.
Välj den sammansatta sökvägen som skapades i föregående steg och lägg till en stroke. Gör det 1pt bredt, rikta det inåt och sätt det på R = 88 G = 89 B = 91. Markera denna stroke från Utseendepanelen och klicka på knappen Kopiera markerad artikel längst ner på Utseendepanelen. Självklart kommer detta att skapa en kopia av den valda stroke. Välj den här nya stroke, gör den 0,5pt bred, sätt dess färg vid R = 247 G = 248 B = 250 och sänka dess opacitet till 80%. Återmarkera hela sammansatt sökvägen och gå till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan och klicka sedan på OK.
Låt oss flytta till nästa cirkel. Fyll först med R = 35 G = 31 B = 32. Välj denna fyllning från Utseendepanelen och gå till Effekt> Stylize> Inner Glöd. Ange de uppgifter som visas nedan, klicka på OK och lägg till en ny fyllning. Gör det svart, sänk dess opacitet till 8% och byt blandningsläge till Multiplicera och gå till Effect> Artistic> Film Grain. Ange igen uppgifterna nedan och klicka sedan på OK.
Håll fokus på formen från föregående steg. Återmarkera det och lägg till en stroke. Gör den 5pt bred, rikta den till utsidan och sätt den på R = 147 G = 149 B = 152. Lägg till en andra stroke för denna form, gör den 3pt bred och sätt dess färg vid R = 247 G = 248 B = 250. Återmarkera hela banan och gå till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan och klicka sedan på OK.
Välj den minsta cirkeln och gör två exemplar framför (Kontroll + C> Kontroll + F> Kontroll + F). Välj toppkopia och tryck ner pilen en gång och välj sedan båda kopiorna och klicka på knappen Minus Front från panelen Pathfinder. Du kommer att få en ganska tunn form. Ta det fram och fyll det med R = 154 G = 154 B = 152.
Återställ den minsta cirkeln och fyll den med R = 85 G = 86 B = 88. Välj denna fyllning och gå till Effekt> Stylize> Outer Glow. Ange de uppgifter som visas nedan, klicka på OK och lägg till en ny fyllning. Gör det svart, sänk dess opacitet till 8% och byt blandningsläge till Multiplicera och gå till Effect> Artistic> Film Grain. Ange de data som visas nedan, klicka på OK och lägg till en enkel stroke. Gör den 1pt bred, anpassa den till insidan, sätt in färgen vid R = 109 G = 110 B = 113 och sänka dess opacitet till 70%.
Välj de två cirkelformerna och duplicera dem. Välj dessa kopior och klicka på knappen Minus Front från panelen Pathfinder. Välj den resulterande formen och tryck D på tangentbordet. Detta lägger till standardegenskaperna (vit fyllning och svart slag) för denna form.
Välj den form som skapades i föregående steg, ta bort stroke och fyll sedan den med den radiella gradienten som visas nedan bild # 1. Lägg till en ny fyllning för denna form och använd den radiala gradienten som visas nedan bild # 2. Lägg till en tredje fyllning för denna form och använd den radiala gradienten som visas nedan bild # 3 och lägg sedan till en fjärde fyllning och använd den radiella gradienten som visas nedan och slutlig bild.
Välj Ellipse Tool (L) och klicka helt enkelt på din tavla. Ange 20 i rutorna bredd och höjd och klicka sedan på OK. Detta kommer att skapa en 20 till 20 px form. Fyll den med R = 88 G = 89 B = 91 och gå till Objekt> Path> Offset Path. Skriv in en -2px Offset, klicka sedan OK, Fyll den resulterande formen med R = 45 G = 41 B = 42 och gör sedan två kopior framför. Välj den översta kopian och tryck ner pilen en gång, välj sedan båda kopiorna och klicka på knappen Minus Front från panelen Pathfinder. Den resulterande formen ska se ut i den fjärde bilden.
Återmarkera 20 till 20 px form skapa i föregående steg. Markera befintlig fyllning från Utseendepanelen och gå till Effekt> Stylize> Inner Glöd. Ange de data som visas nedan, klicka på OK och lägg till en stroke. Gör den 2pt bred, rikta den inåt och sätt den på R = 128 G = 130 B = 133. Lägg till en andra stroke för denna form, gör den 3pt bred och sätt dess färg vid R = 247 G = 248 B = 250. Återmarkera hela banan och gå till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan och klicka sedan på OK.
Aktivera rutnätet (Visa> Visa rutnät) och Snap to Grid (Visa> Snap to Grid). Återmarkera de former som skapas i de föregående två stegen och gruppera dem. Välj den här gruppen och placera den enligt bilden nedan.
Inaktivera gallret (Visa> Dölj galler) och Snap to Grid (Visa> Snap to Grid). Återmarkera den sammansatta sökvägen och gör en kopia framför. Välj den här kopian, gå till Utseendepanelen och ersätt de två färgerna som visas nedan.
Välj rektangelverktyget (M), skapa en vit form och placera den som visas i den första bilden. Det bör täcka den vänstra halvan av den sammansatta banan. Markera den tillsammans med den sammansatta sökvägen som skapades i föregående steg och gå till panelen Transparens. Öppna menyn Fly-out och klicka på Make Opacity Mask. I slutet ska din knapp se ut i den tredje bilden.
Till sist, låt oss lägga till lite text. Använd Britannic Bold-teckensnittet eller något annat typsnitt som du gillar. Lägg till texten enligt nedan, sätt dess färg på R = 65 G = 64 B = 66 och gå till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan, klicka på OK och välj "Volym" och gå till Effekt> Varp> Arc. Ange de data som visas nedan och klicka på OK. Lägg också till två små cirklar ovanför texten "Min" och "Max". Fyll dem med R = 65 G = 64 B = 66 och lägg till samma diskreta Drop Shadow-effekt.
Här är det slutliga resultatet. För att ta denna tut vidare kan du prova några olika färger eller några andra knapp stilar för att göra en uppsättning. Jag hoppas att du har haft det här.
Accentsconagua