Share
I följande handledning ser vi på hur man skapar en vektorvägsdesign runt en form, som liknar de nodelement du ser i ett vektorprogram. Vi arbetar i Adobe Illustrator med utseendepanelen och en mönsterborste för att skapa denna design som ingår i Tuts + Workshop: Alfabet Design Challenge!
Öppna Adobe Illustrator och klicka på Command + N för att skapa ett nytt dokument. Ange 600 i rutorna bredd och höjd och klicka sedan på knappen Avancerat. Välj RGB, Screen (72ppi) och se till att rutan "Justera nya objekt till pixelgrid" är avmarkerad innan du klickar på OK.
Lägg till en enkel "V" med hjälp av typverktyget (T). Ställ in färgen vid R = 255 G = 222 B = 23, använd "Script MT Bold" -fonten med storleken inställd på 400pt och gå till Typ> Skapa konturer (Shift + Control + O). Flytta till panelen Lager och Ungroup (Shift + Control + G) den resulterande formen.
Välj den form som gjordes i föregående steg och gör en kopia framför (Kontroll + C> Kontroll + F). Välj den här kopian och ta direkt valverktyget (A). Håll skift, klicka på ankarpunkten markerad i den andra bilden och tryck sedan på Delete-tangenten från tangentbordet. Till slut borde du få den lilla ankarpunkten från den tredje bilden.
Återställ ankarpunkten från föregående steg, fokusera på Utseendepanelen och lägg till en vit streck. Välj den, gör den 3pt bred och gå till Effect> Convert to Shape> Rectangle. Ange data som visas nedan, klicka på OK och återgå till Utseendepanelen.
Lägg till en andra stroke för denna ankarpunkt med knappen Lägg till ny stroke längst ner på Utseendepanelen. Välj den, gör den 1pt bred, sätt färgen till svart och gå till Effekt> Konvertera till Form> Rektangel. Ange data som visas i följande bild och klicka på OK. Se till att den här ankarpunkten fortfarande är vald och dra den helt enkelt inuti panelen Färger. Detta sparar det som ett mönster. Dubbelklicka på det här nya mönstret och namnge det "Start & End Tile". Vi behöver det senare när vi ska skapa en mönsterborste.
Återställ den gula formen och gör en kopia framför (Control + C> Control + F). Välj den här kopian, ta tag i Direct Selection Tool (A), håll Shift, klicka på ankarpunkten markerad i den andra bilden och tryck sedan på Delete-tangenten från tangentbordet. Återigen ska du sluta med en enkel ankarpunkt. Därefter måste du kopiera egenskaperna som användes i föregående steg och klistra in dem på den här nya ankarpunkten. Du kan enkelt göra det med hjälp av ikonen för mål. Flytta till panelen Lager, fokusera på höger sida och du märker att varje form kommer med en liten grå cirkel, det är en målikon. Håll Alt, klicka på målikonen som står för ankarpunkten redigerad i föregående steg och dra till målsymbolen som står för den nya ankarpunkten.
Fortsätt att fokusera på din gula form och upprepa tekniken som nämns i föregående steg för resten av ankarpunkterna.
Använd rektangelverktyget (M) genom att klicka på din tavla. Ange 5 i breddrutan och 1 i höjdlådan och klicka sedan på OK. Detta bör skapa en 5 x 1x rektangel. Välj den, fyll i den med svart, öppna panelborstarna (Fönster> Borstar) och klicka på Ny borste. Kontrollera Mönstret Pensel-knappen och klicka på OK. Välj ett namn för din pensel och dra sedan ner till rutorna. Välj Start och End-plattorna och lägg till "Start & End Tile" -mönstret. Du borde hitta den i din lista under kakellådorna. Slutligen klickar du på OK och du borde hitta din nya mönsterborste i borstpanelen. När du har fått den här mönstret borsten kan du ta bort den svarta rektangeln från panelen Lager.
Fokusera på undersidan av din gula vektorbana. Använd pennverktyget (P) genom att lägga till några enkla vägar för de nedre ankarpunkterna som visas i den första bilden. Välj alla tre banor och byt ut den svarta stroken med mönsterkursten som gjordes i föregående steg. I slutet skulle sakerna se ut i den andra bilden.
Därefter måste du redigera de ankarpunkter som du lade till de mönstrade banorna. Välj en av dessa ankarpunkter och fokusera på Utseendepanelen. Först, ta bort den vita stroke. Välj sedan svart slag, öka dess storlek till 3pt och öppna den befintliga rektangel-effekten och redigera den enligt bilden nedan. Flytta till panelen Lager och använd dessa målikoner för att lägga till samma egenskaper för de andra två ankarpunkterna.
Återmarkera den gula banan, fokusera på Utseendepanelen och lägg till en ny fyllning med knappen Lägg till ny fyllning. Välj den här nya fyllningen, ändra blandningsläge till Mjukt ljus, sänka opacitet till 70%, lägg till den linjära gradienten som visas nedan och gå till Effekt> Path> Offset Path. Ange en -3px-offset och klicka på OK. Fortsätt fokusera på Utseendepanelen, lägg till en stroke för denna form, gör den svart och 1pt bred. Den gula nollpunkten från gradientbilden står för opacitetsprocent.
Se till att din gula vektorbana fortfarande är vald och fokusera på Utseendepanelen. Välj den gula fyllningen och gå till Effect> Path> Offset Path. Ange en 0,5 px-offset, klicka på OK och gå till Effekt> Förvräng & Transformera> Transformera. Ange data som visas nedan, klicka på OK och återgå till Utseendepanelen. Lägg till en ny fyllning för den här formen, dra den längst ner på Utseendepanelen och ställ in dess färg vid R = 255 G = 242 B = 77. Återställ din "V" -väg, se till att ingen fyllning eller stroke är vald (i Utseendepanelen) och gå till Effekt> Stylize> Drop Shadow. Ange data som visas i det vänstra fönstret, klicka på OK och gå till Effekt> Stylize> Drop Shadow. Ange data som visas i det högra fönstret och klicka på OK.
Gå till Redigera> Inställningar> Allmänt och sätt in tangentbordsökningen på 0.25px. Använd Rektangelverktyget (M), skapa en 12 px kvadrat, fyll den med R = 203 G = 203 B = 203 och duplicera den (Control + C> Control + F). Välj den här kopian och tryck på vänsterpil och uppåtpil en gång för att flytta den 0.25px upp och till vänster. Återmarkera båda rutorna, öppna panelen Pathfinder och klicka på knappen Minus Front. Välj den resulterande sökvägen, vrid den till ett mönster och ta bort det från panelen Lager.
Med Rektangelverktyget (M), skapa en form som storleken på din tavla, fyll den med R = 250 G = 250 B = 250 och skicka den till baksidan (Shift + Control + [).
Återmarkera rektangeln som gjordes i föregående steg, fokusera på Utseendepanelen och lägg till en andra fyllning. Välj det, lägg till det mönster som gjordes i det tolfte steget och du är klar.
Nu är ditt arbete gjort. Så här ska det se ut. Jag hoppas att du är inspirerad att delta i vår senaste Tuts + Workshop: Alfabet Design Challenge.
Accentsconagua