Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Textures
Design

Kako Izraditi Teksturu Vodenih Boja u Adobe Illustratoru

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Learn Adobe Illustrator.
10 Essential Tips & Tools All Adobe Illustrator Beginners Should Learn
How to Create a Solar System Planets Icon Pack in Adobe Illustrator

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

Final product image
What You'll Be Creating

Budite u trendu s teksturama vodenih boja u Adobe Illustratoru! U ovom tutorialu ćemo kreirati vlastite teksture vodenih boja sa jednostavnim setom, urediti svoje slike u Adobe Photoshopu i primijeniti teksture u Adobe Illustrator koristeći dvije različite tehnike.

Možete također pogledati teksture ili rukom pisane fontove na Envato Market tržištu koji će upotpuniti neke dizajne korištene u ovom tuorialu.

1. Izradite Teksture Vodenih Boja

1. korak

Počnimo sa priborom koji trebate ili ćete htjeti upotrijebiti za izradu tekstura:

  • Vodene boje
  • Papir za akvarel
  • Mekani kist
  • Čaša vode

Osobno, smatram da ovakvi projekti ne zahtijevaju najsofisticiraniji pribor. Zabavne teksture vodenih boja možete napraviti i sa setom dječjeg slikarskog pribora jednako kao i sa Winsor & Newton bojama. Ispod ćete vidjeti pribor koji se nalazi u mojem slikarskom priboru.

Collect materials for watercolor painting

2. korak

Namočite malo kist vodom, umočite ga u vodenu boju, i počnite slikati. Igrajte se sa prozirnošću i jačinom boje. Napravite velike mrlje ili malene oblake boja. Zaista ne možete pogriješiti eksperimentirajući vodenim bojama!

Start painting with your watercolors

3. korak

Slikate li mokrim kistom na mokrom papiru, vidjeti ćete da će se vodena boja raspršiti i kreirati zabavne gradijente na papiru. Slobodno nanesite vodene boje papirnatim maramicama ili tapkajte kistom preko papira da napravite tekturu raspršenih mrlja.

Paint onto wet paper or create puddles of color

4. korak

Na papir nnosite slojeve u raznim jačinama boje i igrajte se sa drugim bojama. Ostavite da se neke boje osuše, i ztim nastavite slikati dok ne dobijete obojene dijelove koje žlite.

Add other colors and shapes into your designs

5. korak

Kreirajte i nekoliko listova papira sa teksturama ako želite. Kada ste zadovoljni izborom boja i dizajna, ostavite da se papir potpuno posuši prije nego što krenemo na sljedeći dio tutoriala.

Create as many pages of watercolor textures as you want

2. Uredite Teksture

1. korak

Skenirajte svoje teksture i uvezite ih u Adobe Photoshop. Ako želite, možete ih i uslikati fotoaparatom. Pošto je moj skener malo stariji, ponekad papir ne prikaže dovoljno bijelim što mi je veoma potrebno za ovaj projekt. Uredimo sliku još malo.

Scan and import your watercolort extures

2. korak

Kako biste spriječili žutilo papira, idite na Image > Adjustments > Levels i pažljivo podesite razine žutila oko mrlja vodenih boja. Ja obično prilagodim slajder sive u lijevo i slajder bijele malo u desno.

Adjust the levels of your image

3. korak

Sada kada su vam teksture vodenih boja jasne i čiste, spremite datoteku kao JPG visoke rezolucije i uvezite je u Adobe Illustrator.

Save and import your image into Adobe Ilustrator

3. Od Tekstura Napravite Vektore

1. korak

Uvezite svoju teksturu vodenih boja u novi Adobe Illustrator dokument i otvorite Image Trace karticu. Za Mode, odaberite Color, i za Palette, odaberite Full Tone. Pritisnite Preview i pričekajte malo da se vektor renderira.

Image Trace to get a vector watercolor texture

2. korak

Ja sam malo uvećala svoj rezultat tako da možete vidjeti vektoreske objekte malo bolje. Ovo je nevjerojatno lagan način da konveritrate prave teksture u vektor bez da ih ručno rekreirate u Adobe Illustratoru.

