Contenu connexe
Similaire à 02 บทที่ 2-เอกสารที่เกี่ยวข้อง (20)
Plus de Champ Wachwittayakhang (11)
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
- 1. บทที่ 2
เอกสารที่เกี่ยวข้อง
ในการจัดทำาโครงงานคอมพิวเตอร์ การพัฒนาเว็บบล็อก
(WebBlog) ด้วย Wordpress
เรื่อง Protoshop นี้ ผู้จัดทำาโครงงานได้ศึกษาเอกสารที่
เกี่ยวข้องกับโปรแกรมนี้ ทีเกี่ยวข้องดังต่อไปนี้
่
Photoshop
ในการทำา ภาพวอลล์เปเปอร์บางครั้งก็จำา เป็นต้องอาศัยโปรแกรม
ตกแต่งภาพ ซึ่งโปรแกรมกราฟฟิกตกแต่งภาพต่างๆมีอยู่มากมาย
แต่ ที่ นิ ย มใช้ และเป็ น ที่ รู้ จั ก กั น มากมี อ ยู่ ไ ม่ มี กี่ โ ปรแกรม และ
Photoshop ก็ เ ป็ น หนึ่ ง ในนั้ น ในส่ ว นนี้ จ ะนำา เสนอ การใช้ ง าน
โปรแกรม Photoshop เบื้ อนต้น ไว้สำา หรับ นัก แต่ งภาพมื อ ใหม่ ได้
ศึ ก ษ า กั น
หลายๆคนมีภาพที่ต้องการจะทำาเป็นวอลล์เปเปอร์อยู่แล้ว แต่
ทำา ไม่ เ ป็ น มาลองอ่ า นวิ ธี ใ ช้ โ ปรแกรมนี้ ดู จะรู้ ว่ า การทำา วอลล์
เปเปอร์ง่ายนิดเดียว คุณเองก็สามารถทำา ได้ด้วยตัวเอง เพียงแค่มี
ภาพที่ อ ยากจะให้ เ ป็ น wallpaper กั บ วิ ธี ต กแต่ ง ภาพให้ ส วยงาม
เหมาะสม คุณเองก็สามารถทำาวอลล์เปเปอร์สวยๆไว้ประดับหน้าจอ
ค อ ม ข อ ง คุ ณ ไ ด้ แ ล้ ว ไ ม่ ต้ อ ง ไ ป ร อ ใ ห้ ใ ค ร ม า ทำา ใ ห้
บทความทั้ ง หมดเป็ น เพี ย งวิ ธี ใ ช้ ง าน กั บ ตั ว อย่ า งเบื้ อ งต้ น
เท่านั้น หากสนใจจะศึกษาต่อ มีเว็บเกี่ยวกับ Photoshop หรือเว็บ
กราฟฟิก ที่สอนโปรแกรมกราฟฟิกอื่นๆอีกมากมายทั้งเว็บไทยและ
- 2. เว็บ ต่างประเทศ โดยไปหาเว็ บ เหล่ านั้ น ได้ ผ่ านทาง Graphic Link
หรือจะเลือกศึกษาจากหนังสือที่มีขายทั่วไปก็ได้
โปรแกรมสำ า หรั บ การตกแต่ ง รู ป ภาพ
Adobe Photoshop คื อ ชื่ อ เต็ ม ของโปรแกรมนี้ ที่ ใ ช้ สำา หรั บ
การตกแต่ ง ภาพ แก้ ไ ขภาพ ย่ อ ขนาด เปลี่ ย นประเภทไฟล์ หรื อ
หลายๆ คนอาจเคยได้ยินคำาว่า Retouch ภาพซึ่งก็มีความหมายใน
แนวเดียวกัน โปรแกรม photoshop นี้ถือได้ว่าเป็นโปร แกรม ที ่ ด ี
ที ่ ส ุ ด และน่ า ใช้ ท ี ่ ส ุ ด สำ า หรั บ การแก้ ไ ข ภาพ ก็ว่าได้ เรียกว่า
ถ้ า พู ด ถึ ง การแก้ ไ ขรู ป ภาพดิ จิ ต อล ต้ อ งพู ด ถึ ง โปรแกรม Adobe
Photoshop เลยทีเดียว
เราสามารถเรียนรู้วิธีการใช้โปรแกรม Adobe Photoshop นี้
ได้ด้วยตัวเอง รับรอง คุ ณสามารถที่ จะทำา การแก้ ไขภาพ ตกแต่ ง
ภาพ ซ้อนภาพในรูปแบบต่างๆ ได้อย่างง่ายดาย พร้อมกันนี้ที่ขาด
ไม่ได้ก็ คือ การใส่ ข้อ ความประกอบลงในภาพของเรา และเนื่ อง
ด้ ว ย Adobe Photoshop มี ก ารพั ฒ นาโปรแกรมมาอย่ า งต่ อ เนื่ อ ง
ทำาให้เราจำาเป็นต้องศึกษาคำาสั่งต่างๆ ให้เข้าใจ
ค ว า ม ส า ม า ร ถ พ ื ้ น ฐ า น ข อ ง Adobe
Photoshop ที ่ ค วรทราบ
1.ตกแต่งหรือแก้ไขรูปภาพ
2.ตัดต่อภาพบางส่วน หรือที่เรียกว่า crop ภาพ
3.เปลี่ยนแปลงสีของภาพ จากสีหนึ่งเป็นอีกสีหนึ่งได้
4.สามารถลากเส้น แบบฟรีสไตล์ หรือใส่รูปภาพ สี่เหลี่ยม วงกลม
หรือสร้างภาพได้อย่างอิสระ
5.มีการแบ่งชั้นของภาพเป็น Layer สามารถเคลื่อนย้ายภาพได้เป็น
อิสระต่อกัน
- 3. 6.การทำา cloning ภาพ หรือการทำาภาพซำ้าในรูปภาพเดียวกัน
7.เพิ่มเติมข้อความ ใส่ effect ของข้อความได้
8.Brush หรื อ แปรงทาสี ที่ ส ามารถเลื อ กรู ป แบบสำา เร็ จ รู ป ในการ
สร้างภาพได้ และอื่นๆ อีกมากมาย
นอกจากนี้ ยั ง มี โ ปรแกรมเสริ ม ที่ ช่ ว ยให้ ก ารตกแต่ ง ภาพด้ ว ย
Photoshop เป็นเรื่องง่ายๆ อีก นั่นคือ Plug-ins ของ Photoshop ซึ่ง
ได้ แ ก่ การปรั บ ภาพจากภาพถ่ า ย มาเป็ น ภาพแบบวาดด้ ว ยสี นำ้า
ภาพลายการ์ตูน เป็นภาพลายเส้น เป็นต้น สำาหรับ Plug-ins ที่เป็นที่
นิยมใช้กับ Photoshop ได้แก่
1.AlienSkin Eye Candy
2.Extensis Photo Frame
3.Extensis Photo Graphics
4.Extensis Photo Tools
5.Kai's Power Tools
- 4. ส่ ว นประกอบหลั ก ของ Photoshop
เพื่ อ ให้ ส ามารถเข้ า ในการทำา งานของโปรแกรม Adobe
Photoshop หรือที่หลาย ๆ คนมักเรียก โฟโต้ช้อป 'Photoshop' เฉย
ๆ ได้เรียนรู้ได้รวดเร็วมากยิ่งขึ้น ดังนั้น เรามาเรียนรู้ส่วนประกอบ
หลัก ๆ ของ โฟโต้ช้อป ก่อนดีกว่า ว่ามีอะไรบ้าง และแต่ละส่วนทำา
หน้ า ที่ อ ย่ า งไร... สำา หรั บ ส่ ว นประกอบที่ แ นะนำา นี้ เ ป็ น โปรแกรม
โฟโต้ช้อป เวอร์ชั่น 6.0 ซึ่งแตกต่างจากเวอร์ชั่น ในปัจจุบันที่เป็ น
- 5. Photoshop CS บ้ า ง (สำา หรั บ ผู้ ใ ช้ ง าน เวอร์ ชั่ น 4 หรื อ 5 หรื อ แม้
กระทั่งเวอร์ชั่นยอดนิยม เวอร์ชั่น 7 ก็สามารถศึกษารายละเอียดได้
เช่นกัน จะแตกต่างกันบ้างก็เพียงเล็กน้อยเท่านั้น)
1. Title bar หรือแถบชื่อเรื่อง เป็นตำาแหน่งที่แสดงชื่อของ
โปรแกรม
2. Menu bar หรือแถบเมนู เป็นตำาแหน่งแสดงคำาสั่งต่าง ๆ ในการ
ทำางาน
3. Option bar เป็นตำาแหน่งแสดงรายละเอียดของเครื่องมือ
(Tools) ที่คุณเลือกใช้งานอยู่ในปัจจุบัน ถ้าเป็นเวอร์ชั่นที่เป็น CS
จะมีการแบ่งกลุ่มและเพิ่มเติม Tool ใหม่เข้ามา
4. Toolbox หรือกล่องเครื่องมือ เป็นตำาแหน่งที่เก็บรวมรวมเครื่อง
มือต่าง ๆ ของโฟโต้ช้อป
- 6. 5. หน้ า ต่ า งเอกสาร เป็นหน้าต่างงานของเราที่กำาลังสร้างอยู่
สังเกตด้านบนจะเห็นชื่อของไฟล์ และขนาดของภาพที่ถูกย่อหรือ
ขยายอยู่
6. Pallette เป็นหน้าต่างพิเศษที่ช่วยในการทำางาน สามารถเพิ่ม
หรือลดได้ตามความต้องการ (สามารถเลือกได้จากเมนู window
เลือกหน้าต่างที่ต้องการแสดงหรือไม่แสดง)
7. แถบสถานะ เป็นตำาแหน่งที่แสดงขนาดของไฟล์ และราย
ละเอียดการทำางานอื่นๆ
Photoshop Tools Photoshop มี เ ค รื่ อ ง มื อ ต่ า ง ๆ ใ ห้ เ ลื อ ก ใ ช้
มากมาย โดยมีการจัดเป็นหมวดหมู่ เครื่องมือต่าง ๆ จะอยู่ในส่วนที่
เรี ย กว่ า Toolbox (ด้ านซ้ า ยมื อ ถ้ า ไม่ แ สดง สามารถคลิ ก เข้ า เมนู
Window คลิกเลื อ ก Tool) เราสามารถใช้ เ ครื่ อ งมื อ ต่ าง ๆ ที่อ ยู่ ใน
Toolbox ได้โดยการใช้เม้าส์คลิกเลือกเครื่องมือที่ต้องการ หรือกด
ตัวอักษรที่แป้นคีย์บอร์ด เช่น T หมายถึง Text Tool เป็นต้น
- 8. ภาพที ่ ใ ช้ ง านใน Photoshop
เพื่ อ เป็ น การทำา ความเข้ า ใจเกี่ ย วกั บ รู ป ภาพ ขนาดของ
รู ป ภาพและผลของการกำา หนดขนาดของรู ป ภาพที่ นำา เข้ า มา
ตกแต่ ง ในโปรแกรม Photoshop ซึ่ ง จะมี ผ ลอย่ า งมากเวลานำา ภา
พนั้ น ๆ ไปพิ ม พ์ ล งบนเครื่ อ งพิ ม พ์ เราสามารถแบ่ ง ประเภทของ
รูปภาพที่เราเห็นๆ อยู่ในคอมพิวเตอร์ได้ดังนี้
ประเภทของรู ป ภาพบนคอมพิ ว เตอร์
-Vector Graphics
รู ป ภาพที่ ใ ช้ เ ส้ น และความโค้ ง เป็ น หลั ก ในการสร้ า งภาพ การ
แก้ไขภาพ ด้วยการย่อหรือขยาย จะไม่มีผลทำาให้ภาพนั้นเสียหาย
รู ป ภาพที่ ส ร้ า งจากโปรแกรม Vector นี้ ส่ ว นมากจะเป็ น ภาพใน
ลักษณะการ์ตูน ไม่ใช่ภาพ Photo หรือ ภาพถ่ายทั่วๆ ไป
-Bitmap Graphics
รูปภาพที่ประกอบด้วยจุดนำามาต่อกัน เราเรียกจุดเหล่านี้ว่า 'pixels'
ถ้ าจำา นวน pixels มากภาพจะคมชั ด กว่ า เวลาขยายภาพให้ ใหญ่
ขึ้น คุณภาพของภาพที่ไม่ค่อยลดลง รูปภาพประเภท bitmap เหล่า
นี้ได้แก่รูปภาพถ่ายทั่วๆ ไป ที่ได้จากกล้องดิจิตอล หรือโทรศัพท์มือ
ถือ
รูปภาพที่ใช้ในโปรแกรม Photoshop มีลักษณะที่เรียกว่ า Bitmap
หมายถึง ภาพที่ประกอบด้วยจุดสี่เหลี่ยม (pixel) มาเรียงต่อเนื่องกัน
เป็นภาพ ดังนั้นภาพที่มีความละเอียดสูงหรือมีจำา นวน Pixels ที่สูง
เมื่อทำา การซูมเข้าไปดูใกล้ๆ ภาพที่มองเห็นก็จะคมชัดเหมือนเดิม
ไม่แตกหรือมองเห็นเป็นรูปสี่เหลี่ยม
- 9. DPI คื อ อะไร
Dot Per Inch คือความละเอียดหรือ จำา นวนจุ ดในพื้ น ที่ห นึ่ งตาราง
นิ้ว โดยในแต่ละจุดเราจะเรียกว่า พิกเซล Pixel
ภาพที ่ แ สดงบนหน้ า จอ ควรกำ า หนดเท่ า ใด
ถ้ าภาพใดมี จำา นวนพิ เ ซลสู ง ๆ ภาพนั้ น ก็ จ ะให้ ค วามละเอี ย ดและ
ความคมชัดในการพิมพ์ อย่างไรก็ตามก็กำาหนดจำานวนพิกเซลนั้น
จะต้องขึ้นอยู่กับการนำาไปใช้ด้วย เช่น ถ้าต้องการนำาไปแสดงผลที่
หน้ า จอ หรื อ บน web ก็ อ าจใช้ จำา นวนพิ เ ซลประมาณ 72 dpi
(Macintosh) หรือ 92 dpi (PC) แต่ถ้าต้องการนำา ไปใช้ในการพิมพ์
อาจจำา เป็ น ต้ อ งกำา หนดค่ า ความละเอี ย ดที่ 350 dpi เป็ น ต้ น การ
กำาหนดจำานวน พิกเซล นอกจากมีผลกับความละเอียดแล้ว ขนาด
ของไฟล์ก็จะมีผลด้วย
ทิ ป และเทคนิ ค เพิ ่ ม เติ ม เกี ่ ย วกั บ Pixels
การกำา หนดจำา นวน พิ ก เซล เพื่ อ การพิ ม พ์ จำา เป็ น ต้ อ งดู ค วาม
ละเอี ย ดในการพิ ม พ์ ข องเครื่ อ งพิ ม พ์ ด้ ว ย เช่ น เครื่ อ งมื อ สามารถ
พิมพ์ความละเอียดสูงสุดได้ที่ 600 dpi ดังนั้น เราก็ไม่ค วรกำา หนด
รายละเอี ย ดของภาพให้ สู ง กว่ า 600 dpi เพราะเครื่ อ งพิ ม พ์ จ ะไม่
สามารถพิมพ์รายละเอียดได้ และจะทำาให้ความเร็วในการพิมพ์ลด
น้อยลง..
ทำ า ความรู ้ จ ั ก โหมดสี RGB, CMYK
- 10. ในระบบคอมพิ ว เตอร์ เ ราสามารถกแยกแยะโหมดสี อ อกเป็ น
ประเภทต่างๆ ได้หลายประเภท ทั้งนี้สืบเนื่องมาจากวัตถุป ระสงค์
ในการนำาไปใช้งานที่แตกต่างกัน ดังนั้นก่อนการเรียนรู้การแก้ไข
ภาพด้วย Photoshop จึงควรทำาความเข้าใจเรื่อง mode สีให้ดีก่อน
จะทำาเรียนรู้และทำางานได้อย่างมีประสิทธิภาพมากยิ่งขึ้น
โหมดสี RGB คื อ อะไร
ย่อมาจาก Red Green Blue แสงสีขาวจากธรรมชาติหรือ แสงจาก
ดวงอาทิ ย ต์ เกิ ด จากการผสมสี ข องแม่ สี ส ามสี คือ แดง เขี ย วและ
นำ้าเงิน ซึ่งเหมือนกับสีที่ปรากฏบนหน้าจอคอมพิวเตอร์ ซึ่งโหมดสี
RGB นี้ เหมาะสำา หรั บ การนำา ภาพไปเป็ น ฟิ ล์ ม สไลด์ /เนกาตี ฟ
เ ว ล า ใ ช ้ ง า น ใ น Photoshp ส ่ ว น ใ ห ญ ่ เ ร า จ ะ ใ ช ้ Mode RGB
ใ น ก า ร ท ำ า ง า น ดั ง นั้ น เวลาเข้ า ไปแก้ ไ ขภาพและไม่ ส ามารถ
ทำางานบางอย่างได้ ให้ลองคลิกเข้าไปดูหัวข้อ Mode ปัจุจบันทีเรา
ทำางานอยู่ อาจไม่ถูกต้องก็ได้ (ดูวิธีการเปลี่ยน Mode ด้านล่าง)
โหมดสี CMYK คื อ อะไร
ย่ อ มาจาก Cyan Megenta Yellow Black เป็ น ลั ก ษณะโหมดสี ที่
เหมาะสำาหรับใช้ในงานสิ่งพิมพ์ ที่ต้องการความละเอียดสูง และได้
สีที่ไม่ผิดเพี้ยน
โหมดสี Index คื อ อะไร
โหมดสีที่เหมาะสำาหรับการทำาภาพบน web โดยจะมีความละเอียด
ของสีไม่เกิน 256 สี ทุกครั้งที่คุณแปลงภาพจากโหมดสีอื่นๆ มาเป็น
Index โปรแกรมจะทำาการตรวจสอบรหัสสีที่ได้ โดยถ้าค่าสีใดไม่มี
จะถูกแปลงเป็นสีใกล้เคียงให้อัตโนมัติ ดังนั้นภาพที่ได้จะให้ความ
สวยงามที่ใกล้เคียงของเดิม และทำาให้ไฟล์มีขนาดเล็กลงด้วย
การปรั บ แต่ ง โหมดสี ใ น Photoshop
เราสามารถปรั บ เปลี่ ย น Mode ที่ข องภาพที่ เ รากำา ลั งแก้ ไขอยู่ ได้
โดยสามารถ
- 11. 1. คลิกเมนู Image
2. เลือกเมนู Mode
3. จากนั้นคลิกเลือกโหมดสีได้ตามต้องการ
หมายเหตุ ขั้ น ตอนคำา สั่ ง ข้ า งต้ น สามารถนำา ไปใช้ ง านได้ กั บ
Adobe Photoshop ได้ทุกๆ เวอร์ชั่น
Layer พ ื ้ น ฐ า น ส ำ า ค ั ญ ท ี ่ ต ้ อ ง ร ู ้ ส ำ า ห ร ั บ
Photoshop
สิ ่ ง สำ า คั ญ ที ่ ส ุ ด ที ่ ต ้ อ งทราบสำ า หรั บ ผู ้ ใ ช้ ง าน Photoshop
การทำา งานของโปรแกรม Adobe Photoshop จะมี ก ารแบ่ ง ข้ อ มู ล
หรือวัตถุ เป็นส่วนๆ หรือแบ่งออกเป็นชั้น หรือที่ photoshop เรียก
กว่า Layer ซึ่งจะมีผลทำาให้ข้อมูลหรือวัตถุนั้นๆ สามารถแยกออก
จากกั นได้ เ ป็ นอิ ส ระ ทำา ให้ เ ราสามารถบริ ห ารจั ด การสิ่ ง นั้ น ๆ ได้
สะดวกง่ายดาย
ตั ว อย่ า งการทำ า งานของ Layer
1. ให้นำารูปภาพเข้ามาแก้ไขใน Photoshop (จะได้ Layer รูป
ดอกไม้)
2. พิ ม พ์ ข้ อ ความเพิ่ ม โดยคลิ ก คำา สั่ ง Type Tool รู ป ตั ว "T"
จากนั้นคลิกบริเวณว่างที่หน้าต่างการทำา งาน พิมพ์ข้อความ
"ดอกทิวลิป" (จะได้ Layer ดอกทิวลิป)
3. ทดสอบโดยการปิดรูปดวงตา ของ Layer ดอกทิวลิป
- 12. 4. จะเห็นว่า ตัวอักษรที่พิมพ์หายไป
ทิ ป การใช้ ง าน Layer
-Layer ที่อยู่บนสุด จะอยู่ด้านบน Layer ด้านล่างจะถูกบังด้วย Layer
ด้านบน
-เราสามารถย้าย Layer ด้านบนมาด้านล่างได้ ด้วยการลาก Layer
และวางในตำาแหน่งที่ต้องการ
-การปิด Layer (ชั่วคราว) สามารถปิดโดยการคลิกปุ่มรูปดวงตา
-การลบ Layer เป็นการถาวร สามารถคลิกเลือก Layer นั้นๆ และกด
ปุ่ม delete ได้เลย
วิ ธ ี ต ิ ด ตั ้ ง Brushes ใน Photoshop CS
Brushes ใน Photoshop คื อ อะไร
สามารถแปลได้ ต รงตั ว เลย คำา ว่ า Brushes ของ Photoshop ก็ คื อ
แปรงทาสี นั้นเอง เราสามารถเลือกขนาดของแปลงทาสีได้ด้วย แต่
ที่เด็ดกว่านั้นคือ เราสามารถเลือกแปรงเป็นรูปภาพต่างๆ ได้ เช่น
แปรงรู ป ต้ น ไม้ รู ป สั ต ว์ หรื อ สั ญ ลั ก ษณ์ อ ะไรก็ ไ ด้ ด วย โดยปกติ
Photoshop จะมี แ ปรงแถมมาให้ แ ล้ ว บางส่ ว น ซึ่ ง เราสามารถใช้
งานได้ ทั น ที แต่ ถึ ง อย่ า งไรเราสามารถหา download แปรงทาสี
หรือ Brushes เพิ่มเติมได้อีกด้วย เอาไว้จะแนะนำาให้ในคราวต่อไป
- 13. วิ ธ ี ก ารติ ด ตั ้ ง Brushes ใน Adobe Photoshop CS3
1. เปิดโปรแกรม Adobe Photoshop
2. คลิกเมนู Windows เลือก Brushes
3. หรือกดปุ่ม F5 แทนได้ด้วย
4. ใหกดปุ่มด้านข้าง (ขวามือ)
5. เลือกเมนู Load Brushes
6. เลือกไฟ Brushes ตามต้องการ
วิ ธ ี ป รั บ สี ภ าพถ่ า ยอั ต โนมั ต ิ
ภาพถ่ า ยสว่ า งไป มื ด ไป หรื อ สี ไ ม่ ส วยแก้ ไ ด้ ค รั บ
- 14. เวลาถ่ายรูปมา หลายๆ คนคงรู้สึกเสียดายที่ภาพถ่ายสวยๆ ของเรา
กลั บ มื ด หรื อ แสงสว่ างจ้ าเกิ น ไป ไม่ รู้ จ ะแก้ ไขอย่ า งไร จะกลั บ ไป
ถ่ายใหม่ก็ใช่ที่ ไม่ต้องปวดหัวอีกต่อด้วย ด้วยเครื่องมือสำา เร็จรูป
ของ Photoshop ช่วยให้คุณสามารถปรับแสง ปรับสีได้ง่ายๆ เพียง
คลิกเดียว คลิกเดียวจริงๆ ครับ ถ้าไม่เชื่อลองดูวิธีทำาได้เลยครับ
วิ ธ ี ป รั บ แสงและสี ใ น Photoshop
1. เปิดโปรแกรม Adobe Photoshop
2. คลิกรูปภาพที่มีปัญหาเรื่องแสง หรือสี
3. คลิกเลือกเครื่องมือ Image Adjustments
4. เลือกปรับแต่งแบบอัตโนมัติได้ 3 อย่าง คือ
o Auto Levels - ปรับเรื่องไล่ลำาดับของแสงสี
o Auto Contrast - ปรับเรื่องแสดงสว่าง
o Auto Color - ปรับเรื่องสี
วิ ธ ี ใ ส่ ข อบของตั ว อั ก ษรใน Photoshop
อี ก หนึ ่ ง วิ ธ ี ต กแต่ ง ตั ว อั ก ษรด้ ว ย Photoshop
- 15. อีกหนึ่งเทคนิคสำา หรับการตกแต่งข้อความ หรือตัวอักษร นั่นหนึ่ง
คื อการใส่ ขอบของตัวอั กษร ซึ่ งทำา ให้ตั วอั กษรดู น่าสนใจมากยิ่ ง
ขึ้น โปรแกรม photoshop ได้เตรียมเครื่องมือช่ว ยในการใส่ข อบ
ของตัวอักษรไว้ให้แล้ว และสามารถใช้งานได้ง่ายๆ นอกจากนี้ยัง
สามารถเปลี่ยนสีได้ด้วย
วิ ธ ี ก ารเพิ ่ ม ขอบของตั ว อั ก ษร
1. สร้างงานขึ้นมาใหม่
2. คลิกเลือกเครื่องมือ "Type Tool"
3. คลิกไปบริเวณพื้นที่ว่างๆ ของเอกสาร
4. พิมพ์ข้อความที่ต้องการ เช่น Stroke Text เป็นต้น
5. มาที่หน้าต่าง layers คลิกขวาที่ Layers ข้อความนี้
- 16. 6. เลือกคำาสั่ง Blending Options
7. คลิกเลือก Stroke และกดปุ่ม OK
8. ถ้าต้องการปรับแต่งขอบในรูปแบบอื่นๆ ให้คลิก Stroke
9. รายละเอียดของหน้าต่างด้านขวาจะเปลี่ยนไป
o ถ้าต้องการปรับความเข้มของขอบ ให้คลิก Opacity
o ถ้าต้องการปรับความหนาของขอบ ให้คลิกเลือก Size
o ถ้ า ต้ อ งการเปลี่ ย นสี ข องเงา ให้ ค ลิ ก เลื อ กกล่ อ งสี ห รื อ
Color
10. คลิก OK เพื่อยืนยันการแก้ไข
แปลงภาพขาวดำ า เป็ น ภาพสี ใ น Photoshop
- 17. วิธีแปลงภาพสีเป็นขาวดำา ทำาได้ง่ายใน Photoshop เพียงคลิกเปิด
ไฟล์รูปภาพและคลิกเมนู Image เลือก Mode เลือก Gray Scale แต่
ถ้าต้องการทำาภาพขาวดำา เป็นสี ต้องวิธีนี้
ว ิธ ีแ ป ล ง ภ า พ ข า ว ด ำา เ ป ็น ภ า พ ส ีด ้ว ย
Photoshop
1. เปิดโปรแกรม Adobe Photoshop
2. คลิกรูปภาพขาวดำาที่ต้องการ
3. คลิกเลือ กเครื่ องมือ Color Replacement Tool (อยู่ในกลุ่ม
เครื่องมือเดียวกับ Brush Tool)
4. คลิกเลือกสีที่ต้องการ จากไอคอน Set foreground color /
Set background Color
5. ทาสีไปบริเวณรูปภาพขาวดำาที่ต้องการ ภาพจะเปลี่ยนเป็น
สีที่เลือก
6. ในส่วนของสีขาว จะไม่มีการเปลี่ยนสี
7. เราสามารถเลือกทาสีอื่นๆ ได้มากกว่าหนึ่งสีได้
วิ ธ ี ใ ส่ เ งาของตั ว อั ก ษรใน Photoshop
สำ า หรั บ ผู ้ ใ ช้ ง าน Photoshop ทุ ก ท่ า น
- 18. การตกแต่งข้อความ หรือตัวอักษร สิ่งสำา คัญ อย่ างหนึ่ งคือ การใส่
เงา ซึ่ ง ทำา ให้ ตั ว อั ก ษรดู มี มิ ติ และน่ า สนใจมากยิ่ ง ขึ้ น โปรแกรม
photoshop ได้เตรียมเครื่องมือช่วยในการเพิ่มเงาของตัวอักษรไว้
ให้แล้ว และสามารถใช้งานได้ง่ายๆ นอกจากนี้ยังสามารถเลือกสี
และความเข้มของเงาได้อีกด้วย
วิ ธ ี ก ารใส่ เ งาให้ ก ั บ ตั ว อั ก ษร
1. สร้างงานขึ้นมาใหม่
2. คลิกเลือกเครื่องมือ "Type Tool"
3. คลิกไปบริเวณพื้นที่ว่างๆ ของเอกสาร
4. พิมพ์ข้อความที่ต้องการ เช่น Shadow Text เป็นต้น
5. มาที่หน้าต่าง layers คลิกขวาที่ Layers ข้อความนี้
6. เลือกคำาสั่ง Blending Options
7. คลิกเลือก Drop Shadow และกดปุ่ม OK
- 19. 8. ถ้ า ต้ อ งการปรั บ แต่ ง เงาในรู ป แบบอื่ น ๆ ให้ ค ลิ ก Drop
Shadow
9. รายละเอียดของหน้าต่างด้านขวาจะเปลี่ยนไป
o ถ้าต้อ งการปรับ ความห่างของเงากั บ ตั ว อั ก ษร ให้ ค ลิ ก
Distance
o ถ้าต้องการปรับความหนาของเงา ให้คลิกเลือก Size
o ถ้ า ต้ อ งการเปลี่ ย นสี ข องเงา ให้ ค ลิ ก เลื อ กกล่ อ งสี ห รื อ
Color
10. คลิก OK เพื่อยืนยันการแก้ไข
ว ิธ ีส ร ้า ง เ ว ็บ แ ก ล เ ล อ ร ี่ใ น พ ร ิบ ต า ใ น
Photoshop
สำ า หรั บ เว็ บ มาสเตอร์ โ ดยเฉพาะ
อี ก หนึ่ งความสามารถใหม่ ๆ ของ Photoshop ที่ ห ลายๆ คนสนใจ
นั่นคือการทำาง Web Gallery โดยเราสามารถนำากลุ่มของรูปภาพมา
ทำาเป็น Gallery โดยโปรแกรมจะมีการทำารูปภาพขนาดเล็กให้คลิก
เพื่อดูรูปภาพขนาดใหญ่ โดยไม่จำาเป็นต้องทำาทีละภาพ โปรแกรม
Photoshop จะจัดทำาให้อัตโนมัติ แถมมีหลากหลายรูปแบบให้เลือก
อีกด้วย พร้อมนำาไปใช้งานบนเว็บไซต์ของคุณได้ทันที หรือจะเปิด
ผ่านโปรแกรม Internet Explorer ได้ด้วย
วิ ธ ี ก ารทำ า Web Gallery อั ต โนมั ต ิ
- 20. 1. เปิดโปรแกรม Adobe Photoshop
2. คลิกเมนู File
3. คลิกเลือกเมนูย่อย Automate
4. คลิ ก เลื อ กเมนู ย่ อ ย Web Photo Gallery จะได้ ห น้ า ต่ า ง
Web Photo Gallery
5. เลือกรูปแบบจากหัวข้อ Styles ใส่ชื่อ Email ของเรา
6. ในหัว ข้อ Source Images ให้เ ลือ ก Folder ที่เ ก็บ รูป ภาพที่
ต้องการทำา Gallery
7. คลิ ก ปุ่ ม Destination เพื่ อ เลื อ ก Folder ที่ ต้ อ งการจั ด เก็ บ
ไฟล์หลังจากทำาเสร็จ
8. คลิกปุ่ม Options ถ้าต้องการปรับแต่งเพิ่มเติม (แนะนำา ให้
ทำาทีหลัง จะได้ไม่สับสน)
9. คลิก OK เพื่อยืนยันรูปแบบที่ต้องการ
10. รอสักครู่ โปรแกรมจะเริ่มจัดทำา Gallery
- 21. 11. หลั ง จากเสร็ จ แล้ ว โปรแกรมจะเปิ ด หน้ า Web Photo
Gallery ให้ทันที
12. เราสามารถนำา ข้ อ มู ล ทั้ ง หมดใน Folder ที่ ส ร้ า งขึ้ น โดย
Photoshop และ copy ไปยังเว็บไซต์ของเราได้ทันที ไฟล์เริ่ม
ต้นคือ Index.htm หรือ Index.html
ว ิธ ีพ ิม พ ์ภ า พ แ บ บ ร ้า น ถ ่า ย ร ูป ใ น
Photoshop
วิ ธ ี ก ารพิ ม พ์ ภ าพถ่ า ยแบบร้ า นถ่ า ยรู ป
1. เปิดโปรแกรม Adobe Photoshop
2. คลิกเมนู File
3. คลิกเลือกเมนูย่อย Automate
4. คลิกเลือกเมนูย่อย Picture Package จะได้หน้าต่าง Picture
Package
5. คลิกปุ่ม Browse เพื่อเลือกรูปภาพที่ต้องการ
- 22. 6. จากนั้นคลิก Layout หรือรูปแบบการพิมพ์ที่ต้องการ
7. คลิก OK เพื่อยืนยันรูปแบบที่ต้องการ
8. รอสักครู่ โปรแกรมจะเริ่มปรับแต่งภาพอัตโนมัติ
9. หลังจากเสร็จแล้ว สามารถพิมพ์ได้ทันที
ป ร ับ แ ต ่ง ร ูป ภ า พ แ บ บ ม ือ อ า ช ีพ ด ้ว ย
Filter
Photoshop Filter คื อ อะไร
Filter คือเครื่องมือชนิดหนึ่ง ที่ช่วยในการปรับ เปลี่ ย นรู ป ภาพ ใส่
effects ให้ กับ รูป ภาพเพื่ อ สร้ างความน่ าสนใจอี ก รู ป แบบหนึ่ ง ใน
โปรแกรม Photoshop เองได้ มี Filter ให้ เ ราสร้ า งใช้ ง านได้ ทั น ที
โดยไม่จำาเป็นต้องมีความรู้ในการตกแต่งแต่อย่างใด เพียงแค่เลือก
บริเวณของรูปภาพที่เราต้องการตกแต่ง จากนั้นเลือกรูปแบบ Filter
ที่ต้องการ
วิ ธ ี ก ารใส่ Filter ให้ ก ั บ รู ป ภาพ
1. เปิดโปรแกรม Photoshop
2. เลือกรูปภาพที่ต้องการ
- 23. 3. คลิกเมนู Filter
4. ให้ลองเลือกหัวข้อ Artistic
5. เลือกคำาสั่ง Colored Pencil
6. ให้ทดลองปรับเปลียนคำาสั่งย่อยต่างๆ เพิ่มเติมได้อีก เช่น
o Pencil Width
o Stroke Pressure
o Paper Brightness
7. คลิกปุ่ม OK เมื่อปรับแต่งเป็นที่พอใจแล้ว
สร้ า งอั ก ษรนู น ใน Photoshop
รู ป แบบตั ว อั ก ษรนู น สไตล์ Emboss
วิ ธี ที่ จ ะสร้ า งตั ว อั ก ษรนู น ในรู ป แบบที่ เ รี ย กว่ า Emboss นั้ น เรา
ส ามารถใช้ โ ปรแกรม Adobe Photoshop เว อร์ ชั่ น เก่ าๆ เช่ น
Photoshop 7 เป็นต้น สามารถทำา ได้เ ช่ น กัน โดยใช้ คำา สั่งที่อ ยู่ ใน
Blending Options ที่ เ ลื อ กจาก Layer ข้ อ ความนั้ น ๆ (ถ้ า Layer ไม่
แสดง ให้กดปุ่ ม F7) สำา หรับรายละเอี ยดขั้น ตอนการทำา สามารถ
ทำาได้ดังนี้
ขั ้ น ตอนการสร้ า งอั ก ษรนู น ใน Photoshop
- 24. 1. เปิดโปรแกรม Adobe Photoshp และเลือกไฟล์ New
2. คลิกเลือกเครื่องตัว "Type Tool" หรือสัญลักษณ์ตัวอักษร
"T"
3. คลิกที่เอกสารว่างๆ และพิมพ์ข้อความที่ต้องการ
4. ใส่สีตามต้องการ
5. จากนั้ น ให้ ดู ที่ ห น้ า ต่ า ง 'Layer" คลิ ก ขวาที่ Layer ของ
ข้อความที่พิมพ์ไว้ เลือกคำาสั่ง "Blending Options"
6. จะได้หน้าต่างแสดงรายละเอียดต่างๆ ของ Layer Style ดัง
ภาพประกอบด้านบน
7. ให้คลิกเลือกให้มีเครืองหมายถูกหน้าข้อความ
o Bevel and Emboss
o Contour
- 25. 8. จากนั้นคลิกปุ่ม OK
ส ร ้า ง ข ้อ ค ว า ม จ า ก พ ื้น ข อ ง ร ูป ภ า พ
Photoshop
สร้ า งข้ อ ความหรื อ ตั ว อั ก ษรใน Adobe Photoshop
ปกติเราสามารถสร้ างข้ อความ หรื อตัว อัก ษรสวยๆ ได้ใน Adobe
Photoshop ด้ ว ยการเลื อ กคำา สั่ ง "Type Tool" ซึ่ งจะได้ สี ต ามที่ เ รา
เลือกไว้ แต่ถ้าเราต้องการให้สีของตัวอักษรเป็นภาพ background
ของรูปภาพของเราหละ จะทำาอย่างไรได้
วิ ธ ี น ำ า รู ป ภาพมาเป็ น พื ้ น หลั ง ของตั ว อั ก ษร
1. เปิดไฟล์รูปภาพที่ต้องการนำามาเป็นฉากหลัง
- 26. 2. เลือกคำาสั่ง "Type Tool" เพื่อพิมพ์ตัวอักษร แต่ให้เราเลือก
การพิมพ์แบบร่าง "Horizontal Type Mask Tool"
3. คลิกที่รูปภาพ (สีภาพจะเปลี่ยนเป็นสีแดงออกส้ม)
4. พิ ม พ์ ข้ อ ความที่ ต้ อ งการ (แนะนำา ให้ เ ลื อ ก Font ที่ มี ตั ว
อักษรแบบหนาๆ)
5. จากนั้นให้คลิกที่ไอคอน Move Tool (รูปลูกศรบนสุด)
6. จะเห็นรูปว่า มีตัวอักษรแบบร่าง กระพริบอยู่
7. เราสามารถคลิก และลากข้อความกระพริ บ นี้ ไปวางที่ ใด
ก็ได้ หรือ copy และ Paste ในเอกสารใหม่ได้ทันที
ปรั บ แต่ ง สี ข องรู ป ภาพแบบเนี ย นๆ
เทคนิ ค ง่ า ยๆ ในการปรั บ เปลี ่ ย นสี ข องรู ป ภาพ
อี ก หนึ่ ง วิ ธี ใ นการตกแต่ ง รู ป ภาพที่ ห ลายๆ นิ ย มใช้ กั น ก็ คื อ การ
เปลี่ ยนสีข องรูป ภาพ เช่ น การเปลี่ ย นสี ผ ม, สีของสิ่ งของต่างๆ, สี
ของดอกไม้ เป็นต้น โดยปกติ ถ้าเราใช้คำาสั่ง Fill (เติมสี) จะทำาให้สี
ที่ ไ ด้ มี ค วามแข็ ง กระทั่ ง ไม่ มี มิ ติ ดั ง นั้ น เราควรใช้ เ ทคนิ ค การ
replace color แทนการ Fill
วิ ธ ี ก าร Replace Color รู ป ภาพ
- 27. 1. เปิดโปรแกรม Adobe Photoshop
2. คลิกเมนู Images
3. เลือก Adjustments
4. เลือกหัวข้อ Replace Color
5. จะได้หน้าต่างการปรับค่ า ให้เริ่มจากการ เอาหลอดดูดสี
เลือกสีที่ต้องการ
6. จากนั้นดูตัวอย่างสีที่เลือกในช่อง preview
7. ถ้ายังไม่ครอบคลุมสีที่ต้องการ ให้คลิกปรับ Fuzziness มา
ทางขวามือ
8. ถ้าเลือกสีได้ครอบคลุมแล้วให้เลือกปรับเปลี่ยนสีโดยการ
คลิกหัวข้อด้านล่าง"Replacement"
- 28. 9. ท ด ล อ ง ป รั บ ที ล ะ ข้ อ (มี 3 ข้ อ คื อ Hue, Saturation,
Lightness)
10. คลิกปุ่ม OK เพื่อยืนยัน
วิ ธ ี บ ั น ทึ ก ไฟล์ ใ น Photoshop รู ป แบบ
ต่ า งๆ
หลังจากมีการแก้ไขหรือตกแต่งรูปภาพด้วย Photoshop แล้ว เรา
สามารถบั น ทึ ก รู ป ภาพในรู ป แบบ หรื อ Format ต่ า งๆ ได้ ห ลายๆ
ประเภทดังต่อไปนี้
ไฟล์ ป ระเภทต่ า งๆ ของ Photoshop
1. PSD ไ ฟ ล ์ ค ื อ ไ ฟ ล ์ ม า ต ร ฐ า น ข อ ง Photoshop ถ้ า เรา
ต้ อ งการแก้ ไ ขหรื อ เปลี่ ย นแปลงรู ป ภาพในครั้ ง ต่ อ ไป เรา
จำา เป็ น ต้ อ งบั น ทึ ก หรื อ Save ในรู ป แบบของ PSD เทานั้ น
Layer ต่างก็ ยังอยู่ ครั บ ด้ ว ย (การใช้ งานเพี ย งคลิ ก เลื อ ก File
และคลิกคำาสั่ง Save)
2. Save for Web & Devices เป็นการบันทึกเพื่อใช้สำาหรับใช้
งานบนเว็ บ หรื อ สื่ อ อื่ น ๆ สามารถบั น ทึ ก เป็ น ไฟล์ ป ระเภท
Jpeg, GIF, PNG, WBMP เป็ น ต้ น ไฟล์ ที่ ไ ด้ มี ข นาดค่ อ นข้ า ง
เล็ ก (การใช้ ง านให้ ค ลิ ก เลื อ กเมนู File เลื อ กคำา สั่ ง Save for
Web & Devices)
3. ไ ฟ ล ์ ป ร ะ เ ภ ท อ ื ่ น ๆ เ ช่ น Jpeg, PNG, TIFF, PCX, GIF
เป็นต้น สามารถสั่งบันทึก ได้โดยการเรียกใช้คำา สั่งจากเมนู
File เลือกคำา สั่ง Save หรือ Save as (สำา หรับข้อแตกต่างของ
การบันทึกด้วยวิธี นี้กับ บั นทึ ก ด้ว ย Save For Web & Devices
ก็ คื อ ไฟล์ ที่ บั น ทึ ก ด้ ว ย Save, Save as ไฟล์ ที่ ไ ด้ จ ะมี ข นาด
ใหญ่กว่า และคุณภาพสูงกว่า
---------------------------------------------------------------------------------
----------------------------------------------------------------------