เรียนคอมพิวเตอร์สัปดาห์ที่สาม-เทคนิคการใช้โปรแกรม photoshop cs3

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

 เริ่มแรกขอแนะนำเครื่องมือที่ใ้ช้งานกันบ่อยๆก่อนนะครับ

[1] เครื่องมือแรกนี้นะครับเป็นเครื่องมือที่ใช้สำหรับเลือกพื้นที่ ที่เป็นสี่เหลี่ยมไม่ว่าจะเป็นสี่เหลี่ยมผืนผ้า หรือจตุรัส แล้วแต่เราจะใช้ Mouse บังคับ

 เครื่องมือนี้อยู่ที่ไหน ?

ตัวอย่างการใช้งาน

ใช้สำหรับย้ายวัตถ

1.> ใช้เครื่องมือ Rectangular สร้างกรอบล้อมรอบส่วนที่เราต้องการ จากนั้นใช้เครื่องมือ Move Tool ดึงส่วนที่เราต้องการไปในจุดที่เราต้องการได้เลยครับ

 หลังจากย้ายแล้ว

 ใช้ในการเลือกตัดภาพ

1.> เริ่มจากเปิดภาพขึ้นมา แล้วใช้เครื่องมือสร้างกรอบล้อมในส่วนที่เราต้องการ

 2.> หลังจากนั้นให้เราเข้าไปที่เมนู Image --> Crop เพียงเท่านี้เราก็จะได้ส่วนที่เราต้องการแล้วล่ะครับ

[2]  ถ้าดูจากเครื่องมือนี้หลายคนคงจะรู้จักดี ก็เป็นเครื่องมือที่เราใช้กันบ่อยที่สุดด้วย ถ้าพูดถึงหน้าที่พื้นฐานคงทราบกันหมดแล้ว ดังนั้นจะขอพูดในเรื่องที่อาจไม่ค่อยมีคนใช้ หรือหลายคนใช้อยู่ก็อย่าพึ่งบ่นนะครับ เอาล่ะเรามาดูกันว่าเครื่องมือนี้จะทำอะไรได้บ้าง

เครื่องมือนี้อยู่ที่ไหน ?




ตัวอย่างการใช้งาน

ใช้สำหรับย้ายภาพจากงานที่ 1 ไปงานที่ 2

1.> หลังจากที่เราเลือกเครื่องมือได้แล้วให้เราเปิดภาพขึ้นมาเพื่อจะทำการย้าย (ภาพที่คุณเปิดขึ้นมาจะภือเป็นภาพแรก)


2.> หลังจากนั้นให้เราเปิดภาพขึ้นมาอีกภาพหนึ่ง ภาพที่ใช้ผมจะใช้เป็นภาพเป็ดนะครับคิดว่าทุกคนคงมี (ภาพที่เปิดจะถือเป็นภาพที่ 2)


3.> ให้ใช้เครื่องมือ Move Tool ดึงภาพเป็ดมาใส่ที่ภาพทะเลทรายได้เลย (วิธีการโดย Click Mouse ค้างที่ตัวเป็ดเสร็จแล้วย้าย Mouse มาที่ทะเลทรายแล้วปล่อย Mouse) ดังภาพ



เมื่อทำการย้าย

 

[3] เครื่องมือนี้ถามดูแล้วก็คล้ายกับไม้เท้าวิเศษ แต่ก็เป็นอย่างนั้นจริงๆ เครื่องมือนี้เอาไว้สำหรับเลือกพื้นที่ของภาพ หลังจากที่เราเลือกแล้วคราวนี้ก็แล้วแต่เราว่าเราจะทำอะไรกับส่วนที่เราเลือกนั้น เช่น ลบทิ้ง, ใส่สี, ใส่ Effect ก็ได้แล้วแต่เรา แต่เราจะมาลองใช้เครื่องมือนี้เปลี่ยนสีพื้นหลังให้กับเป็ดกันนะครับ

เครื่องมือนี้อยู่ที่ไหน ?



ตัวอย่างการใช้งาน

การเปลี่ยนสีภาพ Background ให้กับเป็ดน้อย

1.> ให้เราเปิดภาพเป็ดที่อยู่ในเครื่องขึ้นมาก่อน ดังภาพ


2.> หลังจากที่เราเปิดภาพเป็ดขึ้นมาแล้วให้เราเลือกเครื่องมือ Magic Wand Tool แล้วนำเอาเครื่องมือนั้น Click ไปที่พื้น Background สีขาว จะได้ชิ้นงานขึ้นมาดังภาพ


3.> หลังจากนั้นให้เราเลือกสีที่เราต้องการ (วิธีการเลือกสี ให้นำ Mouse ชี้ไปที่ Foreground Color แล้วเลือกสีที่เราต้องการ) ดังภาพ


