Använd Illustrator för att skapa en rolig, 3D, karaktärslogotyp

I den här handledningen använder vi Illustrators 3D-verktyg för att skapa text med djup. Vi ger personlighetens bokstäver genom att placera dem i vinklar och välja en rolig typsnitt. Vi lägger till en galen kanintecken och förenar alla färger när vi lägger till enkel skuggning. Slutligen ger vi den här roliga logotypen en klistermärkeeffekt. Vi täcker en hel del mark i denna handledning, så eld upp Illustrator och låt oss börja!

Slutlig bildförhandsvisning

Nedan är den slutliga bilden vi ska arbeta för. Vill du ha tillgång till hela Vector Source-filerna och 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
  • Svårighet: Mellanliggande
  • Beräknad slutförd tid: 1,5 timmar

Steg 1

Låt oss öppna ett nytt dokument i Illustrator (File> New) och välj storleken "Letter" (men du kan välja vilken storlek du vill ha). Jag använde RGB-färgläget för den här men om du vill använda den för utskrift bör du välja CMYK.

Steg 2

Vi börjar med 3D-serietypen. Först hitta en bra typsnitt (I den här handledningen använder jag Lamebrain BRK, så se till att du har tillräckligt med utrymme mellan varje bokstav (jag använde 100 här) och gå till Typ> Skapa konturer.

Steg 3

Ta punkten på "i" bort med hjälp av Direct Selection Tool och lägg till en stroke på texten. Var noga med att välja Round Cap och Round Join i stroke boxen för att få en jämnare effekt.

Steg 4

Markera texten och gå till Sökväg> Radera streck.

Steg 5

Gå sedan till Objekt> Ungroup. Välj en av bokstäverna och klicka på Unite i rutfältet. Gör samma för varje brev.

Steg 6

För att få en fin tecknadseffekt kan du välja varje bokstav och flytta, rotera och skala lite.

Steg 7

Det är dags att göra 3D-effekten. Jag har ändrat texten i rött så det blir lättare att se 3D-effekten på dem. Välj ett brev och gå till Effekt> 3D> Extrude & Bevel.

Steg 8

I panelen 3D Extrude & Command kontrollerar du förhandsgranskningsalternativet och väljer en Extrude Depth (jag använde standardvärdet). Då kan du flytta rutan för att få den vinkel du vill ha. Du kan också ändra perspektivet. gör samma för varje brev och ändra vinkeln en bit för var och en.

Steg 9

För varje bokstav gjort, välj det och gå till Objekt> Expand Utseende.

Steg 10

Du ser lite vitt utrymme mellan formerna, men oroa dig inte, vi ska ta bort det. Välj ett brev och tryck två gånger på Shift + Command + G (Object> Ungroup). Välj sedan endast den främre formen på brevet (t ex den ljusröda "C") och gör en kopia (Command + C).

Välj hela bokstaven, inklusive den främre formen, och lägg till en liten stroke (0,5) med Round Cap och Round Join. Gå till Objekt> Path> Outline Stroke, öppna Pathfinder-rutan och klicka på Unite. När de här stegen är klara, klistra in den främre formen kopia bakåt (Command + F). Du behöver göra samma för varje brev igen.

Steg 11

Du har nu din 3D-effekt! Jag bytte färg på formerna innan röttet gjorde mig galen.

Steg 12

Kom ihåg att vi tog bort pricken på "jag" tidigare? Låt oss skapa en fin röd stjärna med Star Tool!

Steg 13

Upprepa steg 7 till 10 för att få det i 3D och ändra sedan färgerna.

Steg 14

Lägg nu till en svart stroke i texten. Välj allt, kopiera (Command + C) och klistra in det på baksidan (Command + B). Klicka på Unite i rutfältet.

Steg 15

Lägg till en svart 10 pt stroke!

Steg 16

Gå till Objekt> Path> Outline Stroke och klicka på Unite i Pathfinder-rutan.

Steg 17

Dubbelklicka på den svarta formen för att komma in i den och skapa en form som täcker varje del kvar i vitt.

Steg 18

Välj den svarta formen och den nya och klicka på "Unite" i rutfältet. Dubbelklicka utanför formen, för att komma tillbaka till texten.

Steg 19

För att lägga till lite effekt på texten, skapa några runda former.

Steg 20

Välj de främre bokstäverna i texten och klicka på Unite i rutfältet. Gör en kopia av formen framför (Command + C och Command + F). Välj den formen och den runda (i grön) och klicka på Intersect i rutfältet, samtidigt som du håller Alt. Klicka sedan på Expand. Gör detsamma med stjärnan.

Steg 21

Använd lite ljusa färger för att få en bra effekt.

Steg 22

För kanindelen kommer jag att gå lite snabbare. Jag tror att det finns tillräckligt med handledning om att dra vektorer runt här. Vissa kommer att börja från en handskissa, men jag föredrar att börja raka i Illustrator. Så låt oss spåra karaktärens linjer med hjälp av Pen Tool, som jag gjorde här.

Steg 23

Ett enkelt sätt att skapa skuggor är att göra en kopia av din form (en arm här), klistra in den framför (Command + F) och spåra sedan en ny form över den och klicka på kopian och den nya formen genom att klicka på på Intersect i Pathfinder-rutan.

Steg 24

När linjerna är färdiga, välj färgerna, och glöm inte att lägga till en fin svart stroke bakom din karaktär!

Steg 25

När din karaktär är klar, skapa två runda former i ryggen.

Steg 26

Välj den svarta texten i din text, gör en kopia och klistra in den framför. Välj en av de runda formerna med streckets kopia och klicka på Intersect i rutfältet. Gör detsamma för den andra formen.

Steg 27

Använd Direct Selection Tool för att radera den lägsta delen av varje form.

Steg 28

Använd pennverktyget för att rita några korta linjer runt formerna och välj en pensel i penselbiblioteken (Fönster> Penselbibliotek> Konstnärligt> Artistic_ink). Ändra stroke Vikt för att få den effekt du vill ha. Gör några linjer för den första rundformen (brun) och en del för den andra (svarta).

Välj de linjer du skapade och gå till Objekt> Expand Utseende. Markera alla linjer i brunt med den bruna, runda formen och klicka på Unify i rutfältet. Gör samma för de svarta linjerna med de svarta runda formerna. Välj båda slutliga formerna och skicka dem till baksidan (Objekt> Ordna> Skicka till baksida).

Steg 29

Grunge-effekten är klar, men vi lägger nu en vit stroke bakom hela logotypen för att ge den ett klistermärke. Välj allt, gör en kopia och klistra in den till baksidan (Command + B). Klicka på Unify i paletten Pathfinder. Som du kan se är paletten Pathfinder en av mina bästa vänner! ;-)

Steg 30

Ändra färgen på denna form så att du kan se den och lägga till en stroke med en vikt på 8 pt. Som tidigare sett, gå till Objekt> Sti> Styck och klicka sedan igen på Unify.

Steg 31

Att se ut som en klistermärke måste vara en form. Så dubbelklicka på formen för att komma in och rita former för att dölja de vita delarna och också ansluta de mindre formerna till den stora. Välj alla dina former och klicka på Unify.

Steg 32

Nu när du har en stor form, ändra färgen till vit och dubbelklicka sedan på den för att komma tillbaka till huvudbilden.

Steg 33

Välj den vita formen, kopiera den till baksidan (Command + C och Command + B) och flytta den lite till höger och till botten. Ändra färgen till svart. Gå till Effect> Blur> Gaussian Blur.

Steg 34

Jag använde en Radius på 7,2 pixlar här.

Steg 35

På paletten Transparent väljer du Multiplicera och sätter opacitet på 50%.

Slutsats

Du kan nu lägga till en fin bakgrund eller färg och det är klart! Jag hoppas att du haft denna handledning!

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