Share
I det här snabba tipset lär du dig att skapa en enkel uppsättning kartpinnar. Allt börjar med en enkel cirkel, några pixel perfekt vektor form byggnadsteknik och rundade hörn effekten. Därefter skapar vi de extra banorna med hjälp av Pathfinder-alternativen tillsammans med en massa enkla effekter. Slutligen använder vi några grundläggande maskerings- och blandtekniker. Låt oss börja!
Skapa ett 600x300px RGB-dokument. Först aktivera gallret (Visa> Visa galler) och Snap to Grid (Visa> Snap to Grid). Därefter behöver du ett rutnät var 1px. Gå till Redigera> Inställningar> Guider> Rutnät, ange 1 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.
Välj Rektangelverktyget (M) och skapa en 38px cirkel. Fyll den med en slumpmässig färg och ta bort färgen från stroke. Markera den här cirkeln, välj Convert Anchor Point Tool (Shift + C) och klicka på de nedre ankarpunkterna. I slutet ska din form se ut i den andra bilden.
Återställ den form som skapades i föregående steg, välj direktmarkeringsverktyget (A), välj nedre ankarpunkter och dra det 23px nedåt. Snap to Grid kommer att underlätta ditt arbete. I slutet ska din form se ut i den andra bilden.
Välj den form som redigerades i föregående steg. Välj direktmarkeringsverktyget (A), välj de vänstra förankringspunkterna och dra det nedre handtaget några pixlar nedåt som visas i den andra bilden. Återigen kommer Snap to Grid att underlätta ditt arbete. Fortsätt med Direct Selection Tool, välj de högra ankarpunkterna och dra det nedre handtaget några pixlar ner som du gjorde med vänsterförankringspunkten. Se till att dessa två ankarpunkter och deras handtag är symmetriska.
Återmarkera formen redigerad i de sista stegen och tre steg och ersätt den platta färgen som används för fyllningen med den linjära gradienten som visas nedan. Det vita talet från gradientbilden står för platsprocent.
Välj Ellipse Tool (L), skapa en 10px cirkel och placera den som visas på den första bilden. Välj den tillsammans med formen som skapades i föregående steg, öppna panelen Pathfinder (Fönster> Pathfinder) och klicka på knappen Minus Front.
Återmarkera den sammansatta sökvägen som skapades i föregående steg och gå till Effekt> Stylize> Rounded Corners. Ange en 5px radie, klicka på OK och gå till Objekt> Expand Utseende.
Återmarkera den sammansatta sökväg som redigerats i föregående steg och gå till Objekt> Sti> Förskjutningsväg. Ange en -2px Offset och klicka på OK. Duplicera den resulterande formen (Control + C> Control + F). Flytta den här kopian 1px upp. Markera den tillsammans med den ursprungliga formen som skapades i början av detta steg och klicka på knappen Minus fram från panelen Pathfinder. Vrid den resulterande gruppen av former till en sammansatt sökväg (Objekt> Sammansatt sökväg> Gör).
Återmarkera den sammansatta sökvägen som skapades i föregående steg, ändra dess blandningsläge till Överlagring och fyll i den linjära gradienten som visas i följande bild. De gula nollor från gradientbilden står för opacitetsprocent.
Återställ huvudförbundsbanan, öppna panelpanelen Utseende (Fönster> Utseende) och lägg till en stroke. Gör det 2pt bredt, sätt färgen på R = 125 G = 203 B = 236 och rikta in den till insidan. Gör att din form fortfarande är vald och lägg till en andra stroke med knappen Lägg till ny stroke. Det är den lilla svarta kvadratikonen från nederst, vänstra hörnet av Utseendepanelen. Välj den här nya stroke från Utseendepanelen, gör den 1pt bred, sätt dess färg på R = 0 G = 80 B = 157 och rikta in den till insidan.
Välj Ellipse Tool (L), skapa en 14px cirkel och placera den enligt bilden nedan. Fyll det med ingen och lägg till en 1pt stroke. Välj den från Utseckningspanelen, ställ in sin färg vid R = 125 G = 203 B = 236 (även den färg som används för 2pt slag från huvudförbundsbanan), rikta den till utsidan och gå till Effekt> Förvräng & Transformera> Zig Zag. Ange de data som visas nedan och klicka på OK.
Öppna panelen Transparens. Återmarkera den cirkel som skapades i föregående steg och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian, ta bort stroke och Zig Zag-effekten från Utseendepanelen och lägg till en svart fyllning. Markera den här svarta cirkeln tillsammans med den cirkel som skapades i föregående steg, öppna menyn Flyt-menyn på OH-panelen, klicka på Make Opacity Mask och avmarkera klipprutan. I stroke med zigzag-effekten bör det se ut i den fjärde bilden.
Plocka pennverktyget (P) och rita en 3pt, vertikal bana. Lägg till 1pt stroke för den här sökvägen och ställ in färgen vid R = 0 G = 80 B = 157 (även den färg som används för 1pt slag från huvudföreningsvägen). Se till att denna blåa streck är vald (i Utseendepanelen), öppna Stroke-panelen (Fönster> Stroke) och kolla på knappen Round Cap. Duplicera denna vertikala sökväg och placera de två banorna enligt bilden nedan. Återigen ska Snap to Grid underlätta ditt arbete.
Återmarkera de två vägar som skapades i föregående steg, gruppera dem (Control + G) och gå till Effekt> Förvränga och omvandla> Transformera. Ange de data som visas nedan och klicka på OK.
Återmarkera den huvudsakliga blåförbundsbanan, se till att ingen fyllning eller stroke är vald (i Utseendepanelen) och gå till Effekt> Stylize> Drop Shadow. Ange de data som visas nedan och klicka på OK.
Slutligen kan du använda olika uppsättningar av färger för din kartpinne.
Nu är ditt arbete gjort, du kan lägga till en snygg bakgrund. Så här ska det se ut. Jag hoppas att du har haft det här.
Accentsconagua