แบบฝึกหัดบทที่ 6

1. ให้นักศึกษาอธิบายความหมายของส่วนประกอบและปุ่มต่าง ๆ

1. คือ เฟรม ที่ใช้แสดงลำดับภาพนิ่งแต่ละส่วน

2. คือ ตัวกำหนดเวลาในการแสดงผล (ยิ่งน้อย ยิ่งดูคลาสิก)

3. คือ ปุ่มควบคุมการวนซ้ำ ถ้า Forever คือวนรอบไปเรื่อยๆ ถ้าวนรอบ 1 รอบใช้ Once

4. คือ ปุ่มควบคุม ที่ใช้แสดงตัวอย่างของภาพ Animation หรือจะกระโดดไปที่ดฟรมอื่นๆ ตามที่ต้องการใช้5. คือ ปุ่มสร้างภาพ Animation อย่างต่อเนื่อง ที่โปรแกรมคำนวณเฟรมอยู่ระหว่างเฟรมเริ่มต้นและเฟรมสุดท้าย

6. คือ ปุ่มสร้างเฟรมใหม่ วึ่งจะใช้เมื่อต้องการสร้างรูปแบบการเคลื่อนไหวใหม่ๆ เข้าไป7. คือ ปุ่มลบเฟรม เอาไว้ลบเฟรมที่ไม่ต้องการทิ้งไป

2.ให้นักศึกษาอธิบายวิธีการสร้างตัวอักษรเคลื่อนไหวแบบ Fade

1. สร้างไฟล์ขนาด 250*89 pixel, Resolution 72, Mode RGB, Backgroud Write

2. เลือกเครื่องมือ Type Tool จากนั้นคลิกพิมพ์ข้อความ

3. ให้ทำการคัดลอกเลเยอร์ ( Duplicate layer)จนครบอีก 3 อัน และทำการแก้ไขในแต่ละเลเยอร์

4. ไปที่เมนู Windows ---Animation เพื่อทำการเรียกเมนูเคลื่อนไหวออกมา

5. ทำการคัดลอกเฟรมให้ได้ 4 เฟรม โดยไปที่ปุ่ม Duplicates Select Frames

6. กำหนดเวลาทุกเฟรม โดยกด (Shift+คลิกแต่ละเฟรมX) จากนั้นไปที่มุมเวลาเฟรมสุดท้ายคลิกแล้วจะปรากฏเวลาขึ้นมาให้เลือก เลือก 1 วินาที

3. ให้นักศึกษาอธิบายวิธีการสร้าง Gallery ภาพถ่ายให้กับเว็บไซต์

1. สร้างโฟลเดอร์ไว้สำหรับเก็บไฟล์ที่ต้องการ

2. สร้างไฟล์ขนาด 400 pixels*300 pixels แล้วเก็บไว้ในโฟลเดอร์

3. ไปที่เมนู file---Automate---Web Photo Dally--จะปรากฏดังจอภาพ

4. เลือกรูปแบบหรือสไตล์ที่ชอบ(ซึ่งจะหฃปรากฏตัวอย่างให้ดู) คลิกเลือกปุ่มโฟลเดอร์แหล่งของภาพที่สร้างไว้ (ข้อ1) คลิกเลือกเส้นทางที่จะเก็บงานที่สร้าง Gally (จะต้องไม่ซ้ำกับโฟลเดอร์แหล่งภาพ) เลือกคุณสมบัติของภาพ แล้วตอบ OK

แบบฝึกหัดบทที่ 5

