การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

หน่วยที่ 2  โปรแกรม Photoshop

ประกอบด้วยแผนการสอนทั้ง 4 บท ดังนี้

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร
  บทที่ 4 : แนะนำโปรแกรม Photoshop CS6 เบื้องต้น  (2 ชั่วโมง) 
การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร
  บทที่ 5 : ส่วนประกอบของ Photoshop CS6 (2 ชั่วโมง)

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร
  บทที่ 6 : รู้จักเครื่องมือ Toolbox และ Palette  (2 ชั่วโมง)

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร
  บทที่ 7 : การทำงานกับ Layers  (2 ชั่วโมง)

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

ให้นักเรียนทำแบบทดสอบก่อนเรียนก่อนเริ่มเรียนในหน่วยที่ 2  จำนวน 10 ข้อ

แล้วจึงเริ่มศึกษาบทเรียนค่ะ ^_^

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        ปัจจุบันการสร้างภาพกราฟิกนับว่าเป็นสิ่งหนึ่งที่สำคัญมาก เพราะภาพกราฟิกจะถูกใช้ในหลาย ๆ งานด้วยกัน เช่น งานออกแบบสิ่งพิมพ์ วารสาร นิตยสาร แผ่นพับ งานโฆษณาบนสื่อสิ่งพิมพ์ต่าง ๆ งานออกแบบบนเว็บไซต์ ตลอดจนการตกแต่งรูปภาพของผู้ใช้โดยทั่วไป

        โปรแกรม Adobe Photoshop CS6 จัดว่าเป็นโปรแกรมสร้างสรรค์ภาพ และตกแต่งภาพกราฟิกที่ได้รับความนิยมเป็นอย่างมาก เพราะมีเครื่องมือที่พร้อมต่อการทำงาน ทำให้นักกราฟิกส่วนใหญ่ต่างก็ใช้ Photoshop ในการตกแต่งภาพกราฟิก

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

1.  เรียนรู้ความสามารถของโปรแกรม Photoshop CS6

2.  สามารถเข้าใช้งานโปรแกรม Adobe Photoshop ได้อย่างถูกต้อง

3.  สามารถสร้างงานใหม่ เปิดไฟล์งาน และการจัดการไฟล์ต่างๆได้

4.  มีความมุ่งมั่นตั้งใจ และมีเจตคติที่ดีในการใช้โปรแกรม Photoshop สำหรับออกแบบกราฟิก

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร


  4.1 ความสามารถของโปรแกรม Photoshop CS6

        ปัจจุบันการสร้างภาพกราฟิกนับว่าเป็นสิ่งหนึ่งที่สำคัญมาก เพราะภาพกราฟิกจะถูกใช้ในหลาย ๆ งานด้วยกัน เช่น งานออกแบบสิ่งพิมพ์ วารสาร นิตยสาร แผ่นพับ งานโฆษณาบนสื่อสิ่งพิมพ์ต่าง ๆ งานออกแบบบนเว็บไซต์ ตลอดจนการตกแต่งรูปภาพของผู้ใช้โดยทั่วไป

        โปรแกรม Adobe Photoshop CS6 จัดว่าเป็นโปรแกรมสร้างสรรค์ภาพ และตกแต่งภาพกราฟิกที่ได้รับความนิยมเป็นอย่างมาก เพราะมีเครื่องมือที่พร้อมต่อการทำงาน ทำให้นักกราฟิกส่วนใหญ่ต่างก็ใช้ Photoshop ในการตกแต่งภาพกราฟิก

        ความสามารถพื้นฐานของ Adobe Photoshop ที่ควรทราบ 
            • ตกแต่งหรือแก้ไขรูปภาพ
            • ตัดต่อภาพบางส่วน หรือที่เรียกว่า crop ภาพ
            • เปลี่ยนแปลงสีของภาพ จากสีหนึ่งเป็นอีกสีหนึ่งได้
            • สามารถลากเส้น แบบฟรีสไตล์ หรือใส่รูปภาพ สี่เหลี่ยม วงกลม หรือสร้างภาพได้อย่างอิสระ
            • มีการแบ่งชั้นของภาพเป็น Layer สามารถเคลื่อนย้ายภาพได้เป็นอิสระต่อกัน
            • การทำ cloning ภาพ หรือการทำภาพซ้ำในรูปภาพเดียวกัน
            • เพิ่มเติมข้อความ ใส่ effect ของข้อความได้
            • Brush หรือแปรงทาสี ที่สามารถเลือกรูปแบบสำเร็จรูปในการสร้างภาพได้และอื่นๆ อีกมากมาย

[ กลับด้านบน ]


 4.2 การติดตั้ง Adobe Photoshop CS6 