A zoomed in version of the watercolor texture

3. korak

Također možete ograničiti količinu detalja na svojem rezultatu odabirući Limited (dolje lijevo) za Pallete umjesto Full Tone (dolje desno). To će vam omogućiti "vektoriziraniji" izgled i manju veličinu same datoteke.

Kliknite Expand na selektiranu teksturu i zatim kliknite Ungroup tako da možete upotrijebiti Laso Tool (Q) da selektirate oko dijela teksture. Primijenite Copy (Control-C) i zatim Paste (Control-V) da zalijepite teksturu na New Layer u Layers kartici. Sakrijte druge teksture tako da se usredotočite na kopirani dio. Primijenite Group (Control-G) da grupirate teksturu zajedno.

A comparison between watercolor textures

4. Napravite Grafički Stil

1. korak

Grafički stilovi su fantastični. Omogućuju vam da lako primijenite sve svrste uzoraka, efekata i slično, samo jednim klikom na gumb. Idu ruku pod ruku s akcijama koje ubrzavaju proces rada u Adobe Illustratoru.

Selektirajte svoju grupu teksture, i u Pattern Options kartici kreirajte New Pattern. Prilagodite Width i Height (širinu i visinu) uzorka tako da se uzorak preklapa jedan preko drugog. U Appearance kartici podesite Blending Mode grupe u Multiply. Kada ste zadovoljni preklapanjem i ponavljanjem vašeg uzorka, kliknite Done.

Budući da je ovo takva složena vektorska tekstura, možda će vam trebati neko vrijeme za izradu uzorka. Ja pokušavam plesti dok stroj sustiže ono što stvaram. Sigurnosna pohrana također pomaže kada se bojite da će se Adobe Illustrator program iznenada srušiti.

Create a simple pattern

2. korak

Svoj novi uzorak naći ćete u Swatches kartici. Primijenite ga u jednostavan pravokutni oblik. Otvorite Graphic Styles karticu i, sa selektiranim pravokutnikom napravite novi New Graphic Style. Ovo omogućuje da zadržite sve što podesite u Appearance karticu i da brzo i lako primijenite te postavke na bilo koji objekt a da ne morate ponovno primjenjivati uzorak i njegove atribute. Svakako pohranite svoj Graphic Style kako biste ga mogli primijeniti na bilo koji dokument.

Create a graphic style

3. korak

Isprobajmo neki tekst s novim Graphic Style stilom. Koristeći zabavan skript font, napisala sam jedan od meni najdražih citata koje je izrekla Alyssa Edwards. Slične tipografije možete pronaći u font odjeljku na Envato Market-u.

Upišite neki tekst koristeći Type Tool (T) i zatim primijenite Expand (Object > Expand) i odaberite Outlines. Primijenite svoj novo-kreirani Graphic Style. Ako ih ima, popravite eventualne greške.

Easily apply your graphic style

5. Izradite Tipografski Dizajn

1. korak

Učinimo nešto još zanimljivije od same primijene grafičkog stila (Graphic Style) na jednostavan font. Skicirajte tipografsku kompoziciju. Pokušajte upotrijebiti skript, serif i sans-serif fontove kao primjere za svoja rukom pisana slova.

Ako želite, umjesto da crtate zaseban dizajn, možete rasporediti tekst onako kako vam se čini da lijepo pristaje. Ja sam nacrtala dizajn koji vidite ispod u Adobe Photoshopu i zatim sam ga prenijela u Adobe Illustrator dokument. Poigrajte se raznim kompozicijama i stilovima slova na odabranom citatu. Ako ne koristite grafički tablet, možda bi bilo bolje da upotrijebite gotovi font za ovaj tutorial.

Create some fun typographic compositions

2. korak

Na novom sloju, upotrijebite Blob Brush Tool (Shift-B) da glatko precrtate svoj dizajn. Potrudite se da što bolje, pravilnije i preciznije ocrtate linije i zadržite krivulje glatkima.

Carefully draw smooth text designs

