Apr
30th

Web Site တစ္ခုလံုးအဆံုးအထိ (၁)

Files under Photoshop, Web Design | Posted by phpcrazy

ဒီ Tutorial ေလးကေတာ့ Photoshop ကေန web site တစ္ခုျဖစ္တဲ့အထိ ဘယ္လိုသြားမလဲဆိုတဲ့ ေပါင္းကူးေလး တစ္ခုအေနနဲ႔ အသံုး၀င္ပါလိမ့္မယ္ … table-less design ေတြ ေခတ္စားေနတဲ့ အခ်ိန္မွာ div ကို အသံုးခ်ၿပီး CSS နဲ႔ တြဲ စပ္ အသံုးခ်သြားတာကို ေတြ႔ရပါမယ္။ ပထမဦးဆံုးအေနနဲ႔ photoshop ကေနစရပါမယ္။

1. create a new document (width = 880 pixels ,height = 1000 pixels)

2. Create a new layer at the top of the document (width = 880px, height = 125px) ->

Fill with color #000000 -> right click on your layer and go to blending options ->

Applie a gradient overlay (light color = #666666 ,dark color = #484848)

3. add some text to the left side of the gradient (for logo)

4. Navigation Bar -> Create a new layer ->

make a selection (width = 880px, height = 30px) ->

အရင္ လုပ္ထားတဲ့ header ေအာက္နားမွာ select လုပ္ရမွာပါ။ (မထပ္ရပါဘူး၊ ဆက္ေနရပါမယ္)၊ ၿပီးရင္ေတာ့ ႀကိဳက္တဲ့ အေရာင္ျဖည့္လိုက္ပါ။

Applie a gradient overlay (light color = #169be8 ,dark color = #0f84c7)

ေအာက္က ပံုမ်ဳိးရလာပါလိမ့္မယ္ …

အပိုင္း(၂) သို႔ …


11 Responses to “Web Site တစ္ခုလံုးအဆံုးအထိ (၁)”

  1. By opengun on May 2, 2008 | Reply

    ဗ်ဳိ႕ . . .

    ကိုယ့္ဆရာတို႕ေရ . . . .

    mmopenx template က MM Thinker http://mmthinker.iblogger.org/ ရဲ႕ template နဲ႕ အတူ တူ ျဖစ္ေနတယ္။

    အဲဒါေလး နည္းနည္းလုပ္ပါအုံး။ ျမန္မာ site ႏွစ္ခု template ထပ္ တာေတာ့ ၾကည့္ရတာ တစ္မ်ဳိး ျဖစ္ေနလို႕။

  2. By manawphyu on May 8, 2008 | Reply

    Hello
    I need cordial friendship. Will you show me how to do it another site?

  3. By khinmarlwin on May 21, 2008 | Reply

    hello,I visit to your homepage

  4. By Ko Nay on May 21, 2008 | Reply

    Hey! How can I go to next Web Design page? This is creating a whole web page with photoshop. But I cannot go to the section 2.

  5. By Tin Ohn Shwe on May 22, 2008 | Reply

    Hello !
    Can I learn about Computer Hardware( A+ )& System and Networking in this Website?Please help me !How can I find a book about Window Registery only?

  6. By MrDBA on May 26, 2008 | Reply

    နာဂစ္၀င္သြားလို႔ ကိုပီဇီၾကီး အင္တာနက္ သံုးမရေသးလို႔ပါခင္ညာ ..။ သူျပန္လာရင္ ဆက္ေရးပါလိမ့္မယ္ေနာ္

  7. By kyawko on Jun 1, 2008 | Reply

    How do I get a web tempalate?

  8. By bothu on Jun 3, 2008 | Reply

    Good lesson ! I will be waiting part(2). Go ahead .Thanks .

  9. By nyominlu on Jul 30, 2008 | Reply

    အပုိင္း(၂)ေလး လုပ္ပါဦး

  10. By admin on Jul 30, 2008 | Reply

    အပိုင္း (၂) ဆက္ဖို႔ ခက္ေနပါတယ္ခင္ဗ် …

  11. By coco on Nov 25, 2008 | Reply

    အပုိင္း(၂)ေလး လုပ္ပါဦး ..ဒီမွာ တ၀က္ တပိုင္းျဖစ္ေနတယ္ဗ် .. . . ..

Post a Comment