SlideShare ist ein Scribd-Unternehmen logo
1 von 6
Downloaden Sie, um offline zu lesen
ใบความรู้ เรื่อง การสร้างเมนูหลัก
แสดงภาพตัวอย่าง ผลงานการสร้างเมนูหลัก
วิธีการทา
1. เข้าสู่โปรแกรม Adobe Photoshop CS โดยดับเบิ้ลคลิกที่ ไอคอน บนหน้าจอคอมพิวเตอร์
(Desktop)
2. คลิกที่เมนู File > News… หรือ Ctrl + N ดังภาพ
3. กาหนดขนาดงานดังภาพ
4. จะปรากฏผลงานตามขนาดที่กาหนด
5. ทาการเพิ่มเลเยอร์ขึ้นมาใหม่ ซึ่งปกติแล้วจะมีแค่ background สามารถคลิก เพื่อเพิ่มเลเยอร์
ดังภาพ
6. คลิกที่กล่องเครื่องมือ แล้วลากลงไปในแผ่นงาน กาหนดขนาดดังภาพ
กาหนดให้มีบรรทัดในแผ่นงาน
7. กาหนดความโค้งให้กับเส้นสามารถทาได้ดังนี้
- คลิกที่เมนู Select > Modify > Smooth
8. เทสีใส่ในแผ่นงาน โดยเทสีอะไรก็ได้
- ไปคลิกที่เครื่องมือ Paint Bucket Tool
- เลือกสีอะไรก็ได้ จากนั้นเทสีลงไปในแผ่นงาน
9. ใส่สไตล์ ให้กับกรอบแผ่นงานทาได้ดังนี้
- คลิกที่ style ดังภาพ
- เพิ่มลักษณะของสไตล์
คลิก > web style > Append ดังภาพ
- คลิกที่รูปแบบใดก็ได้ ตามความเหมาะสม และทาการยกเลิกเส้นประโดยกด Ctrl + D
10. ทาบล็อกที่ 2 โดยการสร้างเลเยอร์ ขึ้นมาใหม่แล้วทาตามขั้นตอนเหมือนบล็อกที่ 1 โดยเปลี่ยนลักษณะอื่น
ตามความเหมาะสม ดังภาพ
11. ใส่ข้อความเข้าไปโดยคลิก เครื่องมือ แล้วเลือกลักษณะข้อความที่เป็นภาษาไทย ที่ลงท้ายด้วย UPC
,New หรือ ขึ้นต้นด้วยตัวเลข ดังภาพ
12. เลือกขนาดตัวอักษรและเลือกสีตามต้องการดังภาพ
13. พิมพ์ข้อความในบล็อกแรก Main Menu จากนั้นใส่เงาตวอักษรตามความเหมาะสมแล้วเลือก เพื่อ
เคลื่อนย้ายตัวอักษรมาไว้ยังตาแหน่งที่ต้องการ
14. พิมพ์เมนูหลักในบล็อกที่ 1 ให้เสร็จโดยพิมพ์เมนูตามเว็บไซต์ที่เราจัดทาขึ้น ให้สอดคล้องกับเว็บไซต์ของ
ตัวเองห้ามเหมือนตัวอย่าง แต่ในบล็อกที่ 2 ให้พิมพ์เหมือนตัวอย่างทุกประการ
15. บันทึกงาน โดยไปคลิกที่ เมนู File > Save >
เลือกโฟลเดอร์งานของตัวเอง
คลิกที่ Save
ตอบ OK

Weitere ähnliche Inhalte

Was ist angesagt?

สร้างแผ่นพับ
สร้างแผ่นพับสร้างแผ่นพับ
สร้างแผ่นพับKEDWADEE PAYUMRUNG
 
การสร้าง (Presentation) จากแม่แบบ
การสร้าง (Presentation) จากแม่แบบการสร้าง (Presentation) จากแม่แบบ
การสร้าง (Presentation) จากแม่แบบSupassron Thongnuch
 
การลอกลาย(Drafting) Adobe Flash CS3
การลอกลาย(Drafting) Adobe Flash CS3การลอกลาย(Drafting) Adobe Flash CS3
การลอกลาย(Drafting) Adobe Flash CS3Thanawat Boontan
 
สร้างตัวหนังสือแตกๆ ด้วย Photoshop
สร้างตัวหนังสือแตกๆ ด้วย Photoshopสร้างตัวหนังสือแตกๆ ด้วย Photoshop
สร้างตัวหนังสือแตกๆ ด้วย Photoshopพงศธร ภักดี
 
สร้างไฟล์งานใหม่และบันทึก
สร้างไฟล์งานใหม่และบันทึกสร้างไฟล์งานใหม่และบันทึก
สร้างไฟล์งานใหม่และบันทึกKEDWADEE PAYUMRUNG
 
สร้างไฟล์งานใหม่และบันทึก
สร้างไฟล์งานใหม่และบันทึกสร้างไฟล์งานใหม่และบันทึก
สร้างไฟล์งานใหม่และบันทึกKEDWADEE PAYUMRUNG
 
หน่วยที่ 5 การสร้างฟอร์ม
หน่วยที่ 5 การสร้างฟอร์มหน่วยที่ 5 การสร้างฟอร์ม
หน่วยที่ 5 การสร้างฟอร์มkruthanyaporn
 
งาน3ชุติมา.ยุพา(ม.62)
งาน3ชุติมา.ยุพา(ม.62)งาน3ชุติมา.ยุพา(ม.62)
งาน3ชุติมา.ยุพา(ม.62)Yupa
 
การแทรกภาพประกอบในสไลด์
การแทรกภาพประกอบในสไลด์การแทรกภาพประกอบในสไลด์
การแทรกภาพประกอบในสไลด์5422010066
 
งานนำเสนอ2
งานนำเสนอ2งานนำเสนอ2
งานนำเสนอ2Kanyarut Toacher
 
ใบปฏิบัติงานที่ 010 1
ใบปฏิบัติงานที่ 010 1ใบปฏิบัติงานที่ 010 1
ใบปฏิบัติงานที่ 010 1Duangsuwun Lasadang
 
โปรแกรมโฟโต้ช็อป
โปรแกรมโฟโต้ช็อปโปรแกรมโฟโต้ช็อป
โปรแกรมโฟโต้ช็อปKruPor Sirirat Namthai
 
งานนำเสนอ
งานนำเสนองานนำเสนอ
งานนำเสนอNadnapha
 

Was ist angesagt? (17)

สร้างแผ่นพับ
สร้างแผ่นพับสร้างแผ่นพับ
สร้างแผ่นพับ
 
การสร้าง (Presentation) จากแม่แบบ
การสร้าง (Presentation) จากแม่แบบการสร้าง (Presentation) จากแม่แบบ
การสร้าง (Presentation) จากแม่แบบ
 
Solid object
Solid objectSolid object
Solid object
 
การลอกลาย(Drafting) Adobe Flash CS3
การลอกลาย(Drafting) Adobe Flash CS3การลอกลาย(Drafting) Adobe Flash CS3
การลอกลาย(Drafting) Adobe Flash CS3
 
Kikjl
KikjlKikjl
Kikjl
 
สร้างตัวหนังสือแตกๆ ด้วย Photoshop
สร้างตัวหนังสือแตกๆ ด้วย Photoshopสร้างตัวหนังสือแตกๆ ด้วย Photoshop
สร้างตัวหนังสือแตกๆ ด้วย Photoshop
 
สร้างไฟล์งานใหม่และบันทึก
สร้างไฟล์งานใหม่และบันทึกสร้างไฟล์งานใหม่และบันทึก
สร้างไฟล์งานใหม่และบันทึก
 
สร้างไฟล์งานใหม่และบันทึก
สร้างไฟล์งานใหม่และบันทึกสร้างไฟล์งานใหม่และบันทึก
สร้างไฟล์งานใหม่และบันทึก
 
หน่วยที่ 5 การสร้างฟอร์ม
หน่วยที่ 5 การสร้างฟอร์มหน่วยที่ 5 การสร้างฟอร์ม
หน่วยที่ 5 การสร้างฟอร์ม
 
Namo webeditor 6
Namo webeditor 6Namo webeditor 6
Namo webeditor 6
 
งาน3ชุติมา.ยุพา(ม.62)
งาน3ชุติมา.ยุพา(ม.62)งาน3ชุติมา.ยุพา(ม.62)
งาน3ชุติมา.ยุพา(ม.62)
 
เทคนิค
เทคนิคเทคนิค
เทคนิค
 
การแทรกภาพประกอบในสไลด์
การแทรกภาพประกอบในสไลด์การแทรกภาพประกอบในสไลด์
การแทรกภาพประกอบในสไลด์
 
งานนำเสนอ2
งานนำเสนอ2งานนำเสนอ2
งานนำเสนอ2
 
ใบปฏิบัติงานที่ 010 1
ใบปฏิบัติงานที่ 010 1ใบปฏิบัติงานที่ 010 1
ใบปฏิบัติงานที่ 010 1
 
โปรแกรมโฟโต้ช็อป
โปรแกรมโฟโต้ช็อปโปรแกรมโฟโต้ช็อป
โปรแกรมโฟโต้ช็อป
 
งานนำเสนอ
งานนำเสนองานนำเสนอ
งานนำเสนอ
 

Ähnlich wie ใบความรู้ เรื่อง การสร้างเมนูหลัก

powerpoint2007
powerpoint2007powerpoint2007
powerpoint2007krupairoj
 
