Så här använder du Scribble Effects i Illustrator

Det finns många Illustrator verktyg som många av oss aldrig har använt, vilket är förståeligt. Vi har ofta ett arbetsflöde som vi har hittat effektiva och håller fast vid det. Ibland är det dock en bra idé att spricka open Illustrator och ta en titt på några av dess underutnyttjade funktioner. Scribble effekter är värda att titta på, eftersom de är ett snabbt sätt att lägga till textur på dina mönster och lite personlighet.

Den textur som läggs till liknar effektens namn (skribbar), men det finns en hel del varians du kan styra, och du kan också lägga till en slumpmässig känsla. Låt oss ta en närmare titt på hur du använder den här effekten och hur du kan bli kreativ med den!

Slutlig bildförhandsvisning

Nedan är en av mönster från den slutliga uppsättningen Photoshop Borstar vi ska arbeta för i denna handledning, efter att ha förklarat hur Scribble Effect fungerar i Illustrator. Vill du ha tillgång till hela Vector Source-filerna (och ABR-borstar), samt nedladdningsbara kopior av varje handledning, inklusive den här? Bli med Plus Plus för bara 9 $ per månad.

Handledning detaljer

  • Program: Adobe Illustrator CS4
  • Program: Adobe Photoshop CS4
  • Svårighet: Nybörjare - Mellanliggande
  • Beräknad slutförd tid: 1 timme

Introduktion

I denna handledning tar vi en närmare titt på alla alternativ inom Scribble Effect-menyn. Sedan ska jag visa dig hur man applicerar den på en rektangulär design och en enkel blommedesign. Jag kommer även att gå igenom hur du skapar en uppsättning Photoshop-borstar som använder denna effekt.

Eftersom Scribble Effect kan producera intressanta texturer, som kan förekomma handgjorda, tjänar det som ett utmärkt verktyg för att skapa en intressant stämpelborste för Photoshop. Jag skapade en uppsättning Scribble-borstar med den här metoden nyligen för Psd Plus, och du kan se resultaten i denna utgåva Floral Scribble Photoshop Borstar - Psd Plus Pack.

Tänk på att det finns en hel del mer du kan potentiellt skapa med denna effekt. Du kan använda Scribble Effecten för att skapa lukt som mönster för att skygga dina karaktärsdesigner, barnsliga skribbar och mycket mer. Videotillgängligheten Titta på Scribble-effekten i Illustrator från Creative Suite Podcast visar det här verktyget och ger några tips om möjliga användningsområden som Flash-animeringar, vilket verkligen breddar omfattningen av kreativa möjligheter. Detta är ett av de verktyg som när du öppnar det gör att du vill spela med det. Resultaten är även lekfulla, så experimentera bort!

Illustrator CS4 levereras med en uppsättning Scribble Effects som du kan öppna och använda, eller bara analysera. Observera att många av dem har mer än en skribel effekt (som visas i Utseendepanelen nedan). Du kan se att det finns två fyllningar med både Scribble Effects applicerade här. Du kan öppna dessa genom att gå till Windows> Grafiska stilbibliotek> Skribbeleffekter.

Bakgrund

Innan du tittar på Scribble Effects är det en bra idé att få en förståelse av vilka effekter som finns i Illustrator, och de fördelar de erbjuder över att använda Filters. Du bör också ha en grundläggande förståelse för vilka Utseende är och vilka alternativ som Utseendepalet erbjuder.

Det finns en artikel som heter Arbeta mest effektivt med effekter över på lagens tidskriftssida. Den använder även Scribble Effect för många av exemplen, och är en bra artikel att läsa för att förstå effekter innan du fortsätter med den här handledningen. Även om det är begränsat, skulle det vara en bra idé att läsa vad Illustrator hjälp har att säga om Skapa en skiss genom att använda Skribble-effekten. Nu ska vi komma igång!

Avsnitt 1 - Undersöka alternativen för skrapningseffekter

I det här avsnittet i handledningen undersöker vi varje alternativ som Scribble Effect erbjuder och ger visuella exempel som visar hur man använder dessa och gör alla inställningar tydliga. När du har gått igenom det här snabbt förstår du hur du använder verktyget helt - inställningarna blir inte längre ett mysterium.

Steg 1 - Globala installerade inställningar

