1. Design & Illustration
  2. Graphic Styles

Kako Instalirati i Upotrijebiti Grafički Stil u Adobe Illustratoru

Scroll to top
Read Time: 4 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Graphic Styles (grafički stilovi) mogu biti savršen dodatak svakoj ilustraciji ili grafičkoj kreaciji u Adobe Illustratoru. U ovom kratkom tutorialu pronaći ćemo i preuzeti grafički stil s Envato Market-a, instalirati stil, upotrijebiti i editirati ga. Krenimo!

1. Preuzmite i Instalirajte Grafički Stil

1. korak

Za potrebe ovog tutoriala, ja ću koristiti Diamonds & Gold Graphic Style Plus Diamond Pattern uzorak kupljen i preuzet sa Envato Market-a.

Preuzmite svoju datoteku i otpakirajte zip datoteku. Ako ste Mac korisnik, jednostavno dvaput kliknite. Ako koristite Windows, kliknite desnim gumbom miša na datoteku i zatim odaberite Extract All.

Datoteka ovog grafičkog stila nalazi se u mapi pod nazivom Place this file in Illustrator App.

Download and unzip your graphic style stock filesDownload and unzip your graphic style stock filesDownload and unzip your graphic style stock files

2. korak

Pomaknuti ćemo datoteku akcija u unaprijed podešenu Actions mapu. Na Mac-u ćete je vjerojatno pronaći kao Applications/Adobe Illustrator CC 2015/Presets/en_US/GraphicStyles. To će varirati ovisno o vašoj verziji. Windows korisnici će je vjerojatno pronaći kao C:\Program Files\Adobe\Adobe Illustrator CC 2015\Presets\en_US\GraphicStyles osim ako niste odredili drugu lokaciju za vaš program i pohranu datoteka.

Kopirajte diamond_style.ai datoteku u "preset" (unaprijed podešenu) mapu (prikazanu iznad). Sada ćete moći jednostavno pristupiti stilu izravno iz Graphic Styles kartice.

Paste your graphic style file into the preset folderPaste your graphic style file into the preset folderPaste your graphic style file into the preset folder

2. Primjena Grafičkih Stilova

1. korak

Počnimo sa jednom od datoteka ponuđenom u download-u: diamond_style.ai. Artboard radna površina je već ispunjena nekim grafičkim elementima sa primijenjena dva grafička stila, kao što je vidljivo na sljedećoj slici.

check out the graphic style applied to stock graphics within the provided ai filecheck out the graphic style applied to stock graphics within the provided ai filecheck out the graphic style applied to stock graphics within the provided ai file

2. korak

Izradite New Layer/novi sloj i u Layers kartici sakrijte druge slojeve grafika. Koristeći "shape tool" alat, poput npr. Star Tool alata, nacrtajte zvijezdu na Artboard-u (površini za crtanje).

create a new layer and new object with the star toolcreate a new layer and new object with the star toolcreate a new layer and new object with the star tool

3. korak

Otvorite Graphic Styles karticu. U njoj ćete vidjeti naša dva stila iz ovog download-a: malene dijamante i velike dijamante.

Open the graphic styles panel and check out the downloaded stylesOpen the graphic styles panel and check out the downloaded stylesOpen the graphic styles panel and check out the downloaded styles

4. korak

Selektirajte oblik zvijezde i zatimodaberite jedan od stilova iz Graphic Styles kartice. U trenu je vaša  jednostavna bijela zvijezda transformirana u renderiranu dijamantnu zvijezdu! Grafički stilovi mogu u trenu napraviti završenu ilustraciju ili dizajn, spremnu za web i print medije.

Apply your new graphic style to your objectApply your new graphic style to your objectApply your new graphic style to your object

3. Učitavanje Grafičkog Stila u Novom Dokumentu

1. korak

Što ako ne želite upotrijebiti ponuđenu AI datoteku? Što ako ne želite učitati grafički stil u vaš novi dokument na kojem radite? Učinimo to sada! Izradite New Document/novi dokument u Adobe Illustratoru i otvorite Graphic Styles karticu. Primjetiti ćete da je šačica zadanih stilova vidljiva, ali naši novi stilovi koje smo upotrijebili u prošloj datoteci nisu.