4.> หลังจากทีเราเลือกสีแล้ว (ในที่นี้ผมใช้สีเขียวนะครับ) แล้วทำการเทสีลงไปยังส่วนที่เราได้เลือกไว้ตั้งแต่แรก ก็จะได้ผลลัพธ์ ดังภาพ
Tip
- วิธีเทสีแบบลัดให้เรากด Alt + Back Space เป็นการนำสี Foreground มาเท
- วิธีเทสีแบบลัดให้เรากด Ctrl+ Back Space เป็นการนำสี Background มาเท


5.> หลังจากนั้นให้เรายกเลิกเส้นปะ (ยกเลิกเส้นปะกด Ctrl + D)เพียงเท่านี้เราก็สามารถเปลี่ยนสี Background ได้แล้วครับไม่ยากเลยใช่ไหมครับลองนำไปฝึกดูนะครับ

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

เครื่องมือนี้อยู่ที่ไหน ?



ตัวอย่างการใช้งาน

การเลือกส่วนที่เป็นตาของเป็ด

1.> ให้เราเปิดภาพเป็ดขึ้นมา ดังภาพ


2.> หลังจากนั้นเลือกเครื่องมือ Polygonal Lasso แล้วใช้เครื่องมือคลิกให้รอบส่วนที่เราต้องการ ดังภาพ


3.> หลังจากนั้นเราก็สามารถนำส่วนที่เราเลือกไปใช้กับงานที่เราต้องการได้ ลองนำไปใช้ดูนะครับ

[5] เครื่องมือนี้เป็นเครื่องมือที่ใช้ในการ Crop รูปภาพ หรือตัดส่วนของรูปภาพในส่วนที่เราไม่ต้องการออกไป

เครื่องมือนี้อยู่ที่ไหน ?



ตัวอย่างการใช้งาน

การตัดภาพเป็ด ในส่วนที่เราไม่ต้องการ

1.> ให้เราเปิดภาพเป็ดขึ้นมา ดังภาพ


2.> หลังจากที่เราเปิดภาพมาแล้วให้เราใช้เครื่องมือ Crop เลือกในส่วนที่เราต้องการ


3.> หลังจากนั้นกดที่ปุ่ม Enter เพียงเท่านี้เราก็สามารถตัดภาพส่วนที่เราไม่ต้องการออกไปได้แล้วล่ะครับ









[6] เครื่องมือนี้เป็นเครื่องมือที่ใช้ในการวาดรูปทรงต่างๆ ซึ่งใน Photoshop ก็ได้เตรียมรูปทรงมาให้เราเยอะพอสมควร เรามาดูวิธีใช้ดีกว่า

เครื่องมือนี้อยู่ที่ไหน ?



ตัวอย่างการใช้งาน

การสร้างรูปหัวใจ

1.> ให้เราสร้างเอกสารเปล่าขึ้นมาตามขนาดที่เราต้องการ ในที่นี้ผมใช้ขนาด 500x500 px


2.> เลือกเครื่องมือ Custom Shape Tool ขึ้นมา หลังจากนั้นเลือกที่ Properties ตรงตำแหน่ง Shape จะปรากฎกล่องเครื่องมือขึ้นมาให้เราเลือกรูปทรงที่เราต้องการ ดังภาพ

หลังจากที่เราเลือก Shap

3.> หลังจากนั้นให้เราเลือกรูปหัวใจดังภาพ และนำมาวาดลงชิ่นงานที่เราสร้างขึ้นมาดังภาพ


Tip การที่เราจะวาดรูปทรงให้ได้อัตราส่วนเราอาจจะกด Alt + Shift เข้าช่วย 

[7] เครื่องมือนี้ใช้สำหรับในการพิมพ์ตัวอักษร แต่ลักษณะการพิมพ์จะพิมพ์ในแนวนอนนะครับ

เครื่องมือนี้อยู่ที่ไหน ?



ตัวอย่างการใช้งาน

การพิมพ์ข้อความในแนวนอน

1.> สร้างเอกสารที่เราต้องการ นที่นี้ใช้ขนาด 300x300 px