Först och främst finns det en hel del alternativ under fliken Inställningar i Skribbelalternativ. Det här är globala inställningar, som i grunden är prefabricerade Scribble Settings. Att komma igång med att titta på dessa inställningar är utmärkt. Det visar en bra mångfald av tillgängliga alternativ och intressanta scribble resultat. Ta en titt på dem alla, notera ändringar av varje alternativ, olika egenskaper hos varje skribbel och var noga med att kolla Förhandsgranskning så att du kan se dem utan att behöva ansöka. Nedan följer några exempel.

Steg 2 - Vinkel

Vinkelalternativet är enkelt att förstå. Det styr vinkeln på skribbelinjerna. Observera också att när du ändrar det här alternativet eller följande alternativ, ändras rullgardinsmenyn Inställningar från Standard till Anpassad, vilket indikerar att du skapar en unik Scribble Effect på den tiden. Observera ändringen vinkeln har till effekten, vilket visas i exemplen nedan.

Steg 3 - Steg överlapp och variation

Flyttning av överlappsreglaget mot insidan rör området där skribelffekten appliceras ytterligare inuti formen (se första bilden nedan). Genom att flytta skjutreglaget mot utsidan appliceras skarvslinjerna över formernas yttre dimensioner (se andra bilden nedan). Överlappning av banan styr hur mycket spaltlinjerna ligger inom eller sträcker sig bortom bangränserna.

Att tillämpa effekten till mitten håller effekten applicerad på formens ytterkant, men ökningen medför att banan varierar beroende på hur mycket du vänder upp. Variation kontrollerar längden på skillnaden i längdriktningslängd i förhållande till varandra. I det sista exemplet nedan ökas Variationen nog, så att den går både inuti och utanför formkanten.

Steg 4 - Linjealternativ: Stroke bredd

Streckbredden fungerar som du förväntar dig. Det fungerar på samma sätt som strokepanelen; det ändrar skarvlinjebredden. Förhöjning eller minskning av strokeens storlek kommer att gälla ändringen till den enda långa linjen som utgör skribbseffekten. Några exempel visas nedan.

Steg 5 - Kurv och Variation

Curviness manipulerar mängden skribbelslinjerna innan de vrider riktning. Det första exemplet nedan visar standardkurvan, som är inställd relativt låg, och den andra visar att kurvan har stigit hela vägen.

Kurvvariationen styr hur olika skribbelkurvorna är i förhållande till varandra. Lägg märke till i den första bilden nedan hur linjerna ser relativt ut som Variation är inställd på 1 där; det ser rent ut. I det sista exemplet nedan visas variationen hela vägen och märker hur olika alla linjer ser ut jämfört med varandra. det ser lite rörigt ut.

Steg 6 - Spacing and Variation

Spacing kontrollerar mängden utrymme mellan skarvlinjeveckor. Lägg märke till hur extrema avståndet förändras genom att bara öka spridningsreglaget från 5px till 24px i exemplet nedan.

Spacing Variation kontrollerar hur olika mängden utrymme är mellan skarvlinjeveckor. Lägg märke till hur olika de första och sista bilderna finns i exemplet nedan. Vridning av variationen skapar områden med olika avstånd mellan varje linje - avståndet är inte längre enhetligt.

Lägg det nu tillsammans

Att sätta allt ihop handlar om experiment. Nu beroende på projektet kan du ha en rad olika resultat du vill skapa. Nedan följer ett par exempel med flera inställningar i kombination, vilket också visar hur inställningen kan fungera tillsammans och effektuera varandra. I det första exemplet nedan minskas avståndet dramatiskt, vilket medför att minskning av strokebredden också, annars skulle det hamna som en solid massa. Det andra exemplet är bara ett slumpmässigt experiment.

Du kanske också vill spara några av dessa experiment som grafiska stilar, så att du kan använda dem igen senare. När du har skapat en Scribble Effect som du vill, dra den till paletten Grafiska stilar och klicka sedan på pilknappen i paletten högst upp till höger och välj Spara grafiskt stilbibliotek, vilket lägger till detta som en ny samling.

Avsnitt 2 - Tillämpa skribbseffekter och göra Photoshop Borstar