U kartici idite na Options > Open Graphic Style Library > diamond_style kako biste učitali preuzete stilove koje smo ranije smjestili u preset (unaprijed podešenu) datoteku.

Locate and load your graphic style fileLocate and load your graphic style fileLocate and load your graphic style file

2. korak

Ovaj puta, upotrijebite Type Tool (T) da upišete neki tekst sa fontom po vlastitom izboru. Primijenite Graphic Style iz Graphic Styles kartice. Vaš tekst će biti renderiran, ali će ostati kao "editabilan" tekst.

4. Editiranje Gafičkog Stila

1. korak

Editirajmo stil koji je trenutno primijenjen na naš tekst. U Appearance kartici možete vidjeti sve što je upotrijebljeno u izradi stila: kistovi, uzorci, i gradijenti. Primijetiti ćete da su gradijenti primijenjeni na Offset Paths i kist je svjetlucavi "scatter" kist koji pleše uokolo izvan riječi.

check out the appearance panel to see everything that went into the graphic stylecheck out the appearance panel to see everything that went into the graphic stylecheck out the appearance panel to see everything that went into the graphic style

2. korak

Sa selektiranim tekstom, odaberite jedan od gradijenata u Appearance kartici. Otvorite Gradient karticu i možete podesiti Linear Gradient koji je bio primijenjen na vaš dizajn.

Open the gradient panel to edit gradientsOpen the gradient panel to edit gradientsOpen the gradient panel to edit gradients

3. korak

Za primjer, promijenimo brončani gradijent u malenu dugu. Uredite, dodajte ili obrišite boje za koje vidite da odgovaraju.

Change the gradient applied to the graphic styleChange the gradient applied to the graphic styleChange the gradient applied to the graphic style

5. Podešavanje Omjera Grafičkog Stila

1. korak

Uobičajeno pitanje je kako podesiti omjer grafičkog stila jednom kada je primijenjen na objekt. Prvo počinjemo u Preferences (Control-K). Selektirajte Transform Pattern Tiles i Scale Strokes & Effects kako biste omogućili da se stil mijenja zajedno sa vašim objektom.

Youll want to have both Transform Pattern Tiles and Scale Strokes Effects selected in order to allow the style to transform fully with your objectYoull want to have both Transform Pattern Tiles and Scale Strokes Effects selected in order to allow the style to transform fully with your objectYoull want to have both Transform Pattern Tiles and Scale Strokes Effects selected in order to allow the style to transform fully with your object

2. korak

Sa ove dvije opcije selektirane, linije, kistovi i efekti se transformiraju kao što bi se transformirao i bilo koji drugi ekspandirani objekt. To vam omogućava da po želji podešavate Scale na vašem objektu dok njegovi atributi ostaju editabilni.

With these two options selected strokes patterns brushes and effects all transform as any expanded object wouldWith these two options selected strokes patterns brushes and effects all transform as any expanded object wouldWith these two options selected strokes patterns brushes and effects all transform as any expanded object would

3. korak

Alternativno, ako "deselektirate" ove dvije opcije, atributi stila će ostati konstantni i prilagoditi se promjenama koje ste napravili na objektu. Neovisno tome mijenjate li veličinu, rotirate ili mijenjate objekt na neki drugi način, stil će se prilagoditi objektu. Upotpunosti o vama ovisi koje postavke želite omogućiti i kako želite da se mijenja omjer i veličina stila.

Deselecting the two options allows your style to adapt to your objects changesDeselecting the two options allows your style to adapt to your objects changesDeselecting the two options allows your style to adapt to your objects changes

Odličan posao, završili ste!

Slobodno možete editirati druge aspekte objekta iz Appearance kartice bez izmjene vaše "Graphic Style" datoteke. Grafički stilovi olakšavaju renderiranje objekata, teksta i mnogih drugih elemenata u dizajnu. Nadalje, imate mogućnost da ih editirate po vlastitom izboru, onako kako vidite da pristaju, sve dok sadržaj koji ste preuzeli dozvoljava primjenu takvog editiranja.

Graphic styles make text effects easyGraphic styles make text effects easyGraphic styles make text effects easy
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads