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

Kako Napraviti Grunge, Vintage Tekst Efekt u Adobe Illustratoru

by
Difficulty:BeginnerLength:MediumLanguages:

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Final product image
What You'll Be Creating

U sljedećim koracima ćete naučiti kako kreirati grunge, vintage tekst efekt u Adobe Illustratoru. Za početak ćete naučiti kako postaviti jednostavnu rešetku i kako kreirati prilično jednostavan bazični uzorak. Zatim ćete naučiti kako napraviti suptilno teksuriranu pozadinu koristeći ugrađeni uzorak, Film Grain efekt i neke tehnike blendanja. Konačno, naučiti ćete kako izraditi efekt teksta koji se može urediti pomoću Appearance kartice i više ispuna i efekata, zajedno s pohranjenim uzorkom i ugrađenim umjetničkim kistom.

Za još inspiracije kako podesiti ili unaprijediti vaš konačni tekst efekt možete pronaći mnogo resursa na GraphicRiver.

Resursi za Tutorial

Tijekom izrade ovog tutoriala korišteni su sljedeći resursi:

1. Kako Napraviti Novi Dokument i Podesiti Mrežu

Pritisnite Control-N da napravite New Document. Odaberite Pixels iz Units padajućeg izbornika, unesite 850 u Width i Height okvire, zatim kliknite Advanced gumb. Odaberite RGB za Color Mode, podesite Raster Effects na Screen (72 ppi) i zatim kliknite Create Document.

Omogućite Grid (View > Show Grid) i Snap to Grid (View > Snap to Grid). Trebati ćete mrežu svakih 1 px pa samo idite na Edit > Preferences > Guides > Grid i unesite 1 u Gridline every okvir i 1 u Subdivisions okvir. Neka vas ne obeshrabri tolika mreža-olakšati će vam rad i imajte na umu da je uvijek možete omogućiti ili onemogućiti koristeći Control-" prečac na tipkovnici.

Možete naučiti vipe o Illustratorovom sistemu mreže u ovom kratkom tutorialu od Andrei Stefana: Razumijevanje Adobe Illustratovog Sustava Mreže

Također biste trebali otvoriti Info panel (Window > Info) za pregled uživo s veličinom i pozicijom vaših oblika. Ne zaboravite postaviti jedinice mjera u piksele u Edit > Preferences > Units. Sve ove opcije će značajno ubrzati vaš rad.

setup grid

2. Kako Napraviti i Pohraniti Uzorak

1. korak

Uzmite Rectangle Tool (M) i usredotočite se na alatnu traku. Uklonite boju s Stroke i zatim odaberite Fill i podesite boju ispune na R=87 G=174 B=217.

Pomaknite svoju radnu ploču "artboard" i napravite 15 px kvadrat - mreža i Snap to Grid značajka bi trebale sve olakšati.

create the blue rectangle

2. korak

Vratite se na alatnu traku, uklonite Fill boju i zatim odaberite Stroke te podesite boju na R=47 G=47 B=47. Izaberite Pen Tool (P), napravite 25 px horizontalnu putanju i smjestite je točno kako je prikazano na prvoj slici.

Pobrinite se da nova putanja ostane selektirana, da je Stroke Weight podešeno na 1 px i zatim prebacite na Direct Selection Tool (A). Selektirajte desnu točku sidrišta i samo povucite 25 px gore kao što je prikazano na drugoj slici.

create a horizontal path

3. korak

Pobrinite se da je vaša crna putanja još uvijek selektirana i idite na Effect > Distort & Transform > Transform. Povucite taj Move-Vertical slajder na 5 px, unesite 5 u Copies okvir i zatim kliknite OK.

transform effect

4. korak

Pobrinite se da vaša crna putanja ostane selektirana i idite na Object > Expand Appearance. Zatim idite na Object > Path > Outline Stroke te pritisnite Control-8 (ili idite na Object > Compound Path > Make) da pretvorite grupu crnih oblika u združenu putanju (compound path).

Selektirajte svoj plavi kvadrat i dodajte Copy na isto mjesto (Control-C > Control-F). Selektirajte ovu novu kopiju zajedno s crnom združenom putanjom, otvorite Pathfinder karticu (Window > Pathfinder) i kliknite Intersect gumb.

create a compound path

5. korak

Ponovno selektirajte svoj plavi kvadrat i samo uklonite boju s Fill da je učinite nevidljivom. Odaberite sve oblike koje ste do sada napravili i povucite ih u Swatches karticu (Window > Swatches) da ih pohranite kao uzorak. Kada možete vidjeti uzorak, slobodno kliknete Delete i obrišete odabrane oblike s vaše radne ploče "artboard".

save the pattern

3. Kako Napraviti Pozadinu

1. korak

Koristeći Rectangle Tool (M), napravite 860 px kvadrat i podesite mu Fill na R=117 G=177 B=169, pazeći da prekriva cijelu radnu ploču.

create the background

2. korak

Pripazite da vam je kvadrat još uvijek selektiran, fokusirajte se na Appearance panel (Window > Appearance), i dodajte drugi Fill koristeći Add New Fill gumb.

