ใบความรู้หน่วยที่ 3

ใบความรู้ หนว่ ยท่ี 3ช่ือวิชา โปรแกรมกราฟกิ จานวนคาบ 4ชื่อหน่วย มุมมองภาพและการตกแตง่ ภาพ คาบรวม 4 ด้วยเลเยอร์ (Layer)เรื่อง มุมมองภาพและการตกแตง่ ภาพด้วยเลเยอร์ (Layer) การกาหนดมุมมองดว้ ยเมนู View มี 3 แบบ คอื1.การแสดงขนาดรูปภาพตามจริงตามจานวนพิกเซล ซ่งึ มีขน้ั ตอนดังนี้คลิกทีเ่ มนู View -> Actual Pixels หรอื กดปุ่ม Alt + Ctrl + 0 ท่ีแป้นพิมพ์ 2. การแสดงขนาดรูปภาพตามพ้ืนท่ีการทางานของแตล่ ะรูป มีขน้ั ตอนดังนี้คลิกทเ่ี มนู View -> Fit on Screen หรือกดปมุ่ Ctrl + 0 ที่แปน้ พมิ พ์

3. การแสดงขนาดรูปภาพในรูปแบบของการพิมพ์ออกทางเครื่องพมิ พ์ มขี ้ันตอนดังนี้คลกิ ที่เมนู View -> Print Size การแสดง/ซ่อนไม้บรรทดั คลกิ ทเี่ มนู View -> Rulers ถา้ ตอ้ งการซ่อนให้คลิกทเ่ี มนู View -> Rulers อกี ครั้งการแสดง/ซ่อนเสน้ Grid คลกิ ทเ่ี มนู View -> Show -> Grids ถ้าตอ้ งการซอ่ นให้คลิกที่ เมนู View -> Show -> Grids อกีครัง้ การยอ่ และขยายรูปภาพการยอ่ และขยายรูปภาพดว้ ยเมนู View มขี น้ั ตอนดังน้ี1.การย่อภาพคลิกที่เมนู View -> Zoom Out หรือกดปมุ่ Ctrl + - ที่แป้นพิมพ์2.การขยายภาพคลกิ ที่เมนู View - > Zoom In หรอื ปุ่ม Ctrl + + ท่ีแป้นพมิ พ์ การย่อและขยายรูปภาพด้วย Zoom Tools 1. คลกิ ทเ่ี ครื่องมือ Zoom Tools เม่อื ต้องการย่อ/ขยายรปู ภาพโดยกาหนดคณุ สมบัติ

ของ Zoom tools ในออปชันบารด์ ังนี้ 2. หรือคลิกทเี่ คร่ืองมอื Zoom Tools รปู เมาส์พอยเตอร์จะเปลยี่ นเปน็ รปู แว่นขยายมีเครื่องหมาย + จากนน้ั คลิกที่รปู ภาพท่ีตอ้ งการขยาย 3.การย่อขนาดรปู ภาพใหก้ ดปุ่ม Alt ทแ่ี ป้นพิมพ์รปู เมาส์พอยเตอร์จะเปล่ียนเป็นรูปแว่นขยายมีเครื่องหมาย - จากนน้ั คลิกท่รี ูปภาพทีต่ ้องการย่อขนาดการจัดเรยี งแฟม้ รปู ภาพการจดั เรียงแฟม้ ภาพท่ีเปดิ ข้นึ มาพร้อมกันหลาย ๆ แฟม้ สามารถจดั เรียงไดห้ ลายรูปแบบ ดังน้ี 1.การจดั เรียงแบบข้ันบันได-คลิกท่ีเมนู Windows -> Document - > Cascade 2. การจดั เรยี งแบบใหเ้ หน็ ภาพทกุ แฟ้ม -คลกิ ทเ่ี มนู Windows -> Document -> Tile

การเลอ่ื นดูภาพด้วย Hand Tool จากนนั้ คลิกเมาสด์ ้านซา้ ยค้างไวท้ ีร่ ปู ภาพแล้วเลื่อนรปู ภาพในตาแหนง่ ที่ตอ้ งการ การปรับขนาดรูปภาพและการเลือ่ นรูปภาพดว้ ย Navigator Palette คลกิ ที่เมนูWindows -> Navigator จะปรากฏหน้าต่าง Navigator Palette ซึง่ มีสว่ นประกอบดงั ต่อไปน้ี

