ใบความรู้ที่15

ใบความรู้ เรื่อง การสร้างงานดว้ ยโปรแกรม Photoshop (5) สร้างปก CD รวมภาพหรือแผ่นแสดงรูปภาพแบบ Thumbnail อย่างรวดเร็ว Contact sheet || เป็นคาส่ังสาหรับการสร้างภาพ Thumbnail เล็กๆจากไฟล์รูปภาพในโฟลเดอร์ของเรา เช่น กรณีที่ต้องการนาภาพจากการไปท่องเที่ยวที่ใดที่หน่ึงมาทาเป็นปก หรือการทาตัวอย่าง Gallery ภาพ เพ่ือเอาไวด้ ูเวลาต้องการหาภาพได้ ขน้ั ตอนที่ 1 การสรา้ ง contact Sheet ทาไดด้ ้วยการใช้คาสั่ง Contact Sheet || ดงั วธิ กี าร ดงั ต่อไปน้ี 1. ในตวั อย่างน้เี ราจะลองมาสร้าง Contact sheet จากไฟล์ในโฟลเดอร์ “ contact Sheet” ท่เี ตรยี มไว้ให้ 2 เปดิ Photoshop ข้นึ มา แล้วคลกิ คาส่งั File > Automate > Contact Sheet || เพอ่ื เรยี กคาส่ัง สรา้ ง Contact Sheet ขึ้นมากาหนดอย่างรายละเอยี ด 3. ในหนา้ ตา่ ง Contact Sheet ||คลกิ เลอื ก Folder จากชอ่ ง Use เพอื่ เป็นบอกโปรแกรม ว่าให้ไป หาไฟลท์ ี่จะทาจากโฟลเดอรท์ ี่กาหนด 4. คลิกปุ่ม Browse เพื่อเลือกโฟลเดอร์ท่ีต้องการ

5. คลิกเลอื กโฟลเดอรท์ ่ีตอ้ งการจากหน้าตา่ งท่ีปรากฏขนึ้ มาเมื่อเลือกได้แล้วคลิกปุ่ม OK ข้ันตอน 2 หลักจากได้ขนาดของกระดาษทีจ่ ะใช้ในการสรา้ ง Contact Sheet แลว้ ข้นึ ตอนตอ่ ไปเราจะมา กาหนด Contact Sheet เชน่ ขนาดและจานวนของภาพใน Contact Sheet แต่ละแผ่น ด้วยวธิ กี าร ตอ่ ไปนี้ 1.กาหนดขนาดของ Contact Sheet ดว้ ยการกาหนดค่าจากกรอบ Document โดยเรม่ิ จากการกาหนด หน่วยให้เปน็ Inches หรือ น้ิว

2.กาหนดขนาดกวา้ ง x ยาว จากช่อง width และ Height 3.กาหนดความละเอยี ดของ Contact Sheet ในทีน่ ีไ้ ม่ต้องการความคมชดั มากนักให้กาหนดเป็น 72 pixels/inch ก็พอ 4.กาหนดโหมดสีใหเ้ ปน็ แบบ RGB Color และคลิกเลือก Flatten All Layers เพ่อื สงั่ ให้โปรแกรมรวมภาพ ทงั้ หมดเปน็ เลเยอรเ์ ดยี ว 5.กาหนดจานวนแถวตง้ั และแนวนอน จากช่อง Columns และ Rows โดยดูผลลัพธไ์ ดจ้ ากช่อง Preview ทางขวามือ 6.ตวั เลขตรงนี้สาคญั มาก เพราะจะเป็นสว่ นทโ่ี ปรแกรมบอกเราภาพท้ังหมดในโฟลเดอร์จะมี Contact Sheet กแี่ ผ่นในโฟลเดอรจ์ ะมี Contact Sheet ก่ีแผ่นดงั เชน่ ในภาพ Page 1 of 1 แสดงว่ามแี ผ่นเดยี ว 7.เมอื่ ได้รายละเอยี ดทงั้ หมดตรงตามตอ้ งการแล้วคลิกปมุ้ OK หลกั จากกาหนดค่าเรียบร้อยแล้วคลิกปมุ่ OK ใหร้ อสักครูโ่ ปรแกรมจะจบั ต่างๆในโฟลเดอร์ทเ่ี ลอื กมา จัดเรียงเป็น Contact Sheet เอาไวใ้ หโ้ ดยอตั โนมัติ