Selektirajte ovaj novi Fill i obavezno podesite boju na crno. Smanjite joj Opacity na 5%, promijenite Blending Mode u Multiply i zatim idite na Effect > Artistic > Film Grain. Unesite atribute prikazane na sljedećoj slici i zatim kliknite OK.

add a film grain

3. korak

Fokusirajte se na Swatches panel, otvorite padajući izbornik te idite na Open Swatch Library > Patterns > Basic Graphics > Basic Graphics_Textures da otvorite taj set ugrađenih uzoraka. Pobrinite se da je vaš kvadrat još uvijek selektiran, vratite se na Appearance karticu i dodajte treću ispunu koristeći isti Add New Fill gumb.

Selektirajte taj novi Fill i dodajte Diagonal Lines uzorak iz tog seta. Smanjite mu Opacity na 30% i zatim idite na Effect > Artistic > Film Grain. Unesite atribute prikazane na sljedećoj slici i zatim kliknite OK gumb.

add a pattern

4. Kako Napraviti Tekst Efekt

1. korak

Uzmite Type Tool (T) i otvorite Character panel (Window > Type > Character). Odaberite American Captain font i podesite veličinu na 150 px. Povećajte Leading na 180 px i Tracking na 150 px zatim kliknite na svoju radnu ploču "artboard". Dodajte svoj tekst i učinite ga bijelim.

type tool to create the text

2. korak

Pobrinite se da vaš tekst ostane selektiran. Prvo, idite na Swatches karticu i samo uklonite tu bijelu s Fill. To će tekst učiniti nevidljivim.

Zatim idite na Appearance karticu i dodajte novi Fill koristeći isti Add New Fill gumb. Selektirajte ga i podesite boju na R=237 G=239 B=192.

add a new fill

3. korak

Pobrinite se da tekst ostane selektiran i nastavite se fokusirati na Appearance karticu. Dodajte drugi Fill i povucite je ispod druge ispune.

Selektirajte ovaj novi Fill i ispuni promijenite boju u R=47 G=47 B=47, te idite na Effect > Stylize > Rounded Corners. Unesite 2 px Radius, kliknite OK gumb i zatim idite na Effect > Distort & Transform > Transform. Povucite oba Move slajdera na 8 px i zatim kliknite OK gumb.

transform the text

4. korak

Pobrinite se da vaš tekst ostane selektiran i nastavite se fokusirati na Appearance karticu.

Selektirajte gornji Fill i idite na Effect > Stylize > Rounded Corners. Unesite 2 px Radius, kliknite OK gumb i idite na Effect > Distort & Transform > Transform. Povucite oba Move slajdera na 5 px i zatim kliknite OK gumb.

rounded corners for the text

5. korak

Pobrinite se da vaš tekst ostane selektiran i nastavite se fokusirati na Appearance karticu. Dodajte treći Fill i povucite tu ispunu ispod druge dvije ispune.

Selektirajte ovaj novi Fill, dodajte svoj uzorak iz Swatches kartice i idite na Effect > Stylize > Rounded Corners. Unaesite 2 px Radius, kliknite OK i zatim idite na Effect > Distort & Transform > Transform. Povucite oba Move slajdera na 13 px i zatim kliknite OK.

apply the pattern

6. korak

Pobrintie se da vaš dio teksta ostane selektiran i ostanite fokusirani na Appearance karticu. Dodajte četvrti Fill i povucite ga iznad drugih ispuna.

Selektirajte ovu novu Fill ispunu i podesite joj boju u R=117 G=177 B=169. Smanjite joj Opacity na 15% i zatim idite na Effect > Path > Offset Path. Unesite -8 px Offset, podesite Joins u Round i zatim kliknite OK gumb.

Zatim idite na Effect > Stylize > Rounded Corners. Unesite 2 px Radius, kliknite OK i zatim idite na Effect > Distort & Transform > Transform. Povucite oba Move slajdera na 2 px, kliknite OK i zatim idite na Effect > Blur > Gaussian Blur. Unesite 4 px Radius i zatim kliknite OK.

add a gaussian blur

7. korak

Na kraju, trebati ćete jedan od onih ugrađenih umjetničkih kistova. Idite na Brushes karticu (Window > Brushes), otvorite padajući izbornik i idite na Open Brush Library > Artistic > Artistic_ChalkCharcoalPencil.

Reselektirajte svoj tekst i fokusirajte se na Appearance karticu. Selektirajte liniju i podesite joj boju u R=17 G=17 B=17. Dodajte Pencil - Thin umjetnički kist i zatim idite na Effect > Stylize > Rounded Corners. Unesite 2 px Radius i zatim kliknite OK.

use an art brush

Čestitam! Završili ste!

Evo kako bi to trebalo izgledati. Nadam se da ste uživali u ovom tutorialu i da možete primijeiti ove tehnike u svojim nadolazećim projektima.

Slobodno prilagodite konačni dizajn i personalizirate ga. Možete pronaći neke odlične resurse inspiracije na GraphicRiver s zanimljivim rješenjima da poboljšate svoj dizajn.

Grunge Vintage Text Effect Adobe Illustrator Tutorial
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.