22
Photoshop CS 3 เรื่อง เรียนรู้และเริ่มต้นใช้งานโปรแกรม Adobe Photoshop CS3 Photoshop เป็นโปรแกรมสาหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด อันเนื่องมาจากคุณสมบัติเด่นซึ่งมีอยู่อย่างมากมาย ไม่ว่าจะเป็นความสามารถจัดการกับไฟล์สารพัด ชนิดที่ใช้ในงานประเภทต่าง ๆ ทั้งรูปที่จะนาไปผ่านกระบวนการพิมพ์ และรูปที่นาไปใช้ในเว็บเพจ หรือส่งผ่านสื่ออิเล็กทรอนิคส์ มีความสามารถเป็นเยี่ยมในการแก้ไขตกแต่งภาพ และการสร้างเอฟ เฟ็คต์พิเศษต่าง ๆ มีเครื่องมือที่มีประสิทธิภาพและความยืดหยุ่นสูง สามารถบันทึกขั้นตอนที่ต้อง ทาซ้า ๆ ไว้เรียกใช้ภายหลังตลอดจนมีผู้ผลิตปลั๊กอิน (plug-in) ให้เป็นจานวนมาก ซึ่งปลั๊กอินก็คือ โปรแกรมเสริมสาหรับช่วยให้การทางานที่ซับซ้อนสาเร็จลงได้อย่างรวดเร็ว ต่อไปนี้เป็นตัวอย่างของงานประเภทต่าง ซึ่งคุณสามารถใช้ Photoshop ช่วยจัดการได้อย่าง ง่ายดาย แก้ไขภาพถ่าย ที่บกพร่องหรือมีตาหนิ เช่น ปรับสีที่เพี้ยน ปรับแสงเงาที่สว่างหรือมืด เกินไปลบแสงแฟลชที่สะท้อนในดวงตา ตกแต่งภาพ เช่น ตัดส่วนที่ไม่ต้องการออกไป ลบองค์ประกอบที่รกรุงรัง ปรับภาพให้ เบลอหรือคมชัด ปรับผิวกายนางแบบให้ขาวนวลและขจัดไฝฝ้าต่าง ๆ ขจัดเม็ดสีที่เกิดในภาพทีสแกนจากสิ่งพิมพ์ ดัดแปลงภาพ เช่น ทาภาพใหม่ให้กลายเป็นภาพสีซีเปียแบบโบราณ หรือแปลงภาพ เก่า ๆ ที่เป็นขาวดาให้กลายเป็นภาพสี เปลี่ยนภาพคนให้อ้วนขึ้น- ผอมลง หรือเด็ก-แก่กว่าที่เป็นจริง ใส่เอฟเฟ็คต์พิเศษ ให้ภาพ เช่น ทาให้เหมือนกาลังมองภาพผ่านกระจกชนิดและลาย ต่าง ๆ หรือเหมือนเงาสะท้อนในนเปลี่ยนภาพถ่ายให้ดูคล้ายภาพวาดด้วยเครื่องมือหลากหลาย ชนิด ใส่ประกายแสงหรือเงาให้วัตถุ ทาวัตถุแบน ๆ ให้ดูเป็น 3 มิติ เปลี่ยนโทนสีของภาพ สร้างภาพกราฟิก ซึ่งผสมผสานระหว่างภาพถ่าย ข้อความ และภาพวัตถุหรือเอฟเฟ็กต์ พิเศษที่สร้างขึ้นใน Photoshop เพื่อใช้ในงานผลิตสื่อโฆษณา ทาปกหนังสือหรือนิตยสาร หรือใช้ ตกแต่งเว็บเพจ สร้างองค์ประกอบที่ใช้ในเว็บเพจ (โดยปกติทางานร่วมกับโปรแกรม ImageReady CS3 ที่ให้มาด้วยกันแต่ใน Photoshop CS3 นั้น image ready ถูกนาไปรวมไว้ในตัว Photoshop CS3 แล้ว จึงสามารถเรียกใช้โดยเลือกแท็บ Windows แล้วเลือก Animations นั่นเอง ) เช่น การตัดแบ่งภาพ ขนาดใหญ่ออกเป็นส่วน ๆ (Slice), การแบ่งพื้นที่ภาพเพื่อสร้างไฮเปอร์ลิงค์เฉพาะส่วน(image map).

Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

  • Upload
    others

  • View
    10

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

Photoshop CS 3

