SlideShare a Scribd company logo
1 of 7
Download to read offline
ใบความรู้หน่วยที่ 2
โปรแกรม Adobe Photoshop CS6
6. การใช้งานพื้นฐานโปรแกรม Adobe Photoshop CS6
6.1 เปิดไฟล์ภาพ
ขั้นตอน แรกของการตกแต่งภาพก็คือการเปิดไฟล์ภาพขึ้นมาใช้งาน โดย Adobe
Photoshop มีคุณสมบัติเด่นที่สามารถเปิดไฟล์ภาพประเภทต่าง ๆ ได้สารพัดรูปแบบ เช่น
JPG (JPEG) , TIF (TIFF) , PNG , PDF , GIF และอื่น ๆ รวมทั้งไฟล์ PSD ซึ่งเป็นรูปแบบ
พื้นฐานของ Adobe Photoshop เอง
เกร็ดความรู้
 การเปิดไฟล์ล่าสุดที่เพิ่งใช้ไปไม่นานทาได้โดยเลือกคาสั่ง File > Open Recent
แล้วคลิกที่ชื่อไฟล์นั้น
 การเปิดไฟล์แบบง่าย ๆ อีกวิธี ทาได้โดยคลิกลากไฟล์จากวินโดว์ของ My
Computer , Windows Explorer หรือ Adobe Bridge มาปล่อยบนวินโดว์ของ Adobe
Photoshop
6.2 สร้างไฟล์ภาพใหม่
ในกรณีที่ไม่ต้องการนาไฟล์ภาพที่มีอยู่แล้วมาใช้เป็นจุดเริ่มต้นของชิ้นงาน เราก็สามารถ
สร้างไฟล์ภาพใหม่ว่าง ๆ ขึ้นได้
1. เลือกคาสั่ง File > New
ถ้าภาพที่เราต้องการสร้างนั้นมีขนาดตรงตามมาตรฐานที่กาหนดไว้แล้ว ก็สามารถ
เลือกขนาดภาพจากช่อง Preset และ Size ได้ทันที เช่น เลือก Photo ขนาด 4x6 หรือ 8x10 นิ้ว
ที่นิยมใช้อัดภาพโดยทั่วไป
6.3 บันทึกไฟล์ภาพ
เมื่อสร้างหรือตกแต่งภาพเสร็จแล้ว เราต้องสั่งบันทึกไฟล์ด้วย ไฟล์ประเภทแรกที่เรา
ควรบันทึกคือรูปแบบ PSD ของ Adobe Photoshop เอง เพื่อเก็บเป็นต้นฉบับไว้สาหรับนา
กลับมาแก้ไขภายหลัง หลังจากนั้นจึงสั่งบันทึกเป็นไฟล์ประเภทอื่น เช่น JPG หรือ TIF เพื่อให้
เหมาะกับการนาไปใช้งานในแต่ละกรณี
สาหรับการบันทึกครั้งต่อ ๆ ไป เมื่อเลือกคาสั่ง File > Save ไฟล์จะถูกบันทึกทันทีโดย
ที่ไม่ต้องตั้งชื่ออีก แต่หากต้องการบันทึกไฟล์เป็นชื่ออื่น ให้เลือกคาสั่ง File > Save As แทน
6.4 ปิดไฟล์ภาพ
หลังจากปรับแต่งภาพเสร็จแล้ว เราควรปิดไฟล์ภาพให้เรียบร้อย โดยทาได้หลายวิธี
คือ
- คลิกปุ่ม บนแท็บชื่อของไฟล์
- เลือกคาสั่ง File > Close เพื่อปิดไฟล์ที่กาลังแก้ไข
- เลือกคาสั่ง File > Close All เพื่อปิดไฟล์ทั้งหมดที่เปิดอยู่
6.5 องค์ประกอบของไฟล์รูปภาพ
วินโดว์ของรูปภาพแต่ละภาพที่เราสร้างหรือเปิดไฟล์ขึ้นมา จะมีลักษณะดังนี้
6.6 ย่อ/ขยายมุมมองภาพ (Zoom)
เราสามารถย่อ/ขายมุมมองภาพ (ซูมภาพ) ให้เล็กลง (Zoom Out) หรือใหญ่ขึ้น (Zoom
In) ได้ตามความจาเป็นในขณะที่ทางาน เช่น เวลาตกแต่งดวงตาของนางแบบ เราอาจจะขยาย
มุมมองให้ดวงตาใหญ่เต็มหน้าจอเพื่อความสะดวกในการปรับแต่ง หลังจากนั้นจึงย่อมมุมมอง
เพื่อดูภาพรวมของผลลัพธ์
ใน Adobe Photoshop มีเครื่องมือที่ใช้ซูมภาพอยู่มากมาย เช่น เครื่องมือ Zoom
การใช้คีย์ลัด , คาสั่งในเมนู View และพาเนล Navigator เป็นต้น
2. คลิกหรือคลิกลากเพื่อกาหนดขอบเขตที่จะซูม
ซูมด้วยวิธีอื่น ๆ ยังสามารถทาได้ด้วยวิธีอื่นๆ อีกหลายวิธี เช่น
- ซูมภาพเป็น 100% (Actual Pixels) ทาได้โดยดับเบิลคลิกที่เครื่องมือ Zoom
บนทูลบ็อกซ์
- ซูมภาพให้มีขนาดพอดีกับพื้นที่ทางาน (Fit on Screen) ทาได้โดยดับเบิลคลิกที่
เครื่องมือ Hand บนทูลบ็อกซ์
- ใช้พาเนล Navigator โดยกาหนดค่า % ลงในช่อง หรือคลิกลากที่สไลเดอร์
- กดคีย์ Alt ค้างไว้ แล้วหมุนปุ่มกลางของ Wheel mouse ขึ้นหรือลง
- ใช้คาสั่งในเมนู View ดังรูป
 ขณะที่กาลังใช้เครื่องมืออื่น ๆ อยู่นั้น เราสามารถสลับมาใช้เครื่องมือ Hand