Sharp Pen Software & Touch Display Link
Sharp Pen Software & Touch Display LinkSharp Pen Software & Touch Display Link
Sharp Pen Software & Touch Display LinkARC
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007Wee Jay
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007Wee Jay
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรนิยาย ใจเหงา
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรNuttarika Sanlao
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรTanaporn Ounwong
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรPavida Rinrom
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรMetaponr Mala
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรMatchima Boonpeng
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรKamolrat Tunteng
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรRATCHANON Chanpengpat
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรAnucha Hahey
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรNapalai Tunla
 
สร้างอักษร
สร้างอักษรสร้างอักษร
สร้างอักษรIndy'Poom Rock
 

Ähnlich wie ใบความรู้ เรื่อง การสร้างเมนูหลัก (20)

powerpoint2007
powerpoint2007powerpoint2007
powerpoint2007
 
การสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshopการสร้างงานด้วย Photoshop
การสร้างงานด้วย Photoshop
 
Sharp Pen Software & Touch Display Link
Sharp Pen Software & Touch Display LinkSharp Pen Software & Touch Display Link
Sharp Pen Software & Touch Display Link
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007
 
DIA - Diagram
DIA - DiagramDIA - Diagram
DIA - Diagram
 
สร้างอักษร
สร้างอักษรสร้างอักษร
สร้างอักษร
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษร
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษร
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษร
 
สร้างอักษร
สร้างอักษรสร้างอักษร
สร้างอักษร
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษร
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษร
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษร
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษร
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษร
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษร
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษร
 
การสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษรการสร้างภาพซ้อนตัวอักษร
การสร้างภาพซ้อนตัวอักษร
 
สร้างอักษร
สร้างอักษรสร้างอักษร
สร้างอักษร
 

Mehr von ไกรลาศ จิบจันทร์

ความรู้พื้นฐานเกี่ยวกับการสร้างเว็บไซต์
ความรู้พื้นฐานเกี่ยวกับการสร้างเว็บไซต์ความรู้พื้นฐานเกี่ยวกับการสร้างเว็บไซต์
ความรู้พื้นฐานเกี่ยวกับการสร้างเว็บไซต์ไกรลาศ จิบจันทร์
 
วิสัยทัศน์ พันธกิจ และเป้าประสงค์
วิสัยทัศน์ พันธกิจ และเป้าประสงค์วิสัยทัศน์ พันธกิจ และเป้าประสงค์
วิสัยทัศน์ พันธกิจ และเป้าประสงค์ไกรลาศ จิบจันทร์
 
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop csความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop csไกรลาศ จิบจันทร์
 

Mehr von ไกรลาศ จิบจันทร์ (20)

ซอร์ฟแวร์และการเลือกใช้งาน
ซอร์ฟแวร์และการเลือกใช้งานซอร์ฟแวร์และการเลือกใช้งาน
ซอร์ฟแวร์และการเลือกใช้งาน
 
คำศัพท์ ต้องรู้
คำศัพท์ ต้องรู้คำศัพท์ ต้องรู้
คำศัพท์ ต้องรู้
 
สรุปคำศัพท์ทางการบริหาร
สรุปคำศัพท์ทางการบริหารสรุปคำศัพท์ทางการบริหาร
สรุปคำศัพท์ทางการบริหาร
 
งานนำเสนอแรงจูงใจ กลุ่ม 2
งานนำเสนอแรงจูงใจ กลุ่ม 2 งานนำเสนอแรงจูงใจ กลุ่ม 2
งานนำเสนอแรงจูงใจ กลุ่ม 2
 
ระบบคอมพิวเตอร์
ระบบคอมพิวเตอร์ ระบบคอมพิวเตอร์
ระบบคอมพิวเตอร์
 
เอกสารประกอบการสอน Dreamweaver8 ม.6
เอกสารประกอบการสอน  Dreamweaver8 ม.6เอกสารประกอบการสอน  Dreamweaver8 ม.6
เอกสารประกอบการสอน Dreamweaver8 ม.6
 
คำอธิบายรายวิชา
คำอธิบายรายวิชาคำอธิบายรายวิชา
คำอธิบายรายวิชา
 
การเปิดใช้งานโปรแกรม
การเปิดใช้งานโปรแกรมการเปิดใช้งานโปรแกรม
การเปิดใช้งานโปรแกรม
 
ผลการเรียนรู้
ผลการเรียนรู้ผลการเรียนรู้
ผลการเรียนรู้
 
การสร้างไซต์ใหม่
การสร้างไซต์ใหม่การสร้างไซต์ใหม่
การสร้างไซต์ใหม่
 
ความรู้พื้นฐานเกี่ยวกับการสร้างเว็บไซต์
ความรู้พื้นฐานเกี่ยวกับการสร้างเว็บไซต์ความรู้พื้นฐานเกี่ยวกับการสร้างเว็บไซต์
ความรู้พื้นฐานเกี่ยวกับการสร้างเว็บไซต์
 
วิสัยทัศน์ พันธกิจ และเป้าประสงค์
วิสัยทัศน์ พันธกิจ และเป้าประสงค์วิสัยทัศน์ พันธกิจ และเป้าประสงค์
วิสัยทัศน์ พันธกิจ และเป้าประสงค์
 
ข้อมูลบุคลากร1
ข้อมูลบุคลากร1ข้อมูลบุคลากร1
ข้อมูลบุคลากร1
 
Frameset
FramesetFrameset
Frameset
 
การสร้างเฟรมเซต
การสร้างเฟรมเซตการสร้างเฟรมเซต
การสร้างเฟรมเซต
 
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop csความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Adobe photoshop cs
 
ความรู้เกี่ยวกับ Html
ความรู้เกี่ยวกับ Htmlความรู้เกี่ยวกับ Html
ความรู้เกี่ยวกับ Html
 
การสร้างปกสมุดโรงเรียน
การสร้างปกสมุดโรงเรียนการสร้างปกสมุดโรงเรียน
การสร้างปกสมุดโรงเรียน
 
Photosho cs
Photosho csPhotosho cs
Photosho cs
 
ความรู้เกี่ยวกับ Html
ความรู้เกี่ยวกับ Htmlความรู้เกี่ยวกับ Html
ความรู้เกี่ยวกับ Html
 

ใบความรู้ เรื่อง การสร้างเมนูหลัก

  • 1. ใบความรู้ เรื่อง การสร้างเมนูหลัก แสดงภาพตัวอย่าง ผลงานการสร้างเมนูหลัก วิธีการทา 1. เข้าสู่โปรแกรม Adobe Photoshop CS โดยดับเบิ้ลคลิกที่ ไอคอน บนหน้าจอคอมพิวเตอร์ (Desktop) 2. คลิกที่เมนู File > News… หรือ Ctrl + N ดังภาพ 3. กาหนดขนาดงานดังภาพ
  • 2. 4. จะปรากฏผลงานตามขนาดที่กาหนด 5. ทาการเพิ่มเลเยอร์ขึ้นมาใหม่ ซึ่งปกติแล้วจะมีแค่ background สามารถคลิก เพื่อเพิ่มเลเยอร์ ดังภาพ 6. คลิกที่กล่องเครื่องมือ แล้วลากลงไปในแผ่นงาน กาหนดขนาดดังภาพ กาหนดให้มีบรรทัดในแผ่นงาน
  • 3. 7. กาหนดความโค้งให้กับเส้นสามารถทาได้ดังนี้ - คลิกที่เมนู Select > Modify > Smooth 8. เทสีใส่ในแผ่นงาน โดยเทสีอะไรก็ได้ - ไปคลิกที่เครื่องมือ Paint Bucket Tool - เลือกสีอะไรก็ได้ จากนั้นเทสีลงไปในแผ่นงาน 9. ใส่สไตล์ ให้กับกรอบแผ่นงานทาได้ดังนี้ - คลิกที่ style ดังภาพ - เพิ่มลักษณะของสไตล์ คลิก > web style > Append ดังภาพ
  • 4. - คลิกที่รูปแบบใดก็ได้ ตามความเหมาะสม และทาการยกเลิกเส้นประโดยกด Ctrl + D 10. ทาบล็อกที่ 2 โดยการสร้างเลเยอร์ ขึ้นมาใหม่แล้วทาตามขั้นตอนเหมือนบล็อกที่ 1 โดยเปลี่ยนลักษณะอื่น ตามความเหมาะสม ดังภาพ 11. ใส่ข้อความเข้าไปโดยคลิก เครื่องมือ แล้วเลือกลักษณะข้อความที่เป็นภาษาไทย ที่ลงท้ายด้วย UPC ,New หรือ ขึ้นต้นด้วยตัวเลข ดังภาพ 12. เลือกขนาดตัวอักษรและเลือกสีตามต้องการดังภาพ
  • 5. 13. พิมพ์ข้อความในบล็อกแรก Main Menu จากนั้นใส่เงาตวอักษรตามความเหมาะสมแล้วเลือก เพื่อ เคลื่อนย้ายตัวอักษรมาไว้ยังตาแหน่งที่ต้องการ 14. พิมพ์เมนูหลักในบล็อกที่ 1 ให้เสร็จโดยพิมพ์เมนูตามเว็บไซต์ที่เราจัดทาขึ้น ให้สอดคล้องกับเว็บไซต์ของ ตัวเองห้ามเหมือนตัวอย่าง แต่ในบล็อกที่ 2 ให้พิมพ์เหมือนตัวอย่างทุกประการ 15. บันทึกงาน โดยไปคลิกที่ เมนู File > Save > เลือกโฟลเดอร์งานของตัวเอง