
Meniu
Vartotojo meniu
Forumo naujausi
- Atvaizduotu, bet neitu nu...
Šiandien 02:28:47 - Pad?kit!!! Lipduk? manij...
Šiandien 01:25:27 - J?s? darbastalis.
Šiandien 12:49:50 - Ice galerija
Vakar at 11:17:48 - Reikalingas kodas
Vakar at 11:12:10 - ENTER puslapis.
Vakar at 09:27:39 - ?dom?s video
Vakar at 09:26:51 - [ Pasi?limas ] manualai.l...
Vakar at 08:42:46 - Kur deti reklama?
Vakar at 07:51:43 - Visi, kas turi 300+ post?...
Vakar at 07:29:41 - SRO reg
Vakar at 07:26:07 - neweikia email forma
Vakar at 07:24:10 - Pakeisti slapyvardiai vardais.
Vakar at 07:13:55 - <Milkz> Galerija
Vakar at 06:51:59 - Pertvarkytos forumo skilt...
Vakar at 05:24:32
Atsitiktiniai straipsniai
- Blending Options (Sluoksnių Stiliai)
- 5 Smudge teptukai
- 9 tekstūros
- Animacinis Tekstas 2
- 23 popieriaus tekstūros
- HTML header'iai
- Animacija
- Lipdukų manija!!!
- Cloud Smudge teptukai
- Brightness/Contrast (Ryškumas/Kontrastas)
- Web 2.0 Gradient
- jQuery
- Shadows Blod Splatter teptukai
- Seno popieriaus tekstūros
- 1000 Gradients
Tinklalapio fonai |
![]() |
![]() |
Autorius: Neshas | |||||
Data: Antradienis, Kovo 03, 2009 | |||||
Šioje pamokoje aptarsime populiariausius naudojamus tinklapių fonus, peržvelgsime jų pavyzdžius, bei pamėginsime pasidaryti juos patys. Šioje pamokoje parodysiu kelis tekstūrinius fonus labiausiai naudojamus tinklapių dizaino kūrime. Pamokoje naudosiu tris pavyzdžius labiausiai naudojamų tekstūrinių fonų, tinklapių dizainų kūrime. 1. Spalvos apdangalo fonas. 1. Pattern fonas. 2. Fotografinis fonas. 3. Organinis fonas (imituoja organą, marmurą, medžio tekstūrą ir kita) Savo darbų pavyzdžiuose vienam fonui naudojau netgi kelias tekstūras, pvz: plokščios spalvos apdangalo Gradient tekstūra ir Pattern. Dėmesio ! Originalaus dydžio nuotraukos netelpa į straipsnio lapą, todėl jos yra sumažintos. Paspauskite ant nuotraukų , kad pamatytumėte originalaus dydžio bei kokybiškas nuotraukas. Spalvos apdangalo fonasPavyzdys (paspauskite ant nuotraukos) Spalvos apdangalo fonas gali būti vienspalvis, ar susidėti iš kelių spalvų. Šiame pavyzdyje naudojau klasikinį variantą, dviejų spalvų foną, naudodamas Layer - Layer style - Blending Options koregavimo nustatymą Gradient Overlay. Tai klasikinio stiliaus spalvų parėjimas "Linear", labai plačiai naudojamas. Žinoma galite naudoti ir kitokį stilių (Radial, Reflected, ar kita). Skaityti pamoką apie Gradient Map, Gradient Tool. Pattern fonasKurdami foną iš pattern, patariu, jeigu jau naudojate labai smulkias pattern tekstūras, naudokite visa laiką Opacity nustatymą sluoksnių lentelėje. Atėjus į svetainę ir pamačius smulkų pattern, gali pradėti skaudėti akis ir po kurio laiko lankytojas paliks svetainę su mintimi daugiau nebegrįžti čia. Aš neskirdamas ar pattern smulkus ar ne, siūlau visuose variantuose naudoti Opacity nustatymą, mano nuomone pattern neturi ryškiai aiškiai matytis ir rėžti akies. Pavyzdys (paspauskite ant nuotraukos) Pamoka1. Pasidarome naują sluoksnį ir nudažome, bet kokia spalva. 2. Einame į Layer - Layer Style - Blending Options ir pasirenkame koregavimo nustatymą Gradient Overlay. Gradient Overlay nustatymai: Spalva 1 - #002a3b Spalva 2 - #016892 Style - Radial Scale - 150% Angle - 90 Varė ant Reverse 3. Sluoksnių lentelės apačioje paspauskite ant juodai balto rutuliuko (Creat new fill or adjustment layer) ir pasirinkite koregavimo režimą Pattern Fill. Mano pavyzdyje naudojamas pattern. Atsisiųsti 4. Pasirenkame tamsiai pilką pattern, kaip parodyta mano pavyzdyje. 5. Pattern sluoksnio Opacity pakeičiame į 20 %. Rezultatas (paspauskite ant nuotraukos) Fotografinis fonasFotografinis fonas gali būti iš visos fotografijos, arba apimti nepilną fono dalį. Šiame pavyzdyje naudojau nepilną fotografijos fono dalį. Gan populiarius ir daugelio mėgiamas naudojimo būdas. Nepatarčiau naudoti fotografijos, kaip pilno tinklalapio fono, nes gali kilti bėdų užmaunant svetainės dizainą ant naršyklės. Pavyzdys (paspauskite ant nuotraukos) Pamoka1. Pasidarome naują sluoksnį ir nudažome jį juoda spalva. 2. Atsidarome norimą nuotrauką ir ją įsikeliame ant fono. Derinkite taip, kad nuotraukos spalvos būtų kuo panašios į fono. Rezultatas Organinės tekstūros fonasNaudojant šias tekstūras, iš pradžių reikėtų jas apdirbti taip, kad jos derėtų prie mūsų svetainės dizaino. Kuriant pavyzdy aš panaudojau tekstūrą iš šio tekstūrų paketo. Atsisiųsti Pavyzdys (paspauskite ant nuotraukos) Pamoka1. Susikuriame naują sluoksnį ir foną nuspalviname bet kokia spalva. 2. Einame į Layer - Layer Style - Blending Options ir pasirenkame koregavimo nustatymą Gradient Overlay. Gradient Overlay nustatymai: Spalva 1 - #172800 Spalva 2 - #61ab01 Style - Radial Scale - 150% Angle - 90 Varė ant Reverse 3. Uždedame ant fono savo norimą tekstūrą ir Blend Mode pakeičiame į Overlay. 4. Sluoksnių lentelės apačioje paspauskite ant juodai balto rutuliuko (Creat new fill or adjustment layer) ir pasirinkite koregavimo režimą Gradient Map. Gradient Map nustatymai: Spalva 1 - #881d01 Spalva 2 - #ffea00 5. Graident Map sluoksnio Blend Mode, pakeičiame į soft light. 6. Pasirinkime Gradient Map sluoksnį koreguoti Layer Mask režime. 7. Naudojant Brush Tool pasirenkame juodą spalvą ir dažome ten, kur mums Gradiento nereikia, o pasirinkę baltą spalvą, dažome ten, kur mums jo trūksta. Rezultatas PabaigaAčiū, kad skaitėte.
Atsisiųsti visų pavyzdžių darbinius failus
Tik registruoti vartotojai gali rašyti komentarus!
3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved." |
