Transcript
Page 1: การออกแบบและตกแต งภาพด วย Adobe Photoshop CS · การออกแบบและตกแต งภาพด วย Adobe Photoshop

การออกแบบและตกแตงภาพดวย Adobe Photoshop CS

1. ไฟล Sample ในโปรแกรม Adobe Photoshop (ตอจากหนา 12)

C:\Program Files\Adobe\Photoshop CS\Samples

2. การใชเสน Grid (ตอจากหนา 16)

เสนกริด (Grid) คือ เสน หรือชองตารางเพือ่ชวยใหเราสามารถจัดวางวตัถุ หรือรูปภาพตางๆ ไดอยางแมนยําการสรางเสนกริด (Grid) สามารถทําไดดังนี ้

เลือกคําสั่ง View > Show > Grid จากนัน้จะปรากฏชองตารางดังรูป

3. การสรางรปูทรงเรขาคณิตดวยเครือ่งมือ Shape (ตอจากหนา 20)

การกําหนด Option กอนการวาดรูป โดยการคลิกเลือกที ่ไอคอน Fill Pixels ดังรูป

Page 2: การออกแบบและตกแต งภาพด วย Adobe Photoshop CS · การออกแบบและตกแต งภาพด วย Adobe Photoshop

4. การยกเลกิ Selection (ตอจากหนา 28)

สามารถทําได 2 วิธีคือ

1. เลือกคําสั่ง Select > Deselect

2. กดคียลัดที่คีบอรด Ctrl+D จะไดผลลัพธ ดังรูป

5. กําหนดคาการไลสีดวยตนเอง (ตอจากหนา 39)

1. คลิกเลือกเครื่องมือ Gardient

2. จากนัน้คลกิที่แถบ Gardient ที่ Option Bar ดังรูป

3. เสร็จแลวจะปรากฏหนาตาง ใหทาํการคลิกจุดที่แถบ สีและทาํการเลือกสีตามตองการ ดังรูป เสร็จแลวคลิกปุม OK

34

Page 3: การออกแบบและตกแต งภาพด วย Adobe Photoshop CS · การออกแบบและตกแต งภาพด วย Adobe Photoshop

6. การยอ ขยายขนาดรูปภาพ (ตอจากหนา 43)

1. เปดภาพทีต่องการยอ ขยาย จากนัน้เลือกคําสั่ง Image > Image Size… จะปรากฏหนาตาง ดังรูป

2. ปรับขนาด ความกวาง (Width) และความสงู (Height) ตามตองการ (โดยปกติแลวเราสามารถปรับความกวาง อยางเดยีว แลวความสูงนั้นโปรแกรมจะจัดการปรับใหสมดุลกันโดยอัตโนมัติ) แตหากไมตองการใหโปรแกรมจัดการให สามารถทาํไดโดยคลิกเลือกเครื่องหมายถกูออกจากคาํสั่ง Constrain Proportions

7. การใส Effect ใหกับขอความและรูปภาพ (ตอจากหนา 47)

Effect คือ ลักษณะเพิ่มเติมเพื่อสรางความสวยงามและโดดเดนใหกับขอความ และรูปภาพสามารถทําไดโดย

1. คลิกเลือกที ่Layer ที่เราตองการใส Effect จากนัน้คลกิเลือกไอคอน Effect ที่แถบ Layer ดังรูป

2. เสร็จแลวคลิกเลือกคําสัง่ Blending Options…

3. จากนัน้คลกิเลือก Effect ในชอง Styles ในทีน่ี้เลือก Drop Shadow เสร็จแลวจะปรากฏหนาตาง Option ใหกําหนดคา ดังรูป

Page 4: การออกแบบและตกแต งภาพด วย Adobe Photoshop CS · การออกแบบและตกแต งภาพด วย Adobe Photoshop

4. เมื่อกาํหนดคาเสร็จแลวใหทาํการคลิกที่ปุม OK จะได Effect ดังรูป

5. หากตองยกเลิก Effect สามารถทาํไดโดยคลิกเลือก Layer ที่ตองการยกเลิก

6. จากนัน้คลกิเมาสขวาที่ Layer เลือก Clear Layer Style

Page 5: การออกแบบและตกแต งภาพด วย Adobe Photoshop CS · การออกแบบและตกแต งภาพด วย Adobe Photoshop

การทําภาพเคลื่อนไหวแบบงายดวย SwishMax

1. การยกเลกิการวนรอบของ Movie (ตอจากหนา 91)

ปกติแลวภาพเคลื่อนไหวของเรานั้นจะทาํการเลนไปเรื่อยๆ โดยไมมีกาํหนด แตหากเราตองการใหเมื่อเลนไปจนครบ Effect ที่เราตั้งแลวใหหยุดสามารถทาํไดโดยคลิกเครื่องหมายถกูในชอง Stop playing at end of movie ดังรูป

2. การใส Effect ใหวัตถุเลน Effect แลวหายไป (ตอจากหนา 91)

สามารถทําไดโดยใส Effect ในเฟรมที่ตองการ โดย Effect นั้นคือ “Remove”

Page 6: การออกแบบและตกแต งภาพด วย Adobe Photoshop CS · การออกแบบและตกแต งภาพด วย Adobe Photoshop

การจัดทาํเว็บไซตดวย Macromedia Dreamweaver 8

1. การเพิ่มฟอนตเขาไปใน List (ตอจากหนา 97)

1. เลือกคําสัง่ Modify > Page Properties จะพบหนาตางสาํหรับการตั้งคาตางๆ จากนัน้ใหทาํการคลิกเลือกในสวน Category เปน Appearance จากนัน้คลิกเลือกในชอง Page font เสร็จแลวเลือก Edit Font List…

2. พิมพชื่อฟอนตที่ตองการเชน MS Sans Serif แลวคลิกเลือกไอคอนเพิ่มฟอนต เสร็จแลวเลือก OK ฟอนตของเราก็จะไปอยูใน List เรียบรอยแลว ดังรูป

2. การกําหนดสีใหกับ Link (ตอจากหนา 99)

1. เลือกคําสัง่ Modify > Page Properties จะพบหนาตางสาํหรับการตั้งคาตางๆ จากนัน้ใหทาํการคลิกเลือกในสวน Category เปน Links จากนั้นกําหนดคาตางๆ ดังรูป

1

3

Page 7: การออกแบบและตกแต งภาพด วย Adobe Photoshop CS · การออกแบบและตกแต งภาพด วย Adobe Photoshop

คําอธิบายแตละหัวขอ

Link font คือ เลือกฟอนตทีต่องการ ใหกบัขอความทีเ่ปน Link Size คือ ขนาดตัวอักษร Link color คือ สีของขอความทีเ่ปน Link Rollover links คือ สีของขอความที่เปนลงิคเมื่อเอาเมาสไปชี้ Visited links คือ สีของขอความที่เปนลิงคเมื่อคลิกเขาไปดูขอมูลแลว Active links คือ สีของขอความที่เปนลิงคขณะกําลังคลกิที่ขอความ

Underline style คือ รูปภาพของขอความที่เปนลิงคเกีย่วกับคุณสมบัติของเสนใต


Recommended