การสร้างภาพกราฟิกโดยใช้โปรแกรม Adobe Photoshop CS6 ควรคำนึงถึงทรัพยากรของเครื่องคอมพิวเตอร์ด้วย เพื่อให้การสร้างงานกราฟิกเป็นไปด้วยความสะดวก แต่ถ้าสเปคเครื่องคอมพิวเตอร์ต่ำ จะทำให้ไม่ได้คุณภาพเท่าที่ควร ดังนั้น สเปคเครื่องคอมพิวเตอร์ที่เหมาะสมกับโปรแกรม Adobe Photoshop CS6 ควรเป็นดังนี้

            • ความเร็วของซีพียู (CPU) ขั้นต่ำ 1.8GHz หรือมากกว่า
            • ระบบปฏิบัติการ Microsoft Windows XP Service Pack 2 (แนะนำให้ใช้ Service Pack 3) หรือ Windows Vista หรือ Windows 7 และ Windows 8
            • หน่วยความจำ (Ram) 1 GB
            • พื้นที่ว่างในฮาร์ดดิสก์ 1 GB สำหรับติดตั้งโปรแกรม และควรมีพื้นที่ว่างสำหรับการทำงานอีกอย่างน้อย 1 GB
            • ความละเอียดของจอภาพขั้นต่ำ 1,024x768 (แนะนำให้ใช้ที่ 1,280x800) พร้อมการ์ดจอ 16-bit (Video Card) หากใช้ Photoshop Extended และใช้งานภาพ 3D ควรมีคุณสมบัติของ CPU-accelerated ที่ทำงานร่วมกับ Shader Model 3.0 และใช้งานกับ OpenGL 2.0
            • ไดรว์ DVD-ROM สำหรับใส่ DVD ติดตั้งโปรแกรม
            • โปรแกรม QuickTime 7.2 ขึ้นไป สำหรับการทำงานกับมัลติมีเดีย เช่น วิดีโอ
            • การเชื่อมต่ออินเทอร์เน็ต ถ้าจำเป็นต้องเข้าไปใช้บริการออนไลน์ เช่น Help หรือดาวน์โหลดปลั๊กอิน เป็นต้น

การติดตั้งโปรแกรม Photoshop CS6 เริ่มจากเข้าไปยังโฟลเดอร์ของ Photoshop ตามภาพด้านล่าง ดับเบิ้ลคลิกที่ไฟล์ Set-up ดังรูป

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        เข้าสู่กระบวนการเริ่มต้นสำหรับการติดตั้ง Photoshop CS6 ดังรูป

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        เมื่อปรากฏหน้าต่างตามรูปด้านล่างคลิกปุ่ม Try

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        คลิกปุ่ม Accept ดังรูป

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        คลิกปุ่ม Sign in ดังรูป

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        กรอก Adobe ID ที่เราได้ทำการสมัครตั้งแต่ตอน Download File เมื่อเสร็จเรียบร้อยแล้วคลิกปุ่ม Sign in ดังรูป

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        คลิกปุ่ม Install ดังรูป

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        รอจนกว่าจะทำการติดตั้งเสร็จ

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        ปรากฏหน้าต่าง Installation Complete เป็นอันเสร็จเรียบร้อย

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

[ กลับด้านบน ]


4.3  การเข้าสู่โปรแกรม Photoshop CS6

        หลังจากที่มีการติดตั้งตัวโปรแกรมแล้ว เริ่มเข้าสู่โปรแกรมโดยเริ่มต้นจาก
(1)ไปที่ ปุ่ม start -> (2)All program -> (3)โฟลเดอร์ Adobe master collection cs6 -> (4)Adobe Photoshop CS 6 ดังรูป

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        หมายเหตุ การเข้าสู่โปรแกรม Adobe Photoshop CS6 อาจมีข้อแตกต่างกันบ้าง ขึ้อยู่กับระบบปฏิบัติการ และรุ่นของ Adobe Photoshop CS6 ที่ติดตั้งในเครื่องนั้น ๆ

        ในการสร้างสรรค์ผลงานใน Photoshop นั้น ควรมีการกำหนดขนาดของพื้นที่การทำงานให้ เหมาะสมกับงาน การเตรียมหาภาพจากแหล่งต่างๆ เพื่อนำมาใช้งานตามจุดมุ่งหมายของเรา สามารถเปิดไฟล์จากแหล่งภาพต่างๆ รวมทั้งการปรับย่อ ขยายมุมมองของภาพให้เหมาะสมตามความต้องการ และสามารถบันทึกงานที่สร้างไว้ได้อย่างถูกวิธี

[ กลับด้านบน ]