เรอง เรยนรและเรมตนใชงานโปรแกรม Adobe Photoshop CS3

Photoshop เปนโปรแกรมส าหรบสรางและตกแตงภาพทมชอเสยงและไดรบความนยมมากทสด อนเนองมาจากคณสมบตเดนซงมอยอยางมากมาย ไมวาจะเปนความสามารถจดการกบไฟลสารพดชนดทใชในงานประเภทตาง ๆ ทงรปทจะน าไปผานกระบวนการพมพ และรปทน าไปใชในเวบเพจหรอสงผานสออเลกทรอนคส มความสามารถเปนเยยมในการแกไขตกแตงภาพ และการสรางเอฟเฟคตพเศษตาง ๆ มเครองมอทมประสทธภาพและความยดหยนสง สามารถบนทกขนตอนทตองท าซ า ๆ ไวเรยกใชภายหลงตลอดจนมผผลตปลกอน (plug-in) ใหเปนจ านวนมาก ซงปลกอนกคอโปรแกรมเสรมส าหรบชวยใหการท างานทซบซอนส าเรจลงไดอยางรวดเรว ตอไปนเปนตวอยางของงานประเภทตาง ๆ ซงคณสามารถใช Photoshop ชวยจดการไดอยางงายดาย • แกไขภาพถาย ทบกพรองหรอมต าหน เชน ปรบสทเพยน ปรบแสงเงาทสวางหรอมดเกนไปลบแสงแฟลชทสะทอนในดวงตา • ตกแตงภาพ เชน ตดสวนทไมตองการออกไป ลบองคประกอบทรกรงรง ปรบภาพใหเบลอหรอคมชด ปรบผวกายนางแบบใหขาวนวลและขจดไฝฝาตาง ๆ ขจดเมดสทเกดในภาพทสแกนจากสงพมพ • ดดแปลงภาพ เชน ท าภาพใหมใหกลายเปนภาพสซเปยแบบโบราณ หรอแปลงภาพ เกา ๆ ทเปนขาวด าใหกลายเปนภาพส เปลยนภาพคนใหอวนขน-ผอมลง หรอเดก-แกกวาทเปนจรง • ใสเอฟเฟคตพเศษ ใหภาพ เชน ท าใหเหมอนก าลงมองภาพผานกระจกชนดและลายตาง ๆ หรอเหมอนเงาสะทอนในน า เปลยนภาพถายใหดคลายภาพวาดดวยเครองมอหลากหลายชนด ใสประกายแสงหรอเงาใหวตถ ท าวตถแบน ๆ ใหดเปน 3 มต เปลยนโทนสของภาพ • สรางภาพกราฟก ซงผสมผสานระหวางภาพถาย ขอความ และภาพวตถหรอเอฟเฟกตพเศษทสรางขนใน Photoshop เพอใชในงานผลตสอโฆษณา ท าปกหนงสอหรอนตยสาร หรอใชตกแตงเวบเพจ • สรางองคประกอบทใชในเวบเพจ (โดยปกตท างานรวมกบโปรแกรม ImageReady CS3 ทใหมาดวยกนแตใน Photoshop CS3 นน image ready ถกน าไปรวมไวในตว Photoshop CS3 แลว จงสามารถเรยกใชโดยเลอกแทบ Windows แลวเลอก Animations นนเอง ) เชน การตดแบงภาพขนาดใหญออกเปนสวน ๆ (Slice), การแบงพนทภาพเพอสรางไฮเปอรลงคเฉพาะสวน(image map).

Page 2: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

2

การสรางภาพเคลอนไหว (animation) และการสรางปมทเปลยนสถานะตามเมาส (rollover) และอน ๆ อกมากมาย

ความเปนมาของPhotoshop

