Share
I följande Snabbtips lär du dig att skapa en retro ikonstil. Du kommer att använda en vanlig webbsymbol och Utseendepanelen för att skapa en retrostil som kan återanvändas på allt från ikoner till text. Detta är den perfekta handledningen för nybörjare som vill lära sig mer om Utseendepanelen. Låt oss börja!
Eftersom denna design är avsedd att användas som en webikon, börjar du med att skapa en 96x 96 pixel tavla. Andra populära storlekar för webbikoner är 48px och 16px. Ställ in enheterna i pixlar.
Eftersom det här är en grundläggande handledning använder vi några färdiga ikoner från Symbolbiblioteket. Gå till Fönster> Symbolbibliotek> Webbikoner. Jag har valt saxikonen för att visa effekten på. Dra symbolen till mitten av tavlan och skala den så att den är ungefär 64px hög.
Bryt länken mellan symbolen och biblioteket genom att antingen gå till Objekt> Expand Utseende, eller om du arbetar med en symbol som behöver vissa delar grupperade och raderade kan du använda Shape Builder Tool (Shift + M) för att kombinera och subtrahera områden i illustrationen (i tidigare versioner av illustratorn kan du använda Pathfinder-inställningarna).
Med symbolen som jag använder, högerklickade jag på symbolen för att bryta länken och tog verktyget Shape Builder för att ta bort de vita cirklarna från handtaget. Du kan göra det genom att hålla ned alternativet och klicka på de områden som måste raderas.
Öppna Utseendepanelen genom att gå till Windows> Utseende. Gå till "fx"-knappen längst ner på Utseendepanelen och navigera till Konvertera till Form> Ellipse och ange en Absolut bredd och höjd på 92 px.
I Utseendepanelen klickar du på knappen Lägg till ny fyllning längst ner på panelen för att göra en ny fyllning över den första i en kontrasterande färg, jag använder gula.
Klicka på den första fyllningen och ändra den från standard svart till en ljusgrå eller en annan färg som ser bra ut med symbolens färg.
Välj Ellipsefyllningsfärgen i Utseendepanelen och gå till "fx"och navigera till Distort & Transform> Transformera och flytta fill 3px Horisontal och 3px Vertikal, klicka på OK.
I Utseckningspanelen klickar du på knappen Lägg till ny fyllning längst ner på panelen för att göra en ny fyllning över den första symbolfärgen i en nyans en mörkare nyans i en färg som komplimangerar den första. Jag använder bruna.
Med den andra fyllningsfärgen fortfarande vald, gå till "fx"och navigera till Distort & Transform> Transformera och flytta fill 1px Horisontal och -1px Vertikal, klicka OK.
Med den andra fyllningsfärgen fortfarande vald, gå till "fx"och navigera till Pixelate> Färg Halvton och ställa in Max Radius till 8 px, klicka på OK.
Du borde sluta med en effekt som exempel nedan.
Klicka på opacitetens inställningar för halvtonsfyllningen och ändra den till Multiplicera med en opacitet på 25%.
Vi kommer nu att lägga till de sista anknytningarna till effekten. Först lägger vi till lite spannmål. Med det markerade objektet, gå till "fx"-knappen och navigera till Texture> Grain. Spela med inställningarna Intensity and Contrast tills du hittar en stil du gillar, jag har använt en intensitet på 30 och kontrasten på 45. Klicka på OK.
Lägg sedan till en rundad hörnseffekt i halvtonsfyllningen. Gör detta genom att välja halvtonsfyllningen och gå till "fx"och navigera till Stylize> Round Corners. Förhandsgranska radien för att se till att effekten ser bra ut. Jag har använt 2px. Ikonens skala påverkar hur bra de avrundade hörnen ser ut och hur många px du ska använda.
Lägg till effekten på panelen Grafiska format (Fönster> Grafiska format) genom att klicka på knappen Ny grafisk stil längst ned på panelen.
Du kommer nu att ha en grafisk stil som kan tillämpas på många olika former och ikoner för att skapa en snabb uppsättning retro ikoner. För att ta denna handledning vidare kan du redigera och ändra halvtonslagret i den stil du har skapat för att skapa en rad retrostilar utan att behöva starta från början. Se vad du kan komma med och gärna dela ditt arbete på Vectortuts + Facebook-sidan.
Om du haft den här handledningen kanske du gillar "Hur man gör en återanvändbar ikonstil med hjälp av Utseendepanelen" som kommer att styra dig genom processen att skapa en ikon med grundläggande former och sökverktyget, och sedan hur man lägger till ett snyggt re- användbar stil. Ha så kul!
Accentsconagua