1. ให้นักศึกษาอธิบายวิธีการสร้างปุ่มและอักษร 3 มิติ
1.ทำการสร้างไฟล์ขึ้นมาใหม่ โดยกำหนดขนาด 300*135 ความละเอียด 72
2.เลือกเครื่องมือ rectangular tool แดรกเมาส์ตีกรอบสี่เหลี่ยม
3.เลือกเครื่องมือ Gradient Tool เลือกเฉดสีที่จะทำการไล่เฉดสี
4.ย่อเส้นปะเข้ามาอีก 10 จุด โดยไปที่เมนู Select >> Modify >> Contact ใส่ตัวเลข 10 แล้วกดปุ่ง Ok
5.แดรกเมาส์จากขวาไปซ้าย
6.ไปที่เครื่องมือ Type Tool เพื่อทำการพิมพ์อักษร
7.ไปที่เมนู Layer >> Type >> Conveert to Shape จะเห็นกรอบข้อความจากนั้นไปที่ Edit >>Transform >> Perspective แดรกเมาส์ที่มุมเพื่อปรับเปลี่ยนให้เป็นไปตามรูปทรงที่ต้องการแล้วกด Enter เมื่อได้ภาพที่ต้องการ
8.ทำอักษรให้นูนโดยไปที่ Layer >> Layer Style >> Bevel and Emboss แล้วก็ปรับเอาตามความต้องการ
9.เมื่อปรับเสร็จตามความต้องการแล้วก็กดปุ่ม Ok
2.ให้นักศึกษาอธิบายวิธีการสร้างตัวอักษรลำแสง
1.สร้างไฟล์ขึ้นมา ขนาด 500*350 ความละเอียด 100
2.เลือกเครื่องมือ Paint Tool เทสีลงไปตามต้องการ เพื่อเป็น Background
3.เลือกเครื่องมือ Type Tools เพื่อพิมพ์ตัวอักษร
4.กดคีย์บอร์ด Ctrl+J เพื่อ Duplicate Layers จากนั้นเปลี่ยนสีตัวอักษรที่ Copy มา หลังจากนั้นทำการซ่อน Layer ที่ Copy มา จากนั้นก็คลิกรวม Layer โดยกดคีย์บอร์ด Ctrl+E
5.ไปที่เมนู Filter >> Stylize >> Wind แล้วติ๊กเครื่องหมาย หน้าช่อง Wind และ From the Right ( Layer คลิกอยู่ที่ Background )
6.กดคยืบอร์ด Ctrl+J เพื่อ Duplicate Layers แล้วไปที่เมนู Filter >> Stylize >> wind แล้วติ๊กเครื่องหมาย หน้าช่อง Wind และ From the Right ( Layer คลิกอยู่ที่ Background )
3.ให้นักศึกษาอธิบายความหมายของเครื่องมือต่อไปนี้



1.เป็นตัวเชื่อมระหว่าง Layer
2.เป็นส่วนที่ใส่ Effecf เช่น แสง เงา
3.เป็นส่วนที่เพิ่มเติม Mak หรือ เพิ่ม Layer
4.เป็นส่วนที่ใช่ปรัค่าแสงความสว่าง ปรับค่าสี ความคมชัด
5.เป็นส่วนที่สร้าง Fonder สำหรับเก็บ Layer
6.เป็นเครื่องหมายการสร้าง Layer ขึ้นมาใหม่
7.เป็นปุ่มที่ใช่ลบ Layer ที่ไม่ต้องการ

แบบฝึกหัดบทที่ 4

1. ให้นักศึกษาบอกข้อดีของ Adobe Photoshop CS3 พร้อมทั้งอธิบาย
โปรแกรม Adobe Photoshop CS3 เป็นโปรแกรมที่สามารถ ใช้ในการตกแต่งภาพ และการออกแบบภาพ
กราฟฟิกส์ ที่สามารถ ใช้ในการตกแต่งภาพ และ การออกแบบภาพกราฟฟิกส์ ที่สามารถใช้ในด้านการทำงานต่าง ๆ และช่วยในการตกแต่งเว็บไซต์ เว็บส่วนตัวได้อย่างดี2. ให้นักศึกษาบอกเครื่องหมายของเครื่องมือใน Adobe Photoshop CS3 พร้อมอธิบาย
2. ให้นักศึกษาบอกเครื่องหมายของเครื่องมือใน Adobe Photoshop CS3 พร้อมอธิบาย


