Näyttökuva 2013-12-01 kohteessa 20.31.33.png

1. Avaa uusi työ Web-asetuksilla, jolloin mittayksiköt ovat pikseleitä.

File_New_Web.png

2. Piirrä laatikko ja täytä se sinisellä värillä.
f_pohjalaatikko.png
3. Tee Mesh-toolilla yksi ristikko siniseen laatikkoon.
Vaihda pisteen väri vaaleammaksi.
Kun painat Shift-näppäimen alas, saat liikutettua kaikkia Color-paletin liukukytkimiä yhtäaikaa.

f_Mesh_1.png
4. Tee uusi taso ja lukitse alempi taso.
f3_uusitaso.png

5. Piirrä musta 2 pikselin laatikko sinisen laatikon alareunaan.
f2_laatikko_.png


6. Siirrä laatikkoa 4 pikseliä ylöspäin
Object > Transform > Move …, aseta Vertical -4 px, Copy
f4_kopio mustaa laatikkoa.png
Tee dublikaatteja laatikosta heti kopioinnin jälkeen.
Cmd / Crtl + D (= Transform Again)
  • Jos klikkaat välillä jonkin muun elementin aktiiviksi, Illustrator ei enää muista, mitä ja miten sen piti dublikoida.
external image 05.png

7. Tee mustista laatikoista ryhmä: Cmd / Ctrl + G
8. Pidä ryhmä valittuna ja "rouhi" viivoja. Effect > Distort and Transform > Roughen
  • Size: 2 px, Absolute, Detail: 75 Points: Corner

9. Aseta Transparency paneelista (Window > Transparency) päälle Soft Light sekoitustila.
f5_group_roughen.png

Kangas näyttää nyt tältä:
f6_kangas.png
9. Tee uusi taso ja lukitse alempi taso.

10. Tee samalla tekniikalla (kohdat 5-8) uusi, suurempi pinta,
11. käännä se 45 asteen kulmaan Object > Transform > Rotate
12. aseta läpinäkyvyyden (Window > Transparency) sekoitustilaksi Overlay

f7_45_astetta.png
13. Tee originaalikankaanpalan kokoinen laatikko kulmaan käännettyjen laatikoiden päälle.
14. Aktivoi sekä rajauslaatikko että alla oleva kuvio Cmd / Ctrl + A
Avaa tasojen lukot ennen aktivointia.
15. Rajaa Object > Clipping Mask > Make tai Cmd / Ctrl + 7
f_8 kangas.png
16. Tee uusi taso ja lukitse alempi taso.

Saumat

Piirrä sauman korkuinen suorakulmio.
Väritä se 45 % harmaalla.
Aseta Transparency-paneelista Blending Mode to “Overlay” => suorakulmiosta tulee läpinäkyvä. (Kuvassa kangas 270 % suurennoksena).
f8_sauma.png

Pidä suorakulmio valittuna, valitse Object > Create Gradient Mesh …
aseta arvot: 2 riviä 30 palstaa.

f9_mesh2_30.png















Valitse aluksi valkoisella nuolella (Direct Selection Tool (A)) joka toinen keskipiste (Shift-näppäin alhaalla) ja aseta niiden väriksi 7 % harmaa.

Valitse sitten väliin jääneet joka toinen piste ja aseta väriksi 75 % harmaa.
f_10_valinta.png

f_11_1_sauma.png

Valitse gradient mesh mustalla nuolella (Selection Tool (V)),
Valitse Object > Envelope Distort > Make with Warp…, Flag, Vertical, Bend 1%.
f12_warp.png

Tee uusi taso ja lukitse alempi taso.

Varjostus

Tee suorakulmio ylhäältä sauman alapuolelle.
Täytä suorakulmio liukuvärillä.
Aseta Blending Mode "Overlay" Transparency-paneelista.
f13_sauman_varjo.png

Tee toinen varjostuslaatikko sauman alapuolelle. Täytä se liukurasterilla.
Aseta Blending Mode "Multiply" Transparency-paneelista.
=> Valkoinen tulee läpinäkyväksi.
f14_sauman_varjo.png

Tee uusi taso ja lukitse alempi taso.

Taskun sauma


Piirrä Mustekynä-työklaulla (Pen Tool (P)) punainen viiva malliksi taskun kaaresta.
Aseta viivan vahvuus sauman leveyden mukaan sopivaksi.f15_taskun_sauman_malli.png
Tee uusi taso ja lukitse alempi taso.

Piirrä harmaa laatikko.
Object > Create Gradient Mesh
f16_tasku_mesh1.png