Photoshop เปนโปรแกรมของบรษท Adobe (“อะ-โด-บ”) ซงเปนผพฒนาซอฟตแวรดานกราฟก และอตสาหกรรมการพมพรายส าคญ รวมถงเปนผคดคนภาษา PostScript และไฟลแบบ PDF (Portable Document Format) ทใชกนในวงการพมพและการจดรปแบบเอกสารบนอนเตอรเนตดวย ดงนน Photoshop จงสามารถท างานรวมและแลกเปลยนไฟลกบโปรแกรมอน ๆ ทใชท างานดานกราฟกไดอยางกวางขวาง เชน โปรแกรม Illustrator, PageMaker และ Acrobat ซงทงหมดนเปนของ Adobe เชนกน Photoshop ออกเวอรชนแรกในป 1990 และไดรบการพฒนาตอเนองมาเรอย ๆ เปนเวอรชน 2,2.5, 3, 4, 5, 5.5 และ 6 ,7 ,CS2 จนกระทงลาสดคอเวอรชน CS3 ในขณะน โดยมขดความสามารถใหมๆ ส าหรบการจดการกบภาพขนมาอกตวหนง คอ ImageReady (แตเดม Photoshop เปนโปรแกรมทเนนในการสรางภาพส าหรบสงพมพ โดยเพงจะไดรบการเพมคณสมบตเกยวกบเวบเขามาในเวอรชนหลง ๆ แตกยงไมสมบรณนก) แตเดม ImageReady 1.0 เปนโปรแกรมทขายแยกตางหาก ตอมาในเวอรชน 2.0 จงไดถกจบขายรวมกบ Photoshop 5.5 , ImageReady 3.0 รวมอยใน Photoshop 6.0 แต ImageReady ตวลาสดถกเปลยนเลขเวอรชนกระโดดเปน CS3 เพอใหสอดคลองกบ Photoshop CS3

ท าไมจงเปน Photoshop CS3 Photoshop เวอรชนใหมทหลายคนรอคอยไดปรากฏตวออกมาพรอมกบความแปลกใหม เรมทชอเวอรชนจากตวเลขทคนเคยไดเปลยนเปนตวอกษร CS และในปจจบนไดถกพฒนาขนจนเปนเวอรชน CS3 ความแปลกใหมอกอยางไดแกสญลกษณรปดวงตากกลายมาเปนรปขนนกสสดใส จนปจจบนมสญลกษณเปนรปสเหลยมส าน าเงน และมตวอกษรยอของโปรแกรม ดงรป

ซงจะเปนกลมผลตภณฑเดยวกบ Creative Suit ซงรองรบโปรแกรมของ Macro Media ไวดวยกน การพฒนาของ Photoshop ครงนผผลตตองการใหผใชไดรบรถงววฒนาการใหมจากโปรแกรมคาย Adobe ทรวมตวเปนชด Creative Suit ซงเปนทมาของเวอรชน CS และ Photoshop CS3 กเปนสวนหนงของชด Creative Suit นบตงแต Photoshop เวอรชนแรกเปดตวกไดรบความสนใจจากวงการตกแตงภาพ ตอมา

Page 3: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

3

โปรแกรมไดรบการพฒนาคณสมบตเพมขนในเวอรชนใหม จนสามารถตอบสนองความตองการดานตกแตงภาพของนกออกแบบหลายกลมมากขน รวมกบความสนใจของกลมผใชคอมพวเตอรทตองการเรยนรโปรแกรมเพอตกแตงภาพกมกเลอก Photoshop เปนล าดบแรก ท าใหโปรแกรมไดรบความนยมมากปจจบน Photoshop พฒนามาถงเวอรชน 8 หรอเรยกวา Photoshop CS และพฒนามาเปนเวอรชน CS2 จนถง CS3 ในปจจบน ทมความสามารถมากขนหนาตาปรบเปลยนใหดทนสมยรวมทงรองรบการท างานกบกลองดจตอลได ซงการพฒนาครงนท าให Photoshop CS3 มความโดดเดนมากยงขน

เวบกราฟก และ Adobe PhotoShop

องคประกอบส าคญในการท า Web ใหดนาสนใจ คงหนไมพนรปภาพทน ามาตกแตง ซงผพฒนาหลายๆ คน บางกน าภาพส าเรจมาใชงาน บางกน าภาพจากเวบอนๆ ทดสวยงามมาใช และกมไมนอยทสรางภาพเอง โดยอาศยโปรแกรมกราฟกตางๆ เชน PhotoShop, Photo Impact, Paint Shop เปนตน โปรแกรม PhotoShop นบวาเปนโปรแกรมกราฟกสดฮต ทนยมใชในการปรบแตงภาพ หรอสรางภาพ เพอน ามาใชงานในเวบ เนองจากมฟงกชนการท างาน ทหลากหลาย มฟลดเตอรเพอปรบแตงภาพ จากคายตางๆ ท าใหงายตอการปรบแตงภาพตามตองการ เดมทนยมใช PhotoShop เพองานสอสงพมพ (Desktop Publishing) แตปจจบน Web Design มบทบาทในงานธรกจและงานการศกษาสงมาก จงน า PhotoShop มาใชในงานนดวย

