โปรแกรม Adobe Photoshop CS5 น้ีผูเรียนสามารถที่จะสรางสรรครูปแบบตาง ๆ ใหกับรูปภาพ เพื่อใหรูปภาพมีความสวยงาม และแปลกตามากย่ิงข้ึน โดยตัวอยางจะทําการปรับแตงรูปภาพแบบ โพลารอยด

1. เปดไฟลรูปภาพที่ตองการ แลวไปที่เมนู Image > Canvas Size

115

2. จะปรากฏหนาตางดังภาพ ทําการปรับขนาดความกวาง (Width) และความสูง (Height) เพิ่มอยางละ 50 pixels และเลือกใชสีขาวดังรูป จากน้ันกด OK

3. ไดรูปที่มีขอบสีขาวเหมือนรูปโพลารอยด ดับเบิ้ลคลิกที่ Layer Background และกด OK จะกลายเปนช่ือ Layer0 ดังภาพ

116

4. ไปที่เมนู Edit > Free Transform จะมีเสนรอบรูปเพื่อสําหรับ ยอ ขยาย และหมุนรูป ตามความเหมาะสม

ภาพท่ีเกิดจากการเลือก Free Transform

117

5. เลือก Add a layer style และเลือก Stroke เพื่อสรางเสนขอบใหรูป

6. ปรับคา Stroke ตามตองการ

Add a layer style

และเลือก Stroke

118

7. เลือก Drop Shadow คือการใสเงาใหรูป สามารถปรับไดตามความเหมาะสม โดยสามารถกําหนดคาตางๆ ไดดังน้ี

Opacity คือ คาความทบึของเงา Angle คือ องศาที่แสงเขามา จะมีวงกลมและเลของศา Distance คือ ระยะความหางของเงาจากรูป Size คือ ขนาดของเงา ย่ิงเยอะขอบของเงาก็จะย่ิงเบลอ

(กําหนดคาตามตองการแลว คลิก OK)

ภาพตนฉบับ

ผลลัพธท่ีได

119

Header Website เปนสวนประกอบสําคัญของตัวเว็บไซต แสดงใหถึงวาเว็บไซตน้ันๆ เกี่ยวของกับเน้ือหาอะไร และยังเปนเอกลักษณของ Website เพื่อดึงดูดใจใหผูเขาชมจดจําเว็บไซตไดซึ่ง Header Web จะประกอบดวย โลโกเว็บไซต เน้ือหา และเมนูตางๆ ของภายในเว็บไซต

วิธีการสราง Header Website

1. เปดโปรแกรม Adobe Photoshop CS5 เริ่มสรางช้ินงานใหมโดยคลกิที่ File > New

2. กําหนดขนาดของหนาจอไฟลงานที่จะทํา โดยกําหนดขนาดความกวางเปน Width :

1000 Pixels และความสูง Height : 300 Pixels

120

3. หาภาพที่ตองการ มาวางเปนพื้นหลังของช้ินงานโดยในตัวอยางของภาพ จะใช

Background จํานวน 3 ภาพ มาซอนภาพกัน เพื่อเพิ่มความสวยงามใหกับภาพ จัดองคประกอบ

ของภาพใหพอดีกับความตองการ

4. ทําการปรับภาพ ใหโปรงใสโดยใช Opacity ตรงที่ Layer โดยปรับขนาดลงตามความ

เหมาะสม

5. ใช Eraser Tool เพื่อลบภาพ ทําใหภาพทั้งสองซอนกันไดอยางสวยงาม

121

ผลลัพธดังภาพ

6. วาง Logo ของ Header โดยตําแหนงที่เหมาะสมในการวางที่สุดคือ มุมบนซายซึ่งเปน ตําแหนงสากลในการวาง Logo Website

7. พิมพขอความของ Logo โดยคลิกที่ Font เลือก นามสกุลของ Font ที่ตองการ

ผลลัพธดังภาพ

122

8. ปรับเปลี่ยนรูปแบบของขอความ โดยกด Fx ตรง Layer แลวทําการ Double Clicks

เพื่อใหข้ึนหนาจอ Layer Style ทําเสนขอบ โดยใช Layer Style เลือก Stroke เพื่อเพิ่มขอบให

ขอความ โดยเลือก Size : 2 และ Position : Outside ดังภาพ

123

9. ปรับคาเงาของขอความ โดยใชใช Drop Shadow เลือกสีเปนสีดํา และ กําหนด Size :

27 หรืออาจจะปรับเปลี่ยนขนาดตามความเหมาะสม เมื่อไดแบบที่ตองการแลว ทําการกด OK

10. จัดทําเมนูของเว็บไซตโดยสรางรูปสีเหลี่ยมผืนผา และปรับ Radius เปน 10px เพื่อให

ไดมุมโคงมน และขนาดตามความเหมาะสม

124

11. ลากรูปวาดมาวางดังภาพ

12. สรางสีเหลี่ยมผืนผารูปที่สอง โดยใชสีที่สวางกวาสีเดิม

13. จากน้ัน ปรับ Opacity เปน 48% ดังภาพ

14. พิมพขอความของเมนูที่ไดสรางไว จัดตําแหนงและรูปแบบใหเหมาะสมสวยงาม