2.> หลังจากนั้นเลือกเครื่องมือ Herizontal Type Tool (T) แล้วนำ Mouse มาคลิกที่ชิ้นงานเราก็จะสามารถพิมพ์ข้อความที่เราต้องการได้เลย(แต่ถ้าเราพิมพ์ลงไปแล้วตัวอักษรที่เราพิมพ์ มีขนาดเล็กให้เราเอา Mouse ไฮไลท์ที่ข้อความแล้วเพิ่มขนาดตัวอักษรที่ Properties ได้เลย

นำ Mouse เลือกที่ข้อความ

เพียงเท่านี้เราก็สามารถพิมพ์ตัวอักษรที่เราต้องการได้แล้ว

[8] เครื่องมือนี้เป็นเครื่องที่เอาไว้สำหรับพิมพ์ข้อความในแนวตั้ง ส่วนการใช้งานจะคล้ายเครื่องมือ Herizontal Type Tool มาลองใช้กันดู

เครื่องมือนี้อยู่ที่ไหน ?



ตัวอย่างการใช้งาน

การพิมพ์ข้อความแนวตั้ง

1.> สร้างเอกสารที่เราจะทดลอง ในที่นี้ผมจะใช้ขนาด 300x300px


2.> หลังจากนั้นเลือกเครื่องมือแล้วทดลองพิพพ์ลงในชิ้นงานที่เราสร้างไว้ได้เลย


เป็นอย่างไรบ้างครับ ได้ผลดังภาพที่ผมพิมพ์ให้ดูไหมครับ ก็เป็นการพิมพ์ข้อความอีกแบบ

[9] เครื่องมือนี้เป็นเครื่องมือที่ใช้สำหรับพิมพ์ข้อความแบบมีเส้น Selection ปรากฎขึ้นมาเมื่อพิมพ์เสร็จแล้ว

เครื่องมือนี้อยู่ที่ไหน ?



ตัวอย่างการใช้งาน

การใส่เงาให้กับตัวอักษร

1.> สร้างเอกสาารที่เราจะใช้ในการทดลอง ขนาดเดิม 300x300 px


2.> หลังจากนั้นใช้เครื่องมือ Herizontal Type Mask Tool พิมพ์ข้อความที่เราต้องการ (ควรจำกำนหดขนาดตัวอักษรให้ดีก่อนที่จะกดเครื่องหมาย ที่ Properties


3.> หลังจากนั้นสร้าง Layer ขึ้นมาใหม่ 1 Layer โดยกดที่ New Layer


4.> หลังจากนั้นเทสีลงที่ตัวอักษรที่เราพิมพ์ ดังภาพ


5.> ให้เราเลือก Effect เงาที่อยู่ที่ Layer เพียงเท่านี้เราก็สามารถใส่เงาให้กับตัวอักษรได้แล้ว ดังภาพ

หลังจากที่เราใส่ Effect Drop Shadow

เป็นอย่างไรบ้างครับทำได้อย่างตัวอย่างไหมครับ ถ้าทำได้ก็ลองนำไปประยุกต์ใช้งานกับภาพอื่นๆดูนะครับ

[10] การเปลี่ยนสีภาพเฉพาะจุด การเปลี่ยนสีภาพภาพก็สามารถทำได้หลายวิธี แต่ที่ผมจะแนะนำในที่นี้จะใช้ Replace Color มาติดตามกันเลย

ขั้นตอนการทำ
1. เปิดภาพที่เราต้องการขึ้นมา



2. หลังจากนั้นให้ใช้เครื่องมือ Select ภาพในส่วนที่เราต้องการเปลี่ยนสี


3. หลังจากนั้นใส่ความฟุ้งให้กับ Select ด้วยคำสั่ง Select เลือก Feather กำหนดค่า Feather Radius เท่ากับ 3 และเข้าไปที่เมนู Image --> Adjustments --> Replace Color


4. ใช้เครื่องมือ เลือกส่วนที่เราจะเปลี่ยนสี กำหนดค่า Fuzziness ตามที่เราต้องการ แล้วเลือกแภบเครื่องมือ Hue เพื่อเปลี่ยนสีตามที่เราต้องการ


5. เพียงเท่านี้เราก็สามารถเปลี่ยนสีให้กับวัตถุต่างๆ ลองนำไปใช้กันดูครับ

[11] เทคนิคการรวมภาพแบบไม่มีรอยต่อ แค่ฟังก็น่าสนใจแล้ว ว่าแล้วก็ลงมือกันเลย

ขั้นตอนการทำ
1. เตรียมภาพที่เราจะนำมารวม (ใ้ช้ภาพตามใจชอบ)

2. หลังจากนั้นใช้ Photoshop เปิดภาพขึ้นมาทั้ง 2 ภาพ

3. หลังจากนั้นให้เรานำภาพที่ 1 เป็นภาพหลัก แล้ว Copy ภาพที่ 2 ไปใว่ในภาพที่ 1

4. กลับภาพซักเล็กน้อยเพื่อไม่ให้รูปที่อกมาชนกัน หรือว่าทับกัน

5. จากนั้นให้เราเลือก Mak ภาพที่ Layer 1 โดยเราสามารถเลือกได้ 2 ที่
- เลือกจาก Layer --> Add Layer Mask --> Reveal All
- หรือเลือกจากเมนูที่อยู่ด้านล่างของ Layer ก็ได้

6. จากนั้นเลือกสี Gradient ขาว-ดำ ทเลงใน Layer ที่เรา Mask อยู่ (Layer1)

7. ถ้าใครไม่ถูกใจอาจใช้ Brush ตบแต่งช่วยลงไปได้ (สามารถนำภาพมาซ้อนได้มากกว่า 1 ภาพ)

8. ก็เสร็จลงแล้วสำหรับการรวมภาพแบบไม่มีขอบ ลองนำไปใช้ดู