I det här avsnittet lär vi oss hur du applicerar Scribble Effects till ett enkelt diagonalt mönster som består av flera rektanglar av olika storlekar. Då skapar vi ett litet urval uppsättning Photoshop-borstar.

Steg 1 - Skapa ett nytt dokument

Låt oss skapa ett nytt Illustrator-dokument (jag använder Illustrator CS4) i den storlek som du vill ha maximal borst storlek på, vilket i det här fallet kommer att vara 2500px med 2500px. Skapa nu en grundläggande rektangel fylld med svart och inget slag i storleken på din preferens, och skapa sedan en handfull andra slumpmässiga rektanglar.

Steg 2 - Rotering, kopiering och arrangemang

Rotera dessa former genom att välja Rotate Tool (R), håll sedan ned Shift för att begränsa och rotera 45 grader som visas. Kopiera nu formerna och klistra in i ett lager med namnet "Rectangle_1". Fortsätt att kopiera, klistra in och ordna formerna tills du skapar en komposition du vill ha. Du kan också ändra storleken på rektanglarna eller lägga till mer efter behov. Tänk på att du alltid kan ändra detta senare.

Steg 3 - Experimentera med skribbseffekter

Experimentera nu med olika skribb effekter tills du gör en som du tycker är en bra Photoshop-borste. Vi arbetar med svart i den här handledningen, men Photoshop borstar kan tolka en full gråskala, så kom ihåg det med egna mönster.

Nedan är en skribel effekt Jag är nöjd med att använda för en uppsättning penslar. Lägg märke till hur mönstren interagerar med varandra, eftersom de överlappar varandra, vilket är coolt och du kan experimentera med det - även att spela riktning av linjer i varandra. Du kan till exempel skapa moire-effekter på detta sätt. Här håller vi dock allting rakt i en 45 graders vinkel, som anges i skärmdumpen för Scribble-inställningarna.

Tänk på att det här är en levande effekt så att vi kan manipulera Scribble Effect när som helst. För att manipulera denna effekt gör du det genom paletten Utseende, som visas nedan. Gå inte till Effect> Stylize> Scribble, eftersom det kommer att applicera en andra instans av en Scribble Effect till dina former.

Steg 4 - Skapa fler design

Skapa nu en hel del fler utföranden av olika rektangelformer. En bra uppsättning Photoshop borstar borde ha 15 eller fler mönster som fungerar tillsammans som en visuell bild, men de är också olika. För syftet med denna handledning är det bara att lägga till ett par mer, som visas nedan. Så vi arbetar med en uppsättning av tre för denna handledning. Jag har lagt dessa mönster på nya lager med namnet "rektanglar_2" och "rektangel_3" för att hålla orden på saker.

Steg 4 - Vrid dessa modeller till Photoshop borstar

Kopiera nu "Rectangles_1" -designen, som har Live Scribble Effect applicerad på den. Släcka Photoshop (jag använder Photoshop CS4). Öppna en ny Photoshop-fil (Command + N). Photoshop ska automatiskt identifiera storleken på den kopierade designen, som borde vara lite mindre än 2500px med 2500px för den här designen, eftersom rektanglarna inte når helt till layoutkanterna. Var noga med att namnge filen på rätt sätt, i det här fallet heter det "rektangel_1".

Med detta nya Photoshop-dokument klistras "Rectangles_1" -skribbdesignen öppen. En popup-dialog kommer upp. Det är bra att välja pixlar i det här fallet och tryck sedan på Enter för att applicera pastan.

Välj nu borstverktyget (B). Gå upp till borstverktygsinställningarna längst upp till vänster i Photoshops gränssnitt. Klicka på rullgardinsmenyn för att öppna Börsinställningen. Inne i plockaren finns en liten pil i det övre högra hörnet. Klicka på det och välj Preset Manager.

Inom det förinställda hanteringsborstområdet slår du kommandot + A för att välja alla penslar och klickar sedan på Ta bort. Detta kommer att ta bort borstarna från Borstförinställd plockare, som visas i den sista bilden nedan, men tar inte bort ABR-filerna på dessa borstar, så länge du har sparat dessa filer.

Nu måste Redigera> Definiera borsteförinställningen och spara borsten som "Rectangle_1". Nu har vi skapat vår första borste.

