การใช้งานเบื้องต้น adobe photoshop cs5

26
ความรู ้เบื ้องต ้น Adobe Photoshop CS5 โปรแกรม Adobe Photoshop (อะโดบี โฟโตชอป) มักเรียกสั้นๆ ว่า Photoshop (โฟโตชอป) เป็นโปรแกรม ประยุกต์ที่มีความสามารถในการจัดการแก้ไขและตกแต่งรูปภาพ (photo editing and retouching) แบบแรสเตอร์ ซึ่ง Photoshop Cs5 คือรุ่นปัจจุบัน ผลิตโดยบริษัทอะโดบีซิสเต็มส์ Photoshop สามารถใช้ในการตกแต่งภาพเล็กน้อย เช่น ลบตาแดง, ลบรอยแตกของภาพ, ปรับแก้สี , เพิ่มสีและ แสง ไปจนถึงการตกแต่งภาพแบบมืออาชีพ เช่น การใส่เอฟเฟกต์ให้กับรูป เช่น ทําภาพสีซีเปีย, การทําภาพโมเซค, การ สร้างภาพพาโนรามาจากภาพหลายภาพต่อกัน นอกจากนี ้ยังใช ้ได้ในการตัดต่อภาพ และการซ้อนฉากหลังเข้ากับภาพ Photoshop สามารถทํางานกับระบบสี RGB, CMYK, Lab และ Grayscale และสามารถจัดการกับไฟล์ รูปภาพที่สําคัญได้ เช่น ไฟล์นามสกุล JPG, GIF, PNG, TIF, TGA โดยไฟล์ที่โฟโตชอปจัดเก็บในรูปแบบเฉพาะของตัว โปรแกรมเอง จะใช้นามสกุลของไฟล์ว่า PSD จะสามารถจัดเก็บคุณลักษณะพิเศษของไฟล์ที่เป็นของโฟโตชอป เช่น เล เยอร์ , แชนแนล, โหมดสี รวมทั้งสไลด์ ได ้ครบถ้วน ความต้องการของระบบ ก่อนติดตั ้ง Photoshop CS5 ก่อนที่เราจะติดตั้ง และนําโปรแกรม Photoshop Cs5 มาใช้งาน เราควรจะดูความต้องการทางด้าน Hardware ของโปรแกรมก่อนว่า ถ้าใช้เครื่องในระบบ Windows ต้องรุ่นไหน มีหน่วยความจําเท่าไหร่ หรือพื ้นที่ว่างใน ฮาร์ดดิสก์ที่จะติดตั้งโปรแกรมจํานวนเท่าไหร่ เป็นต้น ซึ่งจะแบ่งออกเป็น 2 ระบบ ดังนี ้ ระบบปฏิบัติการ Windows - ความเร็วของซีพียู (CPU) ขั้นตํ่า 1.8GHz หรือมากกว่า - ระบบปฏิบัติการ Microsoft Windows Xp Service Pack 2 (แนะนําให้ใช้ Service Pack 3) หรือ Windows Vista และ Windows 7 - หน่วยความจํา (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-ROW สําหรับใส่ DVD ติดตั้งโปรแกรม - โปรแกรม QuickTime 7.2 ขึ้นไป สําหรับการทํางานกับมัลติมีเดีย เช่น วิดีโอ - การเชื่อมต่ออินเทอร์เน็ต ถ้าจําเป็นต้องเข้าไปใช้บริการออนไลน์ เช่น Help หรือดาวน์โหลดปลั๊กอิน เป็นต้น

Upload: rattapadol-gunhakoon

Post on 28-May-2015

20.726 views

Category:

Education


0 download

DESCRIPTION

ใช้ในการจัดการเรียนการสอน รายวิชา ง33201 เทคโนโลยีสารสนเทศ ปีการศึกษา 2557/1 โรงเรียนขามแก่นนคร

TRANSCRIPT

ความรเบองตน Adobe Photoshop CS 5

โปรแกรม Adobe Photoshop (อะโดบ โฟโตชอป) มกเรยกสนๆ วา Photoshop (โฟโตชอป) เปนโปรแกรม

ประยกตทมความสามารถในการจดการแกไขและตกแตงรปภาพ (photo editing and retouching) แบบแรสเตอร ซง

Photoshop Cs5 คอรนปจจบน ผลตโดยบรษทอะโดบซสเตมส

Photoshop สามารถใชในการตกแตงภาพเลกนอย เชน ลบตาแดง, ลบรอยแตกของภาพ, ปรบแกส, เพมสและ

แสง ไปจนถงการตกแตงภาพแบบมออาชพ เชน การใสเอฟเฟกตใหกบรป เชน ทาภาพสซเปย, การทาภาพโมเซค, การ

สรางภาพพาโนรามาจากภาพหลายภาพตอกน นอกจากนยงใชไดในการตดตอภาพ และการซอนฉากหลงเขากบภาพ

Photoshop สามารถทางานกบระบบส RGB, CMYK, Lab และ Grayscale และสามารถจดการกบไฟล

รปภาพทสาคญได เชน ไฟลนามสกล JPG, GIF, PNG, TIF, TGA โดยไฟลทโฟโตชอปจดเกบในรปแบบเฉพาะของตว

โปรแกรมเอง จะใชนามสกลของไฟลวา PSD จะสามารถจดเกบคณลกษณะพเศษของไฟลทเปนของโฟโตชอป เชน เล

เยอร, แชนแนล, โหมดส รวมทงสไลด ไดครบถวน

ความตองการของระบบ กอนตดตง Photoshop CS5

กอนทเราจะตดตง และนาโปรแกรม Photoshop Cs5 มาใชงาน เราควรจะดความตองการทางดาน

Hardware ของโปรแกรมกอนวา ถาใชเครองในระบบ Windows ตองรนไหน มหนวยความจาเทาไหร หรอพนทวางใน

ฮารดดสกทจะตดตงโปรแกรมจานวนเทาไหร เปนตน ซงจะแบงออกเปน 2 ระบบ ดงน

ระบบปฏบตการ Windows

- ความเรวของซพย (CPU) ขนตา 1.8GHz หรอมากกวา

- ระบบปฏบตการ Microsoft Windows Xp Service Pack 2 (แนะนาใหใช Service Pack 3) หรอ Windows

Vista และ Windows 7

- หนวยความจา (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-ROW สาหรบใส DVD ตดตงโปรแกรม

- โปรแกรม QuickTime 7.2 ขนไป สาหรบการทางานกบมลตมเดย เชน วดโอ

- การเชอมตออนเทอรเนต ถาจาเปนตองเขาไปใชบรการออนไลน เชน Help หรอดาวนโหลดปลกอน เปนตน

ระบบปฏบตการ Mac OS

- ซพย PowerPC G5 หรอ multicore Intel processor

- ระบบปฏบตการ Mac OS X ตงแต v10.4.11 ขนไป

- หนวยความจา 1 GB - พนทวางในฮารดดสก 2 GB สาหรบตดตงโปรแกรม และควรมพนทวางสาหรบการ

ทางานอยางอน

- ความละเอยดของจอภาพขนตา 1,024x768 (แนะนาใหใชท 1,280x800) พรอมการดจอ 16-bit (Video

Card) หากใช Photoshop Extended และใชงานภาพ 3D ควรมคณสมบตของ CPU-accelerated ททางาน

รวมกบ Shader Model 3.0 และใชงานกบ OpenGL 2.0

- โปรแกรม QuickTime 7.2 ขนไป สาหรบการทางานกบมลตมเดย เชน วดโอ

- การเชอมตออนเทอรเนต ถาจาเปนตองเขาไปใชบรการออนไลน เชน Help หรอดาวนโหลดปลกอน เปนตน

Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอโดยพนฐานจะคงเดม แตจะปรบ

การใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไวในทเดยวกน เพมชดเครองมอเขามาใหม และยงลด

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

ออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล

Adjustments สวนการทางานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผาน ๆ มา ซงหนาจอใหมของ Photoshop

CS5 กจะมสวนประกอบดงภาพ

สวนประกอบของโปรแกรม Photoshop CS 5

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

โปรแกรม Bridge หมนพนททางาน ยอ-ขยายภาพ, จดเรยงวนโดวภาพ และจดองคประกอบของเครองมอตามพนทใช

งาน (Workspace)

Menu Bar (เมนบาร) ประกอบดวยกลมคาสงตาง ๆ ทใชจดการกบไฟล, ทางานกบรปภาพ และใชการ

ปรบแตงการทางานของโปรแกรม โดยแบงเมนตามลกษณะงาน นอกจากนบางเมนหลก จะมเมนยอยซอนอย โดย

สงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกคาสงภายในอกท

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

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

ลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในป มนยงมเครองมออนอยดวย

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

ออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทล บอกซในขณะนน เชน เมอเราเลอกเครองมอ Brush(พกน) บน

ออปชนบารจะปรากฏออปชนทใชในการกาหนดขนาด และลกษณะหวแปรง, โหมดในการระบายความโปรงใสของส

และอตราการไหลของส เปนตน

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

Photoshop มพาเนลอยเปนจานวนมาก เชน พาเนล Color ใชสาหรบเลอกส, พาเนล Layers ใชสาหรบจดการกบเล

เยอร และพาเนล Info ใชแสดงคาสตรงตาแหนงทชเมาส รวมถงขนาด/ตาแหนงของพนททเลอกไว

รายละเอยดแตละเมน ใน Menu Bar Photoshop CS5

Menu Bar (เมนบาร) ประกอบดวยกลมคาสงตางๆ ทใชจดการกบไฟล, ทางานกบรปภาพ และใชการ

ปรบแตงการทางานของโปรแกรม โดยแบงเมนตามลกษณะงาน นอกจากนบางเมนหลก จะมเมนยอยซอนอย โดย

สงเกตจากเครองหมาย· ซงคณตองเปดเขาไปเพอเลอกคาสงภายในอกท

เมนบารหลก

เมน รายละเอยด

รวมคาสงทใชจดการกบไฟลรปภาพ เชน สรางไฟลใหม, เปด, ปด, บนทกไฟล, นาเขาไฟล, สงออกไฟล

และอน ๆ ทเกยวกบไฟล

รวมคาสงทใชสาหรบแกไขภาพ และปรบแตงการทางานของโปรแกรมเบองตน เชน กอปป, วาง, ยกเลก

คาสง, แกไขเครองมอ และอน ๆ

รวมคาสงทใชปรบแตงภาพ เชน ส, แสง, ขนาดของภาพ (image size), ขนาดของเอกสาร (canvas),

โหมดสของภาพ, หมนภาพ และอน ๆ

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

รวม คาสงเกยวกบการเลอกวตถหรอพนทบนรปภาพ (Selection) เพอนาไปใชงานรวมกบคาสงอนๆ เชน

เลอกเพอเปลยนส, ลบ หรอใชเอฟเฟกตตางๆ กบรปภาพ

รวมคาสงทใชปรบแตง และสรางเอฟเฟกตพเศษใหกบรปภาพ

รวมคาสงทใชกบภาพแบบ 3 มต (มเฉพาะในเวอรชน Photoshop Cs5 Extended)

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

ยอ/ขยายมมมองของภาพ เปนตน

เครองมอวดคา และวเคราะการทางาน (มเฉพาะในเวอรชน Photoshop Cs5 Extended)

ม เมนคาสงทเกยวของกบการแสดงผลของหนาตางภาพ, ซอน/แสดงเครองมอ และพาเนลตางๆ ทใช

ทางาน เชน เปด/ปด แถบเครองมอ, พาเนล, จดพนท ฯลฯ

เรยกดคาอธบายในการทางานตางๆ ของเครองมอหรอคาสงภายในโปรแกรม

ตงคาคยบอรดชอรตคทใน Photoshop CS 5

คยบอรดชอรตคท คอ การกาหนดคยสาหรบเรยกใชคาสงตาง ๆ ภายในโปรแกรมไดอยางรวดเรว แทนการ

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

คยบอรดไดตามตองการ โดยมขนตอนดงน

วธตงคาคยบอรดชอรตคท (Keyboard Shortcuts)

1. เลอกคาสง Edit > Keyboard Shortcuts

2. คลกเลอกเมนทตองการกาหนดคยลดใหม

3. กาหนดคยลดหลก และตองไมซากบคยอน ๆ ทใชอย

4. เมอกาหนดเสรจแลว กคลก OK

การเปด-ปด Panel ตางๆ ใน Photoshop CS 5

วธการเปด Panel

การเปดพาเนลใด ๆ ขนมาใชงานนนสามารถทาไดหลายวธดงน

วธท 1 เลอกเปดจากเมน Window

- เลอกคาสง Window เลอก Panel ทตองการเปด หรออาจจะกดคยลดกได ซงแสดงอยหลงชอแตละ Panel

วธท 2

- คลกเปด/ปดพาเนล จากไอคอนทแสดงอยบนแถบพาเนลทพบเกบ

- คลกทชอแถบพาเนลทซอนกนอย ซงอาจจะอยในกลมเดยวกน

วธการปด Panel

วธท 1 - เลอกคาสง Window > คลกทชอ Panel ทตองการปด

วธท 2 - คลกขวาบนแถบชอพาเนล แลวเลอก Close

วธท 3 - คลกทเมนของพาเนล แลวเลอก Close หรอ Close Tab Group ได

การเปดไฟลภาพทมอยเขา Photoshop

Photoshop มคณสมบตเดนทสามารถเปดไฟลรปภาพประเภทตาง ๆ ไดสารพดรปแบบ เชน GIF, JPG, TIF,

BMP, PNG และอนๆ รวมทงไฟล PSD ซงเปนรปแบบพนฐานของ Photoshop เอง

วธเปดไฟลทาไดดงน

1. เลอกคาสง File > Open (หรอกดคยลด Ctrl+O)

2. ในชอง Look in เลอกไดรว และโฟลเดอรทจดเกบไฟล

3. ดตวอยางภาพ และคลกเลอกชอไฟลจากรายการ (กด Shift หรอ Ctrl ชวยเลอกหลาย ๆ ไฟลได)

4. คลกป ม Open

ถาตองการเปดไฟลภาพลาสดทเพงใชไปไมนาน ซงจะชวยลดเวลาการหาภาพในเครองของเราได มวธการดงน

- ไปทคาสง File > Open Recent > เลอกไฟลภาพทตองการ

เปดไฟลแบบ Smart Object ใน Photoshop CS 5

หากเราเปดไฟลภาพขนมา แลวตองการปรบยอ-ขยายขนาดของภาพบนเลเยอร โดยใหรกษาความ

คมชดของภาพจากการปรบ กเลอกเปดไฟลภาพแบบ Open As Smart Object ได ซงจะเหมาะสาหรบภาพบทแมพท

ตองการเปดมาแกไขขนาดของภาพ หรอการเปดไฟลภาพเวคเตอร เชน Al หรอ PDF ดงน

วธการเปดไฟลแบบ Smart Object

1. เลอกคาสง File > Open As Smart Object

2. เลอกตาแหนงทเกบไฟลภาพ

3. คลกเลอกไฟลภาพ

4. คลก Open

เปดไฟลซอนบนเลเยอร ใน Photoshop CS 5

หากเราตองการเปดไฟลภาพขนมาหลาย ๆ ภาพในไฟลเดยว เพอนามาคดเลอกหรอตดตอภาพ อาจจะใชวธ

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

Load file into Stack ไดดงน

วธเปดไฟลซอนบนเลเยอร

1. เลอกคาสง File > Script > Load File into Stack

2. คลกป ม Browse... ไปเลอกไฟลภาพทเปดขนในเลเยอร (เลอกทละหลาย ๆ ไฟลได)

3. คลกป ม OK

4. กจะเหนไฟลรปภาพทเลอก แสดงอยในเลเยอรตาง ๆ

การสรางไฟลกราฟกใหมใน Photoshop CS 5

เราสามารถสรางไฟลกราฟกใหมวาง ๆ ไวสาหรบออกแบบภาพกราฟก เพอนาไปใชงานเอง หรอนาภาพอน ๆ

มาตดตอไดดงน

วธการสรางไฟลกราฟกใหม

1. เลอกคาสง File > New (หรอกดคยลด Ctrl+N)

2. ตงชอไฟลใหมในชอง Name (หรอจะเกบไวตงตอนสงบนทกไฟลกได)

3. กาหนดความกวาง x สง ของภาพ โดยใสคา แลวเลอกหนวย เชน

- Width : กาหนดความกวางของภาพ

- Height : กาหนดความสงของภาพ

4. กาหนดคณสมบตของภาพ

- Resolution : ความละเอยดของภาพ

> สาหรบเวบเพจใช 72 pixels/inch

> สาหรบสงพพมทตองการความละเอยดสงใช 300 pixels/inch

- Color Mode : เลอกโหมดสของภาพ โดยทวไปใช RGB Color แบบ 8 bit

5. เลอกลกษณะของพนหลง

- White : ใหพนหลงมสขาว

- Background Color : ใหพนหลงเปนส Background ตามทเรากาหนด

- Trasparent : ใหพนหลงโปรงใส (โปรแกรมจะแสดงเปนตารางหมากรกใหเฉย ๆ) แตลกษณะจะไมม

คาสใด ๆ

6. กาหนดโปรไฟลส และสดสวนพกเซล (หากไมเหนออปชนกลมน ใหคลกป มดงภาพกอน)

- Color Profile โปรไฟลสของภาพ สาหรบรปภาพทวไปใหใช sRGB

- Pixel Aspect Ratio สดสวนกวาง/สงของพกเซล โดยทวไปใช Square Pixels

การ Copy ไฟล (Duplicate File) Photoshop CS 5

การเปดไฟลรปภาพตนฉบบขนมาแกไขเปลยนแปลงใด ๆ หากเราใชคาสง Save โปรแกรมกจะนาภาพทแกไข

ลาสดบนทกของเดมโดยอตโนมต ทาใหไมสามารถเรยกไฟลตนฉบบเดมกลบมาใชงานไดอก ดงนนเพอความปลอดภย

ของภาพ เราควรทาสาเนาหรอกอปปไฟลขนมาอกไฟลหนง เพอใชแกไขโดยเฉพาะ หรอใชเปรยบเทยบกบภาพเดมได

ดงน

วธการ Copy ไฟล (Duplicate File)

1. เลอกคาสง Image > Duplicate

2. ตงชอไฟลใหม

3. คลกป ม OK

การบนทกไฟลภาพใน Photoshop CS 5

การเปดไฟลภาพขนมาตกแตงหรอแกไขดวย Photoshop นน เมอสรางหรอตกแตงภาพเสรจแลว เราจะตอง

บนทกไฟลดวย เพอเกบการเปลยนแปลงททากบภาพ โดยเลอกบนทกไฟลไดหลายรปแบบ ขนอยกบวตถประสงคของ

การนาไปใชงาน สาหรบไฟลประเภทแรกทควรบนทกคอ รปแบบ PSD ของ Photoshop เอง เพอเกบเปนตนฉบบไว

สาหรบนามาแกไขในภายหลง จากนนจงสงบนทกไฟลเปนประเภทอน เชน GIF หรอ JPG เพอใหเหมาะสาหรบการ

นาไปใชงานในแตละกรณ

บนทกไฟล Photoshop (.PSD)

การแกไขไฟลภาพโดยการสรางกราฟก เพมการตดตอ หรอเปลยนแปลงลกษณะของไฟลภาพทมผลกบ

โครงสรางเดมของภาพ เมอเลอกคาสง File > Save จะแสดงไดอะลอกบอกซ Save As ขนมา โดยจะเลอกรปแบบของ

ไฟลเปน Photoshop (*.PSD, *.PDD) เปนคาพนฐานดงน

** คณสมบตของไฟล PSD จะเกบรายละเอยดการทางานตาง ๆ เชน เลเยอร, ฟอนต และเสนพาธ ไวไดอยางครบถวน

ชวยใหการนาไฟลภาพกลบมาแกไขทาไดงาย ในขณะทไฟลประเภทอนจะเกบขอมลเหลานไมได หรอไดเพยงบางสวน

บนทกไฟลทบของเดม

การเปดไฟลภาพมาตกแตงส, แสงเงา หรอกาหนดคาเอฟเฟกตใหกบภาพ แตไมไดใชคาสงเกยวกบการสรางเล

เยอร (เลเยอร คอ ชนทจดวางรปภาพ) หรอสรางกราฟกอน ๆ เพมเตมในภาพ เมอเลอกคาสง File > Save โปรแกรมจะ

ใหบนทกทบชอไฟลเดม รปแบบเดม (จะไมมไดอะลอกบอกซ Save As เปดขนมา หากไมตองการใหทบไฟลเดม ตอง

คลกเลอกคาสง File > Save As เอง)

บนทกเปนไฟลรปแบบอนๆ

นอกจากการบนทกเปนไฟล .psd และบนทกลงในรปแบบของไฟลตนฉบบเดมแลว ยงบนทกไฟลภาพเกบไวใน

รปแบบอน ๆ ไดตามตองการ โดยคลกเลอกคาสง File > Save As แลวเลอกรปแบบของไฟลในชอง Format ซงจะม

รปแบบไฟลใหเลอกหลายแบบดงภาพ

บนทกไปใชกบเวบเพจ หรออปกรณอน

รปภาพทนาไปใชกบเวบเพจ จะตางจากรปภาพทนาไปใชกบงานดานอน ๆ คอ ชนดของภาพทจะนาไปใชบน

เวบเพจนน ตองเปน GIF, JPG หรอ PNG เทานน และควรใหไฟลมขนาดเลก ขนาดภาพตองพอด ไมใหญจนเกนไป

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

โดยเฉพาะ คอ Save for Web & Devices โดยคาสงนจะใหกาหนดคาออปชนการบนทกภาพประเภทตาง ๆ พรอมกบด

ภาพตวอยาง ขนาดของไฟล และระยะเวลาในการดาวนโหลดเปรยบเทยบกนไดอกดวย ดงน

1. เลอกคาสง File > Save for Web & Devices

2. กาหนดออปชนตาง ๆ ในการแปลงไฟล แลวดภาพ ขนาด และเวลาในการดาวนโหลดเปรยบเทยบกนใน

ไดอะลอกบอกซ Save for Web & Devices ดงภาพหนา

3. เลอกภาพจากกรอบตวอยางทตองการใชงาน

4. คลกป ม Save เพอบนทกภาพ

5. บนไดอะลอกบอกซ Save Optimized As เลอกตาแหนงโฟลเดอรทจะจดเกบในชอง Save in

6. กาหนดชอไฟลภาพในชอง File name

7. คลกป ม Save

การทางานกบรปภาพคราวละหลายวนโดว

เราสามารถเปดรปภาพพรอมกนหลาย ๆ รปได แตจะทางานไดเพยงครงละ 1 ไฟลเทานน ซงเรยกวาเปนไฟล

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

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

ขน โดยคลกป มดงภาพ Arrange Documents ดงตวอยางจะเลอกเปนแบบ 3 up

การจดเรยงแบบอน ๆ

- Float All in Windows = แสดงภาพแยกเปนแตละวนโดว

- New Window = แสดงภาพในวนโดวใหม ในจอภาพทสอง (สองจอภาพ)

- Actual Pixels = แสดงขนาดจรงของภาพ

- Fit On Screen = แสดงภาพใหพอดหนาวนโดว

- Match Zoom = ใหซมภาพทกวนโดวเทากนกบวนโดวทแอคทพ (ทเลอก)

- Match Location = ใหแสดงภาพตรงตาแหนงเดยวกนทกวนโดว

- Match Zoom and Location = ซมและแสดงภาพใหตรงตาแหนงเดยวกนกบวนโดวทเลอกเปนตนแบบ

ยอ/ขยายมมมองของภาพ (Zoom) ใน Photoshop CS 5

การยอ/ขยายมมมองของภาพ (ซมภาพ) ใหเลกลง (Zoom Out) หรอใหญขน (Zoom in) ทาไดตามความ

จาเปนในขณะททางาน เชน ในการตกแตงบนใบหนาเดกเราอาจจะขยายมมมอง โดยขยายใบหนาขนมาใหเตมหนาจอ

เพอความสะดวกในการปรบแตง หลงจากนนจงยอมมมองเพอดภาพรวมของผลลพธ

เครองมอทใชยอ/ขยายมมมองของภาพคอเครองมอดงภาพ

1. คลกเลอกเครองมอดงภาพ (Zoom) จากทลบอกซ

2. คลก หรอคลกลากเมาสบนภาพ

3. การซมภาพใหใหญขน ใหคลกบนตาแหนงทตองการซม โดยสามารถคลกซาหลาย ๆ ครง ซงภาพทถกขยาย

ใหญตามแตละครงทคลก

4. การยกเลกการซมภาพ หรอยอภาพใหกดป ม Alt ทคยบอรดคางไว แลวคลกบนตาแหนงทตองการซมออก

การใชไมบรรทด (Ruler) ใน Photoshop CS 5

ไมบรรทด คอแถบวดซงจะปรากฏอยดานซาย และดานบนของวนโดวรปภาพ แตละวนโดว (เมอถกเรยกใช)

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

รปภาพไดงายขน ซงเลอกหนวยวดบนไมบรรทดไดตามตองการ ดงน

- เปด/ปดไมบรรทด ใหเลอกคาสง View > Rulers (คยลด Ctrl+R)

- ดตาแหนงเมาส ขณะทเลอกเมาสไปบนภาพ คณจะเหนเสนประทแสดงตาแหนงของเมาสปรากฏบนไม

บรรทดทงแนวตง และแนวนอน

- ตงตาแหนงศนย ตามปกตตาแหนง 0, 0 ของไมบรรทดจะอยทมมซายบนสดของภาพ ถาตองการยายไปทอน

ทาไดโดยคลกลากรป ดงภาพ ไปยงตาแหนงใหม

- ตงตาแหนงศนยกลบสคาเรมตน ใหดบเบลคลกทรป ดงภาพ

- เปลยนหนวยวด ใหคลกขวาทไมบรรทด แลวเลอกหนวยจากเมนลด (แนะนาใหเลอกหนวยเปน Pixels) โดย

แตละหนวยวดมความหมาย ดงน

> Pixels (พกเซล) จดสทเลกทสดของภาพ

> Inches (นว)

> Centimeters (เซนตเมตร)

> Millimeters (มลลเมตร)

> Point (พอยต) เทากบ 1/72 นว

> Picas (ไพกา) เทากบ 12 พอยต

> Percent (เปอรเซนต) เทยบกบความกวาง หรอความสงของภาพ

การใชงานเสนกรด (Grid) ใน Photoshop CS5

เสนกรด (Grid) คอ ตารางสมมตทใชชวยกะระยะ และตาแหนงในการทางานกบรปภาพ โดยมลกษณะเปน

ตารางสเทาทมระยะหางของแตละชองเทา ๆ กน

วธการเปดใชงาน

1. เปด/ปด เสนกรด โดยเลอกคาสง View > Show > Grid (หรอกดคย Ctrl+')

2. หากไมตองการใหมคณสมบตการยดจบใหเลอกคาสง View > Snap to > Grid

การเปลยนสเสนกรด

1. เลอกคาสง Edit > Preferences > Guides, Grid & Slices

2. เลอกสใหมตามทเราตองการ