4.4  การสร้างงานใหม่

        ในกรณีที่ต้องการสร้างรูปภาพขึ้นใหม่เอง เช่น การใช้เครื่องมือวาดภาพแบบต่าง ๆ ใน Adobe Photoshop CS5 จะให้กำหนดขนาดของพื้นทีในการสร้างงาน ซึ่งขึ้นอยู่กับความต้องการของผู้ใช้ เราสามารถสร้างงานใหม่และกำหนดขนาด Working Area ได้โดยให้ปฏิบัติดังนี้

        1. คลิกเมนู File > New จะปรากฏวินโดว์ New ขึ้นมา 

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        2. จากรูปมีการกำหนดค่าต่างๆมากมาย ดังรูป

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

            • ช่อง Name คือการกำหนดชื่อของชิ้นงาน
            • ช่อง Preset คือ ชนิดของงานต่างๆ ที่กำหนดไว้ให้แล้ว มีให้เลือกมากมาย เช่น Web , Photo ,U.S.paper , international paper
            • ช่อง size จะสัมพันธ์กับช่อง Preset คือ ขนาดของงานแต่ละชนิด เช่น ค่า Preset เป็น International paper ช่อง Size ก็จะมีตัวเลือก คือ A4 , A3 , A2 ,A1 และอื่นๆ
            • ช่อง width คือขนาดความกว้างของชิ้นงาน หากต้องการกำหนดเอง มีหน่วนให้เลือก 7 ชนิด
            • ช่อง Hight คือขนาดความสูงของชิ้นงาน 
            • ช่อง Resolution คือ ความละเอียดของงาน มีหน่วยเป็น Pixelต่อนิ้ว และ Pixel ต่อเซนติเมตร
            • ช่อง Color mode คือชนิดของพื้นที่สีในการทำงาน มีให้เลือกหลากหลาย เช่น RGB , CMYK และมีค่าความละเอียดให้เลือกเป็น bit
            • ช่อง Background Contents คือเลือกชนิดของ พื้นหลังงาน มี 3 แบบ คือ แบบขาว แบบสี และแบบโปร่งใส

        เมื่อทำการกำหนดขนาดของงานเสร็จเรียบร้อยแล้ว ให้คลิปปุ่ม OK เพื่อทำการเปิดพื้นที่การทำงานดังตัวอย่างภาพ เปิดพื้นที่งานขนาด A4 พื้นหลัง สีขาว ถ้าต้องการยกเลิกให้คลิกปุ่ม Cancel

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

[ กลับด้านบน ]


4.5  การเปิดไฟล์ภาพ

        1. คลิกเมนู File > Open จะปรากฏวินโดว์ Open ขึ้นมา

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        2. เลือก Drive หรือโฟลเดอร์ที่เก็บรูปภาพไว้

        3. คลิกเลือกไฟล์รูปภาพ

        4. คลิกปุ่ม Open เพื่อเปิดไฟล์ภาพ

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

[ กลับด้านบน ]


4.6  การย่อหรือขยายมุมมองของภาพ

        เราสามารถย่อหรือขยายมุมมองของภาพ โดยย่อให้เล็กลงหรือขยายให้ใหญ่ขึ้นได้ตามความจำเป็นในขณะที่ทำงาน เพื่อความสะดวกในการแต่งรายละเอียด จากนั้นจึงย่อมุมมองเพื่อดูภาพรวม ของผลลัพธ์

        1. คลิกเลือกเครื่องมือ  Zoom ในแถบเครื่องมือ

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        2. คลิกเมาส์ ไปวางบริเวณที่ต้องการซูมภาพ

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        3. ภาพบริเวณที่ต้องการขยายจะถูกซูมทำให้ภาพขยายใหญ่ขึ้น

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        4. ถ้าต้องการย่อภาพลง ให้กดคีย์ Alt ที่คีย์บอร์ดค้างไว้ เมาส์จะเปลี่ยนเป็นรูป 

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        5. ภาพบริเวณที่ต้องการจะถูกซูมย่อเข้าทำให้ภาพเล็กลง

[ กลับด้านบน ]


4.7  การปรับขนาดของภาพ

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

            • การปรับ Document Size และ Resolution โดยจำนวนพิกเซลคงเดิม
            • การปรับโดยเพิ่มหรือลดจำนวนพิกเซลของภาพ

        การปรับ Document Size และ Resolution

            การปรับวิธีนี้จะมีผลให้ค่า Document Size และ Resolution ภาพเปลี่ยนแปลง แต่ จำนวนและคุณสมบัติของพิกเซลทั้งหมดคงเดิม เมื่อดูบนหน้าจอภาพจึงเหมือนเดิมทุกอย่าง แต่เวลาพิมพ์ภาพจะมีขนาดและคุณภาพที่เปลี่ยนไป

            1. เลือกคำสั่ง Image > Image Size

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

            2. ให้คลิกเลือกเครื่องหมายถูก หน้า Resample Image ออก

            3. กำหนดความละเอียดของภาพในช่อง Resolution ซึ่งมีค่าเป็นจำนวนพิกเซลต่อนิ้ว ภาพที่มีความ คมชัดมากที่สุดจะมีจำนวนพิกเซลสูงสุด ซึ่งจะมีผลทำให้ขนาดของภาพเล็กลงด้วย ส่วนภาพที่มีความคมชัดน้อยที่สุด จะมีจำนวนพิกเซลต่อนิ้วน้อยที่สุดและจำนวนภาพจะมีขนาดใหญ่

            4. คลิกปุ่ม OK

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