การสรา้ งไฟลภ์ าพใหม่ 1.คลกิ ท่ีเมนู File -> New จะปรากฏหนา้ ต่างท่ีใชส้ ร้างไฟล์ภาพใหม่ ซง่ึมีสว่ นประกอบดังต่อไปนี้ Name ใช้ตง้ั ชื่อไฟลภ์ าพ Preset Sizes ใช้เลือกขนาดพ้ืนที่หนา้ ต่างการทางาน ทตี่ ้องการหรือกาหนดขนาดหนา้ ต่างการ Custom ทางานโดยเลอื กตัวเลอื ก Width กาหนดขนาดท่ชี ่องกาหนดขนาดดงั น้ีทางาน กาหนดความกวา้ งของพื้นที่หน้าต่างการ Height กาหนดความสูงของพนื้ ที่หนา้ ต่างการทางาน

Pixels ซง่ึ มีหน่วยวัด ดังน้ีInches พกิ เซลcm นว้ิmn เซนตเิ มตรPoint มิลลิเมตรPicas จดุColumns ไพคะResolution สดมภ์ กาหนดความละเอยี ดของภาพ-Mode ซงึ่ มีหน่วยวดั เปน็ Pixels/InchBitmap กาหนดโหมดภาพ ซง่ึ ประกอบด้วยGrayscale แบบจุดสีRGB Color แบบขาวดาCMYK Color แบบ AdditiveLab Color แบบใชก้ บั สิง่ พมิ พ์Contents แบบไมค่ านงึ ถึงอุปกรณ์ท่ีนามาใช้ กาหนดรูปแบบของพ้นื หลังซงึ่ ประกอบดว้ ย

White พื้นหลงั สขี าวBackground Color พ้นื หลงั เปน็ สตี ามต้ังไวท้ ่ี BackgroundTransparent พนื้ หลังโปรง่ แสง2. เม่อื กาหนดรปู แบบของไฟล์ภาพใหมแ่ ลว้ คลิกที่ปุม่ OKตวั อยา่ ง การสร้างไฟล์ภาพใหม่1.คลกิ ท่เี มนู File -> New2. จะปรากฏหน้าตา่ งทใี่ ชส้ รา้ งไฟลภ์ าพใหม่ ให้กาหนดตามหน้าตา่ งด้านลา่ งนี้ Name ตั้งช่ือแฟ้มเปน็ test Width กาหนดความ กวา้ ง 800 Pixels Height กาหนดความสงู 600 Pixels

Resolution กาหนดรายละเอียดของภาพเป็น 72Pixels Mode กาหนดโหมดภาพเปน็ RGB Mode Contents กาหนดเป็น White 3. คลกิ ทีป่ ุ่ม OK จะปรากฏพ้ืนทหี่ น้าตา่ งการทางานตามที่กาหนดการเปิดไฟล์รปู ภาพการเปิดไฟล์รปู ภาพสามารถทาได้หลายวธิ ี ดังน้ี การเปดิ ไฟล์รูปภาพดว้ ยคาส่งั Open คลิกทเ่ี มนู File -> Open จะปรากฏหน้าตา่ ง Open คลกิ เลอื กไฟลร์ ปู ภาพที่ต้องการ จากน้นั คลิกที่ปมุ่ Open จะแสดงไฟล์ภาพทีเ่ ลอื ก การเปิดไฟล์รปู ภาพด้วยคาสั่ง File Browser 1.คลิกที่เมนู File -> Browser จะปรากฏหน้าต่าง File Browser คลกิ โฟลเดอรท์ ต่ี ้องการจะปรากฏภาพในโฟลเดอร์ทีเ่ ลือก ดังรูป