Fortsätt och följ samma kopia, klistra in och definiera borstinställd arbetsflöde för att skapa resten av dina penslar. I detta fall skapar vi penslar: "Rectangle_2" och "Rectangle_3" som visas.

Steg 5 - Exportera din sista Photoshop borste

Klicka nu och öppna Borstförinställd väljare, klicka sedan på pilen längst upp till höger och klicka på Spara borstar som visas. Spara borstarna med namnet "rektangulära_anglatborstar", vilket skapar ABR-filen. Den här filen kan sparas, ges till vänner eller såldes och laddas i någon annan Photoshop av samma version (CS4 i det här fallet).

Information om designskalbarhet

Tänk på att när du skapar dessa typer av penslar, skala de inte bra, trots att de är baserade på vektordesigner. De används mer som frimärken i Photoshop. Så om du designar enorma 2500px med 2500px borstar, så är de bra för stort arbete, eller för att applicera stora texturer eller stora bakgrunder.

Om du vill skapa dessa borstar för mindre skala arbete eller mindre skala användning, bör du skapa dem i Illustrator i den skala du planerar att använda dem på. Om du exempelvis behöver använda dem på 600px med 600px storlek, är det bäst att designa med den storleken först i Illustrator.

Du kanske tror att du kan skapa dem stora, exportera EPS-filerna och sedan skala till vilken storlek som helst, men det fungerar inte så. Detta beror på att penslarna är gjorda av linjer, och när dessa linjer blir mindre blandas de samman och det förändrar drastiskt karaktären hos designen, även i vektorformat, än mindre som pixelborstar. Den bästa lösningen är att planera designen i den storlek du ska exportera borstarna till.

Avsnitt 3 - Snabbt Hur man skapar blomskribborstar

I det här avsnittet tar vi en snabb titt på processen jag brukade göra Floral Scribble Photoshop Borstar - Psd Plus Pack. Den faktiska borstbildning är samma process, så vi ska bara granska vektorteknikerna och Scribble Effects som tillämpas.

Steg 1 - Skapa en oval och spinn den

Först och främst skapa en oval som är ungefär hälften av din dokumentstorlek. Använd Direct Selection-verktyget för att manipulera formen på den ovala för att se mer ut som en kronblad.

Nu med den valda formen, ta tag i rotationsverktyget (R), håll ner Alt och klicka nedanför petalformen, som öppnar dialogrutan Rotera inställningar.

Sätt in en grad för att snurra kronbladet. Det är bra att välja något delbart med 360, vilket är en hel cirkel. Använd 45 grader, vilket kommer att ge 8 kronblad totalt en gång tävlat. Klicka nu på OK. Fortsätt och slå Command + D sex gånger för att slutföra blommans formskapande. Välj Alla (Kommando + A), kopiera och klistra in, vilket centrerar formen på duken, så länge du har din duk centrerad. Fortsätt och håll ned Shift (för att begränsa skalan) medan du har valt den här formen och skala storleken efter önskemål.

Steg 2 - Ge blomman en organisk känsla

Använd Direct Selection Tool för att manipulera punkter och handtag av varje blomma. Du kan också vilja skala och flytta runt dem med hjälp av urvalsverktyget. Målet är att ge varje kronblad mer en organisk känsla och slutföra blommans form. Du kan se att jag gjorde en hel del ändringar i den slutliga blommedesignen.

Steg 3 - Applicera Scribble Effect

Gå vidare och applicera Scribble Effecten till blommedesignet med hjälp av inställningarna som visas nedan, eller välj dina egna inställningar. Den slutliga Scribble Flower visas nedan.

Nu kan du tillämpa samma process för att skapa fler blommönster, eller använda andra blommönster som bas för att applicera Scribble Effect på. När du har en bra storlek samling, fortsätt och tillämpa samma steg som i avsnitt 2 för att göra en uppsättning penslar.

Slutsats

Beväpnad med kunskap om hur Scribble Effects fungerar i Illustrator, hoppa in och skapa egna effekter. Ha kul att tillämpa dessa effekter på dina vektorkreaturer. Det är ett intressant verktyg att spela med och ett snabbt sätt att lägga till textur. Också, för ditt Photoshop-arbete, var inte blyg för att skapa dina egna borstar. Som visat är processen väldigt enkel.

Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.