แบบฝึกหัดบทที่ 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 พร้อมอธิบาย

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.สร้างไฟล์ใหม่ ขนาด 500 pixis *350 pixeis และความละเอียด 100 pixels/Inch และพื้นเป็นสีขาว
2.เลือกเครื่องมือ Paint Tool เทสีดำลงในเลเยอร์ Backhroud และไปที่เครื่องมือ Type Tools เลือกฟอนต์ Arial ตัวหนาขนาด 29 Pt สีขาว แล้วพิมพ์ข้อความว่า Yada ดังภาพข้างล่าง
3.กดคีย์บอร์ด [Ctrl+ J] เพื่อ Duplicate Lauyers จากนั้นคลิกรวมเลเยอร์ Background และ layer Yada copy ให้เป็นสีดำ ทำการซ่อน layer Yada copy จากนั้นคลิกรวมเลเยอร์ Background และ layers Yada copy [Crtl + E รวมเลเยอร์]
4.ไปที่เมนู Filter---> Stylize ->Wind แล้วเลือก Wind และ From the Right (เลเยอร์คลิกอยู่ที่ Background)
5.กดคีย์บอร์ด[Ctrl+J] เพื่อ Duplicate Layers แล้วไปที่เมนู Filter --> Styize --> Wind แล้วเลือก Wind และ From the Left (เลเยอร์คลิกอยู่ที่ Backgroud copy) ก็เป็นอันเสร็จสิ้นการทำหัวข้อแบบลำแสงกระจายทั้งสองด้าน

ในกรณีจะเพิ่มรูปภาพให้เป็นความเป็นส่วนตัวหรือศิลปะสำหรับตัวเองทำได้ดังนี้

1.เปิดไฟล์ภาพที่มีรูปภาพที่เราการมาอีก 1 ไฟล์ โดยไปที่เมนู File ---> Open จากนั้นเลือกเส้นทางที่มีไฟล์ภาพ ชื่อไฟล์ที่เราต้องการและตอบ OK แล้วเลือก Rectang tool จากนั้นไปคลิกรูปสี่เหลี่ยม (เส้นปะ) เพื่อเลือกพื้นที่ต้องการ เมื่อเลือกเสร็จ คีย์บอร์ด [Ctrl + C ] เพื่อทำการคิดลอกพื้นที่ที่เลือก
2.ไปคลิกเมาส์ที่ไฟล์รูปแบรนเนอร์ แล้วกด [Dtrl + V] แล้วไปแดรกเมาส์ ลากไปไว้ยังที่ ๆ ต้องการจากนั้นเมื่อต้องการย่อภาพให้สมดุล Edit --> Transform ---> Scale
3.เมื่อได้ขนาดที่ต้องการแล้ว เราต้องการหมุนภาพให้สวยงาม ไปที่เมนู Edit ---> Transform--> Rotate แล้ว นำเมาส์ไปแดรกที่มุมภาพ หมุนตามที่ต้องการ (เมื่อหมุนเสร็จให้กด Enter เพื่อสั่งให้ทำงาน)
การแบ่งภาพเป็นชิ้นเล็ก เพื่อลดขนาดของไฟล์
1.เปิดไฟล์ภาพที่ต้อการแบ่งออกมา File --> Open---> เลือกชื่อไฟล์ --> OK
2.ไปที่เครื่องมือ Slice Tool จากนั้นดูรายละเอียดเครื่งมือ Fix size (กำหนดความกว้าง 64 Px และความสูง 125 px คงที่)
3.นำเมาส์ไปแดรกที่ภาพ จะปรากฏดังภาพข้างล่าง กรณีจะทำภาพต่อไป ให้นำเมาส์ไปแดรกที่มุมบนด้านขวา แล้วคลิกแดรกที่มุมบนไปเรื่อย ๆ
4.เก็บบันทึกข้อมูลโดยที่เมนู File --> Save for Web and Device จากนั้นเลือกรูปแบบเป็นJPEG และคลิกดปุ่ม Save

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

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

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

นางสาวญาดา แสนสม สสท.1/1 เลขที่ 4

การติดตั้งโปรแกรม Adobe PhotoshopCS3

การติดตั้งการติดตั้งโปรแกรม Adobe PhotoshopCS3
1. ไปที่ Internet Explorer Browser จากนั้นก็พิมพ์ ข้อความต่อไปนี้ ที่
Address : http://kittk.kvc.ac.th/donload/PhotoshopCS3.zip

2. โปรแกรมจะถามว่า จะบันทึกที่ไหน ให้คลิก Save ที่ไดรฟ์ C แล้วโปรแกรมจะทําการคัดลอกไฟล์ต้นฉบับมาไว้ที่ไดรฟ์ C

3. เมื่อ download ไฟล์มาเสร็จ ให้ทําการ UnZip ไฟล์ ก็จะได้ไฟล์ Setup เพื่อดําเนินการติดตั้งให้ดับเบิ้ลคลิ๊กไฟล์ดังกล่าว ซึ่งจะปรากฏดังภาพข่างล่าง (กรณีที่เปิดใช้โปรแกรมอื่นอยู่ โปรแกรมจะแจ้งเตือนให้ปิดก่อน) จากนั้นให้คลิกที่ปุ่ม Try Again เพื่อลองใหม่อีกครั้ง

4.โปรแกรมจะถามว่า จะยอมรับลิขสิทธิ์ และเงื่อนไขต่าง ๆ ตามที่ตกลงหรือไม่ (ตอบ Accept ยอมรับ)

5.โปรแกรมจะถามเส้นทาง หรือ แหล่งที่จะติดตั้งโปรแกรม (ไดรฟ์ต่าง ๆ ให้เลือกไดรฟ์ C) จากนั้นคลิก Next เพื่อทํางานต่อไป
6. โปรแกรมจะเริ่มทําการติดตั้ง คัดลอกไฟล์ต่าง ๆ ลงบนไดรฟ์ C (ไดรฟ์ที่เราเลือกเพื่อติดตั้ง)

7. เมื่อติดตั้งเสร็จ (ไม่มีปัญหา) โปรแกรมจะแจ้งว่า Installation Completed ซึ่งแปลว่าเสร็จเรียบร้อยแล้ว

8. คลิ๊กปุ่ม Finnish ซึ่งหมายถึงเสร็จสิ้นขั้นตอนการติดตั้ง จากนั้นเมื่อเลือกใช้โปรแกรม ๆ จะทําการถามว่า จะใส่รหัสโปรแกรม (Serial Number) ซึ่งปกติจะมีมากับแผ่นโปรแกรมฯ โดยให้ใส่เข้าไปในช่องสี่เหลี่ยมแล้วคลิก Next เพื่อทํางานต่อไป

9. โปรแกรมจะถามเพื่อให้ทําการลงทะเบียนเพื่อ update และรับข้อมูลข่าวสารต่าง ๆ ของโปรแกรมฯ ถ้าเราลงทะเบียนก็ให้คลิกใส่ข้อมูลทุกช่อง แล้วคลิกปุ่ม Register Now (ในที่นี้เราไม่ลงทะเบียนให้คลิกปุ่ม Register later)

10. เข้าสู่หน้าจอสุดท้าย ซึ่งเราเลือก Do not register (หมายถึงไม่ลงทะเบียน) แล้วก็คลิกปุ่ม Continue ก็จะเป็นอันเสร็จสิ้นการติดตั้งโปรแกรม Adobe PhotoshopCS3