Share
Vad du ska skapaI följande steg kommer du att lära dig hur du skapar en fullständigt redigerbar, färgstark, 3D-texteffekt i Adobe Illustrator.
Till att börja med lär du dig att skapa en enkel bakgrund och hur du lägger till lite text. Med full nytta av Utseendepanelen och med en massa fyllningar och effekter lär du dig hur du skapar din fullständigt redigerbara texteffekt. Slutligen lär du dig hur du enkelt kan spara och använda grafiska stilar.
För mer inspiration om hur du anpassar eller förbättrar din slutliga texteffekt, kan du hitta massor av resurser på Envato Market.
Träffa Kontroll-N att skapa ett nytt dokument Välj pixlar från Enheter rullgardinsmenyn, skriv in 850 i breddlåda och 1000 i rutan med höjd och klicka sedan på Avancerad knapp. Välj RGB, Skärm (72ppi) och se till att Justera nya objekt till pixelnätet rutan är avmarkerad innan du klickar ok.
Välj Rektangelverktyg (M) och fokusera på din verktygsfält. Ta bort färgen från stroke och välj sedan fyllningen och ställ in färgen till R = 0 G = 100 B = 145. Flytta till din tavla och klicka bara på den för att öppna Rektangel fönster. Ställ in Bredd till 860 px och den Höjd till 1010 px och klicka sedan på det ok knapp. Se till att den här nyskapade formen täcker hela din tavla.
Återgå till verktygsfältet och ställ fyllnadsfärgen till vit (R = 255 G = 255 B = 255). Välj Typverktyg (P) och öppna Karaktär panel (Fönster> Typ> Tecken). Markera Milkshake-teckensnittet och ställ in Storlek till 170 pt. Klicka bara på din tavla och lägg till "Byta"textstycke som visas nedan.
Använd samma verktyg och attribut, lägg till de övriga tre bitarna av text som visas i följande bilder.
Välj ditt övre textstycke. Ta först bort den befintliga fyllfärgen, vilket gör din text osynlig.
Flytta till Utseende panel (Fönster> Utseende) och slå på Lägg till ny fyllning knappen för att lägga till en fyllning för den valda texten. Markera den och ange färgen till R = 255 G = 200 B = O.
Se till att din översta texttext förblir vald och fortsätt att fokusera på Utseende panel.
Använda detsamma Lägg till ny fyllning knappen, lägg till en ny fyllning för din text. Välj den, sätt färgen till vit och klicka sedan på "Opacitet"textstycke som står för den här nya fyllningen för att öppna Genomskinlighet utflödespanel. Ändra Blandningsläge till Täcka över och sänka Opacitet till 50%.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Lägg till en tredje fyllning och dra den ovanför befintliga. Välj den, sätt färgen till R = 255 G = 200 B = O, och sedan gå till Effekt> Förvräng & Transformera> Transformera. Dra båda Skala reglagen till 99,7%, och glöm inte att kolla den nedre vänstra referenspunkten.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Lägg till en fjärde fyllning och dra den under befintliga. Välj den, sätt färgen till R = 255 G = 200 B = O, och sedan gå till Effekt> 3D> Extrude & Bevel. Klicka på Fler alternativ knappen, ange alla attribut som visas nedan och klicka sedan på ok knapp.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Välj bottenfyllningen och gå till Effekt> Stylize> Drop Shadow. Ange attributen som visas i det övre vänstra fönstret (i följande bild), klicka på ok knappen, och lägg sedan till de andra tre Drop Shadow effekter som visas nedan.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Lägg till en femte fyllning och dra den under de befintliga. Välj den, sätt färgen till R = 255 G = 63 B = 79, och sedan gå till Effekt> Path> Offset Path. Ange en 15 px Offset och klicka sedan på ok knapp.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Återmarkera bottenfyllningen och gå till Effekt> 3D> Extrude & Bevel. Ange alla attribut som visas nedan och klicka sedan på ok knapp.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Återmarkera bottenfyllningen och lägg till de tre Drop Shadow effekter som visas nedan.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Lägg till en ny fyllning och dra den under befintliga. Välj den, sätt färgen till svart (R = 0 G = 0 B = 0) och sedan gå till Effekt> Path> Offset Path. Ange en 5 px förskjutning, Klicka på ok knappen och gå till Effekt> 3D> Extrude & Bevel. Ange attribut som visas nedan, klicka på ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra båda Flytta reglagen till 15 px och klicka sedan på ok knapp.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Återställ den svarta fyllningen, sänk den Opacitet till 60% och sedan gå till Effekt> Oskärpa> Gaussisk oskärpa. Ställ in Radie till 15 px och klicka sedan på det ok knapp.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Återställ den svarta fyllningen och duplicera den med hjälp av Kopiera valda objekt knapp. Fokusera på den nedersta svarta fyllningen och bli av med det Gaussisk suddighet effekt. Ändra också Blandningsläge till Mjukt ljus och sänka Opacitet till 10%.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Lägg till en ny fyllning och dra den under befintliga. Välj den, sätt färgen till svart och gå sedan till Effekt> Path> Offset Path. Ange en 5 px förskjutning, Klicka på ok knappen och gå till Effekt> 3D> Extrude & Bevel. Ange attribut som visas nedan, klicka på ok knappen och gå sedan till Effekt> Förvräng & Transformera> Transformera. Dra båda Flytta reglagen till 40 px och klicka sedan på ok knapp.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Välj den nedersta svarta fyllningen, välj den Opacitet till 10%, och sedan gå till Effekt> Oskärpa> Gaussisk oskärpa. Ställ in Radie till 20 px och klicka sedan på det ok knapp.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Återmarkera den nedersta svarta fyllningen och duplicera den med samma Kopiera valda objekt knapp. Fokusera på den nedersta svarta fyllningen och bli av med det Gaussisk suddighet effekt. Ändra också Blandningsläge till Mjukt ljus och sänka Opacitet till 10%.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Lägg till en ny fyllning och dra den ovanför befintliga. Välj den och ersätt den befintliga färgen med den linjära gradienten som visas nedan. Tänk på att den gula nollpunkten från Lutning bilden står för Opacitet procentsats. Med denna nya fyllning fortfarande valda, gå till Effekt> Pathfinder> Add och sedan gå till Effekt> Path> Offset Path. Ange en -4 px Offset och slå på ok knapp.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Återmarkera toppfyllningen, sänk dess Opacitet till 30%, och gå till Effekt> Oskärpa> Gaussisk oskärpa. Ange en 5 px Radius och klicka på ok knapp.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Återmarkera toppfyllningen och duplicera den med samma Kopiera valda objekt knapp. Välj den här nyfyllda fyllningen och ersätt den befintliga linjära gradienten med den som visas nedan. Kom ihåg att de gula siffrorna står för Opacitet procent medan de blåa står för Plats procentsats. När du är klar, sänka den här fyllningen Opacitet till 50% och ändra Blandningsläge till Mjukt ljus, och klicka sedan på befintliga Offsetväg effekt. Sänka Offset till -2 px och klicka på ok knapp.
Se till att din översta texttext fortfarande är vald och fortsätt att fokusera på Utseende panel.
Lägg till en ny fyllning och dra den ovanför befintliga. Sänka dess Opacitet till 75%, ändra Blandningsläge till Mjukt ljus, och ersätt den befintliga färgen med den linjära gradienten som visas nedan. Glöm inte att den gula nollpunkten från Lutning bilden står för Opacitet procentsats. Med denna nya fyllning fortfarande valda, gå till Effekt> Pathfinder> Add och sedan gå till Effekt> Path> Offset Path. Ange en -2 px förskjutning och slå på ok knapp.
Se till att din översta texttext fortfarande är vald, öppna Grafiska stilar panel (Fönster> Grafiska stilar), och klicka helt enkelt på det Ny grafisk stil knappen för att spara attributen för det valda objektet.
Välj resten av din text och använd helt enkelt din grafiska stil.
Välj din blå rektangel, gör en kopia framförControl-C> Control-F) och ta det framåt (Skift-Control-]). Välj den här kopian och ersätt den befintliga fyllfärgen med den radiella gradienten som visas nedan. Återigen, kom ihåg att den gula nollställningen står för Opacitet procent och använd Gradient Tool (G) för att justera din gradient som visas nedan.
Kontrollera att rektangeln i det föregående steget fortfarande är vald och ändra dess Blandningsläge till Mjukt ljus.
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å Envato Market, med intressanta lösningar för att förbättra din design.
Accentsconagua