17
เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยีสื่อประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 1 ใบความรู้ที2 เรื่อง รู้จักกับโปรแกรม Adobe Photoshop โปรแกรม Adobe Photoshop โปรแกรม Photoshop เป็นโปรแกรมที่มีความสามารถในการออกแบบกราฟิก เพื่อ นาไปใช้ร่วมกับงานในด้านต่าง ๆ เช่น งานกราฟิกที่เกี่ยวกับสื่อสิ่งพิมพ์ทุกประเภท งานกราฟิกบนเว็บไซต์และการตกแต่งภาพถ่ายจากกล้องดิจิตอล ซึ่งอาจกล่าวได้ว่า เป็นโปรแกรมที่มีผู้นิยมนามาใช้ในการออกแบบและตกแต่งภาพถ่ายกันมากที่สุด Photoshop เป็นโปรแกรมที่ใช้ในการสร้างภาพและ การตกแต่งภาพที่กาลังเป็นที่นิยมอย่างสูงสุด ใน ปัจจุบันเนื่องจากเป็นโปรแกรมที่ทางานได้อย่างมีประสิทธิภาพ และผลงานที่ได้เหมาะที่จะใช้กับงาน สิ่งพิมพ์ นิตยสารงานมัลติมิเดียและสร้างกราฟิกสาหรับเว็บที่นับวัน กาลังพัฒนาไปอย่างไม่หยุดยั้ง และ ถึงแม้ว่า Photoshop จะเป็นโปรแกรมที่มีประสิทธิภาพสูง แต่การใช้งานกลับไม่ยาก อย่างที่หลายคนคิด เรา สามารถเรียนรู้การใช้งานในโปรแกรม Photoshop ได้อย่างรวดเร็ว แม้ว่าเราจะมีพื้นฐานทางคอมพิวเตอร์ไม่ มากก็ตาม เริ่มเข้าสู่โปรแกรม Adobe Photoshop ได้ด้วยวิธีการดังต่อไปนี1. Click mouse ที่ปุ่ม Start 2. เลื่อนเมาส์เลือกคาสั่ง Programs --> Adobe Photoshop 3. Click mouse ทีAdobe Photoshop จะปรากฏหน้าจอแรกของ Photoshop ขึ้น นักเรียนเคยใช้โปรแกรมใดในการสร้างงานกราฟิกบ้างครับ ? ส่วนประกอบต่างๆของโปรแกรม

ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

  • Upload
    -

  • View
    9.242

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 1

ใบความรู้ที่ 2 เรื่อง รู้จักกับโปรแกรม Adobe Photoshop

โปรแกรม Adobe Photoshop

โปรแกรม Photoshop เป็นโปรแกรมที่มีความสามารถในการออกแบบกราฟิก เพื่อ

น าไปใช้ร่วมกับงานในด้านต่าง ๆ เช่น งานกราฟิกที่เกี่ยวกับสื่อสิ่งพิมพ์ทุกประเภท

งานกราฟิกบนเว็บไซต์และการตกแต่งภาพถ่ายจากกล้องดิจิตอล ซึ่งอาจกล่าวได้ว่า

เป็นโปรแกรมที่มีผู้นิยมน ามาใช้ในการออกแบบและตกแต่งภาพถ่ายกันมากที่สุด

Photoshop เป็นโปรแกรมที่ใช้ในการสร้างภาพและ การตกแต่งภาพที่ก าลังเป็นที่นิยมอย่างสูงสุด ใน

ปัจจุบันเนื่องจากเป็นโปรแกรมที่ท างานได้อย่างมีประสิทธิภาพ และผลงานที่ได้เหมาะที่จะใช้กับงาน

สิ่งพิมพ์ นิตยสารงานมัลติมิเดียและสร้างกราฟิกส าหรับเว็บที่นับวัน ก าลังพัฒนาไปอย่างไม่หยุดยั้ง และ

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

สามารถเรียนรู้การใช้งานในโปรแกรม Photoshop ได้อย่างรวดเร็ว แม้ว่าเราจะมีพื้นฐานทางคอมพิวเตอร์ไม่

มากก็ตาม

เร่ิมเข้าสู่โปรแกรม Adobe Photoshop ได้ด้วยวิธีการดังต่อไปนี้

1. Click mouse ที่ปุ่ม Start 2. เลื่อนเมาส์เลือกค าสั่ง Programs --> Adobe Photoshop 3. Click mouse ที่ Adobe Photoshop จะปรากฏหน้าจอแรกของ Photoshop ขึ้น

นักเรียนเคยใช้โปรแกรมใดในการสร้างงานกราฟิกบ้างครับ ?

ส่วนประกอบต่างๆของโปรแกรม

Page 2: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 2

แถบเมนู (Menu Bar) คือแถบที่รวบรวมค าสั่งหลักทุกค าสั่งในการใช้งานโปรแกรม เช่น เปิด ปิด บันทึกไฟล์

Option Bar คือแถบตัวเลือกของเคร่ืองมือ ซึ่งปรากฏขึ้นเมื่อเลือกใช้เคร่ืองมือในกล่องเคร่ืองมือ (Toolbox) ใช้ก าหนดคุณสมบัติของเคร่ืองมือที่เลือกท างานอยู่ในขณะนั้น

กล่องเครื่องมือ (Toolbox) คือกล่องเก็บเคร่ืองมือต่างๆ ที่ใช้ในการท างาน เช่น เคร่ืองมือเกี่ยวกับการเลือกและแก้ไข

พาเลท (Palette) คือกลุ่มของหน้าต่างที่รวบรวมคุณสมบัติการท างานของเคร่ืองมือ ช่วยควบคุมรายละเอียดปลีกย่อยในขั้นตอนการท างาน

กระดานวาดภาพ (Canvas) เป็นพื้นที่ส าหรับตกแต่งภาพ

หน้าตาและส่วนประกอบต่างๆของโปรแกรม Photoshop

Page 3: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 3

เมนู File ได้แก ่

New เป็นค าสั่งสร้างไฟล์ใหม่

Open เป็นค าสั่งเปิดไฟล์กราฟิกส์ที่มีอยู่แล้ว

Close ปิดไฟล์ที่ก าลังท างานอยู่

Save บันทึกไฟล์ข้อมูลที่ท างานอยู่ในชื่อเดิม

Save As บันทึกไฟล์ข้อมูลที่ท างานอยู่ในชื่ออ่ืนเพื่อไม่ให้ทับไฟล์เดิม

Save a Copy บันทึกไฟล์ข้อมูลที่ท างานอยู่ในชื่ออ่ืน และ อาจเปลี่ยนแปลงคุณสมบัติ เช่น ฟอร์แมทของภาพ

Revert เปลี่ยนไฟล์ที่ก าลังท างานอยู่ให้กลับไปเป็นไฟล์เดิม โดยโปรแกรมจะใช้ไฟล์ที่เราบันทึกไว้ล่าสุด

ค าสั่งนี้คล้ายๆ กับการท า Undo นั่นเอง

Import ท าการอ่านข้อมูลจาก Scanner

Export ส่งงานจาก Photoshop ไปให้โปรแกรมอื่น เช่น Illustrator หรือ อาจส่งเป็นไฟล์แบบ GIF89A

Preferences ก าหนดรายละเอียดของโปรแกรมตามต้องการ

เมนู Edit ได้แก ่

Cut ท าการตัดเอาส่วนที่เลือกไว้ เก็บเข้าไปในหน่วยความจ าที่เรียกว่า คลิปบอร์ด

Copy ท าการคัดลอกส่วนที่เลือกไว้ เก็บเข้าไปใน คลิปบอร์ด

Paste เอาภาพที่เก็บไว้คลิปบอร์ด ปะลงไปในภาพที่ก าลังท างานอยู่

Paste Into เอาภาพที่เก็บไว้คลิปบอร์ด ปะลงไปในส่วนของภาพที่เลือกไว้ (Selection)

Clear ลบภาพในพื้นที่ที่เลือกไว้ (Selection)

Fill เติทสีลงไปในพื้นที่ที่เลือกไว้

Stroke เติมสีลงไปเฉพาะตรงขอบของพื้นที่ที่เลือกไว้

Free Transform ท าการเปลี่ยนแปลงทิศทางและขนาดของภาพอย่างเสรี

Transform ท าการเปลี่ยนแปลงทิศทางและขนาดของภาพเฉพาะอย่าง

Purge ล้างหน่วยความจ าที่ใช้เก็บภาพในคลิปบอร์ด ประวัติการท างาน (history) เพื่อให้มีหน่วยความจ า

เหลือส าหรับพื้นที่ท างาน มากขึ้น

แถบเมนู (Menu Bar)

Page 4: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 4

เมนู Image ได้แก ่

Mode ก าหนดโหมดสีที่จะใช้ส าหรับภาพกราฟิกส์ เช่น สีแบบไล่เทา (Grayscale) หรือ แดง-เขียว-น้ าเงิน

(RGB)

Adjust ปรับแต่งโทนสีของภาพ ความคมชัด ความเข้มของแสง ระดับของสี

Duplicate ท าส าเนาภาพขึ้นใช้งานอีกภาพหนึ่ง

Image Size ปรับแต่งขนาดและความละเอียดของภาพ

Canvas Size ปรับแต่ง/เพิ่ม พื้นที่ท างานของภาพ

Crop ก าจัดพื้นที่ท างานนอกส่วนที่เลือก (Selection) ออกไป

Rotate Canvas ปรับเปลี่ยนทิศทางของภาพ

เมนู Layer

เป็นค าสั่งที่เกี่ยวกับการปรับแต่งภาพในแต่ละเลเยอร์ และการเรียงล าดับก่อนหลังของเลเยอร์

เมนู Select ได้แก่

All เลือกภาพทั้งหมด

Deselect ยกเลิกการเลือก

Inverse เลือกส่วนของภาพที่ไม่ได้ถูกเลือก พูดอีกแง่ก็คือ กลับส่วนที่เลือก/ไม่เลือก

Color Range ท าการเลือกส่วนของภาพตามสีที่ต้องการ

Feather ท าให้ขอบของส่วนที่เลือก (Selection) ดูนุ่มขึ้น

Similar เพิ่มขนาดของส่วนที่เลือก (Selection) จากสีที่ใกล้เคียงกัน

Transform Selection ปรับทิศทางของเส้น Selection

เมนู Filter

เป็นแถบค าสั่งที่เกี่ยวกับการปรับเปลี่ยนภาพอัตโนมัติ รวมทั้งค าสั่งเกี่ยวกับ ค่าลายน้ า (Digimarc) ซึ่งถือเป็น

การจดลิขสิทธิ์แสดงความเป็นเจ้าของภาพ ก็เป็นฟิลเตอร์หนึ่งที่อยู่ในเมนูนี้เช่นกัน

เมนู View

รวบรวมค าสั่งในการก าหนดมุมมองภาพในรูปแบบต่างๆ การย่อ-ขยาย รวมทั้งเร่ืองการวัด Grid, Guide และ

ไม้บรรทัดด้วย

เมนู Window

รวบรวมค าสั่งที่เกี่ยวกับการจัดการหน้าต่างแต่ละหน้า ที่ปรากฏบนหน้าจอ รวมถึงหน้าต่าง palette,

Toolbox ด้วย เช่น ค าสั่งแสดง (Show..) ค าสั่งซ่อน (Hide..)

Page 5: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 5

เมนู Help

รวบรวมค าสั่งที่เกี่ยวกับการแนะน าโปรแกรม Photoshop และการใช้งานโปรแกรม

Rectangular Marquee Tool สร้างเส้น selection เป็นรูปสี่เหลี่ยม (ถ้ากดคีย์ shift ค้างไว้ จะได้ selection เป็นรูปสี่เหลี่ยมจัตุรัส) Elliptical Marquee Tool สร้างเส้น selection เป็นรูปวงรี (ถ้ากดคีย์ shift ค้างไว้ จะได้ selection เป็นรูปวงกลม) Single Row Marquee Tool สร้างเส้น selection เป็นเส้นตรงในแนวนอน มีความกว้าง 0.5-1 pixel มักใช้ในการจัดต าแหน่งรูป (Align) Single Column Marquee Tool สร้างเส้น selection เป็นเส้นตรงในแนวตั้ง มีความกว้าง 0.5-1 pixel มักใช้ในการจัดต าแหน่งรูป (Align)

เป็นเคร่ืองมือเพื่อการเคลื่อนย้ายต าแหน่ง เรียกใช้งานได้ที่ Tools Box ที่ เคร่ืองหมาย ลูกศรและ มีเคร่ืองหมายทิศทางอยู่ ใช้โดยการใช้เม้าส์ลากไปต าแหน่งที่ต้องการ

Lasso Tool สร้างเส้น selection เป็นรูปทรงอิสระตามการเลื่อนของ Pointer Polygonal Lasso Tool สร้างเส้น selection เป็นรูปทรงหลายเหลี่ยม มุมอยู่ที่การคลิกของ Pointer Magnetic Lasso Tool สร้างเส้น selection ตามแนวขอบของสี

Quick Selection Tool สร้างเส้น selection ตามบริเวณของสี

Crop Tool ตัดเอาเฉพาะส่วนที่อยู่ในเส้น Crop เท่านั้น

เครื่องมือในกล่อง Toolbox

Page 6: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 6

Slice Tool ใช้หั่นรูปใหญ่ให้เป็นชิ้นย่อยๆ เวลาเอาไปใช้ประกอบเว็บเพื่อให้แยกกันโหลดทีละชิ้นจะได้เร็วกว่าโหลดรูปใหญ่ รูปเดียวซึ่งมีโอกาสล่มง่ายกว่า Slice Select Tool เป็นเคร่ืองมือไว้ส าหรับเลือกชิ้น Slice ที่ตัดออกแล้ว

Sport Healing Brush Tool เป็นอุปกรณ์ที่ใช้ในการแก้ไขภาพเฉพาะจุด โดยเฉพาะพื้นที่ภาพที่เป็นจุดไม่ใหญ่มากนัก Healing Brush Tool ช่วยท าความสะอาดรูปภาพ ช่วยลบรอยสกปรก รอยผง หรือ เม็ดสกรีนต่างๆ ที่พบในรูปทั่วไป โดยหลักการของเคร่ืองมือตัวนี้ก็คือการลอกลายรูปภาพใกล้เคียงโดยที่โปรแกรม จะท าการปรับค่าแสง และลวดลายให้อัตโนมัติ Patch Tool เป็นเคร่ืองมือเลือกบริเวณภาพ ” Selection ” โดยหลักการเคร่ืองมือตัวนี้จะช่วยให้เราเลือกบริเวณรูปภาพที่มีปัญหาได้ง่าย ยิ่งขึ้น โปรแกรมจะปรับค่าแสง และ สี บริเวณที่เลือกให้อัตโนมัติด้วย Red Eye Tool เป็นเคร่ืองมือตัวใหม่ไว้ส าหรับลบการสะท้อนของแก้วตากับแสงแฟลช การที่จะปรับแก้ไขเพื่อเอาแสงสีแดงออกจากดวงตา

Brush Tool เป็นเคร่ืองมือในการลงสี คล้ายการทาสี จะได้แนวของสีที่มีขอบตามการเลือก Brush Pencil Tool เป็นเคร่ืองมือที่ใช้เขียน สามารถเลือกขนาดของดินสอได้ Color Replacement Tool เคร่ืองมือหัวแปรงส าหรับระบายแก้ไขค่าสีของภาพ

Page 7: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 7

Colne Stamp Tool เป็นเคร่ืองมือที่ใช้คัดลอกพื้นที่โดยเราต้องก าหนดพื้นที่ตัวอย่างก่อน โดยกดคีย์ Alt Pattan Stamp Tool เป็นเคร่ืองมือที่ใช้คัดลอกพื้นที่ตาม Pattern ที่เราก าหนดโดยที่เราต้องสร้างต้นแบบ ด้วยค าสั่ง Define Pattern ไว้ล่วงหน้าก่อนจึงจะสามารถใช้เคร่ืองมือนี้ได้

History BrushTool เป็นเคร่ืองมือหัวแปรงส าหรับลบความเปลี่ยนแปลงของภาพที่เกิดจากการท างานให้กลับ Art History Brush Tool เป็น เคร่ืองมือหัวแปรงส าหรับแต่งภาพให้ดูเหมือนภาพวาดโดยจะอาศัยจากการท า Sanpshot เป็นตัวค านวณการบิดเบือนต าแหน่งของ Pixel ของภาพ ซึ่งจะถูกบรรจุอยู่ในชุดเคร่ืองมือเดียวกันกับ History Brush

Eraser Tool เป็นเครื่องมือยางลบทั่วไป ใช้ส าหรับลบภาพ Background Eraser Tool เป็นยางลบไว้ส าหรับลบเฉพาะพื้นหลัง Magic Eraser Tool เป็นยางลบที่ท างานแบบเดียวกันกับ Magic Wand Tool

Gradient Tool เป็นเคร่ืองมือเติมสีลงในภาพแบบไล่ระดับสีที่เราเลือกไว้ Paint Bucket Tool เป็นเคร่ืองมือเติมสีลงในภาพ หรือเรียกง่ายๆ ว่า เทสี

Blur Tool เป็นเครื่องมือส าหรับระบายเพิ่มความมัวเข้าไปในภาพ ซึ่งจะท าให้ภาพเบรอ Sharpen Tool เป็นเคร่ืองมือส าหรับระบายเพื่อรอยขูดลงไปในภาพ Smudge Tool เป็นเคร่ืองมือส าหรับถูภาพเพื่อให้เกิดรอยถูกถู (รอยเลอะ) บนภาพ

Page 8: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 8

Dodge Tool เป็นเคร่ืองมือส าหรับเพิ่มแสงสว่างลงในภาพ Burn Tool เป็นเคร่ืองมือส าหรับระบายเงามือลงไปในภาพ Sponge Tool เป็นเคร่ืองมือส าหรับเพิ่มความอ่ิมตัวของสี

Pen Tool เป็นเคร่ืองมือส าหรับวาดเส้น Path แบบเบื้องต้น เหมาะกับการวาดและปรับเปลี่ยนที่ละเส้นค่ะ Freeform Pen Toolใช้ช่วยในการวาดเส้น Path เป็นจ านวนมากๆ แต่ไม่สามารถปรับได้ เหมาะกับการวาดเส้นไกด์ก่อนปรับเปลี่ยนอีกครั้งหน่ึง Add Anchor Point Tool เพิ่มจุดยึดของเส้น Path Delete Anchor Point Tool ลบจุดยึดของเส้น Path Convert Point Tool ใช้ปรับองศาของเส้น Path โดยที่จุดยึดไม่เปลี่ยน

Horizontal Type Tool เป็นการเขียนตัวอักษรในลักษณะแนวนอน Vertical Type Tool เป็นการเขียนตัวอักษรในลักษณะแนวตั้ง Horizontal Type Mask Tool การสร้างตัวอักษรในลักษณะแนวนอนแบบที่เป็น Select ซึ่งเหมาะส าหรับการตัดรูปให้เป็นตัวอักษร Vertical Type Mask Tool การสร้างตัวอักษรในลักษณะแนวตั้งแบบที่เป็น Select

Page 9: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 9

Path Selection Tool เป็นเคร่ืองมือส าหรับเลือกเส้น Path รวมถึง จุด Path ทั้งหมด สามารถเคลื่อนย้ายเส้น Path ทั้งหมดได้ในทีเดียวด้วยเคร่ืองมือนี้ Direct Selection Tool เป็น เคร่ืองมือเลือกจุด Path โดยสามารถเลื่อนจุด Path เป็นจุด ๆ ได้ และสามารถใช้เคร่ืองมือนี้ปรับให้เส้น Path เป็นเส้นโค้งได้ โดยจะมีแขนของเส้น Path ออกมาแค่เส้นเดียว หรือการแก้ไขความโค้งของเส้น

Rectangle Tool เคร่ืองมือสร้างรูปสี่เหลี่ยม ด้วยการคลิกเมาส์ค้างแล้วลากเมาส์ในแนวทแยงมุมเพื่อเพิ่มพื้นที่สี่เหลี่ยม ตามต้องการ หรือกดปุ่ม Shift ร่วมเพื่อสร้างรูป สี่เหลี่ยมจัตุรัส Rounded Rectangle Tool เคร่ืองมือสร้างรูปสี่เหลี่ยมมุมโค้ง ด้วยการคลิกเมาส์ค้างแล้วลากเมาส์ในแนวทแยงมุมเพื่อเพิ่มพื้นที่สี่เหลี่ยม มุมโค้งตามต้องการ หรือกดปุ่ม Shift ร่วมเพื่อสร้างสี่เหลี่ยมจัตุรัสมุมโค้ง เหมือนกับการสร้างสี่เหลี่ยมจัตุรัส และสามารถก าหนดค่าความโค้งของมุมจาก Option Bar ได้ด้วย Eillipse Tool เคร่ืองมือสร้าง Path รูปวงกลมและวงรี ด้วยการคลิกเมาส์ค้างแล้วลากเมาส์ในแนวทแยงมุมเพื่อเพิ่มพื้นที่วงกลมหรือวง รี หรือกดปุ่ม Shift ร่วมเพื่อสร้างวงกลมและสามารถก าหนด Polygon Tool เป็นเคร่ืองมือสร้าง Path รูปหลายเหลี่ยมต่างๆ โดยสามารถสร้างได้ต้ังแต่ 3 ถึง 100 เหลี่ยม และยังสามารถสร้างรูปดาวได้ด้วย Line Tool เคร่ืองมือสร้าง Path รูปเส้นและลูกศร Custom Tool เคร่ืองมือสร้าง Path แบบก าหนดรูปร่างเอง

Page 10: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 10

Notes Tool เคร่ืองมือส าหรับบันทึกข้อความช่วยจ าพิเศษต่างๆ ระหว่างการท างานลงไปในภาพ Audio Annotaion Tool ส าหรับบันทึกเสียงช่วยจ าไปในภาพ

Eyedropper Tool เคร่ืองมือส าหรับคลิกส าเนาค่าสี Color Sampler Tool เคร่ืองมือส าหรับวัดค่าสีจาก Pixel ที่คลิกเลือก Ruler Tool เคร่ืองมือไม้บรรทัดส าหรับวัดระยะบนภาพ Count Tool เป็นตัวช่วยนับ ไม่มีผลต่อการแสดงภาพอาจจะใช้ในการช่วยนับจ านวนรูปภาพ

Hand Tool เป็นเคร่ืองมือส าหรับลากย้ายมุมมองในพื้นที่ท างาน ในกรณีที่ภาพมีขนาดใหญ่กว่ากรอบพื้นที่ท างาน Zoom Tool เคร่ืองมือส าหรับขยายมุมมองของภาพในพื้นที่ท างาน

สลับสี Foreground และ Background แสดงผลและใช้เลือกสี Foreground และ Background สร้าง Selection ในโหมด Quick Mask ปรับมุมมองวินโดว์เป็นแบบต่าง ๆ

Page 11: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 11

การใช้พาเล็ต palette

Navigator ใช้ย่อขยายการแสดงผลขนาดไฟล์ภาพ โดยการเลื่อนปุ่มสามเหลี่ยมด้านล่างเพื่อซูมรายละเอียดของภาพ

Info ใช้ในการแสดงค่าของสีขณะที่เราก าลังเลื่อนเมาส์ในบริเวณภาพ

Color เป็นการเลือกขนาดสี โดยการเลื่อนปุ่มสามเหลี่ยมด้านล่างในช่องสี R G และ B

Swatches เป็นการเลือกสีมาใช้งานได้โดยคลิกเลือกสีตามต้องการ และสามารถลดและเพิ่มสีที่ต้องการได้

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

History เป็นการบันทึกค่าการท างานเก็บเอาไว้ หากเราท างานผิดพลาดหรือย้อนกลับไปท างานใหม่ก็สามารถย้อนกลับไปเลือกค าสั่งที่ต้องการได้

Actions มีหน้าที่เก็บค าสั่งการท างานอัตโนมัติ

Layers เราจะใช้พาเล็ตนี้ในการซ้อนภาพ แบ่งสัดส่วน และช่วยในการเปลี่ยนแปลงภาพให้สวยงามได้ง่ายขึ้น

Channels หน้าที่ของพาเล็ตนี้คือการแยกสีของภาพออกมาตามประเภท

Paths ใช้ในกรณีเราวาดภาพเอง หรือตกแต่งภาพแบบพิเศษ

Page 12: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 12

การสร้าง File ใหม ่

1. Click mouse ที่ปุ่มเมนู Flie -- > New หรือ กด Ctrl + n จะปรากฎไดอะล็อกบ็อกซ์ New ขึ้นมา 2. พิมพ์ชื่อ File ในช่อง Name 3. ก าหนดความกว้างและความยาวให้กับไฟล์ภาพใหม่ที่ช่อง Width และ Height ค่าปกติเป็น Custom 4. ช่อง Resolution ก าหนดค่าความละเอียดของภาพ แนะน าให้ใช้เป็น 72 pixel/inch 5. ช่อง Mode เลือกก าหนดโหมดสีของไฟล์ภาพ

Mode Bitmap เป็นการก าหนดใหม้ีการเก็บข้อมูลสีภาพ จะมีสีขาวและด า ไม่มีการไล่ระดับสี Mode Grayscale เป็นโหมดภาพขาวด าที่มีการไล่ระดับสี 256 ระดบั Mode RGB Color เป็นการก าหนดสีที่มีแม่สีหลัก 3 สี คือ แดง เขียว น้ าเงิน Mode CMYK Color เหมาะส าหรบัจัดท าส่ิงพิมพ์ Mode Lab Color ส าหรับน าไปใช้งานกับอีกระบบ

6. ช่อง Contents เป็นการเลือกลักษณะของสีพื้นของภาพที่ต้องการ White : พื้นของรปูจะมีสีขาว Background Color : สีพื้นของรูปจะมีสีตามที่ก าหนดไว้บน Tool box Transparent : เปน็พื้นที่โปร่งใสไม่มีเนื้อหาหรือสีปรากฎ

7. เสร็จแล้วคลิกปุ่ม OK

เร่ิมต้นใช้งาน

โปรแกรม

Page 13: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 13

การเปิด File ท่ีมีอยู่แล้วขึ้นมาใช้งาน

1. เลือกค าสั่ง File แล้วเลือก Open หรือ Ctrl + O จะปรากฎกรอบ Open แสดงแหล่งที่เก็บไฟล์ภาพ และ ขนาด ให้ผู้ใช้เลือกใช้งาน

2. เลือก Folder ที่เก็บไฟล์จากช่อง Look in 3. เลือกประเภทไฟล์ในช่อง Files of type 4. คลิกเลือกชื่อไฟล์จากรายการหรือป้อนชื่อลงใน File name 5. คลิกปุ่ม Open

การปิด File

1. เลือกค าสั่ง File แล้วเลือก Close หรือ คลิกปุ่มกากบาทที่มุมขวาบนของวินโดว์รูปภาพ หรือกดคีย์ Ctrl+W

2. หากไฟล์ที่เปิดอยู่นั้นมีการแก้ไขให้คลิก Yes เพื่อบันทึก หรือคลิก No ถ้าไม่ต้องการบันทึก

Page 14: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 14

การบันทึกไฟล์ [ Save ] 1. เลือกค าสั่ง File ที่เมนูบาร์ และเลือกรูปแบบการบันทึกไฟล์ File --> Save เป็นการบันทึกงานในรูปแบบปกติ โดยโปรแกรมจะบันทึกงานที่แก้ไขใหม่ในชื่อเดิม กรณีที่เปิดกระดาษใหม่โปรแกรมจะให้เลือก ชนิดไฟล์ที่จะบันทึก File --> Save As เป็นการบันทึกงานเดิมเป็นชื่อใหม่ต าแหน่งใหม่และให้อยู่ในรูปของ Format ใหม่ได้ (ถ้าไฟล์นั้นมีการเพิ่มเลเยอร์ โปรแกรมจะบังคับให้ Save เป็น .psd โดยอัตโนมัติ แต่สามารถเปลี่ยนได้) อันนี้นิยมใช้กันมาก File --> Save for web เป็นการบันทึกไฟล์ เพื่อให้ได้ภาพที่เหมาะสมส าหรับงานบนเว็บ 2. Cilck mouse เพื่อก าหนดต าแหน่งของไฟล์ที่ต้องการเก็บ 3. Cilck mouse เลือก Format ของไฟล์ 4. เลือกคุณสมบัติการจัดเก็บไฟล์ ใน Save Options โดนคุณสมบัติต่างๆที่เราเลือกได้นั้นจะสัมพันธ์กับฟอร์แมตที่เราเลือก เช่น ฟอร์แมต JPEG ไม่สนับสนุนการท างานแบบ Layer ดังนั้นค่าตัวเลือก Layer นี้ก็จะปิดอยู่โดยที่เราไม่สามารถเลือกได้ ต่อไปคือค่าตัวเลือกต่าง ๆ As a Copy เป็นการบันทึกไฟล์ให้เป็นชื่ออ่ืน ฟอร์แม็ตอ่ืนในขณะที่ไฟล์เดิมก าลังเปิดใช้งานอยุ่บนหน้าจอ Annotations จะเก็บค าอธิบายทั้งภาพ และเสียงเพื่อเตือนความจ าไว้ด้วย Alpha Channels จะเก็บคุณสมบัติในการปรับแต่งภาพด้วย Alpha Channel Layer จะเก็บคุณสมบัติของเลเยอร์ต่างๆไว้ Spot Colors จะเก็บคุณสมบัติของ Spot Colors ไว้ Use Proof srtup เก็บค่าโหมดสีที่จะใช้แสดงสีของภาพก่อนจะพิมพ์ ICC Profile เป็นการเก็บโหมดสีที่ใช้สนับสนุนต่อไฟล์ฟอร์แมตที่จะ Save Thumbnail ก าหนดไฟล์ที่ Save นี้สามารถแสดงภาพตัวอย่างในหน้าจอของการเปิดไฟล์ได้ด้วย Use Lower Case Extension เป็นการก าหนดนามสกุลของไฟล์ให้เป็นตัวอักษรพิมพ์เล็ก 5. ใส่ชื่อไฟล์ที่ต้องการจะ save 6. Cilck mouse ที่ปุ่ม Save

Page 15: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 15

ค าสั่งลัดของโปรแกรม Photoshop

ปุ่มใช้งานท่ัวๆไป

-สร้างกระดาษเปล่าขึ้นมาใหม่ (NEW) = < Ctrl+N >

-เรียกหน้าต่าง Open เปิดไฟล์ภาพ (Open) = < Ctrl+O >

-ปิดไฟล์ภาพที่เลิกใช้งาน (Close) = < Ctrl+W >

-ปิดไฟล์ภาพทีเดียวทั้งหมด โดยไม่ต้องปิดทีละภาพ (Close All) = < Alt+Ctrl+W >

-บันทึกไฟล์ภาพ (Save) = < Ctrl+S >

-บันทึกไฟล์ภาพในชื่อใหม่/บันทึกในรูปแบบอ่ืนๆ (Save) = < Shift+Ctrl+S >

-สั่งพิมพ์เลยทันที (Print) = < Ctrl+P >

-ออกจากโปรแกรม/ปิดโปรแกรม (Exit) = < Ctrl+Q >

ปุ่มแก้ไขการท างาน

-กลับไปก่อนขั้นตอนการท างานล่าสุด (Undo) = < Ctrl+Z >

-ย้อนขั้นตอนการท างานกลับไปด้วย (Step Backward) = < Alt+Ctrl+Z >

-ย้อนขั้นตอนการท างานกลับมาด้วย (Step Forward) = < Shift+Ctrl+Z >

-ตัดส่วนที่เลือกเอาไว้รอเพื่อที่จะวาง (Cut) = < Ctrl+X >

-คัดลอกส่วนที่เลือกไว้รอเพื่อที่จะวาง (Copy) = < Ctrl+C >

-วางส่วนที่เลือกหรือคัดลอกมา (Paste) = < Ctrl+V >

ปุ่มส าหรับแต่งแสง/แก้ไขสี ให้กับภาพ

-ปรับความมืด/สว่างให้กับภาพ (Levels) = < Ctrl+L >

-ปรับความมือ/สว่างอย่างละเอียด (Curves) = < Ctrl+M >

Page 16: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 16

-ปรับค่าสีของภาพให้สมดุล (Color Balance) = < Ctrl+B >

-ปรับสี เปลี่ยนสี เพิ่มความเข้มของสี (Hue Saturation) = < Ctrl+U >

-เปลี่ยนภาพสี เป็น ขาว-ด า (Desaturate) = < Shift+Ctrl+U >

ปุ่มส าหรับการเลือกพื้นท่ี

-ลบพื้นที่ที่ Selection = < Delete >

-ยกเลิกการ Selection (Deselect) = < Ctrl+D >

-ลบพื้ที่ Selection (Inverse) = < Shift+Ctrl+T >

ปุ่มส าหรับปรับมุมมองการแสดงผล

-ปรับภาพให้พอดีกับหน้าจอ (Fit on Screen) = < Ctrl+ศูนย์ >

-ปรับภาพเท่ากับของจริง 100% (Actual Pixels) = < Alt+Ctrl+ศูนย์ >

-เปลี่ยนโหมดการมองภาพ (Screen Mode) = < F >

-ขยายภาพ แต่ หน้าต่างเท่าเดิม (ZoomIn) = < Ctrl+บวก >

-ย่อภาพ แต่ หน้าตางเท่าเดิม (Zoom Out) = < Ctrl+ลบ >

-ขยาย ทั้งภาพและหน้าต่าง = < Alt+Ctrl+บวก >

-ย่อ ทั้งภาพและหน้าต่าง = < Alt+Ctrl+ลบ >

-เลื่อนดูภาพ (Pan) = < Spacebar+แดรกเม้าส์ >

-ซ่อน/แสดงไม้บรรทัด = < Ctrl+R >

-ซ่อน/แสดงเส้นไกด์ = < Ctrl+' >

Page 17: ใบความรู้ที่ 2เรื่องโปรแกรมphotoshopเบื้องต้น

เอกสารประกอบการจัดการเรียนรู้วิชา กราฟิกและเทคโนโลยส่ืีอประสม ม.6 โรงเรียนศรีสวัสดิ์วิทยาคาร หน้า 17