การท าภาพกราฟกเพอใชในงานเวบ มหลกการเฉพาะ แตกตางไปจากงานสอสงพมพ ทงเรองความละเอยดของภาพ (Resolution) ทใชแค 72 dpi หรอจ านวนสทใชแสดงผล เปนตน ดงนนการศกษาถง ลกษณะเฉพาะในการใช PhotoShop สรางกราฟกในงานเวบ จงเปนศาสตรทนาสนใจอกศาสตรหนง

Page 4: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

4

การสรางงานตองตง Resolution เปน 72 dpi ดวย

การเขาสโปรแกรม Adobe Photoshop CS3

การเขาสโปรแกรม Adobe Photoshop CS3 สามารถท าไดตามขนตอนตอไปน 1. คลกเมาสทปม Start บนแถบงาน 2. เลอนเมาสมาชท Programs แลวเลอนมาคลกทหวขอ Adobe master collection CS3จากนนเลอก Adobe Photoshop CS3 จะสามารถเขาสโปรแกรม Adobe Photoshop CS3 ได

Page 5: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

5

จากนนจะเขาสโปรแกรม Adobe Photoshop CS3 ดงรป

Splash screen ของ CS3

Adobe Photoshop CS3

Page 6: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

6

รจกสวนประกอบ Photoshop CS3

การท าความรจกและสรางความคนเคยกบสวนประกอบตาง ๆ ของโปรแกรมเปนพนฐานทดทจะน าไปสการใชงานโปรแกรมในระดบสง เพราะจะท าใหเรามความคลองตวเปนอยางมากในการท างานทมความสลบซบซอนมาก ๆ เราจะมาท าความรจกกบหนาตา และสวน ตาง ๆ ของ Photoshop CS3 กน เมอเราเปดโปรแกรม Photoshop CS3 ขนมาเรากเหนพนทท างานของโปรแกรม Photoshop CS3 ถกเปดขนมา ซงภายในจะประกอบ ไปดวยสวนการท างานหลกดงตอไปน

AA = MMeennuu BBaarr เปนแถบกลมค าสงทบรรจค าสงส าหรบการท างานทงหมดใน Photoshop CS3

โดยจะแบงออกเปน 9 หมวดหมดวยกนตาม กลมชนดของการใชงาน BB = OOppttiioonn BBaarr เปนแถบส าหรบแสดงสวนตวเลอกหรอสวนปรบแตงเสรมการท างานของ

เครองมอ (Tool) ทเราเลอกใชงานจากใน Toolbox CC = TToooollbbooxx เปนกลองส าหรบเกบเครองมอส าหรบใชท างานกบพนทท างาน โดยจะประกอบได

ดวยเครองมอหลาย ๆ ชนดดวยกน

A B

C

D

E

Page 7: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

7

DD = AAccttiivvee IImmaaggee AArreeaa เปนสวนกรอบแสดงภาพส าหรบท างาน หรอพนทท างาน สามารถเปด

ขนมาไดหลาย ๆ กรอบพนทท างาน พรอม ๆ กน แตสามารถเลอกท างานไดทละกรอบท างาน เทานน EE = PPaalleettttee เปนสวนหนาตางยอย ๆ ส าหรบอ านวยความสะดวกในการท างาน และเปน

สวนควบคมสวนยอยในการท างานตาง ๆ ดวย เชน การก าหนดส, ก าหนดการท างาน Layer หรอ Channel สของภาพ การแสดงและจดการบนทกการท างาน (History) เปนตน ซงใน แตละ Palette ยงประกอบไปดวย Tab หวขอยอยตาง ๆ ตามแตละสวนของการท างาน

Menu Bar (แถบเมน)

แถบเมนหรอ Menu Bar นนเปนแถบส าหรบเลอกค าสงท างาน โดยจะอยทางดานบนของโปรแกรมซงการใชงาน Menu Bar ใน Photoshop CS3 นนกจะเหมอนกนกบโปรแกรมใชงาน อน ๆ โดยใน Photoshop CS3 นน Menu Bar จะถกแบงออกเปน 9 กลมค าสงดวยกน คอ

1. File ชดกลมค าสงทเกยวของกบขอมลในการท างาน ไมวาจะเปนค าสงสรางพนทท างานใหม ค าสงปดพนทท างาน ค าสงบนทก เปด หรอปดภาพ