สร้าง web Photo Gallery อวดผลงานงานผ่านเว็บไซต์ดว้ ย Photoshop ข้ันตอนท่ี 1 หลักจากเตรียมข้อมูลไว้พร้อมข้อมลู ไวพ้ ร้อมแล้ว วิธสี ร้างเจา้ Web Photo Gallery คร้งั เดยี ว เท่าน้นั ทเ่ี หลอื กกเ็ ปน็ ขัน้ ตอนกาหนดรายละเอยี ดตามทตี่ ้องการ 1.เตรียมโฟลเดอร์ไว้สรา้ ง Web Photc Gallery ในทีน่ ้ีช่อื โฟลเดอร์ D:/Gallery 2.คลิกคาส่ัง File > Automate > Web Photo Gallery

3.คลกิ เลือก Styles ของเวบ็ โดยดตู วั อยา่ งจากชอ่ งทางขวามอื 4.คลกิ ปุ่ม Browse และเลอื กโฟลเดอร์ทเี่ กบ็ รูปภาพ 5.คลกิ ป่มุ Destination และเลอื กโฟลเดอร์ที่จะใชเ้ กบ็ ข้อมูล 6.คลกิ ปุ่ม OK เพ่อื ตกลงสร้างคา่ ท่ีกาหนด รอสกั ครู่เรากจ็ ะได้ Web Photo Gallery พร้อมไฟล์ข้อมูลตา่ งๆทจี่ ัดเกบ็ ไว้อยา่ งเรียบร้อยในโฟลเดอรท์ ่ี เตรียมไว้ในตอนต้น

ขน้ั ตอนที่ 2 หลักจากสรา้ ง Web Photo Gallery เสร็จแล้ว โปรแกรมจะเปิดเวบ็ ท่ีสรา้ งใหด้ โู ดยอตั นตั ิ แตถ่ า้ หากเราปดิ มนั ลงไปแลว้ กส็ ามารถกลับมาไดโ้ ดยเข้าโดยเข้าไปในโฟลเดอร์ทเ่ี ก็บผลลัพธเ์ อาไว้แล้วทาตาม ข้นั ตอนต่อไปน้ี 1.เขา้ ไปในโฟลเดอรท์ ี่เกบ็ ผลลัพธ์ จากการสร้าง Web Photo Gallery เอาไว้ 2.ดับเบิลคลกิ ที่ไฟล Index Web Photo Gallery ของเราก็จะถูกเรียกขน้ึ มาอกี ครง้ั โดยในหน้าตา่ ง Web Photo Gallery ทเ่ี ราสร้าง เสร้างเสรจ็ แล้วจะมีสว่ นประกอบหลักๆดงั้ น้ี a.รูปภาพแบบ Thumbnails พรอ้ มรายละเอียดของไฟล์ สาหรับเลอื กดูภาพใหญ่

