• Dizaino ir programavimo pamokos

  •  
    Thread Rating:
    • 0 Votes - 0 Average
    • 1
    • 2
    • 3
    • 4
    • 5
    Paprasti Blizgūs Navigaciniai Mygtukai

    Member


    ***
    113

    0
    Post: #1
    RE: Paprasti Blizgūs Navigaciniai Mygtukai
    [notice=nt_info]1. Naujas Dokumentas.[/notice]


    Visų pirma sukurkime naują dokumentą Fotoparduotuvėje. Šiai mokymo programai aš naudoju labai nedidelį dydį 400 x 100 vaizdo elementų.


    [notice=nt_info]2. Sukurkite Mygtuko Formą[/notice]


    Sukurkite savo mygtuko formą vartojant Apvalintą Stačiakampio Formos Įrankį, paskui pritaikykite gradientą jūsų formoje. Spalvos kurias aš panaudojau čia buvo #6c7c84 ir #5a676d.

    [Image: 02.gif]


    Pridėkime kai kurias detales prie mygtuko. Pradžia prie teisės spragtelėjimo mygtuko sluoksnis sluoksnio paletėje ir įeinantis į Susimaišantį Pasirinkimą. Spragtelėkite ir pritaikykite kitus nustatymus:

    http://www.photoshopstar.com/tutorials/14/03.gif
    http://www.photoshopstar.com/tutorials/14/04.gif
    http://www.photoshopstar.com/tutorials/14/05.gif
    http://www.photoshopstar.com/tutorials/14/06.gif

    Ir dabar jūs turite turėti mygtuką kaip tai:

    [Image: 07.gif]


    [notice=nt_info]4. Pridėkite Švytėjimą.[/notice]


    Sukurkite naują sluoksnį (Layer > New > Layer…) tada išrinkite savo svarbiausius mygtuko sluoksnio vaizdo elementus, laikydamasis ctrl ir spragtelėdamas sluoksnio miniatiūrą. O jūsų naujas sluoksnio traukimas Baltas į Vaiskų gradientą nuo viršūnės mygtuko į pagrindą.

    [Image: 08.gif]

    Sumažinkite savo naujai padarytą gradientą pusėje vartojant pasirinkimo įrankį.

    [Image: 09.gif]

    Pakeiskite sluoksnio būdą savo švytėjimo sluoksniui į Minkštą Šviesą ir nuleiskite neskaidrumą į apytiksliai 25-40 %.

    [Image: 10.gif]


    [notice=nt_info]5. Paskutinės smulkmenos[/notice]


    Vėl, sukurkite naują sluoksnį, dabar išrinkite svarbiausius mygtuko sluoksnio vaizdo elementus, vėl. Sudarykite pasirinkimą prie 1 vaizdo elemento (Select > Modify > Contract) ir užpildykite pasirinkimą. Sudarykite kontraktą, pasirinkimas prie dar 1 vaizdo elemento tada susispaudžia, pašalina.

    [Image: 11.gif]

    Naudojant didelį, minkštą šepetį, ištrinkite toli savo vidinio smūgio pagrindo pusę. Pakeiskite sluoksnio būdą šiam sluoksniui, kad ar Padengtumėte ar Minkšta Šviesa, ir nuleistumėte neskaidrumą į apytiksliai 80-100 %, jeigu būtina.

    [Image: 12.gif]

    Naudojant šituos tuos pačius metodus, padarykite vidinį smūgį pagrindo pusei mygtuko, galbūt net panaudokite tamsią spalvą vietoj balto.

    [Image: 13.gif]


    [notice=nt_info]6. Pridėkite Tekstą[/notice]


    Dabar jūs tik turite pridėti kažkokį tekstą prie savo mygtukų, kuriuos jūs turite normaliai daryti, darydamas šituos mygtukus jūsų žiniatinklio svetainei (naudojantis HTML KALBĄ ir CSS). Mano tekstui aš panaudojau panaudotą Tahoma, 12pt. http://www.photoshopstar.com/tutorials/14/14.gif sluoksnio stilius į tekstą.

    [Image: 01.gif]


    [notice=nt_impo]Pamoka versta: .Thoofx, Kopijuoti be leidimo yra griežtai draudžiama![/notice]
    2012-08-18 23:12
    Find Quote


    Possibly Related Threads...
    Thread: Author Replies Views: Last Post
      Projektavimas Blizgus (Tinklas 2.0) Ženkleliai Thoofx 0 2006 2012-08-13 22:36
    Last Post: Thoofx
      Profesinis Blizgus "Duomenų perkėlimo" Mygtukas Thoofx 0 1279 2012-08-13 22:23
    Last Post: Thoofx


    About DESCO

    Mes esame ne komercinis projektas, norime, jog Lietuvos jaunimas vis sparčiau brautųsi į technologijų amžių. Negalima sėdėti vietoje, reikia kažką veikt, todėl mūsų projektas tam puikiai tinka. Galima pas mus išmokt kažko naujo, taip pat nepamirškite, kad ir jūs galite mokyti kitus! Žinių dalinimasis geriną lietuvių mentalitetą, todėl nesmerk kito, o pamokyk!