Spela med blandningar och bildspår för att skapa en enkel kattplats i Adobe Illustrator

Vad du ska skapa

De som följer min handledning kommer att veta att det finns tre vanliga teman: porträtt, katter och silhuetter. I den här handledningen skapar jag en enkel, Pen Tool-free Sunset Cat-scen med hjälp av Blends and Image Trace. Om du använder en version av Adobe Illustrator som är äldre än CC, kommer Image Trace att kallas Live Trace med mer eller mindre samma inställningar, så oroa dig inte, du kan gå med i!

Den här är perfekt för nybörjare, så låt oss fastna i.

Tutorial Assets

För att slutföra detta projekt måste du hitta en bild av en vandrande katt. Om du inte använder din egen katt rekommenderar jag att du använder följande lagerbild som du kan köpa från PhotoDune:

  • Sidovy av en svart katt som går, isolerad på vitt (Extra Small är bra för detta ändamål)

1. Skapa Sunset Mix

Steg 1

När du har skapat ett nytt landskapsdokument i Adobe Illustrator, låt oss skapa fyra rektanglar med Rektangelverktyg (M). Jag har skapat den första rektangeln och sedan kopierat och klistrad in den framför, använde Free Transform Tool (E) och minskade höjden och ändrade färgen. Sedan upprepade jag processen för de andra två rektanglarna. Detta är så att de håller samma bredd och är alla justerade till botten av den ursprungliga rektangeln.

Jag har använt följande färger:

  • Gul: # f7931d
  • Röd: # be1e2d
  • Blå: # 262.261
  • Blå svart: # 0d0d12

Steg 2

Välj alla fyra rektanglarna och skapa en blandning genom att gå till Objekt> Blanda> Gör (Alt-Control-B). Om du inte har fått en jämn färggradient, behåll Blend-gruppen vald och gå till Objekt> Blanda> Blandningsalternativ och ändra Mellanrum till Jämn färg

2. Skapa ett staket från en blandning

Steg 1

Använda Rektangelverktyg (M), skapa en lång, tunn rektangel på ena sidan av din tavla. Kopiera sedan det och flytta det till andra sidan. Om du har Smarta guider (Kontroll-U) aktiverat, då borde du kunna ställa upp det. Om det inte är fallet, välj båda objekten och gå in i Justera panel och välj Vertikalt justera botten.

Steg 2

Välj båda formerna och skapa en Blandning med dem (Alt-Control-B). Det här kan skapa resultatet som visas nedan, men oroa mig inte, jag ska visa dig hur du åtgärdar det i nästa steg.

Steg 3

För att ändra blandningen av blandningen, medan blandningsgruppen väljs, gå till Objekt> Blanda> Blandningsalternativ och ändra Mellanrum till Specificerad avstånd och byt enhet till 25 mm.

3. Fyll ditt stängsel

Steg 1

Jag vill ha mer av en staketstängsel, så för att kunna göra detta måste jag ändra de två formerna i blandningen. Med Smarta guider aktiverad (Kontroll-U) och använda Penverktyg, Jag ska lägga till punkter längst upp i mitten av båda rektanglarna i blandningen. Oroa dig inte, vi använder bara Penverktyget för att lägga till en enda punkt i var och en av de två formerna.

Kom ihåg att lägga till punkterna på både rektanglarna och på samma plats för att du ska få en jämn blandning.

Använd sedan piltangenterna för att nudge punkten uppåt, ett lika antal för var och en av dina inlägg, för att skapa en triangel topp till dina pinnar.

Steg 2

För att hålla alla pinnar tillsammans måste du skapa ett par räcken. Så med Rektangelverktyg (M), rita två långa, smala räcken som visas nedan.

Steg 3

Det finns ett problem här ... staketet flyter över golvets yta. Vi kommer att behöva vända några av dessa pickets till inlägg som sitter fast i marken.

För att ändra några av stavarna som ska vara inlägg, måste vi ändra längden på några av formerna. I en blandning kan du bara ändra formerna som skapar blandningen och inte formerna skapad av blandningen. För att få tillgång till de former vi behöver behöver vi utvidga blandningen.

Gör detta genom att välja blandningen och sedan gå till Objekt> Expand och kryssar alla inställningar och klickar sedan på ok.

Steg 4

Om du skulle använda Free Transform Tool för att förlänga längden på inläggen som de är för närvarande, skulle det förvränga triangeln / spetsen på pinnarna. De skulle inte alla vara enhetliga. Så vad du behöver göra är att använda Direktmarkeringsverktyg (A) för att välja de två nedre punkterna i dina inlägg, använd sedan piltangenterna för att dämpa dem.

Jag har gjort varje fjärde pikett ett inlägg.

4. Använd bildspår på en katt Stock Image

Steg 1