2. Edit ชดกลมค าสงทเกยวของกบการจดการรายละเอยดในการ ท างานรวมทงการแกไขในการท างานตาง ๆ ในระดบของ Layer ท ก าลง เลอกท างาน เชน การบนทก ท าซ า การยกเลกการท างาน รวมทง การแกไขรายละเอยดของภาพในแตละ Layer

Page 8: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

8

3. Image ชดกลมค าสงเกยวของกบการจดการแกไขภาพ โดยจะเปนการจดการแกไขรปภาพ ทงหมด (ทก Layer ในพนทท างาน) เชน การแกไข ขนาดของภาพ การท าส าเนาภาพรวมทงการเพม Layer พเศษชนดตาง ๆ ลงไปในภาพ

4. Layer ชดกลมค าสงทเกยวของกบการท างานตาง ๆ ของ Layer ไมวา จะเปนการส าเนาเพม หรอ ลบ Layer ชนดตาง ๆ ในภาพ รวมทงการ ยายต าแหนงล าดบชนของ Layer

5. Select ชดกลมค าสงทเกยวของกบการเลอกพนทแบบตาง ๆ ในพนทท างานรวมไปถงการแกไขพนททเราเลอกไปแลวดวย

6. Filter ชดกลมค าสงส าหรบเลอกใชงาน Filter แบบตาง ๆ ลงไปในภาพ

7. Analysis เมนส าหรบการเรยกใชและปรบแตงเครองมอนกวดระยะ และค านวณพนท (เฉพาะ CS3 รน Extended)

Page 9: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

9

8. View ชดกลมค าสงทเกยวของกบการก าหนดมมมองในพนทท างาน เชน การเปดหรอปดเสน Gird การเปดหรอปดการท า Snap ในพนทท างาน การยอหรอขยายมมมองของภาพ

9. Window ชดกลมค าสงทเกยวของกบการเปดหรอปดหนาตางหรอ Palette ตาง ๆ ในพนทท างาน

10. Help ชดกลมค าสงทเกยวของกบการเลอกตวชวยพเศษตางๆ ส าหรบเปดดขอมลชวยเหลอและค าแนะน าในการท างาน

Page 10: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

10

ส าหรบค าสงตาง ๆ ทแสดงอยใน Menu Bar นน ในบางค าสงยงมการแตกออกเปนค าสงยอย ๆ ไดอกหลายค าสงใหเลอกใชงาน โดยค าสงทจะตองเลอกตวเลอกค าสงยอยนน จะมไอคอนรปสามเหลยมเลก ๆ (ชไปทางขวา) แสดงอยทางขวามอของแถบค าสงยอยทตองการ ใชงาน

Tool Box (กลองเครองมอ)

หากเปรยบเทยบกบความเปนจรงแลว Tool Box กคอกระบะหรอกลองส าหรบบรรจเครองมอ เครองใชตาง ๆ ส าหรบการท างานใน Photoshop CS3 นน Tool Box เปนสวนทเราจะตองท างานอยดวยแทบจะตลอดเวลา ซงภายใน Tool Box นนจะบรรจไปดวยเครองมอตาง ๆ มากมายหลายชนดดวยกน เนองจากมจ านวนมากจงจะตองมการเกบเปนหมวดหมและแยกไวเปนชนดและการใชงานแตละประเภท ในการเกบเครองมอในกลอง Tool Box นจะเกบไวในหมวดหมเดยวกนและมเครองมอทซอนอยในเครองมอกลมเดยวกน สงเกตไดวาจะมลกศรเลกหอยทายทเครองมอนน ๆ แสดงวายงมเครองมออน ๆ อยอก เชน เครองมอ Brush Tool จะม

เครองมอยอยอยอกคอ Pencil Tool เปนรปดนสอ

เมอเราตองการเรยกใชเครองมอยอยทอยในเครองมอหลกใหคลกทปมเครองมอหนงครงพรอมกดคางไวสกพกเดยวกจะแสดงเครองมอทบรรจอย และเวลาทเลอกเครองมอนน ๆ แลวทรปพอยนเตอรกจะเปลยนเปนรปเครองมอทเลอกทนท นนแสดงวาเราไดเลอกเครองมอนนแลว

Page 11: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

11

