Gör en torn vektor skrivbordsunderlägg med vinklad text

Denna handledning är perfekt för Adobe Illustrator-artisten som vill ta sina färdigheter till nästa nivå. Du lär dig hur du arbetar med typ för att göra en cool skrivbordsunderlägg och lägga på ärr för att slutföra designen. Låt oss ta itu med det!

Slutlig bildförhandsvisning

Nedan är den slutliga designen vi ska arbeta för. Detta skrivbord är utformat på 1680 pixlar med 1050 pixlar. 

Steg 1

Ställ in ditt dokument upp till vilken storlek du vill skapa ditt skrivbord på. Därefter ritar du en rektangel med hjälp av rektangelverktyget (M) och fyller den med en färg du väljer. Sätt denna rektangel på eget lager. När du gör en design som har flera element är det en bra idé att lägga varje objekt på eget lager också. Tänk på detta när du lägger till fler objekt i designen, eftersom jag inte kommer att påpeka när jag lägger till nya lager i denna handledning.

Steg 2

Lägg till ett vittigt och kortt sagt att du kan bryta upp i flera bitar för att skapa en design. Jag har använt ITC Franklin Gothic för min text. För att snabbt komma åt typpanelen trycker du på Kommando + T.

Steg 3

Vinkla typen för att ge den ett unikt utseende. Att fiska typen är lika enkelt som att välja den och sväva musen nära en av hörnen. Genom att använda Direct Selection Tool (V) när markören ändras till en dubbelsidig pil kan du rotera typen. När du roterar håller du ned Shift-tangenten för att enkelt rotera den i 45 graders vinkel.

Steg 4

När du börjar lägga ut texten, försök ordna det så att hela ordstaven faller inom mitten av designen. Som du kommer märka har jag gått fram och placerat de större orden i ett mönster som jag gillar. När du har gjort detsamma kan du fortsätta bygga de andra orden runt de befintliga bokstäverna.

Steg 5

Fortsätt att duplicera orden, blanda dem och prova olika kombinationer så att de passar bra bredvid varandra. Dubbelkopiera orden snabbt genom att hålla ned alternativknappen medan du klickar och drar. Det är OK att låta ditt konstverk överlappa kanterna på tavlan just nu.

Steg 6

Observera hur layouten ser full och komplett ut (med undantag för det lilla området till höger som jag lägger till mitt namn och VECTORTUTS-logotypen till.)

Steg 7

För att göra texturen i bakgrunden använder du en enkel ellips som vi blir till en scatterborste så att vi snabbt kan skapa en textur. Rita en ellipse med hjälp av Ellipse Tool (L). Fyll den med svart.

Steg 8

Öppna dina penslar (F5) och dra ellipsen i paletten Penslar. När du gör det öppnas en dialogruta. Välj Ny scatterborste och klicka på OK.

Steg 9

Dialogrutan Spridborstealternativ har flera alternativ som hjälper dig att skapa slumpmässiga mönster. Ange din storlek, spridning och spridning till slumpmässig. Justera de små trianglarna markerade nedan för att inkludera negativa och positiva tal på varje skjutreglage. Detta kommer att se till att din pensel har tillräckligt med variation. Du behöver naturligtvis inte justera rotationsalternativet eftersom formen är en cirkel.

Steg 10

Välj ellipsen i paletten Penslar och välj sedan Paintbrush Tool (B). Rita bara en godtycklig form och du kommer omedelbart att ha en textur som liknar den nedan!

Om du inte gillar hur borsten målar, dubbelklickar du på ellipsen i paletten Penslar och redigerar alternativen. Om du gör några ändringar efter att du redan har målat en form, kommer du att bli ombedd att byta dialogrutan Brush Change Alert. Du kan Applicera på Strokes eller Lämna slag som visas nedan.

Steg 11

Fortsätt bygga upp dina former. När du har en massa former byggd upp måste du expandera dem. Välj alla dina former och gå till Objekt> Expand Utseende. När du har utvidgat dina objekt ser du att det finns små linjer (gul prick) i formerna. Använd Direct Selection Tool (V) för att välja dessa former och radera dem. Därefter väljer du massan av prickar och använder sökvägen och väljer Lägg till i formområde (vänster grön punkt) och klickar sedan på Expand (rätt grön punkt).

Steg 12

Du är nu kvar med en massa prickar som är helt sammanfogade i en form.

Steg 13

Placera formen över hörnen av konstverket. Markera alla fyra avsnitt av punkter och välj Lägg till formområde och Expand som vi gjorde i steg 11.

Steg 14

Du kan trimma prickarna till kanten av konstverket genom att rita en rektangelform över där du vill att prickarna ska avskuras. Därefter väljer du Subtraher from Shape Area (vänster gul punkt) följt av Expand (höger gul punkt).

Justera prickens opacitet med hjälp av paletten Transparency. Jag har bestämt att en opacitet på 29 är lämplig för denna layout.

Steg 15

Gör andra prickar som är vita för att lägga till en annan nivå av intresse för designen.

Steg 16

Vi lägger till en strålkastareffekt för designen genom att rita en rektangel med hjälp av rektangulärverktyget och ge den en radial gradient. Öppna Gradient Panel genom att gå till Window> Gradient. Klicka på Gradient Slider och använd Färgpaletten (F6) för att finjustera färgerna.

Steg 17

Flytta hela rektangeln över konstverket. På fliken Överblick väljer du Multiplicera från rullgardinsmenyn. Detta gör det möjligt att se ditt konstverk under gradienten.

Steg 18

För att skapa en sönderriven papperseffekt, rita en godtycklig form med pennaverktyget (N). Det enklaste sättet att stänga en öppen form är att hålla ner alternativtangenten när du är klar att stänga formen.

Steg 19

Använd fortfarande blyertsverktyget, dra två andra sönderdelade pappersformer som representerar kanterna på papperet när det krövar uppåt.

Steg 20

Ge den krökta delen av papperet en svart till vit gradient.

Steg 21

Lägg till ett inre glöd genom att gå till Effekt> Stylize> Inner Glow. Ställ in läget till skärm och opacitet till ungefär 25. Din oskarpa storlek kanske inte exakt vad jag visar i mitt exempel. Se bara till att din ser bra ut till dig och tryck sedan på OK.

Steg 22

Ge formen en droppskugga genom att gå till Effekt> Stylize> Drop Shadow. Ställ in ditt läge på Multiplicera, din opacitet till cirka 75, din X och Y Offset till 0 och Blur. Tryck på OK.

Steg 23

Upprepa dessa steg för den andra sidan av papperskanten, eller när du tillämpar effekten kan du välja båda böjda papperskanterna så att effekten kommer att appliceras både på samma gång!

Du har nu en effektiv sönderrivet papperseffekt. Placera det reviga papperet över kanten av ditt konstverk för att slutföra designen.

Slutlig bild

Så här ser det slutliga skrivbordet ut. Det sista steget är att spara konstverket för användning på skrivbordet. Gå till Objekt> Slice> Clip till Artboard. Gå till Arkiv> Spara för webb och enheter, och spara sedan ditt konstverk med dina önskade inställningar. Allt som finns kvar är att ställa in bilden som skrivbord!

Du borde nu vara väl på väg att utforska alla de kraftfulla funktioner som Adobe Illustrator har att erbjuda.

Bonus

Som en extra bonus har jag inkluderat en mängd olika storlekar på skrivbordet som utformades i den här handledningen för att du ska ladda ner:

  • 1920x1200px
  • 1680x1050px
  • 1440x900px
  • 1280x1024px
  • 1280x800px
  • 1024x768px
  • iPhone 320x480px