Share
Vad du ska skapaI följande steg kommer du att lära dig hur du skapar en djärv, cartoonish texteffekt i Adobe Illustrator.
Till att börja med lär du dig att skapa ett enkelt rutnät och hur du skapar en ganska enkel bakgrund för din texteffekt. Med hjälp av typverktyget och en fin, fri typsnitt kan du lära dig hur du startar texten. Med full nytta av Utseckningspanelen lär du dig hur du skapar den faktiska texteffekten. Slutligen lär du dig hur du lägger till några sista detaljer för din texteffekt med hjälp av en massa enkla cirklar.
För mer inspiration om hur du justerar eller förbättrar din slutliga texteffekt kan du hitta många resurser på GraphicRiver.
Träffa Kontroll-N att skapa ett nytt dokument Välj pixlar från Enheter rullgardinsmenyn, skriv in 850 i rutorna bredd och höjd och klicka sedan på det Avancerad knapp. Välj RGB för Färg läge, ställa in Raster Effects till Skärm (72 ppi), och klicka sedan på det Skapa dokument knapp.
Aktivera Rutnät (Visa> Visa rutnät) och den Snap to Grid (Visa> Snap to Grid). Du behöver ett rutnät varje 5 px, så helt enkelt gå till Redigera> Inställningar> Guider> Grid, och skriv in 5 i Gridline varje lådan och 1 i underavdelningar låda. Försök att inte bli avskräckta av allt det där nätet - det kommer att göra ditt arbete enklare och tänk på att du enkelt kan aktivera eller inaktivera den med hjälp av Kontrollera-" tangentbordsgenväg.
Du kan lära dig mer om Illustrators nätverkssystem i denna korta handledning från Andrei Stefan: Förstå Adobe Illustrators gridsystem.
Du borde också öppna Info panel (Fönster> Info) för en levande förhandsgranskning med storleken och positionen på dina former. Glöm inte att ställa in måttenheten till pixlar från Redigera> Inställningar> Enheter> Allmänt. Alla dessa alternativ ökar din arbetshastighet avsevärt.
Välj Rektangelverktyg (M) och fokusera på din verktygsfält. Ta bort färgen från stroke och välj sedan fyllningen och sätt dess färg till R = 137 G = 147 B = 150.
Skapa bara en 860 px torget och se till att det täcker hela din tavla. Rutenettet och Snap to Grid funktionen bör hjälpa.
Se till att din ruta fortfarande är vald, öppna Utseende panel (Fönster> Utseende) och lägg till en ny fyllning med hjälp av Lägg till ny fyllning knapp.
Välj den nya fyllningen, sänk den Opacitet till 60%, och ersätt sedan den befintliga färgen med den radiella gradienten som visas nedan. Tänk på att den gula nollpunkten från Lutning bild (Fönster> Gradient) står för Opacitet procent och använd Gradient Tool (G) att sträcka din lutning omkring som visas i följande bild.
Välj Typverktyg (T) och öppna Karaktär panel (Fönster> Typ> Tecken). Välj teckensnittet Comical Cartoon och ställ sedan in storleken på 40 px och ledande till 150 px. Klicka bara på din tavla, lägg till din kolumn med text och gör den vit.
Använd samma verktyg och teckensattribut, lägg till den första raden från din text igen. Gör den röd och placera den rätt ovanför den vita. Gör samma för de andra tre raderna av text, som visas i följande bilder. När du är klar kan du ta bort den vita texten från ditt dokument.
Välj en av dina bitar av text, fokusera på Utseende panel, och lägg till en ny fyllning med samma Lägg till ny fyllning knapp. Ställ in färgen till R = 247 G = 139 B = 30 och se till att det ligger ovanför det "Tecken"bit text. Placera den ovanför"Tecken"texten kommer helt enkelt att täcka den röda.
Se till att din orange text fortfarande är vald och fortsätt att fokusera på Utseende panel. Lägg till en ny fyllning och dra den under den befintliga.
Se till att din nya fyllning är vald, ersätt den befintliga färgen med den linjära gradienten som visas nedan och gå sedan till Effekt> Path> Offset Path. Ange en 2 px förskjutning, ställa in Fogar till Runda, och klicka sedan på det ok knapp.
Se till att din orange text fortfarande är vald och fortsätt att fokusera på Utseende panel. Välj den nedersta fyllningen och välj till Effekt> Förvräng & Transformera> Transformera. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.
Se till att din orange text fortfarande är vald och fortsätt att fokusera på Utseende panel. Välj den nedersta fyllningen och välj till Effekt> Stylize> Inner Glow. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.
Se till att din orange text fortfarande är vald och fortsätt att fokusera på Utseende panel. Välj det bästa fyllet och gå till Effekt> Path> Offset Path. Ange en 2 px förskjutning, ställa in Fogar till Runda, och klicka sedan på det ok knapp.
Se till att din orange text fortfarande är vald och fortsätt att fokusera på Utseende panel. Lägg till en tredje fyllning och placera den ovanför de befintliga.
Välj den här nya fyllningen, sätt dess färg till R = 254 G = 183 B = 21, och gå till Effekt> Path> Offset Path. Ange en -4 px Offset, ställa in Fogar till Runda, klicka på det ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.
För det här steget behöver du de inbyggda mönstren från Illustrator. Öppna utflyttningsmenyn från rutor~~POS=HEADCOMP panel (Fönster> Färger) och gå till Öppna Swatch Library> Mönster> Grundläggande grafik> Basic Graphics_Lines. Håll det här fönstret öppet, se till att din orange text är vald och återgå till Utseende panel.
Välj toppfyllningen och duplicera med Kopiera valda objekt knapp. Välj den nyligen tillagda fyllningen och ersätt helt enkelt den befintliga färgen med "10 pli 50%"mönster från den uppsättningen.
Se till att din mönstrade fyllning fortfarande är vald, sänk ner den Opacitet till 75%, ändra Blandningsläge till Mjukt ljus, och sedan gå till Effekter> Förvränga och transformera> Transformera. Ange de attribut som visas nedan och klicka sedan på det ok knapp.
Se till att din orange text fortfarande är vald och fortsätt att fokusera på Utseende panel.
Välj det slaget, sätt färgen på R = 255 G = 200 B = 28 och storleken till 4 px, och sedan gå till Effekt> Path> Offset Path. Ange en -2 px förskjutning, ställa in Fogar till Runda, och klicka sedan på det ok knapp.
Se till att din orange text fortfarande är vald och fortsätt att fokusera på Utseende panel. Lägg till en femte fyllning och placera den under de befintliga.
Välj den här nya fyllningen och sätt dess färg till svart (R = 0 G = 0 B = 0). Sänka dess Opacitet till 50% och ändra Blandningsläge till Mjukt ljus, och sedan gå till Effekt> Path> Offset Path. Ange en 2 px förskjutning, ställa in Fogar till Runda, klicka på det ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Ange attributen som visas i det vänstra fönstret (i följande bild), klicka på det ok knappen, och sedan gå igen till Effekt> Förvräng & Transformera> Transformera. Den här gången anger du attributen som visas i det högra fönstret och klickar sedan på det ok knapp.
Se till att din orange text fortfarande är vald och fortsätt att fokusera på Utseende panel.
Välj den nedersta svarta fyllningen och duplicera den med samma Kopiera valda objekt knapp. Fokusera på din nedre svarta fyllning och öppna den andra Omvandla effekt. Höj bara kopior från 20 till 50 och klicka sedan på det ok knapp.
Se till att din orange text fortfarande är vald och fortsätt att fokusera på Utseende panel. Lägg till en ny fyllning och placera den under de befintliga.
Välj den här nya fyllningen, sätt dess färg till R = 190 G = 31 B = 46, och sedan gå till Effekt> Path> Offset Path. Ange en 20 px förskjutning, ställa in Fogar till Runda, klicka på det ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.
Se till att din orange text fortfarande är vald och fortsätt att fokusera på Utseende panel. Lägg till en ny fyllning och placera den precis ovanför den nedre delen.
Välj den här nya fyllningen, sätt dess färg till R = 160 G = 1 B = 16, och sedan gå till Effekt> Path> Offset Path. Ange en 5 px förskjutning, ställa in Fogar till Runda, klicka på det ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.
Se till att din orange text fortfarande är vald och fortsätt att fokusera på Utseende panel. Lägg till en ny fyllning och placera den under de befintliga.
Välj den här nya fyllningen, sätt dess färg till R = 160 G = 1 B = 16, och sedan gå till Effekt> Path> Offset Path. Ange en 20 px förskjutning, ställa in Fogar till Runda, klicka på det ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Ange attributen som visas i det vänstra fönstret, klicka på det ok knappen, och sedan gå igen till Effekt> Förvräng & Transformera> Transformera. Den här gången anger du attributen som visas i det högra fönstret och klickar sedan på det ok knapp.
Se till att din orange text fortfarande är vald och fortsätt att fokusera på Utseende panel. Välj den nedersta fyllningen och välj till Effekt> Stylize> Drop Shadow. Ange de attribut som visas nedan och klicka sedan på det ok knapp.
Se till att din orange text fortfarande är vald och fortsätt att fokusera på Utseende panel. Använda Lägg till ny stroke knappen, lägg till en andra stroke för din text och placera den under alla dessa fyllningar.
Välj den här nya stroke, sätt dess färg till R = 190 G = 31 B = 46 och sedan gå till Effekt> Path> Offset Path. Ange en 20 px förskjutning, ställa in Fogar till Runda, klicka på det ok knappen och gå sedan till Effekt> Pathfinder> Add. Återgå till Utseende panelen och klicka på "Stroke"textstycke för att öppna Stroke utflödespanel. Ställ in Vikt till 8 px, kolla Round Cap och Round Join knappar och kontrollera sedan Streckad linje låda. Stiga på 0 px i den första rusa lådan och 8 px i den första gap rutan, och din stroke borde sluta titta på som visas i följande bild.
Se till att din orange text fortfarande är vald och fortsätt att fokusera på Utseende panel. Välj den nedersta fyllningen och välj till Effekt> Förvräng & Transformera> Transformera. Ange attributen som visas i följande bild och klicka sedan på det ok knapp.
Nu måste du kopiera Utseende attribut från ett stycke text till en annan. Fokusera på Skikten panel (Fönster> Lager) och du kommer märka att alla objekt har en liten cirkel på höger sida, en målikon.
Håll Alt knappen från tangentbordet, klicka på målikonen som står för din orange textstycke och dra den över målikonen som står för en av de röda bitarna av text.
Upprepa tekniken som nämns i föregående steg för att kopiera Utseende attribut. När du är klar väljer du en eller flera av de bitarna av text, fokusera på Utseende panel och ersätt de befintliga färgerna med de som anges i följande bild.
Använda Ellipsverktyg (L), skapa en 20 px cirkel. Se till att det inte finns någon fyllnadsfärg för denna form och ställ in strokefärgen till R = 190 G = 31 B = 46. Öppna Stroke fly-out panel, öka Vikt till 6 px, och kontrollera det Rikta inuti knapp.
Använd samma verktyg genom att skapa en 15 px cirkel. Lägg till samma röda stroke, rikta in den till insidan, men minska Vikt till 4 px. Skapa en tredje cirkel, gör den 10 px bred, lägg till samma röda slag, glöm inte att rikta in den till insidan och sätt in Vikt till 3 px.
Kopiera dessa tre cirklar (Control-C> Control-V), välj kopiorna och ersätt det röda med R = 159 G = 31 B = 99.
Multiplicera bara dina röda och lila cirklar (Control-C> Control-V) och sedan sprida kopiorna som visas i följande bild.
Alternativt kan du ersätta de här cirklarna med enkla stjärnformer som enkelt kan tillverkas med Star Tool.
Så här ska det se ut. Jag hoppas att du har haft den här handledningen och kan tillämpa dessa tekniker i dina framtida projekt.
Gör det fina att justera den slutliga designen och gör den till din egen. Du kan hitta några bra inspirationskällor på GraphicRiver med intressanta lösningar för att förbättra din design.
Accentsconagua