b.รูปภาพแบบ Large Images ทเ่ี หน็ รายละเอยี ดได้มากข้ึน c. Banner สาหรบั แสดงรายละเอียดเจ้าของรปู ภาพ d.ปุ่มลูกศรสาหรบั เดนิ หนา้ ถอยหลงั ควบคมุ การแสดงภาพ ปรับแต่รายละเอียดให้ Web Photo Gallery การสรา้ ง Web Photo Galler ในขั้นตอนที่ผ่านมาเปน็ การใช้คา่ มาตรฐานโปรแกรมมาช่วยในการ ทางาน ซึง่ ถ้าหากเราต้องการกาหนดรายละเอียดอ่ืนๆมากไปกว่าการเลอื กรูปแบบ Layout ของเวบ็ เช่น กาหนดสีและรูปแบบของตัวอักษรหรอื กาหนดขนาดใหญใ่ ห้รปู ภาพก็จะต้องมาศึกษาOptions ต่างๆในหวั ข้อ ตอ่ ไปนี้ การกาหนดค่าต่างๆสาหรับสร้าง Layout ของ Web Photo Gallery จะแบ่งเป็น 4 หัวข้อใหญ่ๆให้คลิก เลือกมาใช้งานตามทต่ี ้องการคอื - Banner กาหนดสว่ นประกาศตัวกับผเู้ ข้าชม - Large Images กาหนดรายละเอยี ดของรปู ภาพขนาดใหญ่ - Tumbnails กาหนดรายละเอียดให้รูปภาพขนาดเลก็ - Custom Colors กาหนดสีให้ส่วนตา่ ง ในหวั ขอ้ ใหญ่ๆทัง้ 4 ข้อ ที่กล่าวถึงแตล่ ะหวั ข้อก็จะมรี ายละเอียดแยกยอ่ ยออกไปซ่ึงเปน็ ส่วนที่ทาให้ เราไดก้ าหนดสง่ิ ตา่ งๆสาหลบั หัวขอ้ นนั้ ๆดว้ ยตนเองโดยไมต่ ้องง้อคา่ มาตรฐานทโ่ี ปรแกรมกาหนดเอาไว้ สว่ นปลกี ยอ่ ย ตา่ งๆจะมรี ายละเอียดดงั นี - Banner กาหนดสว่ นประกาศตวั กบั ผู้ขา้ ชม a. กาหนดช่อื แกลอรี b. ใส่ชอ่ื เจ้าของภาพ

c. กาหนดรายละเอียดการตอดตอ่ d. กาหนดวนั ท่ีทลี่ งรปู ภาพ - Large Images กาหนดรายละเอียดของรปู ภาพขนาดใหญ่ a. กาหนดขนาดของรปู ภาพ b. กาหนดความละเอียดของรปู ภาพ c. กาหนดขนาดของกรอบรปู ภาพ d. คลิกเลือกชือ่ Tiles ท่ีจะใช้ในรปู ภาพ เช่น ใชช้ ื่อไฟล์ที่เป็นชือ่ รูป หรือใช้ชื่อ เจ้าของรูปเป็นช่ือรปู e. กาหนดรายละเอียดของตวั อกั ษรท่ีใช้แสดงชอ่ื รปู ภาพ - Thumbnails กาหนดรายละเอียดให้รปู ภาพขนาดเลก็ a. กาหนดขนาดของรปู ภาพแบบ Thumbnails b. กาหนดจานวนรปู ภาพที่วางในแนวนอน c. กาหนดจานวนรูปภาพทวี่ างในแนวตง้ั d. คลกิ เลอื กชื่อ Titles ท่ีจะใช้ในรปู ภาพ เช่น ใชช้ ือ่ รปู หรือใชช้ อื่ เจ้าของรปู เป็นช่ือรูป e. กาหนดรายละเอียดของตัวอักษรที่ใชแ้ สดงชื่อรปู ภาพ

- Custom coiors กาหนดสใี ห้สว่ นต่างๆ a. กาหนดสีของฉากหลงั b. กาหนดสใี นสว่ น Banner c. กาหนดสีของตัวอักษร d. กาหนดสขี องกรอบรูปภาพส่วนที่กาลังเลอื ก e. กาหนดสขี องกรอบรูปภาพส่วนท่มี กี รเช่ือมต่อไปยังรปู ใหญ่ f. กาหนดสขี องกรอบรูปภาพส่านท่ถี กู เลือกดูไปแล้ว