ใน Tool Box ไดแบงเครองมอตาง ๆ ออกเปนกลม ๆ เพอใหงายตอการใชงานแลวยงบอกถงประเภทและหนาทของแตละอปกรณไดอกดวย โดยสงเกตไดจากเสนคนระหวางกลมของไอคอน ดงภาพ

กลองเครองมอสามารถเคลอนยายต าแหนงโดยคลกทแถบนแลวลากไปวางในบรเวณทตองการ

คลกคางไวทเครองมอเพอแสดงเครองมอทอยในปมเครองมอ

แยกเครองมอออกเปนกลม ๆ ในการใชงานแตละอยางโดยสงเกตทเสนคนในแตละกลม

Page 12: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

12

Option Bar

Option Bar เปนสวนทใชในการปรบแตงการท างานของเครองมอตางๆ ซงรายละเอยดใน Option Bar จะเปลยนไปตามเครองมอทเราเลอกใชในขณะนน เชน เมอคณเลอกเครองมอพกน บน Tool box กจะประกอบดวย Option ทใชก าหนดขนาดและลกษณะหวพกน, โหมดในการระบาย, ความโปรงใสของส และอตราการไหลของส เปนตน โดยปกต Option Bar จะอยดานบนของพนทท างาน โดยอยถดมาจากเมนบาร แตคณสามารถใชเมาสคลกบรเวณเสนจดๆ ทางดานซายของ Option Bar แลวลากออกจากใตเมนบารเพอไปวางทอนได เมอคณตองการน ากลบไปไวต าแหนงเดม คณกเพยงคลกลากบรเวณแถบสดานหนากลบไปวางใตเมนบารอกครง ในกรณทคณตองการปด Option Bar ใหเลอกเมนค าสง Window เลอกค าสง Options และเมอตองการเปดใชใหมกเลอกเมนค าสง Window เลอกค าสง Options อกครง เมอคณคลกไอคอนทแสดงชนดเครองมอทก าลงเลอก (รมซายของ Option Bar) หรอคลกตรงลกศรหลงชองดงกลาว จะปรากฏพาเลต Tool ส าหรบใชเลอกและบนทกเครองมอพรอมทง option ทก าหนดไวเพอเกบไวใชภายหลง แตเมอคณคลกขวาบนไอคอนดงกลาว จะปรากฏเมนค าสงส าหรบใชปรบ option กลบสคาเรมตนดงน „ Reset Tool คอปรบคา option ตางๆ ของเครองมอทก าลงเลอกใหกลบไปเปนคาเรมตน „ Reset All Tools คอปรบคา option ของเครองมอทกชนในกลองเครองมอกลบไปเปนคา เรมตน

Option Bar ซงจะเปลยนค าสงไปตามเครองมอทเลอก

Page 13: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

13

พาเลตตางๆ (Palette)

พาเลต หมายถง วนโดว เลกๆ ทใชส าหรบแสดงรายละเอยด หรอควบคมการท างานตางๆ ของโปรแกรม เชน พาเลต Color ใชเลอกส และพาเลต Layers ใชจดการกบเลเยอร ตามปกตพาเลตจะถกจดไวเปนกลมซอนๆ กน เพอประหยดพนทหนาจอ และยดอยกบขอบขวาของวนโดวโปรแกรม

แผงพาเลตทยดอยกบขอบขวาของวนโดวโปรแกรมประกอบดวยกลมพาเลตหลายกลมทเรยงตอๆกน

พาเลตทอยในเมน ค าสง Window

คลกลากปรบความกวางของแผงพาเลด

คลกเพอยบ/ขยายแผงพาเลต

คลกลากปรบความสงของกลมพาเลต

คลกลากปรบความกวางของกลมพาเลต

พาเลตทถกยบลงเปนปม

Page 14: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

14

เราสามารถจดองคประกอบของพาเลตและแผงพาเลตเพอความสะดวกในการใชงาน

วธเปด/ปดพาเลต

เปด/ปดพาเลตดวยค าสง

- เลอกค าสง Window >>ชอพาเลต(เชน Window >> Layers คอการปดหรอเปดพาเลต Layers )

- กดคยลดของค าสง

กลมพาเลตทถกแยกออกมาเปนอสระ

คลกลากยบ/ขยายแผงพาเลตใหเปนปม หรอปมพรอมชอ

กลมพาเลตทถกยบลงเปนปมพรอมชอ

แทบชอของพาเลต