Aseta suorakulmion nurkkapisteet valkoisella nuolella paikoilleen punaisen mallikaaren nurkkiin.
Etsi pisteiden kahvat esiin Mustekynä-työkalun alta löytyvältä f18_Pen-tool.png
Convert Anchor Point -työkalulla ja muotoile 50 % läpinäkyväksi värittämäsi viiva punaisen mallikuvion mukaan.
Voit liikuttaa kahvoja valkoisella nuolella sekä Convert Anchor Point -työkalulla.

f17_tasku_mesh2.png

Poista punainen viiva.
  • Aseta tason väri sellaiseksi, että näet kahvat.
  • Tarkista, että nurkkapisteet ovat suorassa ja ylimääräiset kahvat on poissa.
  • Asettele kahvat linjaan toistensa kanssa.

Jos kahvoja on liikaa, mesh-viivat eivät asetu järjestykseen.
Palauta Opasity 100 %.
Valitse Mesh Tool (U) Mesh-tool.png
Klikkaa kaaren keskelle gradient mesh.
f19_tasku_mesh3.png
Napsuttele poikittaiset ristikot mesh-työkalulla.
f20_mesh4.png

Valitse aluksi valkoisella nuolella (Direct Selection Tool (A)) joka toinen keskipiste (Shift-näppäin alhaalla) ja aseta niiden väriksi 7 % harmaa.

Valitse sitten väliin jääneet joka toinen piste ja aseta väriksi 75 % harmaa.

Valitse Mesh-kuvio mustalla nuolella ja aseta
Transparency-paneelista Blending Mode “Overlay”
f21_.png
Tee uusi taso ja lukitse alempi taso.

Tee varjostukset

Tee liukuväri viivaan (CS6-versiosta alkaen) tai Blend-työkalulla (aiemmat versiot)
Yläpuolen varjo (Blend-työkalulla)Blend-toolCS6.png
Piirrä Kynä-työkalulla taskun kaaren muotoinen musta viiva.
Kopioi viiva (Musta nuoli, siirto Alt-näppäin alhaalla) irti taskusta ja vaihda väriksi valkoinen.
Lyhennä valkoista viivaa yläpäästä (siirrä yläpistettä valkoisella nuolella).


Yhdistä viivat Blend-työkalulla.


Säädä määrää. Object>Blend>Blend Options

f22_blend_options.png

Aseta sekoitustilaksi Multiply ja kevennä näkyvyyttä.
f23_multiply_opacity.png

Piirrä Kynä-työkalulla viiva taskun muotoon.
Vahvenna viivaa sauman levyiseksi.
24_viiva_sauman_yli.png
Aseta viivaan liukurasteri. (Toimii vain CS6-versioista eteenpäin.)
Stroke: Apply gradient accross the stroke.
Aseta viivan läpinäkyvyys (Opasity): "100 Soft Light" joko Transparency- tai Apperarance-paletista.

f25_sauman varjo.png

Tee uusi taso ja lukitse alempi taso.

Tee ompeleet

Suurenna työalue ainakin 300 % kokoon.
Tee ensin tikin varjo ja sitten tikki.
Tee näistä omat siveltimet (Brush), niin voit lisätä tikin mihin tahansa viivaan.
1. Piirrä valkoinen ja musta laatikko, joissa on pyöristetyt kulmat.
2. Muotoile varjoa keskeltä kapeammaksi.
3. Yhdistä muodot Blend-työkalulla.
4. Säädä askelten määrää Object > Blend > Blend Options 10
f26_ompeleen varjo.png

5. Aseta "Multiply" Blending Mode päälle Transparency-paletista.
6. Raahaa kuvio Brushes-palettiin ja luo ompeleen varjosta Scatter-sivellin.
Arvot vaihtelevat sen mukaan, kuinka ison teit varjon kuviosta.

f27_scatter_varjo.png
Piirrä viiva ompeleen kohtaan ja käytä varjoa viivan värinä.

Tee ommel pystysuuntaisista viivoista, jotka yhdistät blendillä.
Tee Scatter-sivellin kuten edellä. (Käytä vaaleampia keskiviivoja, jos haluat keltaisemman tikin.)
.f28_ommel.png
f29_keltainen ommel.png


Rajaa kankaanpalasi Clipping Maskin avulla.
  1. Piirrä rajausalue.
  2. Poista tasojen lukitukset
  3. Aktivoi kaikki.
  4. Object > Clipping Mask > Make tai Cmd / Ctrl + 7

Lähde:
http://www.astutegraphics.com/blog/how-to-create-vector-denim-texture-using-adobe-illustrator/
Näyttökuva 2013-12-01 kohteessa 20.31.33.png