3. korak

Na slovima mijenjajte debljinu linije. Ovdje će vam izuzetno pomoći promatranje primjera drugih slova i tipografije kako biste odlučili koji dijelovi kojih slova bi trebali biti deblji, a koji tanji. Eksperimentirajte sa oboje i promatrajte kako mijenja vaš dizajn.

Use thick and think lines in your design

4. korak

Nastavite raditi oko svoje kompozicije. Ako uvidite da vam skica nije dobra, sada još možete popraviti sadržaj. Ako želite, možete upotrijebiti i druge alate za crtanje, kao što su Pen Tool (P) kako biste konturirali skicu.

Continue redrawing your text design

5. korak

Za veće dijelove slova, prvo ocrtajte linijom konturu i zatim ispunite svaki oblik. Ubrzajte proces koristeći Shaper Tool (Shift-N) da ispunite dijelove. Jednostavno nacrtajte šaru između objekata i to će napraviti ispunu kao što vidite ispod.

Use the shaper tool to fill in objects

6. korak

Kada završite svoj tekst, obrišite sloj sa skicom i selektirajte svoje nove tekstualne oblike. Primijenite Unite funkciju u Pathfinder kartici da ujedinite sve oblike, zatim ih ekspandirajte u Compound oblik. Kao i prethodno, na svoj novi dizajn možete slobodno primijeniti svoj Graphic Style.

Apply your graphic style to the newly created design

6. Izradite Clipping Mask

1. korak

Kao alternativna metoda Graphic Style stilu, možete ići na Create Clipping Mask (Control-7) da je primijenite na teksturu. Kao što smo učinili na pripremi za izradu uzorka, selektirajte dio Image Traced teksture koristeći Lasso Tool i zatim primijenite Copy da izradite kopiju.

Ja sam odlučila zadržati teksture vodenih boja odvojeno, u njihovim zasebnim dokumentima pa moj radni dokument nije radio problem s memorijom na računalu.

Select your texture

2. korak

Zalijepite (Paste) svoju teksturu na radni dokument. Ja sam podesila boju ispune teksta u svijetlo sivu pa se tekst i preklapajuća linija mogu jasno vidjeti. U Transparency kartici podesite Blending Mode teksture u Multiply.

Overlap your text with your watercolor texture

3. korak

Ponovite ovaj proces lijepljenja dijelova teksture vodenih boja preko teksta. Možete podesiti Scale, Rotate i smjestiti ih kako god želite.

Overlap your text with various color and textures

4. korak

Kada ste zadovoljni smještanjem teksture, sve ih zajedno selektirajte i idite na Group da ih grupirate zajedno preko dizajna. Također, pripazite da je većina teksta na neki način prekrivena teksturom. Ne želite da cijela slova nestanu kada napravimo Clipping Mask.

Group together your watercolor textures

5. korak

Primijenite Copy, zatim Paste da kopirate i zalijepite tekstualni dizajn preko grupe sa teksturom vodenih boja. Sakrijte originalni dizajn teksta u Layers kartici. Selektirajte oboje i zatim napravite Clipping Mask pritiskom na Control-7. Ako uvidite da želite promijeniti ili dodati sadržaj svoje Clipping Mask maske, samo otvorite Layers karticu i selektirajte dijelove grupe unutar Clip Group grupe da ih prerasporedite na Artboard površini ili čak dodate nove teksture tako da ih povučete u grupu.

create a clipping mask and adjust its contents

Odlično Odrađen Posao, Završili Ste!

Igrajte se teksturama vodenih boja. Neovisno tome kreirate li Graphic Style ili Clipping Mask, imate mogućnost odrediti način na koji ćete primijeniti svoju teksturu kao i ostale elemente poput mrlja poprskanih vodenim bojama ili dodatne teksture.

Podijelite svoje dizajne ispod u komentarima! Bilo da ste u svojoj kompoziciji kreirali svaki element sami ili ste upotrijebili resurse s Envato Market-a, želimo ih vidjeti!

The final design
Advertisement
Advertisement
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.