2. ดับเบลิ คลกิ รปู ทตี่ ้องการเปิด 3. ปิดหน้าตา่ ง File Browser โดยคลิกทเ่ี ครื่องหมาย X หนา้ ตา่ ง File Browserหรือคลกิ ท่ีเมนู Windows -> File Browser การเปิดไฟลร์ ปู ภาพอย่างรวดเรว็ ดว้ ยคาสัง่ Open Recent คาสั่ง Open Recent เป็นคาส่งั การเปดิ ไฟลร์ ูปภาพอย่างรวดเร็ว ซ่งึ จะเกบ็ ชื่อไฟล์ภาพท่เี คยเปดิ ใช้งานแลว้ กอ่ นหนา้ 10 ไฟล์ โดยมีขัน้ ตอนดังน้ี 1.คลิกทเี่ มนู File -> Open Recent จะปรากฏชือ่ ไฟลต์ า่ ง ๆ คลิกเลือกไฟล์ทต่ี ้องการ การบันทึกไฟล์รปู ภาพ

การบนั ทึกไฟลภ์ าพน้นั ภาพแตล่ ะภาพท่ที าการบนั ทึกจะมคี ณุ ภาพของภาพทแ่ี ตกต่างกันตามประเภทของไฟล์ท่ีเราบันทกึ ซึ่งการที่จะเลือกประเภทของไฟล์นนั้ ข้ึนอยูก่ บั งานท่ีใช้ยกตัวอยา่ งเช่น 1.ไฟลน์ ามสกุล .PSD (PhotoShop File) เป็นไฟลท์ ีเ่ กบ็ ข้นั ตอนการทางานไว้โดยดจู ากเลเยอร์การทางาน ซง่ึ สามารถนาไฟลไ์ ปปรบั ปรงุ แก้ไขได้ 2.ไฟลน์ ามสกุล .TIFF (Tagged Image File Format) เป็นไฟล์ที่เก็บข้ันตอนการทางานไว้โดยดจู ากเลเยอรก์ ารทางาน ซ่งึ สามารถนาไฟล์ไปปรับปรงุ แก้ไขได้ 3.ไฟลน์ ามสกุล .JPG,.JPEG (Joint PhotoShop Experts Group) เป็นไฟลข์ นาดเล็ก เพราะสามารถบบี อัดข้อมลู ได้ เหมาะกบั การทางานด้านเว็บเพจ 4.ไฟลน์ ามสกลุ .GIF (Graphics Interchange Format) เปน็ ไฟล์ขนาดเลก็ เหมือนกนั กบั .JPG, .JPEG แตเ่ หมาะกับงานด้านภาพลายเส้นมากกวา่ การบันทึกไฟล์รูปภาพด้วยคาสัง่Save มขี ัน้ ตอนดังน้ี 1.คลกิ ที่เมนู File -> Save จะปรากฏหนา้ ตา่ ง 2. คลิกทป่ี ่มุ Save จะปรากฏหนา้ ตา่ ง JPEG Options ใหป้ รับเปลยี่ นคณุ ภาพของไฟล์รปู ภาพซง่ึ มีรายละเอียดดังน้ี

Image Options Quality คอื คุณภาพของไฟล์รูปภาพ ประกอบด้วยLow คุณภาพตา่Medium คณุ ภาพปานกลางHigh คุณภาพดีMaximum คุณภาพดสี งู สดุSmall File / Large File การปรบั ขนาดไฟล์ภาพโดยถ้าลากแถบเล่ือนไปดา้ นซา้ ยไฟลภ์ าพจะมีขนาดเลก็ แต่ถ้าเล่ือนไปด้านขวาไฟลภ์ าพจะมีขนาดใหญ่Format Options คอื คุณสมบัตไิ ฟล์รูปภาพ ประกอบด้วยBaseline (“Standard”) กาหนดเป็นไฟลแ์ บบมาตรฐานสามารถรองรับบราวเซอร์ได้หลายบริษัทBaseline Optimized กาหนดเปน็ ไฟล์แบบลดคุณภาพของสลี งแต่ใช้ได้กบั บางบราวเซอร์

Progressive กาหนดเป็นไฟล์แบบแสดงภาพข้ึนมาทีละนดิ ขณะโหลดไฟล์ ใช้ได้-กบั บางบราวเซอร์ Size คือ ขนาดของไฟล์รปู ภาพซ่ึงเริ่มที 14.4 Kbps ถงึ 2 bps3. จากนนั้ คลิกที่ปุ่ม OK แท็บ Image Size1. คลกิ ที่ป่มุ Save จะปรากฏหน้าตา่ ง Save Optimized As2. เลอื กรปู แบบของ Web Photo Gallery3. ระบุ E-mail ทตี่ ้องการแสดง4. นามสกลุ ไฟล์ท่สี ร้าง5. การใชโ้ ฟลเดอรเ์ พื่อสร้างเวบ็ เพจ Folders ประกอบด้วย Browse ปน็ ปมุ่ ที่ใชค้ ลิกเลอื ก