1. Move Tool ใช้ในการเลื่อน Layer และ Gude ต่าง ๆ
2. Marquee Tool ใช้ในการเลือกสี่เหลี่ยมผืนผ้า วงกลม ฯลฯ
3. Lasso Tool ใช้ในการเลือกแบบอิสระ
4. Magic Wand Tool ใช้ในการเลือกโดยอาศัยความสว่างและโทนสี
5. Crop Tool ใช้ในการเลือกบางส่วนของรูปภาพ
6. Slice Tool ใช้ในการสร้าง Slice หรือรูปย่อย ๆ
7. Healing Brush Tool ใช้ในการระบายสี ซ่อมแซมรูปภาพให้สมบูรณ์
8. Brush Tool ใช้ในการวาดเส้น
9. Clone Stamp Tool ใช้ในการคัดลอกรูปโดยอาศัยรูปภาพต้นฉบับ
10. History Brush Tool ใช้ในการกลับคืนรูปภาพเดิม
11. Eraser Tool ใช้ในการลบรูปภาพหรือลบบางส่วน
12. Paint Bucket Tool ใช้ในการเติมสี Fill ในบริเวณที่เป็นสีเดียวกัน
13. Smudge Tool ใช้ในการดึงสีให้ไปใกล้กัน
14. Burn Tool ใช้ลดความสว่าง ทำให้ภาพดูมืดลง
15. Pen Tool ใช้ในการลากเส้น path
16. Type Tool ใช้ในการพิมพ์ตัวอักษร
17. Path Selection Path ใช้ในการเลือก Shape หรือ Path
18. Custom Shape Tool ใช้เลือกรูปภาพที่มีรูปร่างเฉพาะ
19. Animations Tool ใช้เขียนโน้ต หรือแนบเสียงไปกับรูปภาพได้
20. Eyedropper Tool ใช้ในการดูดสีจากรูปภาพ21. Hand Tool ใช้เลื่อนภาพที่อยู่หน้าต่างเดียวกัน
22. Zoom Tool ใช้ย่อ-ขยายภาพ

การออกแบบเว็บไซต์

การทำหน้าเว็บ

การทำส่วนหัวด้วยตัวอักษรลำแสง

วีธีการทำส่วนหัวด้วยอักษรนำแสง
1.ทำการสร้างไฟล์ใหม่ โดยใช่ขนาด กว้าง 1010 สูง 125 ความละเอียด 100
2.เลือกเครื่องมือ Paint Tool (ถังสี) ทำพื้นโดยเลือกสีตามชอบ
3.เลือกเครื่องมือ Type Tools เพื่อพิมพ์อักษร
4.กดคีย์บอร์ด Ctrl+J เพื่อ Duplicate Layers เมื่อ Copy เสร็จทำการรวม Layers โดยกด Ctrl+E
5.ไปที่เมนู Filter >> Stylize >> wind แล้วติก คำว่า wind และ From the Right (เลเยอร์คลิกอยู่ที่ พื้นหลัง)
6.ทำการตกแต่งโดยใส่รูปลงไป ก็เป็นการเสร็จเรียบร้อย

การทำส่วนหัวด้วยตัวอักษรลำแสง

การออกแบบส่วนหัวของเว็บไซต์

การสร้างโลโก้ด้วยอักษรเงา

นางสาวอริษา แสงจันดา สสท.1/1 เลขที่ 28

วิธีลงโปรแกรมโฟโต้ชอป CS3

1. ก่อนอื่นก็เปิดโปรแกรมขึ้นมาเลยจ้า (double clicks ที่ตัว application)
พอกดแล้วมันถามว่าจะ Run เลยมั๊ย เราก็กด Run
หน้าต่อไปมันจะถามถึง Folder Location ปกติมันจะอยู่ที่
C:Documents and Settingsชื่อคุณDesktopAdobe CS3Photoshop
2. เราก็กด Next ไปเลยจ้า จากนั้นมันจะทำการ Preparing Install เราก็รอจนมันทำงานเสร็จจ้า
3.พอตั้งเสร็จมันจะถามว่าเราจะเปิด photoshop รึว่าเปิด folder ของมันก่อน
ให้เราเลือกอันแรกเลยจ้า แล้วก็กด Finish
4.รอให้มันโหลด
5.แต่ถ้าในกรณีที่เรายังเปิดพวก browser รึว่าโฟโต้ช้อปเวอร์ชั่นเก่าอยู่ มันก็จะถามให้เราปิดก่อนนะจ้า
5.เราก็กด Nextๆๆ Install ไปเลยจ้า แล้วก็รอมันทำการ Install อาจจะรอนานหน่อยนะ ไฟล์ใหญ่มาก
6.หลังจากมันทำการติดตั้งเรียบร้อยเราก็กด Finish ไปเลย