Komisk texteffekt (handledning för Adobe Illustrator)

Först och främst klargör att detta handledning Den har gjorts med Adobe Illustrator CS5 (på engelska), så bilderna steg för steg visar gränssnittet för den versionen. Ändå kan du prova det i vilken version du än har, med tanke på att det är troligt att det kommer att kosta dig lite mer att följa handledningen.

Denna effekt kan vara användbar när du utför en informell design där den komiska stilen åtföljer det du vill kommunicera. Nedan tar vi en steg-för-steg-handledning så att du kan uppnå en komisk texteffekt med Adobe Illustrator.

Komisk texteffekt

Vi öppnar Adobe Illustrator och går till skapa ett nytt dokument (Mac: Cmd + N Windows: Ctrl + N). Vi kan namnge det vad vi vill och välja filstorlek. I mitt fall har jag valt 570 x 300 px, formatet vi använder i Creativos Online för att ladda upp bilderna.

Det är mycket viktigt att du längst ned i dialogrutan (Avancerat) ser till att du har markerat som Färgläge RGB, Rastereffekter på Skärm (72 ppi) y Förhandsgranskningsläge Standard. När du har valt alternativen klickar du på OK.

BAKGRUND

Vi ska skapa den färgade bakgrunden som vår text kommer att bära. Vi väljer rektangelverktyget (Rectangle Tool, M-tangenten) och klickar var som helst i vårt dokument. Då öppnas ett litet fönster som gör att vi kan ange rektangelns mätningar: du måste sätta mätningarna av ditt dokument. I mitt fall 570 x 300 pixlar. Klicka på OK och rektangeln som vi just skapat visas på skärmen.

Nu måste vi placera det bra. För att göra detta väljer vi den svarta pilen i verktygsfältet, (Valverktyg, V-tangent). Med den kommer vi att klicka på rektangelns kant och utan att släppa kommer vi att dra kanten tills den sammanfaller med kanterna på dokumentet.

FÄRGNINGSBAKGRUND

Bakgrunden är redan klar, men som standard ser vi den vit med en svart kant. Dags att ändra detta! Med den svarta pilen vald som verktyg (markeringsverktyg, V-tangent) klickar vi på rektangeln. Vi går till de två färgade rutorna längst ner i verktygsfältet: den framför motsvarar fyllnadsfärg av vår figur och, den bakomliggande, hänvisar till TRAZO. Som standard kommer vi att fylla den vita färgen och kantfärgen svart. Vi klickar på fyllningsrutan och färgväljare (Färgväljare). Nu kan du välja den färg du vill ha för din bakgrund. I mitt fall var det blått. När du väl har valt klickar du på OK så får du din färgade rektangel. 

Låt oss nu ta udden av. Klicka på rutan i kanten av vårt verktygsfält. Nu, strax under det torget, finns det en liten vit fyrkant med en röd diagonal. Vi klickar på det ... Och det är det! Denna ruta säger till Illustrator att vi vill ha strecket utan färg. Om vi ​​ville att fyllningen av rektangeln också skulle vara utan färg måste vi välja motsvarande ruta och klicka på den tomma rutan igen. 

DEGRADERAD

Nästa steg är att göra en cirkulär lutning på vår bakgrund. För att göra detta måste vi gå till fönstret Utseende (om du inte ser det på höger sida av skärmen, som jag visar på bilden, gå till den översta menyn i Illustrator-fönstret och gå till Fönster> Utseende). Här visas som standard alternativet Fyllning med den färg som vi har ställt in på rektangeln och alternativet Stroke (stroke eller kontur), vilket kommer att vara med alternativet Tom. Ett sista alternativ är Opacitet (opacitet). Längst ner i fönstret finns det två små rutor. En med en mycket bred svart kant och den andra med en tunn kant. Vi väljer den fina, till skapa en ny fyllning (Fyll). Nu, i färgkvadraten för den nya fyllningen som vi har skapat, klickar vi på. En pil kommer att visas på höger sida och vi väljer bland de färgprover som visas som motsvarar den cirkulära svarta lutningen.

Nu öppnar vi ett nytt avsnitt genom att klicka på pilen till vänster om Fyll och klicka på ordet Opacitet, för att ändra hur vårt fyllningsskikt kommer att appliceras. En gång där väljer vi alternativet Täcka över (Överlappning).

CIRKEL

Vi ska skapa en vit cirkel i mitten av vårt dokument. För att göra detta väljer vi verktyget Ellipsverktyg, som kommer att vara "inuti" rektangelverktyget. För att kunna välja det måste vi klicka länge, utan att släppa, och vänta på att alternativen ska visas. När de väl dyker upp, UTAN SLÄPPNING, flyttar vi markören över Ellipsverktyget och släpper den.

Vi skapar en perfekt omkrets (för detta klickar vi och drar medan vi håller ner Skift-tangenten på vårt tangentbord). Det normala är att omkretsen kommer ut med samma parametrar som den tidigare lutningen som vi gjorde, så vi måste ändra värdet på fyllningen.

Nu ska vi centrera det. Gå till Fönster> Justera och MED VÄLJ CIRKEL klickar du på alternativen som visas i bilderna. 

TEXT

Vi väljer textverktyget (Skriv verktyg, tangent T) och vi skriver in den text vi vill ha. I vårt fall har vi valt teckensnittet BadaBoom BB, som du kan ladda ner från DaFont. 

Låt oss nu vända på det lite. Högerklicka på texten> Transformera> Klippa. Vi introducerar värdet -8º i Vertical och vi ger OK.

Vi centrerar texten på samma sätt som vi tidigare centrerade den vita cirkeln.

LÄGG TILL STILEN

Med vald text går vi till alternativet Ändamålet i toppmenyn och välj Bygga ut och i fönstret som visas, ok. Gör sedan högerklicka över texten och välj avgrupp (Dela upp).

Låt oss gå tillbaka till Utseende panel. Välj den svarta fyllningen och klicka på ikonenfx' att välja Bana> Offset Path. Ange, i Offset, 8px. I Joins, Round. Och i Mitre-gräns, 4.

Klicka nu på 'fx' ikonen igen och välj Distor & Transform> Transform och skriv in:
I skala: horisontell> 100% vertikal> 100%
I rörelse: horisontellt> 7 pixlar vertikalt> 12 pixlar

Låt oss nu lägg till ytterligare en fyllning. Tryck på fyrkantig ikon på den tunna kanten och välj en ljus färg. Till exempel vit.

Vi lägger till ytterligare en fyllning. I vårt fall av orange färg. Vi kommer att lägga till en transformeringseffekt till den. Klicka på ikonen igen 'fx' och välj Distor & Transform> Transform och skriv in:
I rörelse: horisontellt> 2 pixlar vertikalt> 2 pixlar

Vi ska lägga den svarta konturen på den. Vi väljer svart färg i stroke och vi ger det 3 pixlar. Duktig! Nu för att spara fil> spara. För att spara den i .jpg, fil> exportera (och där väljer du formatet)