[ กลับด้านบน ]


4.8  การปรับจำนวนพิกเซลของภาพ

        การปรับวิธีนี้มีผลให้จำนวนพิกเซลของภาพเปลี่ยนแปลง โดยอาจเพิ่มขึ้นหรือลดลงได้ลักษณะเช่นนี้เรียกว่า การรีแซมเปิล (Resample) การลดขนาด (Downsample) โปรแกรมจะยุบรวมหลาย ๆ พิกเซลเข้าด้วยกันกลายเป็นพิกเซลใหม่คุณภาพของภาพจะไม่ค่อยเปลี่ยนแปลงการเพิ่มขนาด (Upsample) โปรแกรมจะสร้างพิกเซลเพิ่มขึ้นจากเดิมที่มีอยู่แล้ว ซึ่งค่าสีของพิกเซลจะคำนวณมาจากพิกเซลข้างเคียง ผลการปรับจะได้ภาพที่มีคุณภาพลดลง เพราะฉะนั้นทั้งการเพิ่มและลดขนาด โปรแกรมจะคำนวณเพื่อสร้างพิกเซลใหม่จากพิกเซลเดิมของภาพเรียกว่าInterpolation

        1. เลือกคำสั่ง Image > Image Size

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        2. เลือกหน้าช่อง Resample Image

        3. เลือกให้โปรแกรมคำนวณเพื่อสร้างพิกเซลใหม่ โดยกำหนดให้ค่า Resolution เป็น 72 พิกเซลต่อนิ้ว

        4. ใน Pixel Dimensions ให้เลือกหน่วยเป็นพิกเซลและกำหนดขนาดความกว้างและความสูงของภาพ

        5. คลิกปุ่ม OK

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

[ กลับด้านบน ]


4.9  การเพิ่มพื้นที่ของภาพ

        กรณีที่เราต้องการปรับแต่งภาพ เช่น เพิ่มข้อความหรือรูปภาพอื่นเข้าไปในภาพเดิม ซึ่งพื้นที่ของภาพมีไม่เพียงพอ เราสามารถเพิ่มขนาดพื้นที่ของรูปภาพได้โดย

        1. เลือกคำสั่ง Image > Canvas Size

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        2. กำหนดขนาด Width และ Height ตามต้องการ

        3. กำหนดขนาดใหม่ของภาพ หรือขนาดที่ต้องการเพิ่มหรือลด

            • ถ้าไม่เลือก Relative ให้กำหนดขนาดภาพใหม่

            • ถ้าเลือก Relative ให้กำหนดขนาดที่ต้องการเพิ่มหรือลดจากเดิม

        4. กำหนดทิศทางการขยายพื้นที่จากจุดใด ๆ โดยใช้ช่องสีเทาเป็นหลัก

        5. คลิก OK

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

[ กลับด้านบน ]


4.10  การบันทึกงานที่สร้าง

        เมื่อปรับรูปภาพเป็นที่พอใจแล้ว สามารถบันทึกงานไว้เพื่อนำมาใช้ในการแก้ไขครั้งต่อไปได้โดยการบันทึกไฟล์ลงในเครื่องเพื่อใช้งานในโอกาสต่อไป

        1. คลิกคำสั่ง File > Save As

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

        2. เลือก Drive ที่เราต้องการจัดเก็บ

        3. พิมพ์ชื่อไฟล์ที่ต้องการจัดเก็บ

        4. คลิกเลือกชนิดของไฟล์ (เลือก JPG สำหรับบันทึกภาพนิ่งทั่วไป ใช้อัพโหลดขึ้นเว็บได้ , นามสกุล .psd สำหรับไฟล์ photoshop ที่นำไปแก้ไขภายหลังได้)

        5. คลิก Save

        6. ระบุคุณภาพความคมชัดของงาน (ค่ายิ่งมากคุณภาพก็ยิ่งสูง)

        7. คลิก OK

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

[ กลับด้านบน ]


การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

ใบงานที่ 2.1  :  แนะนำโปรแกรม Photoshop CS6 เบื้องต้น

 

การเปิดพื้นที่การใช้งาน โปรแกรม Adobe Photoshop ทํา อย่างไร

< ย้อนกลับ   ถัดไป >