Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Kako ustvariti učinek retro tekstovnega efekta v Adobe Illustratorju

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Warm, Retro Text Effect in Adobe Illustrator

Slovenian (Slovenščina) translation by Natalija Talan Fošnarič (you can also view the original English article)

Final product image
What You'll Be Creating

V naslednjih korakih se boste naučili, kako ustvariti učinek retro tekstovnega efekta v programu Adobe Illustrator.

Za začetek se boste naučili, kako ustvariti nekaj besedila. Z uporabo palete Appearance in uporabo lepega efekta se boste naučili, kako dodati učinek dolge sence brez razširjanja besedila. Nekaj osnovnih tehnik mešanja in z uporabo preprostega učinka Gaussian Blur, se vas bo končno dotaknilo v narejenem tekstovnem efektu.

Več navdiha o tem, kako spremeniti ali izboljšati svoj končen tekstovni efekt, lahko najdete veliko virov na GraphicRiver.

1. Kako ustvarimo besedilo

Korak 1

Izberemo Control-N, da ustvarimo nov dokument. Izberemo enote Pixels iz spustnega menija Units, vensemo številko 850 v polje širina in 610 v polje višina. Nato kliknemo na gumb More Settings. Izberemo RGB v paleti Color Mode. Pri Raster Effects izberemo Screen (72 ppi), nato kliknemo na tipko Create Document. Ne pozabite nastaviti merskih enot na pixle - Edit > Preferences > Units.

setup grid

Korak 2

Označimo (kliknemo) na orodje Type Tool (T) in odpremo paleto Character (Window > Type > Character). Izberemo Insaniburger font in nastavimo na 200 px.

Na delovno površino (artboard) kliknemo in napišemo besedilo, kot je prikazano spodaj. Pobarvamo ga v črno barvo.

type tool

Korak 3

Za izdelavo zadnje črke (P), uporabimo enake nastavitve, kot prej. Pobarvamo jo z modro barve in jo postavimo desno na črno črko.

Nadaljujemo z dodajanjem posameznih modrih črk, dokler ne pokrijejo vseh črnih črk. Ko končamo, v paleti Layers (Window > Layers) odstranimo črne črke.

letter

2. Kako dodamo efekt dolge sence

Korak 1

Izberemo eno izmed črk, se osredotočimo na paleto Swatches (Window > Swatches), in kliknemo na barvno [None],da odstranimo modro barvo.

Prestavimo se na paleto Appearance (Window > Appearance) in dodamo novo barvo, tako, da izberemo tipko Add New Fill. Označimo črko z barvo in ji nastavimo barvno vrednost na R = 255 G = 245 B = 225.

fill none

Korak 2

Prepričamo se, da imamo označeno črko "S" in se osredotočimo na paleto Appearance. Dodamo dodatno barvno polnilo zelene barve in ga označimo. Polnilo povlecimo na dno plošče in nastavimo barvo na R = 0 G = 146 B = 69. Nato izberemo Effect > Distort & Transform > Transform. Drsnik v polju Move premaknite tako, da bo vpisano 0,5 px ali vpišite številko. V polje Copies vnesite 700 in kliknite OK.

long shadow

Korak 3

Prepričamo se, da je "S" še vedno označen in se osredotočimo na paleto Appearance. Dodamo še tretje barvno polnilo in ga označimo.

Polnilo povlečemo med obstoječa dva barvna polnila in nastavimo barvo na črno. Prosojnost (Opacity) znižamo na 10 %, nato izbremo Effect > Path > Offset Path. Vnesemo -10 px Offset in kliknemo na OK. Nato izberemo Effect > Distort & Transform > Transform. Oba drsnika v polju Move nastavimo na 15 px, kliknemo OK in gremo do Effect > Blur > Gaussian Blur. Vnesemo v polje Radius 5 px in potrdimo z tipko OK.

add new fill

Korak 4

Osredotočimo se na paleto plasti (Layers), odpremo Layer in označimo polje z črko, da bomo lažje v paleti Appearance nastavili vrednosti prve črke besede. Želene črke so prikazane kot malo zaobljene na desni strani vsake črke.

Držimo tipko Alt na tipkovnici, označimo želeno črko S za črko "S" in jo povlečemo do želene črke "T". Označimo črko "T", se osredotočimo na plaeto Appearance in zamenjamo zeleno vrednost barve z vrednostjo R = 255 G = 154 B = 9.

target icon

Korak 5

Označimo črko "O" in potrdimo enake nastavitve v paleti Appearance kot prej. Zeleno barvo zamenjamo z R=244 G=54 B=44.

Izbremo črko "P" in potrdimo enake nastavitve v paleti Appearance kot prej. Zeleno barvo zamenjamo z R=7 G=132 B=170.

red blue

3. Kako ustvarimo ozadje in dodamo še več besedila

Korak 1

Izberemo orodje Rectangle Tool (M) in naredimo pravokotno obliko skozi celotno delovno pvršino (artboard). Pobarvamo jo z R=42 G=27 B=67 in jo postavimo v ozadje Object > Arrange > Send to Back (Shift-Control-[).

background

Korak 2

Izberemo orodje Type Tool (T) in se osredotočimo na paleto Character. Prepričamo se, da imamo še vedno izbran font Insaniburger in velikost nastavljeno na 50 px.

Dodamo še tekst "DON'T" in ga postavimo na mesto, kot ga vidimo na sliki. Ponovno odstranimo barvo teksta in se osredotočimo na paleto Appearance. Za dodajanje barve izberemo tipko Add New Fill, jo označimo in spremenimo barvno na R=255 G=245 B=225.

type tool

Korak 3

Preverimo, če še imamo izbran tekst "DON'T", se osredotočimo na paleto Appearance in dodamo novo, drugo barvo. Označimo polnilo in mu vpišemo barvno vrednost R=255 G=80 B=145. Nato izberemo Effect > Distort & Transform > Transform. Vpišemo vrednosti, kot jih vidimo na sliki in pritisnemo OK.

add new fill

Korak 4

Preverimo, če še imamo izbran tekst "DON'T", se osredotočimo na paleto Appearance in dodamo novo, tretjo barvo.

Povlečemo jo med obstoječa polnila in ji določimo črno barvo. Prosojnost (Opacity) nastavimo na 10%, nato izberemo Effect > Path > Offset Path. Vpišemo -2 px Offset in kliknemo OK. Nato izberemo Effect > Distort & Transform > Transform. Oba drsnika v polju Move nastavimo na 5 px in kliknemo OK. nato izberemo Effect > Blur > Gaussian Blur. Vpišemo 3 px Radius in potrdimo z tipko OK.

gaussian blur

Korak 5

Izberemo orodje Type Tool (T) in dodamo še tekst "BELIEVING" in ga postavimo na mesto, kot ga vidimo na sliki. Tekst obarvamo z  R=255 G=245 B=225. Označimo tekst BELIEVING in izberemo Effect > Stylize > Drop Shadow. Vnesemo vrednosti kot so prikazane na sliki in potrdimo z tipko OK.

drop shadow

Čestitam. Končali ste vajo!

Spodaj vidite, kako bi tekstovni efekt naj izgledal. Upam, da ste uživali v vaji in da boste lahko katero izmed tehnik uporabili tudi pri svojem delu. Svoja spoznanja in misli lahko delite v komentarjih.

Počutite se svobodno in naredite svoj izdelek. Na linku GraphicRiver lahko najdete še nekaj zanimivih navdihov za vaš design.

final product
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.