Det är dags att lägga till en katt som går och går längs med vår staket. Du kan använda din egen katt för detta eller rita din egen, men jag har valt en stockbild av en katt.

Vad som gör bilden särskilt bra är att den ligger på en fin ren bakgrund, och självklart är katten själv svart. Detta gör det till en purrfectkandidat för bildspårning (se vad jag gjorde där?).

Steg 2

Gå till Arkiv> Plats och hitta din kattbild och placera den på din tavla. Du kommer att behöva ändra storlek på bilden med hjälp av Free Transform Tool (E), så tassarna rör pekarna. För att göra detta korrekt, ändra bilden till Blandningsläge Multiplicera, Opacitet 100% och göm himmelbakgrunden. Då kan du ställa in bilden.

Steg 3

Nu när din katt är uppradad, låt oss välja Bildspår från längs övre baren. Det finns en knapp som du kan välja vilken kommer att ge dig Bildspår alternativ, och du kan använda inställningarna nedan för att ge en texturerad kontur till formen.

Steg 4

Öronen som är synlig av dig kommer att märka att med staketet och katten ovanpå himlen finns det en svag grå kontur. Detta beror på att vektorer är anti-aliased till en pixelskärm. Så de pixlar som överlappar varandra på bakgrunden är lägre opaciteter av svart satt till Blending Mode Normal. Detta skapar denna haloffekt runt formen.

När vi arbetar med svarta fyllda former kan vi ställa in dessa Blandningsläge Multiplicera att bli av med haloffekten. Du kan se skillnaden nedan.

5. Skapa stjärnor från blandningar

Steg 1

För att skapa en stjärna måste du rita två cirklar med Ellipsverktyg (L), med yttercirkeln satt till Opacitet 0% och fylld med vitvit. Det här är så blandningen ändras från 100% i mitten till ingenting på utsidan för att ge en glödande effekt. 

Men när du skapar en blandning från dessa former hamnar du med ett annat resultat än vad du brukar göra när du ställer in det Spacing: Smooth Color.

Steg 2

Detta beror på att båda formerna är av samma fyllfärg, så det finns ingen förändring! Det enda som förändras är opaciteten, så det finns ingen smidig progression i färg. För att komma runt detta måste du ändra Mellanrum till Specificerade steg och ange ett värde för att skapa en smidig övergång i opacitet. Jag har använt 20 steg här.

Steg 3

Glöd från denna stjärna är inte så "realistisk" ... så låt oss lägga till en extra form i blandningen. I Skikten panel, gå in i din stjärnorgrupp och duplicera en av cirklarna. Då med Free Transform Tool (E), gör det bara större än den mindre gruppen. Denna form borde vara sandwichad mellan de andra två cirklarna. 

Ändra sedan Opacitet till 30%. Detta ändrar sedan övergången i opacitet och skapar en mer stjärnliknande glödseffekt. 

Steg 4

Nu kan du duplicera denna stjärna över duken och ändra formerna i storlek, vilket skulle vara det enklaste att göra ... inte det mest effektiva. Men det här är en handledning och jag vill visa dig hur du gör det via en scatterborste.

Med den valda stjärnan, gå in i borstar panel och välj Ny borste. I popup-menyn väljer du Scatterborste och använd inställningarna nedan och klicka sedan på ok.

Steg 5

Använda Paintbrush Tool (B), lägg till tre krypta linjer i himlen för att skapa dina stjärnor.

Steg 6

Ändra sedan streckens opacitet för att variera stjärnornas ljusstyrka. Den lägsta raden är inställd på Opacitet 30% som solen fortfarande är inställd och stjärnornas synlighet blir svag.

6. Lägg till efterbehandlingsdetaljerna

Steg 1

Låt oss avsluta vår scen. Det första vi ska göra är att lägga till en vinjett effekt. Vi kan göra detta med en gradient, men eftersom det här är en handledning baserad på blandningar, låt oss använda dem istället.

En vignetteffekt kommer att mörka kanterna. För att kunna göra detta måste vi skapa två cirklar med Ellipsverktyg (L) och gör den centrala formen vit och den yttre svarta. Skapa sedan en Blandning (Alt-Control-B).

Steg 2

Den satt blandningen till Blandningsläge Multiplicera. Detta gör de vita formerna transparenta, vilket ger en transparent radiell gradienteffekt. Du kan sedan gå in i blandningen och justera storleken och platsen på formerna.

Steg 3

För att göra katten mer synlig, gå in i blandningsgruppen för himlen och helt enkelt justera höjden på den blå rektangeln för att möjliggöra en ljusare övergång i färg bakom katten.

Fantastiskt arbete, du är klar!

Du är nu klar! När du har placerat din himmel inom gränserna för din tavla, oroa dig inte för de överlappande formerna. 

Glad Halloween och jag kommer att fånga dig i min nästa handledning.