โฟลเดอรร์ ปู ภาพทต่ี ้องการสร้างเว็บเพจ Include All subfolders สร้างเวบ็ เพจที่มรี ูปภาพอยู่ในโฟลเดอรย์ อ่ ยดว้ ยDestinations เปน็ ปมุ่ ท่ีใช้คลกิ เลือกโฟลเดอรท์ ต่ี ้องการเก็บเวบ็ เพจ 6. การกาหนดข้อความทีต่ อ้ งการแสดงบนเวบ็ เพจOptions เปน็ การกาหนดข้อความท่ีต้องการแสดงบนเวบ็ เพจ ประกอบดว้ ยSite Name ช่ือเวบ็ เพจPhotographer ช่ือเจา้ ของเว็บเพจContact Info ข้อมูลสาหรับติดต่อกับผสู้ รา้ งเวบ็ เพจDate วนั ทีส่ รา้ งเวบ็ เพจFont รปู แบบตวั อกั ษรFont Size ขนาดของตัวอักษร 7. คลิกทปี่ ุ่ม Save จะปรากฏหน้าต่าง Browser แสดงเว็บเพจที่สรา้ งดังรูป3. คลิกทปี่ ุม่ Saveการสร้างอัลบ้ัมภาพในรูปแบบของเว็บเพจการสรา้ งอลั บ้ัมภาพในรปู แบบของเวบ็ เพจ ไฟล์ภาพที่สรา้ งจะแสดงท่ีบราวเซอรซ์ ง่ึ ใช้ภาพเลก็ หรือชอื่ รปู ภาพลงิ ก์ไปทีภ่ าพใหญ่ ซ่งึ มีข้ันตอนดังน้ี 1.คลกิ ท่ีเมนู File -> Automate -> Web Photo Gallery จะปรากฏหนา้ ต่าง Web Photo Galleryซึง่ มี

ส่วนประกอบดังนี้ 2. เลอื กรูปแบบของ Web Photo Gallery 3. ระบุ E-mail ทต่ี ้องการแสดง 4. นามสกลุ ไฟล์ท่ีสรา้ ง 5.การใช้โฟลเดอรเ์ พื่อสร้างเว็บเพจ Folders ประกอบด้วย Browse เปน็ ป่มุ ทใี่ ช้คลิกเลือกโฟลเดอรร์ ูปภาพที่ตอ้ งการสร้างเวบ็ เพจInclude All subfolders สรา้ งเว็บเพจท่มี รี ปู ภาพอยู่ในโฟลเดอร์ยอ่ ยดว้ ย Destinations เปน็ ป่มุ ท่ีใชค้ ลิกเลอื กโฟลเดอรท์ ีต่ ้องการเก็บเวบ็ เพจ 6. การกาหนดข้อความที่ต้องการแสดงบนเว็บเพจOptions เป็นการกาหนดข้อความทีต่ ้องการแสดงบนเว็บเพจ ประกอบดว้ ยSite Name ช่อื เวบ็ เพจ

Photographer ชือ่ เจา้ ของเวบ็ เพจContact Info ขอ้ มูลสาหรบั ติดตอ่ กับผู้สรา้ งเว็บเพจDate วนั ทส่ี ร้างเว็บเพจFont รปู แบบตัวอักษรFont Size ขนาดของตวั อักษร 7. คลกิ ท่ีปุ่ม Save จะปรากฏหนา้ ต่าง Browser แสดงเวบ็ เพจทส่ี ร้าง ดังรปู การพิมพร์ ูปภาพการพิมพร์ ปู ภาพด้วยคาส่ัง Print with Previewคลกิ ทเี่ มนู File -> Print with Preview จะปรากฏหนา้ ต่างดงั ภาพ