พาเลตตางๆ ทจดไวเปนกลมเดยวกน

Page 15: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

15

เปด/ปดพาเลตจากแผงพาเลต

- หากพาเลตถกบงอย กคลกทแทบชอของพาเลตนน - หาพาเลตถกยบเปนปม กคลกทปมของพาเลตนน

ค าสงใชเปด/ปดพาเลต

พาเลตทปดอยหรอถกบงโดยพาเลตอน

พาเลตทเปดอย

คยลดของพาเลต

คลกปดพาเลต คลกเปด/ปดพาเลต คลกเปดพาเลต

Page 16: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

16

ยบ/ขยาย/ปด กลมพาเลต

- การยบกลมพาเลต คลกทปม พาเลตจะถกยบจนเหลอเพยงแทบชอ - การขยายกลมพาเลตกลบคน คลกทปม - การปดกลมพาเลต คลกทปม

คลกยบกลมพาเลต คลกขยายกลมพาเลต

คลกปดกลมพาเลต

Page 17: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

17

ปรบขนาดกลมพาเลต

ท าไดโดยคลกลากทดานและมมตางๆ ของพาเลต หรอคลกลากทไซสบอกซ (size box) ตรงมมขวาลาง (บางพาเลตทไมม size box จะไมสามารถปรบขนาดได)

เมนของพาเลต

พาเลตแตละอนจะมกลมค าสงประจ าตว ซงเราเปดขนมาไดโดยคลกปม ตรงมมขวาบน

ปรบความกวาง

ปรบความยาว ปรบความกวางและความสง

คลกเปดเมนค าสงของพาเลต

Page 18: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

18

จดระเบยบพาเลต

เราสามารถจดต าแหนงของกลมพาเลตตางๆ บนหนาจอเพอความสะดวกในการท างาน รวมไปถงการยายพาเลตระหวางกลม จดเปนกลมใหม หรอสลบล าดบระหวางพาเลตในกลมเดยวกน โดยเทคนคพนฐานประกอบดวย

- การจดกลมพาเลต ใหคลกลากทแถบหวของกลม - การจดพาเลต ใหคลกลากทแทบชอของพาเลต

ยายกลมพาเลตของแผงพาเลต

ท าไดโดยการคลกลากทแถบหวของกลม แลวน าไปวางแทรกระหวางหรอตอจากกลมอนบนแผงพาเลต (สงเกตเสนสฟาซงแสดงต าแหนงทกลมพาเลตจะถกวาง) ดงตวอยาง

การยายกลม พาเลตไปแทรก หรอวางตอจาก กลมอน

แถวหวของกลมพาเลต

Page 19: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

19

การยายกลมพาเลตไปวางขางกลมอน

ยายพาเลตเพอวางเปนกลมใหมบนแผงพาเลต

Page 20: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

20

ยายพาเลตหรอกลมพาเลตเพอวางเปนอสระจากแผงพาเลต

ยายพาเลตระหวางกลม

สลบล าดบพาเลตภายในกลม

ท าไดโดยคลกลากแทบชอของพาเลตไปทางซาย/ขวา

Page 21: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

21

ปดพาเลตภายในกลม

ท าไดโดยการคลกปม บนแทบชอของพาเลต

การใช Workspace

Workspace คอ การบนทกการจดแตงหนาจอวนโดวส โดยการจดเรยงพาเลตตาง ๆ ใหอยในททควรอยและเรยงล าดบกนแบบสวยงามเปนระเบยบ สามารถท าไดโดยคลกไปทเมน Windows เลอกค าสง Workspace เลอกค าสง Workspace Reset Palette Locations โดยจดต าแหนงเปนคาเรมตน

1. พาเลตตทไมเปนระเบยบทอยบน Workspace

Page 22: Photoshop CS 3 - WordPress.com...Photoshop เป็นโปรแกรมส าหรับสร้างและตกแต่งภาพที่มีชื่อเสียงและได้รับความนิยมมากที่สุด

www.skr.ac.th/~jiraphinya/Adobe%20Photoshop%20CS3/Lesson%201.doc

22

เมอใชค าสงในการจดพาเลตตแลวจะไดผลลพธคอ พาเลตตตาง ๆ ทแสดงบน Workspace จะเปนระเบยบอยทางดานขวามอของโปรแกรม รวมทงจดเปนกลมค าสงใหอกดวย ดงรป

2. ใชค าสงบนเมนบาร