Web dizaino ir logotipų skiltis Web dizaino pamokos lietuvių kalba

 Paprastas Video Blogo šablonas

Įvairios lietuvių kurtos arba išverstos web dizaino pamokos

Standartinė Rokas. » 2011 Kov 30, 21:03

Išverčiau pamoką, kurios metu jūs išmoksite sukurti paprastą, bet neprastą WEB 2.0 stiliaus svetainės dizaino šabloną.

Paveikslėlis

Taigi, pirmiausia susikuriame naują dokumentą be fono, kurio dydis 900x1200. Ant fono dedame gradientą:

Paveikslėlis

Naudodami rectangular marquee tool, sukurkite puslapio "kontentą". Nepamirškite palikti laisvos vietos kairėje, dešinėje, viršuje ir taip pat apačioje. Pritaikykite šiuos blending options jam:
Paveikslėlis
Paveikslėlis

Parsisiunčiate ikonų packą iš Imagination.lt, ir patalpinate jas puslapio viršuje. Jūsų puslapis turėtų atrodyti maždaug taip:

Paveikslėlis

Pasirinkite rounded rectangle tool, su radius 10px, ir nupieškite kažką panašaus kaip matote paveikslėlį. PASTABA: Atkreipkite dėmesį, kad būtų nustatyta piešti tik path'ą.

Paveikslėlis

Pasirinkę pen tool, spauskite dešinį pelės mygtuką, ir pasirinkite Make selection.

Turite matyti štai tokį vaizdą:

Paveikslėlis

Kai turime žymėjimą, pasirinkite rectangular marquee tool, ir laikydami shift mygtuką nubrėžkite kvadratą, kuris susilietų su jūsų ankstesniu žymėjimu.

Paveikslėlis

Šiam layeriui pritaikykite šiuos blending options:

Paveikslėlis
Paveikslėlis

Parašykite savo norimą tekstą, ar įdėkite logotipą:

Paveikslėlis

Autorius, savo pamokoje mini, kad reikia naudoti polygonal rectangle tool, tačiau aš tokio neradau, todėl naudojau paprasčiausią trikampį, tad jūs pasirinkite, kaip jums patogiau. Nubrėžiame po ankstesniu layeriu trikampį, arba formą, kurią matote paveikslėlyje:

Paveikslėlis

Ir jam pritaikome tokius blending options:

Paveikslėlis
Paveikslėlis

Turėtumėte matyti kažką panašaus:

Paveikslėlis

Šalia, dešinėje pusėje, kuriame navigaciją. Meniu punktai mėlyna spalva, o pasirinktasis punktas - balta.

Po pasirinktuoju punktu, sukurkite nedidelį mygtuką, kuriam taikykite tuos pačius blending options kaip kairėje pusėje, tačiau nedėkite didelio Drop shadow.

Paveikslėlis

Virš ir po navigacijos sukurkite dvi linijas viena šalia kitos naudodami pen tool ir 1px brushą.

Paveikslėlis

Straipsnius kurkite savo nuožiūra. Autorius gavo štai tokius:

Paveikslėlis

Tada sukurkite prisijungimo panelę naudodami rounded rectangle tool.

Paveikslėlis

Blending nustatymus naudokite štai tokius:

Paveikslėlis
Paveikslėlis

Sukurkite prisijungimo laukelius, turėtumėte gauti kažką panašaus į tai:

Paveikslėlis

Ir galutinis rezultatas

Paveikslėlis


Autorius: Richard Carpenter
Portfolio: http://www.richard-carpenter.co.uk/

Išvertė: Rokas Balsevičius
Vartotojo avataras
Rokas.
Patyręs dalyvis
 
Pranešimai: 711
Miestas: Klaipėda
Medaliai: 8
Taškai: 702

Reputacija: 26 Pridėti reputacijos tašką

Standartinė Profision » 2011 Bal 08, 11:42

Labai gera pamoka ačiu ;)
Profision
Naujokas
 
Pranešimai: 6
Taškai: 3

Reputacija: 0 Pridėti reputacijos tašką

Standartinė Profision » 2011 Bal 08, 13:25

Man va toks gavos !
Paveikslėlis
Profision
Naujokas
 
Pranešimai: 6
Taškai: 3

Reputacija: 0 Pridėti reputacijos tašką

Standartinė dofka » 2011 Bal 13, 23:38

Mano outcome:

Paveikslėlis
Vartotojo avataras
dofka
Naujokas
 
Pranešimai: 10
Taškai: 10

Reputacija: 0 Pridėti reputacijos tašką

Standartinė Habzikas » 2011 Rgs 11, 12:44

Pamoka visiskai neaiski, naujokam sunkoka gan. "Naudodami rectangular marquee tool, sukurkite puslapio "kontentą". Nepamirškite palikti laisvos vietos kairėje, dešinėje, viršuje ir taip pat apačioje. Pritaikykite šiuos blending options jam" Ir galvoji paims sukurs tau .. kontenta? :D:) NEisivaizduoju kaip galima kurt tokias pamokas, atrodo smulkmenos, bet kai kurie niekaip neikibtu i tokius dalykus...
Habzikas
Naujokas
 
Pranešimai: 5
Miestas: Telsiai
Taškai: 5

Reputacija: 0 Pridėti reputacijos tašką

Standartinė Rokas. » 2011 Rgs 11, 18:22

Jei tau neaišku, kas yra rectangular marquee tool ar blending options, tai siūlyčiau pirma išmokti fotošopo įrankius ir funkcijas, jeigu tau neaišku, kas yra kontentas (ang. content), tuomet reikėtu dar ir pasimokyti anglų kalbos.
Vartotojo avataras
Rokas.
Patyręs dalyvis
 
Pranešimai: 711
Miestas: Klaipėda
Medaliai: 8
Taškai: 702

Reputacija: 26 Pridėti reputacijos tašką

Standartinė Habzikas » 2011 Rgs 12, 16:06

As tai suprantu, bet apskritai :) Visikai zaliam :)
Habzikas
Naujokas
 
Pranešimai: 5
Miestas: Telsiai
Taškai: 5

Reputacija: 0 Pridėti reputacijos tašką

Standartinė Rokas. » 2011 Rgs 12, 20:43

Tai aš ir sakau, pirma reikia pagrindus išmokt, bent jau fotošopo įrankius, tada mokytis ką nors daryti
Vartotojo avataras
Rokas.
Patyręs dalyvis
 
Pranešimai: 711
Miestas: Klaipėda
Medaliai: 8
Taškai: 702

Reputacija: 26 Pridėti reputacijos tašką



Web dizaino ir logotipų skiltis Web dizaino pamokos lietuvių kalba

cron

Prisijungti

Forumo stilius

Pasirinkimas:

free tattoo Designs mezoterapija