ชั่วคราว โดยกดคีย์ Space ค้างไว้ แล้วคลิกลากบนภาพ
6.7 เลื่อนดูภาพด้วยเครื่องมือ Hand
เมื่อซูมภาพจนใหญ่เกินกว่าขนาดวินโดว์ จะทาให้ภาพบางส่วนตกขอบไป (สังเกตได้
จากสโครลบาร์ที่ปรากฎขึ้นมา) เราสามารถเลื่อนดูภาพส่วนอื่น ๆ ที่ตกขอบวินโดว์ไปได้ โดยใช้
เครื่องมือ Hand
2. คลิกลากบนภาพ (ในลักษณะเดียวกันกับการใช้มือดึงภาพ)
เพื่อให้ส่วนที่ต้องการดูเลื่อนมาปรากฏบนจอ
6.8 ซูมและเลื่อนดูภาพด้วยพาเนล Navigator
พาเนล Navigator ใช้ได้ทั้งในการซูมภาพและเลื่อนดูภาพ นอกจากนี้ยังมีจุดเด่น คือ
สามารถซูมภาพได้ตามเปอร์เซ็นต์ที่กาหนด พร้อมทั้งช่วยให้มองเห็นความสัมพันธ์ระหว่างภาพ
ทั้งภาพ กับส่วนที่กาลังแสดงบนจอด้วย
การเปิด/ปิดพาเนล Navigator ทาได้โดยเลือกคาสั่ง Window > Navigator
6.9 การใช้ไม้บรรทัด (Ruler) และเส้นกริด (Grid)
6.9.1 การเรียกใช้ไม้บรรทัด (Ruler)
ไม้บรรทัด (Ruler) เป็นอุปกรณ์หนึ่งที่ช่วยให้สามารถกาหนดตาแหน่งต่าง ๆ ใน
การวางรูปได้แม่นยามากยิ่งขึ้น มีวิธีเรียกใช้ดังนี้
1. เปิดไฟล์หรือสร้างชิ้นงานเปล่าที่ต้องการ
2. เลือกคาสั่ง View >
Rulers หรือ กดปุ่ม Ctrl+R
การยกเลิกไม้บรรทัด
เลือกคาสั่ง View > Rulers
หรือ กดปุ่ม Ctrl+R ซ้าอีกครั้ง
6.9.2 การเรียกใช้เส้นกริด (Grid)
เส้นกริด (Grid) คือช่องตารางที่มี
ระยะห่างเท่ากัน ช่วยในการจัดวางวัตถุได้ง่ายขึ้น
เปิดใช้ได้โดยเลือกคาสั่ง View > Show > Grid
การยกเลิกเส้นกริด
เลือกคาสั่ง View > Show > Grid
ซ้าอีกครั้ง
6.10 ย้อนการทางานด้วยพาเนล History
พาเนล History เป็นที่ที่โปรแกรมใช้จัดเก็บขั้นตอนการปรับแต่งต่าง ๆ ที่เราทากับ
รูปภาพเอาไว้ โดยเรียงไปตามลาดับ เราจึงสามารถใช้พาเนลนี้เพื่อย้อนกลับไปยังคาสั่งใดก็ได้
หากขั้นตอนนั้นยังไม่ถูกลบหายไป
วิธีย้อนการทางาน ให้คลิกบนขั้นตอนสุดท้ายที่ยังต้องการให้มีผล ขั้นตอนอื่น ๆ
ต่อจากนั้นจะถูกยกเลิกทั้งหมด (กลายเป็นสีเทา ดังรูป)