Center Image การจัดภาพใหอ้ ยู่ก่งึ กลางหนา้ กระดาษ Scaled Print Size การกาหนดขนาดรปู ภาพทจี่ ะพิมพ์ ซงึ่ มีองคป์ ระกอบดังน้ีScaled กาหนดขนาดภาพเป็นเปอร์เซน็ ตซ์ ่งึ เทยี บกับขนาดไฟลร์ ูปภาพหรือจะกาหนดโดยระบขุ นาดภาพ ดงั นี้Height กาหนดความสงูWidth กาหนดความกว้างScale to Fit Media กาหนดใหภ้ าพพอดกี บั Center Image การจัดภาพใหอ้ ยู่ก่ึงกลางหน้ากระดาษ Scaled Print Size การกาหนดขนาดรูปภาพท่ีจะพิมพ์ ซึ่ง มีองค์ประกอบดังน้ี

Scaled กาหนดขนาดภาพเปน็ เปอร์เซ็นต์ซึง่ เทยี บกบั ขนาดไฟลร์ ูปภาพหรือจะกาหนดโดยระบขุ นาดภาพ ดังนี้Height กาหนดความสงูWidth กาหนดความกว้างScale to Fit Media กาหนดให้ภาพพอดีกับหน้ากระดาษShow Bounding Box แสดงกรอบรูปภาพเพื่อให้สามารถย่อขยาย ได้Show More Option ซอ่ นหรือแสดงออปชนั การพมิ พร์ ูปภาพ ด้วยคาสง่ั Picture Package การพิมพร์ ปู ภาพด้วยคาส่ัง Picture Package เปน็ การพิมพร์ ูปภาพแบบทาสาเนา โดยจะมีรูปแบบใหเ้ ลอื กว่าต้องการพมิ พร์ ปู ภาพแบบใด ต้องการทาสาเนากรี่ ูปและแต่ละรูปจะมขี นาดเท่าใด โดยจะพิมพ์ในกระดาษแผ่นเดยี วเหมอื นกับการพิมพ์สติกเกอร์ตามห้างสรรพสนิ คา้ซึง่ มขี น้ั ตอน ดงั น้ี 1.คลิกท่เี มนู File -> Automate -> Picture Package จะปรากฏหน้าตา่ งการทางานซึง่ มีองค์ประกอบ ดงั น้ี

Use ประกอบด้วยFile ใช้กรณีพมิ พร์ ปู เพยี งรปู เดียวFolder ใชพ้ ิมพร์ ปู ในโฟลเดอร์ที่เลือก โดยคลิกท่ี ปุ่ม Browse เพอื่ เลือกโฟลเดอร์ท่ตี ้องการ และ ถา้ต้องการรปู ทอี่ ยู่ในโฟลเดอร์ย่อยด้วยให้คลิกที่ ปมุ่ Include All Subfolders Front most Documents ใช้พิมพ์รูปภาพที่เปิดอยู่ Document ประกอบดว้ ย Page size ใชก้ าหนดขนาดกระดาษที่ตอ้ งการพมิ พ์Layout ใช้เลอื กรูปแบบท่ีต้องการพมิ พ์Resolution ใช้กาหนดความละเอียดของรปู ภาพMode ใชก้ าหนดโหมดสีของภาพFlatten All Layers ใช้กาหนดใหท้ าสาเนาทุกภาพ Label ประกอบดว้ ยContent ใช้พิมพ์ข้อความทตี่ อ้ งการ โดยเลอื กที่ Custom Text สว่ นตัวเลอื กอื่นจะมาจาก File Info ซงึ่ ไม่สามารถปรบั เปลยี่ นได้Custiom Text พมิ พ์ข้อความทตี่ ้องการแสดงFont ใช้เลอื กรปู แบบของตัวอกั ษรFont Size ใช้เลอื กขนาดของตัวอักษรColor ใชเ้ ลือกสตี ัวอักษรOpacity ใช้กาหนดความโปร่งใสให้กับข้อความPosition ใชก้ าหนดตาแหน่งของข้อความท่จี ะพิมพ์Rotate ใช้หมนุ ขอ้ ความตามมมุ ท่กี าหนด 2. เม่อื กาหนดรูปแบบไดต้ ามต้องการแล้ว ให้คลิกทปี่ ุ่ม OK