workshop 4 : การจัดการเกี่ยวกับภาพ |
||||
บันทึกชื่องานตามเลขของ workshop ย่อย เช่น workshop 4.1 ให้บันทึกชื่อ M6X-Image41-FirstName (JPEG) |
||||
workshop 4.1 | การย่อขยายภาพ | |||
1.เปิดภาพ | ||||
2.คลิกขวาที่ไตเติ้ลบาร์ของภาพ เลือกคำสั่ง Image Size | ||||
3.ย่อภาพให้ได้ขนาดความกว้างเท่ากับ 800 pixels ส่วนความสูงให้โปรแกรมคำนวณ ตามสัดส่วนการย่อขนาดความกว้าง เืพื่อไม่ให้ภาพเสียรูปทรง | ||||
*** ให้นักเรียนใช้ภาพที่ทำการย่อขนาดแล้วจาก workshop 4.1 มาทำทุก workshop หลังจากนี้ |
||||
workshop 4.2 | การตัดภาพเฉพาะบางส่วน | |||
1.เปิดภาพที่ต้องการ | ||||
2.ใช้เครื่องมือ crop tool เลือกภาพในส่วนที่ต้องการ | ||||
3.ยืนยันด้วยการกดปุ่มเครื่องหมายถูกบน option bar | ||||
workshop 4.3 | การสร้างภาพรูปวงกลม | |||
1.เปิดภาพที่ต้องการ | ||||
2.กด Ctrl + A เพื่อเลือกรูปภาพทั้งหมด | ||||
3.กด Ctrl + C เพื่อทำการคัดลอกภาพ | ||||
4.สร้างภาพใหม่ขนาด 200 x 250 pixels กำหนดพื้นหลังเป็น Transparent | ||||
5.ใช้เครื่องมือ Elliptical Marquee Tool กำหนดค่า feather = 3 px | ||||
6.วาดรูปวงกลมหรือวงรีลงไปในชิ้นงาน | ||||
7.ใช้คำสั่ง Edit => Paste into | ||||
8.เลื่อนภาพในตำแหน่งที่ต้องการ | ||||
9.บันทึกภาพเพื่อใช้ในเว็บ File => Save for Web & Device | ||||
workshop 4.4 | การใส่ Effect ให้ภาพ | |||
1.เปิดภาพที่ต้องการ | ||||
2.คลิกเมนู Filter เลือกลักษณะพิเศษที่ต้องการ | ||||
3.บันทึกภาพ | ||||
workshop 4.5 | การปรับสีของภาพ | |||
4.5.1 ภาพโทนสีเทา หรือขาวดำ Image => Adjustment => Black & White | ||||
4.5.2 ภาพโทนซีเปีย Image => Adjustment => Hue/Saturation | ||||
- คลิกเครื่องหมายถูกที่ Colorize | ||||
- (Hue - ปรับเลือกโทนสี, Saturation - ค่าความอิ่มตัวของสี, Lightness - ความมืดสว่าง) | ||||
ตัวอย่าง |
||||
|
||||
ที่มาภาพ : easyphotoedit.com , silverstonephotos.com | ||||
workshop 4.6 การสร้างภาพซ้อนให้กับภาพหลัก |
|||||
เตรียมภาพซ้อน |
|||||
1.เปิดภาพ pattern.jpg เพือใช้ในการสร้างเป็นภาพซ้อน |
|||||
2.ย่อภาพ โดยไปที่เมนูคำสั่ง Image => Image Size กำหนดค่า Width = 30 pixels |
|||||
3.กดปุ่ม Ctrl + A เพื่อทำการเลือกภาพทั้งหมด |
|||||
4.ทำให้ภาพนั้นกลายเป็น Pattern สำหรับใช้ในภาพหลัก โดยไปที่เมนูคำสั่ง Edit => Define Pattern |
|||||
การนำไปใช้งาน |
|||||
1.เปิดภาพหลัก ใช้ภาพตัวอย่างชื่อ image1.jpg หรือภาพตามที่กำหนด |
|||||
2.เลือกเมนูคำสั่ง Edit => Fill กำหนดค่าดังนี้ |
|||||
- use = Pattern เลือก Pattern ที่สร้างไว้ก่อนหน้า |
|||||
- Blending Mode = Overlay |
|||||
- Blending Opacity = 60 |
|||||
![]() |
|||||
ภาพสำเร็จ |
|||||
![]() |
|||||
workshop 4.7 การใส่เส้นสกรีนให้กับภาพ |
|||||
การเตรียมเส้นสกรีน |
|||||
1.สร้างงานใหม่ขนาด 150 x 40 pixels |
|||||
2.ใช้เครื่องมือ Pencil Tool ![]() |
|||||
3.สร้างเลเยอร์ใหม่ |
|||||
4.วาดเส้นแนวนอนสีดำ 1 เส้น และสีขาว 1 เส้น ให้มีขนาดเท่ากัน |
|||||
![]() |
|||||
5.กดปุ่ม Ctrl ค้างไว้ แล้วทำการคลิกในเลเยอร์ที่สร้างใหม่ ใน Pallete Layer (คลิกลงไปด้านในรูปเลเยอร์) |
|||||
เป็นการเลือกเส้นที่ได้ทำการสร้างไว้ |
|||||
6.คลิกเมนูคำสั่ง Edit => Define Pattern ตั้งชื่อ แล้วกดปุ่ม OK |
|||||
การนำไปใช้งาน |
|||||
1.เปิดไฟล์ภาพ image2.jpg หรือภาพหลักที่จะใช้ใส่เส้นสกรีน |
|||||
2.เลือกเมนูคำสั่ง Edit => Fill กำหนดค่าดังนี้ |
|||||
- use = Pattern เลือก Pattern ที่สร้างไว้ก่อนหน้า |
|||||
- Blending Mode = Multiply |
|||||
- Blending Opacity = 30 |
|||||
ภาพสำเร็จ |
|||||
![]() |
|||||
workshop 4.8 การใส่ตัวอักษรแบบนูนลงในภาพ |
|||||
1.เปิดไฟล์ภาพ image3.jpg หรือภาพหลักที่จะใส่ข้อความ |
|||||
2.ใช้เครื่องมือ Horizontal Type Mask Tool ![]() |
|||||
3.เลือกตำแหน่ง และพิมพ์ข้อความที่ต้องการใส่ลงในภาพลงไป แล้วกดเครื่องหมาย ถูก เพื่อยืนยันการทำงาน |
|||||
4.กดเมนูคำสั่ง Edit => Copy |
|||||
5.กดเมนูคำสั่ง Edit =>Paste |
|||||
6.กำหนดค่าเอฟเฟคเพิ่มเติมที่ Add Layer Style ![]() |
|||||
7.เลือก Bevel and Emboss กำหนดค่าดังนี้ |
|||||
Style = Inner Bevel, Depth = 40 และ Size = 10 |
|||||
![]() |
|||||
ภาพสำเร็จ |
|||||
![]() |
|||||