More Related Content

What's hot

องประกอบของโปรแกรม Photoshop
องประกอบของโปรแกรม Photoshopองประกอบของโปรแกรม Photoshop
องประกอบของโปรแกรม Photoshopอ้าย ปุ้ย
 
Photoshop
PhotoshopPhotoshop
PhotoshopBua Rom
 
รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6Khon Kaen University
 
การใช้งาน Adobe photoshop cs5
การใช้งาน Adobe photoshop cs5การใช้งาน Adobe photoshop cs5
การใช้งาน Adobe photoshop cs5Rattapadol Gunhakoon
 
แบบสอนโปรแกรมPhotoshop
แบบสอนโปรแกรมPhotoshopแบบสอนโปรแกรมPhotoshop
แบบสอนโปรแกรมPhotoshopwattaree
 
ความรู้เบื้อต้นเกี่ยวกับ Photoshop Cs3
ความรู้เบื้อต้นเกี่ยวกับ Photoshop Cs3ความรู้เบื้อต้นเกี่ยวกับ Photoshop Cs3
ความรู้เบื้อต้นเกี่ยวกับ Photoshop Cs3Inam Chatsanova
 
คู่มือการใช้งาน Photoshop cs
คู่มือการใช้งาน Photoshop csคู่มือการใช้งาน Photoshop cs
คู่มือการใช้งาน Photoshop cssurachet179
 
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Dreamweaver CS6
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Dreamweaver CS6ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Dreamweaver CS6
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Dreamweaver CS6Khon Kaen University
 
รู้จักกับโปรแกรม Adobe illustrator
รู้จักกับโปรแกรม Adobe illustratorรู้จักกับโปรแกรม Adobe illustrator
รู้จักกับโปรแกรม Adobe illustratorQoo Kratai
 
การจัดการเว็บเพจ การออกแบบหน้าด้วยตารางและ Layout
การจัดการเว็บเพจ การออกแบบหน้าด้วยตารางและ Layoutการจัดการเว็บเพจ การออกแบบหน้าด้วยตารางและ Layout
การจัดการเว็บเพจ การออกแบบหน้าด้วยตารางและ LayoutKhon Kaen University
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopjutamat
 

What's hot (19)

องประกอบของโปรแกรม Photoshop
องประกอบของโปรแกรม Photoshopองประกอบของโปรแกรม Photoshop
องประกอบของโปรแกรม Photoshop
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6
 
การใช้งาน Adobe photoshop cs5
การใช้งาน Adobe photoshop cs5การใช้งาน Adobe photoshop cs5
การใช้งาน Adobe photoshop cs5
 
แบบสอนโปรแกรมPhotoshop
แบบสอนโปรแกรมPhotoshopแบบสอนโปรแกรมPhotoshop
แบบสอนโปรแกรมPhotoshop
 
ความรู้เบื้อต้นเกี่ยวกับ Photoshop Cs3
ความรู้เบื้อต้นเกี่ยวกับ Photoshop Cs3ความรู้เบื้อต้นเกี่ยวกับ Photoshop Cs3
ความรู้เบื้อต้นเกี่ยวกับ Photoshop Cs3
 
คู่มือการใช้งาน Photoshop cs
คู่มือการใช้งาน Photoshop csคู่มือการใช้งาน Photoshop cs
คู่มือการใช้งาน Photoshop cs
 
2.3
2.32.3
2.3
 
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Dreamweaver CS6
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Dreamweaver CS6ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Dreamweaver CS6
ความรู้เบื้องต้นเกี่ยวกับโปรแกรม Dreamweaver CS6
 
รู้จักกับโปรแกรม Adobe illustrator
รู้จักกับโปรแกรม Adobe illustratorรู้จักกับโปรแกรม Adobe illustrator
รู้จักกับโปรแกรม Adobe illustrator
 
การจัดการเว็บเพจ การออกแบบหน้าด้วยตารางและ Layout
การจัดการเว็บเพจ การออกแบบหน้าด้วยตารางและ Layoutการจัดการเว็บเพจ การออกแบบหน้าด้วยตารางและ Layout
การจัดการเว็บเพจ การออกแบบหน้าด้วยตารางและ Layout
 
เทคนิคการทำPhotoshop
เทคนิคการทำPhotoshopเทคนิคการทำPhotoshop
เทคนิคการทำPhotoshop
 
2.1
2.12.1
2.1
 
2.1
2.12.1
2.1
 
2.6
2.62.6
2.6
 
การออกแบบทำไวนิล
การออกแบบทำไวนิลการออกแบบทำไวนิล
การออกแบบทำไวนิล
 
การสร้างเว็บเพจด้วยDream 8
การสร้างเว็บเพจด้วยDream 8การสร้างเว็บเพจด้วยDream 8
การสร้างเว็บเพจด้วยDream 8
 
Paint
PaintPaint
Paint
 
Knowlage14
Knowlage14Knowlage14
Knowlage14
 

Viewers also liked

ใบงานที่ 1.1
ใบงานที่ 1.1ใบงานที่ 1.1
ใบงานที่ 1.1Wachi Kook
 
ใบงานที่ 1.3
ใบงานที่ 1.3ใบงานที่ 1.3
ใบงานที่ 1.3Wachi Kook
 
ใบงานที่ 4.2
ใบงานที่ 4.2ใบงานที่ 4.2
ใบงานที่ 4.2Wachi Kook
 
แบบทดสอบก่อนเรียน 1
แบบทดสอบก่อนเรียน 1แบบทดสอบก่อนเรียน 1
แบบทดสอบก่อนเรียน 1Wachi Kook
 
แบบทดสอบหลังเรียน 1
แบบทดสอบหลังเรียน 1แบบทดสอบหลังเรียน 1
แบบทดสอบหลังเรียน 1Wachi Kook
 
คู่มือการสร้างภาพเคลื่อนไหวด้วยโปรแกรม Flash
คู่มือการสร้างภาพเคลื่อนไหวด้วยโปรแกรม Flashคู่มือการสร้างภาพเคลื่อนไหวด้วยโปรแกรม Flash
คู่มือการสร้างภาพเคลื่อนไหวด้วยโปรแกรม Flashprawit trakoonvidthayanan
 
ใบงานที่ 3.2
ใบงานที่ 3.2ใบงานที่ 3.2
ใบงานที่ 3.2Wachi Kook
 
ใบงานที่ 3.1
ใบงานที่ 3.1ใบงานที่ 3.1
ใบงานที่ 3.1Wachi Kook
 
ใบงานที่ 3.3
ใบงานที่ 3.3ใบงานที่ 3.3
ใบงานที่ 3.3Wachi Kook
 

Viewers also liked (20)

Job1.2
Job1.2Job1.2
Job1.2
 
ใบงานที่ 1.1
ใบงานที่ 1.1ใบงานที่ 1.1
ใบงานที่ 1.1
 
ใบงานที่ 1.3
ใบงานที่ 1.3ใบงานที่ 1.3
ใบงานที่ 1.3
 
ใบงานที่ 4.2
ใบงานที่ 4.2ใบงานที่ 4.2
ใบงานที่ 4.2
 
Job4.1
Job4.1Job4.1
Job4.1
 
แบบทดสอบก่อนเรียน 1
แบบทดสอบก่อนเรียน 1แบบทดสอบก่อนเรียน 1
แบบทดสอบก่อนเรียน 1
 
แบบทดสอบหลังเรียน 1
แบบทดสอบหลังเรียน 1แบบทดสอบหลังเรียน 1
แบบทดสอบหลังเรียน 1
 
คู่มือการสร้างภาพเคลื่อนไหวด้วยโปรแกรม Flash
คู่มือการสร้างภาพเคลื่อนไหวด้วยโปรแกรม Flashคู่มือการสร้างภาพเคลื่อนไหวด้วยโปรแกรม Flash
คู่มือการสร้างภาพเคลื่อนไหวด้วยโปรแกรม Flash
 
Job6.2
Job6.2Job6.2
Job6.2
 
Job6.3
Job6.3Job6.3
Job6.3
 
Job5.2
Job5.2Job5.2
Job5.2
 
Job6.1
Job6.1Job6.1
Job6.1
 
Job5.1
Job5.1Job5.1
Job5.1
 
1.1
1.11.1
1.1
 
Job7.1
Job7.1Job7.1
Job7.1
 
ใบงานที่ 3.2
ใบงานที่ 3.2ใบงานที่ 3.2
ใบงานที่ 3.2
 
ใบงานที่ 3.1
ใบงานที่ 3.1ใบงานที่ 3.1
ใบงานที่ 3.1
 
ใบงานที่ 3.3
ใบงานที่ 3.3ใบงานที่ 3.3
ใบงานที่ 3.3
 
Job7.2
Job7.2Job7.2
Job7.2
 
2.2
2.22.2
2.2
 

Similar to 2.6new

powerpoint2007
powerpoint2007powerpoint2007
powerpoint2007krupairoj
 
Photoshop
PhotoshopPhotoshop
Photoshopjompon
 
งานนำเสนอ
งานนำเสนองานนำเสนอ
งานนำเสนอNadnapha
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007Wee Jay
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007Wee Jay
 
วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...
วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...
วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...Kanon Dhasanon
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์Suthida23
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้องChamp Wachwittayakhang
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้องChamp Wachwittayakhang
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้องChamp Wachwittayakhang
 
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกการใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกกชพร มณีพงษ์
 
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกการใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกกชพร มณีพงษ์
 
การเข้าโปรแกรม Psd
การเข้าโปรแกรม Psdการเข้าโปรแกรม Psd
การเข้าโปรแกรม Psdsombut
 
นางสาวเขมจิรา เม่นทอง เลขที่ 21 ชบ.32
นางสาวเขมจิรา เม่นทอง เลขที่ 21 ชบ.32นางสาวเขมจิรา เม่นทอง เลขที่ 21 ชบ.32
นางสาวเขมจิรา เม่นทอง เลขที่ 21 ชบ.325422010240
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์Suthida23
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์Suthida23
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์Suthida23
 
คู่มือการใช้งาน Windows live movie maker
คู่มือการใช้งาน Windows live movie makerคู่มือการใช้งาน Windows live movie maker
คู่มือการใช้งาน Windows live movie makerมนตรี ศรีวงศ์
 

Similar to 2.6new (20)

powerpoint2007
powerpoint2007powerpoint2007
powerpoint2007
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
งานนำเสนอ
งานนำเสนองานนำเสนอ
งานนำเสนอ
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007
 
วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...
วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...
วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
 
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
 
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกการใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
 
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิกการใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
การใช้งานโปรแกรมคอมพิวเตอร์กราฟิก
 
การเข้าโปรแกรม Psd
การเข้าโปรแกรม Psdการเข้าโปรแกรม Psd
การเข้าโปรแกรม Psd
 
นางสาวเขมจิรา เม่นทอง เลขที่ 21 ชบ.32
นางสาวเขมจิรา เม่นทอง เลขที่ 21 ชบ.32นางสาวเขมจิรา เม่นทอง เลขที่ 21 ชบ.32
นางสาวเขมจิรา เม่นทอง เลขที่ 21 ชบ.32
 
Crop 1
Crop 1Crop 1
Crop 1
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์ขั้นตอนในการพัฒนาเว็บไซต์
ขั้นตอนในการพัฒนาเว็บไซต์
 
คู่มือการใช้งาน Windows live movie maker
คู่มือการใช้งาน Windows live movie makerคู่มือการใช้งาน Windows live movie maker
คู่มือการใช้งาน Windows live movie maker
 
Windows Live Movie Maker
Windows Live Movie MakerWindows Live Movie Maker
Windows Live Movie Maker
 

More from Wachi Kook

ใบงานที่ 4.1
ใบงานที่ 4.1ใบงานที่ 4.1
ใบงานที่ 4.1Wachi Kook
 
ใบงานที่ 4.1
ใบงานที่ 4.1ใบงานที่ 4.1
ใบงานที่ 4.1Wachi Kook
 
แบบทดสอบก่อนเรียน 7
แบบทดสอบก่อนเรียน 7แบบทดสอบก่อนเรียน 7
แบบทดสอบก่อนเรียน 7Wachi Kook
 
แบบทดสอบหลังเรียน 7++
แบบทดสอบหลังเรียน 7++แบบทดสอบหลังเรียน 7++
แบบทดสอบหลังเรียน 7++Wachi Kook
 
แบบทดสอบหลังเรียน 6++
แบบทดสอบหลังเรียน 6++แบบทดสอบหลังเรียน 6++
แบบทดสอบหลังเรียน 6++Wachi Kook
 
แบบทดสอบก่อนเรียน 6
แบบทดสอบก่อนเรียน 6แบบทดสอบก่อนเรียน 6
แบบทดสอบก่อนเรียน 6Wachi Kook
 
แบบทดสอบก่อนเรียน 5
แบบทดสอบก่อนเรียน 5แบบทดสอบก่อนเรียน 5
แบบทดสอบก่อนเรียน 5Wachi Kook
 
แบบทดสอบหลังเรียน 5++
แบบทดสอบหลังเรียน 5++แบบทดสอบหลังเรียน 5++
แบบทดสอบหลังเรียน 5++Wachi Kook
 
แบบทดสอบหลังเรียน 3++
แบบทดสอบหลังเรียน 3++แบบทดสอบหลังเรียน 3++
แบบทดสอบหลังเรียน 3++Wachi Kook
 
แบบทดสอบก่อนเรียน 3
แบบทดสอบก่อนเรียน 3แบบทดสอบก่อนเรียน 3
แบบทดสอบก่อนเรียน 3Wachi Kook
 
ใบงานที่ 4.1
ใบงานที่ 4.1ใบงานที่ 4.1
ใบงานที่ 4.1Wachi Kook
 
แบบทดสอบหลังเรียน 4
แบบทดสอบหลังเรียน 4แบบทดสอบหลังเรียน 4
แบบทดสอบหลังเรียน 4Wachi Kook
 
แบบทดสอบก่อนเรียน 4
แบบทดสอบก่อนเรียน 4แบบทดสอบก่อนเรียน 4
แบบทดสอบก่อนเรียน 4Wachi Kook
 

More from Wachi Kook (18)

ใบงานที่ 4.1
ใบงานที่ 4.1ใบงานที่ 4.1
ใบงานที่ 4.1
 
ใบงานที่ 4.1
ใบงานที่ 4.1ใบงานที่ 4.1
ใบงานที่ 4.1
 
2.1
2.12.1
2.1
 
2.1
2.12.1
2.1
 
Job2.1
Job2.1Job2.1
Job2.1
 
2.2
2.22.2
2.2
 
Job1.2
Job1.2Job1.2
Job1.2
 
แบบทดสอบก่อนเรียน 7
แบบทดสอบก่อนเรียน 7แบบทดสอบก่อนเรียน 7
แบบทดสอบก่อนเรียน 7
 
แบบทดสอบหลังเรียน 7++
แบบทดสอบหลังเรียน 7++แบบทดสอบหลังเรียน 7++
แบบทดสอบหลังเรียน 7++
 
แบบทดสอบหลังเรียน 6++
แบบทดสอบหลังเรียน 6++แบบทดสอบหลังเรียน 6++
แบบทดสอบหลังเรียน 6++
 
แบบทดสอบก่อนเรียน 6
แบบทดสอบก่อนเรียน 6แบบทดสอบก่อนเรียน 6
แบบทดสอบก่อนเรียน 6
 
แบบทดสอบก่อนเรียน 5
แบบทดสอบก่อนเรียน 5แบบทดสอบก่อนเรียน 5
แบบทดสอบก่อนเรียน 5
 
แบบทดสอบหลังเรียน 5++
แบบทดสอบหลังเรียน 5++แบบทดสอบหลังเรียน 5++
แบบทดสอบหลังเรียน 5++
 
แบบทดสอบหลังเรียน 3++
แบบทดสอบหลังเรียน 3++แบบทดสอบหลังเรียน 3++
แบบทดสอบหลังเรียน 3++
 
แบบทดสอบก่อนเรียน 3
แบบทดสอบก่อนเรียน 3แบบทดสอบก่อนเรียน 3
แบบทดสอบก่อนเรียน 3
 
ใบงานที่ 4.1
ใบงานที่ 4.1ใบงานที่ 4.1
ใบงานที่ 4.1
 
แบบทดสอบหลังเรียน 4
แบบทดสอบหลังเรียน 4แบบทดสอบหลังเรียน 4
แบบทดสอบหลังเรียน 4
 
แบบทดสอบก่อนเรียน 4
แบบทดสอบก่อนเรียน 4แบบทดสอบก่อนเรียน 4
แบบทดสอบก่อนเรียน 4
 

2.6new

  • 1. ใบความรู้หน่วยที่ 2 โปรแกรม Adobe Photoshop CS6 6. การใช้งานพื้นฐานโปรแกรม Adobe Photoshop CS6 6.1 เปิดไฟล์ภาพ ขั้นตอน แรกของการตกแต่งภาพก็คือการเปิดไฟล์ภาพขึ้นมาใช้งาน โดย Adobe Photoshop มีคุณสมบัติเด่นที่สามารถเปิดไฟล์ภาพประเภทต่าง ๆ ได้สารพัดรูปแบบ เช่น JPG (JPEG) , TIF (TIFF) , PNG , PDF , GIF และอื่น ๆ รวมทั้งไฟล์ PSD ซึ่งเป็นรูปแบบ พื้นฐานของ Adobe Photoshop เอง เกร็ดความรู้  การเปิดไฟล์ล่าสุดที่เพิ่งใช้ไปไม่นานทาได้โดยเลือกคาสั่ง File > Open Recent แล้วคลิกที่ชื่อไฟล์นั้น  การเปิดไฟล์แบบง่าย ๆ อีกวิธี ทาได้โดยคลิกลากไฟล์จากวินโดว์ของ My Computer , Windows Explorer หรือ Adobe Bridge มาปล่อยบนวินโดว์ของ Adobe Photoshop
  • 3. ถ้าภาพที่เราต้องการสร้างนั้นมีขนาดตรงตามมาตรฐานที่กาหนดไว้แล้ว ก็สามารถ เลือกขนาดภาพจากช่อง Preset และ Size ได้ทันที เช่น เลือก Photo ขนาด 4x6 หรือ 8x10 นิ้ว ที่นิยมใช้อัดภาพโดยทั่วไป 6.3 บันทึกไฟล์ภาพ เมื่อสร้างหรือตกแต่งภาพเสร็จแล้ว เราต้องสั่งบันทึกไฟล์ด้วย ไฟล์ประเภทแรกที่เรา ควรบันทึกคือรูปแบบ PSD ของ Adobe Photoshop เอง เพื่อเก็บเป็นต้นฉบับไว้สาหรับนา กลับมาแก้ไขภายหลัง หลังจากนั้นจึงสั่งบันทึกเป็นไฟล์ประเภทอื่น เช่น JPG หรือ TIF เพื่อให้ เหมาะกับการนาไปใช้งานในแต่ละกรณี สาหรับการบันทึกครั้งต่อ ๆ ไป เมื่อเลือกคาสั่ง File > Save ไฟล์จะถูกบันทึกทันทีโดย ที่ไม่ต้องตั้งชื่ออีก แต่หากต้องการบันทึกไฟล์เป็นชื่ออื่น ให้เลือกคาสั่ง File > Save As แทน
  • 4. 6.4 ปิดไฟล์ภาพ หลังจากปรับแต่งภาพเสร็จแล้ว เราควรปิดไฟล์ภาพให้เรียบร้อย โดยทาได้หลายวิธี คือ - คลิกปุ่ม บนแท็บชื่อของไฟล์ - เลือกคาสั่ง File > Close เพื่อปิดไฟล์ที่กาลังแก้ไข - เลือกคาสั่ง File > Close All เพื่อปิดไฟล์ทั้งหมดที่เปิดอยู่ 6.5 องค์ประกอบของไฟล์รูปภาพ วินโดว์ของรูปภาพแต่ละภาพที่เราสร้างหรือเปิดไฟล์ขึ้นมา จะมีลักษณะดังนี้ 6.6 ย่อ/ขยายมุมมองภาพ (Zoom) เราสามารถย่อ/ขายมุมมองภาพ (ซูมภาพ) ให้เล็กลง (Zoom Out) หรือใหญ่ขึ้น (Zoom In) ได้ตามความจาเป็นในขณะที่ทางาน เช่น เวลาตกแต่งดวงตาของนางแบบ เราอาจจะขยาย มุมมองให้ดวงตาใหญ่เต็มหน้าจอเพื่อความสะดวกในการปรับแต่ง หลังจากนั้นจึงย่อมมุมมอง เพื่อดูภาพรวมของผลลัพธ์ ใน Adobe Photoshop มีเครื่องมือที่ใช้ซูมภาพอยู่มากมาย เช่น เครื่องมือ Zoom การใช้คีย์ลัด , คาสั่งในเมนู View และพาเนล Navigator เป็นต้น 2. คลิกหรือคลิกลากเพื่อกาหนดขอบเขตที่จะซูม
  • 5. ซูมด้วยวิธีอื่น ๆ ยังสามารถทาได้ด้วยวิธีอื่นๆ อีกหลายวิธี เช่น - ซูมภาพเป็น 100% (Actual Pixels) ทาได้โดยดับเบิลคลิกที่เครื่องมือ Zoom บนทูลบ็อกซ์ - ซูมภาพให้มีขนาดพอดีกับพื้นที่ทางาน (Fit on Screen) ทาได้โดยดับเบิลคลิกที่ เครื่องมือ Hand บนทูลบ็อกซ์ - ใช้พาเนล Navigator โดยกาหนดค่า % ลงในช่อง หรือคลิกลากที่สไลเดอร์ - กดคีย์ Alt ค้างไว้ แล้วหมุนปุ่มกลางของ Wheel mouse ขึ้นหรือลง - ใช้คาสั่งในเมนู View ดังรูป  ขณะที่กาลังใช้เครื่องมืออื่น ๆ อยู่นั้น เราสามารถสลับมาใช้เครื่องมือ Hand ชั่วคราว โดยกดคีย์ Space ค้างไว้ แล้วคลิกลากบนภาพ 6.7 เลื่อนดูภาพด้วยเครื่องมือ Hand เมื่อซูมภาพจนใหญ่เกินกว่าขนาดวินโดว์ จะทาให้ภาพบางส่วนตกขอบไป (สังเกตได้ จากสโครลบาร์ที่ปรากฎขึ้นมา) เราสามารถเลื่อนดูภาพส่วนอื่น ๆ ที่ตกขอบวินโดว์ไปได้ โดยใช้ เครื่องมือ Hand 2. คลิกลากบนภาพ (ในลักษณะเดียวกันกับการใช้มือดึงภาพ) เพื่อให้ส่วนที่ต้องการดูเลื่อนมาปรากฏบนจอ 6.8 ซูมและเลื่อนดูภาพด้วยพาเนล Navigator พาเนล Navigator ใช้ได้ทั้งในการซูมภาพและเลื่อนดูภาพ นอกจากนี้ยังมีจุดเด่น คือ สามารถซูมภาพได้ตามเปอร์เซ็นต์ที่กาหนด พร้อมทั้งช่วยให้มองเห็นความสัมพันธ์ระหว่างภาพ ทั้งภาพ กับส่วนที่กาลังแสดงบนจอด้วย การเปิด/ปิดพาเนล Navigator ทาได้โดยเลือกคาสั่ง Window > Navigator
  • 6. 6.9 การใช้ไม้บรรทัด (Ruler) และเส้นกริด (Grid) 6.9.1 การเรียกใช้ไม้บรรทัด (Ruler) ไม้บรรทัด (Ruler) เป็นอุปกรณ์หนึ่งที่ช่วยให้สามารถกาหนดตาแหน่งต่าง ๆ ใน การวางรูปได้แม่นยามากยิ่งขึ้น มีวิธีเรียกใช้ดังนี้ 1. เปิดไฟล์หรือสร้างชิ้นงานเปล่าที่ต้องการ 2. เลือกคาสั่ง View > Rulers หรือ กดปุ่ม Ctrl+R การยกเลิกไม้บรรทัด เลือกคาสั่ง View > Rulers หรือ กดปุ่ม Ctrl+R ซ้าอีกครั้ง 6.9.2 การเรียกใช้เส้นกริด (Grid) เส้นกริด (Grid) คือช่องตารางที่มี ระยะห่างเท่ากัน ช่วยในการจัดวางวัตถุได้ง่ายขึ้น เปิดใช้ได้โดยเลือกคาสั่ง View > Show > Grid การยกเลิกเส้นกริด เลือกคาสั่ง View > Show > Grid ซ้าอีกครั้ง
  • 7. 6.10 ย้อนการทางานด้วยพาเนล History พาเนล History เป็นที่ที่โปรแกรมใช้จัดเก็บขั้นตอนการปรับแต่งต่าง ๆ ที่เราทากับ รูปภาพเอาไว้ โดยเรียงไปตามลาดับ เราจึงสามารถใช้พาเนลนี้เพื่อย้อนกลับไปยังคาสั่งใดก็ได้ หากขั้นตอนนั้นยังไม่ถูกลบหายไป วิธีย้อนการทางาน ให้คลิกบนขั้นตอนสุดท้ายที่ยังต้องการให้มีผล ขั้นตอนอื่น ๆ ต่อจากนั้นจะถูกยกเลิกทั้งหมด (กลายเป็นสีเทา ดังรูป)