Transcript การสร้างภาพสายฟ้า (ต่อ)

74/1
ิ้
การสร้างเงาของว ัตถุหลายชน
 เปิ ดไฟล์ใหม่
 สร ้างภาพโดยแยกเลเยอร์ (ตัวอย่างเป็ นภาพ
ิ้ ทีแ
2 ชน
่ ยกเลเยอร์กน
ั และกัน)
74/2
ิ้
การสร้างเงาของว ัตถุหลายชน
ิ้ โดยกดปุ่ ม
 สร ้าง Selection ของภาพทัง้ สองชน
ื่ เลเยอร์
<Ctrl> ค ้างไว ้แล ้วนาเมาสไ์ ปคลิกทีช
่ อ
ของภาพที่ 1 จะปรากฏ Selection ของภาพที่ 1
 จากนั น
้ กดปุ่ ม <Ctrl>
พร ้อมกับปุ่ ม <Shift>
ค ้างไว ้ แล ้วนาเมาสไ์ ป
ื่ เลเยอร์ของ
คลิกทีช
่ อ
ภาพที่ 2 เพือ
่ สร ้าง
Selection ของภาพที่ 2
ให ้ผสมร่วมกับ Selection เดิมของภาพที่ 1 ปรากฏเป็ น
Selection ร่วมกัน
74/3
ิ้ (ต่อ)
การสร้างเงาของว ัตถุหลายชน
ี าลงไป ย ้ายเลเยอร์
 สร ้างเลเยอร์ใหม่ แล ้วเติมสด
ใหม่ไปอยูใ่ ต ้เลเยอร์ภาพทัง้ สองภาพ
74/4
ิ้ (ต่อ)
การสร้างเงาของว ัตถุหลายชน
ี าของ
 เลือกเครือ
่ งมือ Move Tools ลากเงาสด
เลเยอร์เงา ให ้เหลือ
่ มล้ากับภาพวัตถุเดิม (ใช ้
้
ปุ่ มลูกศรขึน
้ ลงซายขวาก็
ได ้) เพียงเท่านีก
้ ็จะได ้
ภาพวัตถุทม
ี่ เี งาร่วมกัน
75/1
การสร้าง Path จากภาพต้นฉบ ับ
ั เสนโครงร่
้
บางครัง้ จาเป็ นต ้องการสร ้างภาพโดยอาศย
าง
(Outline) จากภาพต ้นฉบับ วิธก
ี ารทีส
่ ะดวกก็คอ
ื การแปลง
ภาพต ้นฉบับให ้เป็ น Path ดังนี้
 เปิ ดไฟล์ภาพทีต
่ ้องการ
 สร ้าง Selection ให ้กับภาพ
 ตัวอย่างภาพ Ducky
มีวธิ ก
ี ารสร ้าง
Selection ง่ายๆ คือ
75/2
การสร้าง Path จากภาพต้นฉบ ับ (ต่อ)
ั เสนโครงร่
้
บางครัง้ จาเป็ นต ้องการสร ้างภาพโดยอาศย
าง
(Outline) จากภาพต ้นฉบับ วิธก
ี ารทีส
่ ะดวกก็คอ
ื การแปลง
ภาพต ้นฉบับให ้เป็ น Path ดังนี้
 เปิ ดไฟล์ภาพทีต
่ ้องการ
 สร ้าง Selection ให ้กับภาพ
 ตัวอย่างภาพ Ducky
มีวธิ ก
ี ารสร ้าง
Selection ง่ายๆ คือ
75/3
การสร้าง Path จากภาพต้นฉบ ับ (ต่อ)
แล ้วคลิกทีพ
่ น
ื้ ส ี
ขาวรอบตัวเป็ ด ปรากฏเป็ น Selection ของพืน
้
ั่ Select, Invert เพือ
 เลือกคาสง
่ แปลงเป็ น
Selection ของตัวเป็ ด
 เลือกเครือ
่ งมือ Magic Wand
75/4
การสร้าง Path จากภาพต้นฉบ ับ (ต่อ)
ั่ Window>
 เปิ ดหน ้าต่างรายการ Path ด ้วยคาสง
Show Path
ั่ Make Work
 คลิก Path Control แล ้วเลือกคาสง
Path...
75/5
การสร้าง Path จากภาพต้นฉบ ับ (ต่อ)
 กาหนดค่า Tolerance เพือ
่ สร ้าง Path จากเสน้
Selection ปรากฏเสน้ Path ซงึ่ สามารถปรับแต่ง
ต่างๆ ได ้ตามต ้องการ
76/1
การสร้างว ัตถุ 3 มิต ิ
 แม ้ว่า PhotoShop เป็ นโปรแกรมตกแต่งภาพ แต่
ั ทีน
อย่างไรก็ตามยังมีสว่ นฟั งก์ชน
่ ่าสนใจอีกสว่ น ที่
สามารถสร ้างภาพ 3 มิตไิ ด ้อย่างรวดเร็ว โดยเฉพาะ
รูปทรง 3 มิต ิ
 เปิ ดไฟล์ใหม่
ั่
 เลือกเมนูคาสง
Filter> Render>
3D Transform...
76/2
การสร้างว ัตถุ 3 มิต ิ
 เลือกเครือ
่ งมือสร ้างรูปทรง แล ้ววาดรูปทรงทีต
่ ้องการ
76/3
การสร้างว ัตถุ 3 มิต ิ (ต่อ)
้ อ
 ใชเครื
่ งมือ Trackball หมุนวัตถุให ้เกิดเป็ นรูปทรง
3 มิตต
ิ ามทีต
่ ้องการ
76/4
การสร้างว ัตถุ 3 มิต ิ (ต่อ)
 เมือ
่ คลิกปุ่ ม Ok จะปรากฏภาพ 3 มิต ิ ดังนี้
77/1
การปร ับหมุนภาพ
 เปิ ดไฟล์ภาพต ้นฉบับทีต
่ ้องการปรับแต่ง
ั่
เลือกเมนูคาสง
Window>
Action
77/2
การปร ับหมุนภาพ (ต่อ)
 คลิกปุ่ ม Create New Action
หมุนภาพ
เพือ
่ สร ้าง Action
ื่ Action เชน
่ RotateCW แล ้วคลิกปุ่ ม Record
 กาหนดชอ
77/3
การปร ับหมุนภาพ (ต่อ)
ั่ งานโปรแกรม PhotoShop ด ้วยคาสงั่ ทีต
่
 สง
่ ้องการ เชน
ั่ Image> Rotate
• หมุนภาพ ให ้เลือกคาสง
Canvas, ... (จากตัวอย่างควรเลือกคาสงั่ Image>
Rotate Canvas> 90 CW
ั่
• ย่อภาพด ้วยคาสง
Image>
Image Size...
ี ละความคมชด
ั ของ
• ปรับสแ
ภาพด ้วยคาสงั่ Image>
Adjustments> Auto
Contrast/Level
• เมือ
่ ครบทุกขัน
้ ตอน ให ้
77/4
การปร ับหมุนภาพ (ต่อ)
 จะปรากฏรายการ Action ตามทีก
่ าหนด
 เมือ
่ ต ้องการปรับแต่งภาพ
อืน
่ ก็เพียงแต่เปิ ดไฟล์
ภาพนัน
้ ๆ แล ้วคลิกเลือก
รายการ Action ทีต
่ ้องการ
จากนัน
้ คลิกปุ่ ม Play
selection
โปรแกรมจะ
ทาการปรับภาพตามค่า
ของ Action ทีก
่ าหนดโดย
อัตโนมัต ิ
78
้ ทีเ่ วป
การสร้างลวดลายสเี่ หลีย
่ มบนพืน
จากภาพเล็กๆ อย่างนี้ เมือ
่ นามาสร ้างเป็ นภาพพืน
้ หลัง
(Background) จะได ้ดังตัวอย่าง
 เปิ ดไฟล์ใหม่ขนาด 15 x 15 pixels
ี ต
 เติมสท
ี่ ้องการลงไป
 กดปุ่ ม <Ctrl><A> เพือ
่ สร ้าง
Selection
 เลือกเครือ
่ งมือ Move Tools แล ้ว
กดปุ่ มลูกศรเลือ
่ น Selection ลง 1
จังหวะ และเลือ
่ นไปด ้านขวา 1 จังหวะ
 Save ภาพด ้วยฟอร์แมต GIF ถ ้าต ้องการนาไปใช ้
เป็ นลวดลายของพืน
้ เว็บ
79/1
้ หล ังเวปแบบ Star
การสร้างภาพพืน
 เปิ ดไฟล์ใหม่
 วาดแท่งสเี่ หลีย
่ มยาว
ี ต
เติมสท
ี่ ้องการ ดังตัวอย่าง
 สร ้าง Selection ให ้คลุม
พืน
้ ทีด
่ ้านขวาของสเี่ หลีย
่ ม
ั สว่ นเท่ากัน
เดิม โดยมีสด
ั่ Edit> Define Pattern เพือ
 เลือกคาสง
่ แปลง
Selection เป็ น Pattern
79/2
้ หล ังเวปแบบ Star (ต่อ)
การสร้างภาพพืน
้ Selection
 ยกเลิกเสน
ั่ Edit, Fill แล ้วเลือกรายการด ้วย Pattern ที่
 เลือกคาสง
สร ้างไว ้
79/3
้ หล ังเวปแบบ Star (ต่อ)
การสร้างภาพพืน
ั่ Select Load Selection จากนัน
 เลือกคาสง
้ เลือก
รายการ Alpha 1
79/4
้ หล ังเวปแบบ Star (ต่อ)
การสร้างภาพพืน
ั่ Filter> Distort> Polar Coordinates
 เลือกคาสง
และเลือกรายการเป็ น Rectangular to Polar
 จะได ้ผลดังนี้
80/1
การสร้างลายแผ่นฟิ ล์ม Digital ใน
ภาพยนตร์เรือ
่ ง Matrix
 เปิ ดไฟล์ใหม่
ั่ Filter>
 เลือกคาสง
Texture> Grain
เพือ
่ เติมลวดลาย
แนวตัง้ โดยตัง้ ค่า
ดังตัวอย่าง
80/2
การสร้างลายแผ่นฟิ ล์ม Digital ใน
ภาพยนตร์เรือ
่ ง Matrix (ต่อ)
้ าสงั่
 เลือกส ี Forground color ตามต ้องการ แล ้วใชค
Filter > Artistic >
Neon Glow เพือ
่ สร ้าง
ี อ
Effect แบบสน
ี อน
80/3
การสร้างลายแผ่นฟิ ล์ม Digital ใน
ภาพยนตร์เรือ
่ ง Matrix (ต่อ)
ั่ Filter > Stylize > Glowing Edges เพือ
 เลือกคาสง
่
แปลงให ้มีพน
ื้ เข ้ม
 Save ภาพตาม
ฟอร์แมตทีต
่ ้องการ
81/1
การสร้าง Bar Code
 เปิ ดไฟล์ใหม่
ั่ Filter>
 เลือกคาสง
Noise> Add Noise
เพือ
่ สร ้างลายจุดบน
พืน
้ ผิว โดยตัง้ ค่า
ดังตัวอย่าง
81/2
การสร้าง Bar Code (ต่อ)
ั่ Filter> Blur> Motion Blur... แล ้วตัง้ ค่า
 เลือกคาสง
ตามตัวอย่างเพือ
่ แปลงจุดเป็ นลายเสน้
 Save ภาพตาม
ฟอร์แมตทีต
่ ้องการ
82/1
การสร้างภาพสายฟ้า
 เปิ ดไฟล์ใหม่
 เลือกส ี Foreground / Backgroud ให ้เป็ นดาขาว
 เลือกเครือ
่ งมือไล่โทนส ี
แนวนอน
ลงสโี ทนดาขาวใน
82/2
การสร้างภาพสายฟ้า (ต่อ)
ั่ Filter>
 เลือกคาสง
Render> Difference Clouds
ั่ Image>
 เลือกคาสง
Adjustments> Invert
เพือ
่ กลับส ี
ั่ Image>
 เลือกคาสง
Adjustments> Lavel...
้
เพือ
่ สร ้างเสนสายฟ้
า
แลบในอากาศ
82/3
การสร้างภาพสายฟ้า (ต่อ)
 ภาพทีไ
่ ด ้คือ
ั่ Image>
 เลือกคาสง
Adjustments>
Hue/Saturation แล ้ว
ตัง้ ค่าดังตัวอย่าง
 Save ภาพด ้วย
ฟอร์แมตทีต
่ ้องการ
83
้ จากภาพส ี
การสร้างวาดลายเสน
 เปิ ดไฟล์ภาพต ้นฉบับ
ั่ Filter> Stylize> Find Edges
 เลือกเมนูคาสง
84/1
ี าพเก่า ให้เป็นภาพใหม่
การเติมสภ
 เปิ ดไฟล์ภาพต ้นฉบับ
 ตรวจสอบภาพจะต ้องอยู่
ในโหมด RGB ด ้วยคาสงั่
Image> Mode> RGB Color
้ อ
 ใชเครื
่ งมือ Lasso
84/2
ี าพเก่า ให้เป็นภาพใหม่
การเติมสภ
 สร ้าง Selection รอบพืน
้ ทีท
่ ต
ี่ ้องการเปลีย
่ นแปลง
กรณีตวั อย่างคือพืน
้ ทีใ่ บหน ้า
ั่ Select>
 เลือกเมนูคาสง
Feather เพือ
่ ทาให ้
ขอบภาพมีลก
ั ษณะ
นุ่มนวล
84/3
ี าพเก่า ให้เป็นภาพใหม่
การเติมสภ
ั่ Edit> Copy แล ้วตามด ้วย Edit>
 เลือกเมนูคาสง
ั ้ เลเยอร์ใหม่ ลากเลเยอร์ใหม่ไป
Paste ปรากฏชน
อยูร่ ะดับบนสุด
ั่ Image>
 เลือกเมนูคาสง
Adjustment>
Hue & Saturation คลิก
เลือกรายการ Colorize
้
 บันทึกเพือ
่ ใชงาน
หรือทาซา้ กับ
ตาแหน่งอืน
่ ๆ
85/1
ภาพสามมิตแ
ิ บบ Sphere
 เปิ ดไฟล์ภาพใหม่ ในขนาดทีต
่ ้องการ
 สร ้าง Pattern แบบจุดตามทีต
่ ้องการ
 สร ้างเลเยอร์ใหม่
 Fill Pattern
แบบจุดลงใน
เลเยอร์ทส
ี่ ร ้าง
85/2
ภาพสามมิตแ
ิ บบ Sphere (ต่อ)
้ อ
 ใชเครื
่ งมือ Marquee แบบวงกลม สร ้าง Selection
วงกลม หรือรูปทรงทีต
่ ้องการ
85/3
ภาพสามมิตแ
ิ บบ Sphere (ต่อ)
ั่ Filter> Distrot> Spherize กาหนดค่า
 เลือกคาสง
Amount เป็ น
100 แล ้วคลิก OK
เพือ
่ ดูผล
86/1
ภาพทรงอิสระ
 เปิ ดไฟล์ภาพใหม่ กาหนดขนาดต ้องการ
 สร ้างเลเยอร์ใหม่ วาดสเี่ หลีย
่ มแนวตัง้
กาหนดขนาด
ตามทีต
่ ้องการ
86/2
ภาพทรงอิสระ
ั่ EDIT> TRANSFORM> SKEW
 เลือกเมนูคาสง
แล ้วปรับให ้เป็ นรูปทรงสามเหลีย
่ ม
86/3
ภาพทรงอิสระ
ั่ FILTER>DISTORT>SHEAR แล ้ว
 เลือกเมนูคาสง
ปรับค่าให ้ได ้รูปทรงตามต ้องการ จากนัน
้ คลิกปุ่ ม OK
 เติม Effect ทีต
่ ้องการ
้
เพือ
่ นาไปใชงาน
87
้ หล ังลายนา้ กระเพือ
ภาพพืน
่ ม
 เปิ ดไฟล์ภาพใหม่ กาหนดขนาดต ้องการ โดยกาหนด
โหมดภาพเป็ น RGB
 เลือกส ี Foreground เป็ น น้ าเงินหรือฟ้ า และ
ี งไปในภาพด ้วย
Background เป็ นขาว เติมสล
คาสงั่ Edit > Fill > Foreground Color
ี ้า
 ทาให ้เป็ นลายผสมแบบท ้องฟ้ าสฟ
ด ้วยคาสงั่ Filter >
Render > Clouds
 สร ้าง Effect แบบน้ า
กระเพือ
่ มด ้วยคาสงั่
Filter > Distort >
Ocean Ripple กาหนดค่าตามต ้องการ แล ้ว OK
88/1
การสร้างภาพด้วย Effect แบบ
Polar
 เปิ ดไฟล์ภาพใหม่ กาหนดขนาดต ้องการ
โดยกาหนดโหมดภาพเป็ น RGB
ี บบ Gradient
 เติมสแ
88/2
การสร้างภาพด้วย Effect แบบ
Polar (ต่อ)
ั่ Filter> Distort> Wave
 แปลงภาพโดยเลือกคาสง
แล ้วกาหนดค่าให ้
แสดงผลดังตัวอย่าง
 ทาให ้รูปแบบ
Polar ด ้วยคาสงั่
Filter> Distort>
Polar Coordinates
แล ้วคลิกปุ่ ม OK
89/1
การบ ันทึก Action เป็น File
้
Action ทีส
่ ร ้างไว ้ เมือ
่ ต ้องการนาไปใชงานกั
บ
คอมพิวเตอร์เครือ
่ งอืน
่ ๆ สามารถกระทาได ้โดย
การบันทึก Action เป็ นไฟล์ แล ้วคัดลอกนาไป
้
ใชงานกั
บคอมพิวเตอร์อน
ื่ โดย
 เปิ ดหน ้าต่าง
รายการ Action
 คลิกเลือกกลุม
่
Action ทีต
่ ้องการ
บันทึก
 คลิกปุ่ ม Control
Menu
89/2
การบ ันทึก Action เป็น File (ต่อ)
ั่ Save Actions... ตัง้ ชอ
ื่ ไฟล์
 เลือกคาสง
Action โปรแกรมบันทึก
การนา Action ไปใช ้
 คัดลอกไฟล์ .atn ไปไว ้ทีโ
่ ฟลเดอร์
90
Pattern แบบต่างๆ
 สร ้างไฟล์ใหม่ ขนาด 5 x 5 pixel
 ขยายประมาณ 1600 %
 เลือกเครือ
่ งมือ Pencil แล ้วลงลวดลายดังตัวอย่าง
ั่ Edit> Define Pattern...
 Selection แล ้วเลือกคาสง
ื่ Pattern เพือ
้
ตัง้ ชอ
่ รอนาไปใชงานต่
อไป
91/1
สร้างภาพ Sketch จากภาพต้นแบบ
เปิ ดไฟล์ภาพทีต
่ ้องการ
้ าสงั่ Image>
Duplicate เลเยอร์ภาพ แล ้วใชค
Adjustments>Desaturate เพือ
่ แปลงเป็ นภาพขาวดา
91/2
สร้างภาพ Sketch จากภาพต้นแบบ
(ต่อ)
 Duplicate เลเยอร์ภาพทีแ
่ ปลงเป็ นขาวดาแล ้วใช ้
คาสงั่ Image>Adjustments>Invert เพือ
่ ปรับภาพ
 คลิกเลือกเลเยอร์ทก
ี่ ลับภาพ
แล ้วเปลีย
่ นค่า Blending เป็ น
Color Dodge
ั่ Filter>Blur>
 เลือกคาสง
Gaussian Blur ปรับค่า
ตามต ้องการ
 ทดลองปรับค่าเป็ นค่าอืน
่ ๆ
ในแต่ละขัน
้ ตอน ซงึ่ จะได ้
ผลลัพธ์แบบอืน
่ ๆ
92/1
ั้
สร้างภาพวงล้อหลายชน
 สร ้างไฟล์ใหม่
ี ต
 สร ้างเลเยอร์ใหม่ วาดวงกลม เติมสท
ี่ ้องการ
ิ้ ทีม
 วาดวงกลมอีกชน
่ ข
ี นาดเล็กกว่าเดิม จัดให ้อยู่
กึง่ กลางของวงกลมเดิม กดปุ่ ม <Delete> เพือ
่ ลบ
สว่ นด ้านในออก ให ้เหลือเฉพาะขอบวงกลม
 Duplicate เลเยอร์ขอบวงกลม เติม Effect ที่
ต ้องการด ้วย Window, Show Style
92/2
ั้ (ต่อ)
สร้างภาพวงล้อหลายชน
 Duplicate เลเยอร์ขอบวงกลมทีเ่ ติม Effect แล ้วใช ้
Selection สเี่ หลีย
่ ม, วงกลม หรือวงรี ระบายบนขอบ
วงกลม กดปุ่ ม <Delete> เพือ
่ ให ้ได ้ลวดลายตาม
ต ้องการ
93
ี าหร ับ Web
การเลือกสส
การสร ้างภาพใดๆ สาหรับนาเสนอบนเว็บ ควรเลือกส ี
ทีเ่ หมาะสมทีส
่ ด
ุ โดยเลือกได ้จากคาสงั่ Window>
Swatches จากนัน
้ คลิกที่ Swatches Control Menu
เลือกรายการ Web Safe Colors หรือ Web Spectrum
94/1
ภาพวงกลมสามมิต ิ
ี น
ี า
 สร ้างไฟล์ขนาดทีต
่ ้องการ กาหนดสพ
ื้ ด ้วยสด
ี ต
หรือสท
ี่ ้องการ
 สร ้างเลเยอร์ใหม่
ั่ Filter>
 เลือกคาสง
Render>
3D Transform
 วาดวงกลมด ้วย
Sphere
94/2
ภาพวงกลมสามมิต ิ (ต่อ)
้ อ
 ใชเครื
่ งมือ Trackball หมุนให ้เกิดเป็ นวงกลมมีมต
ิ ิ
94/3
ภาพวงกลมสามมิต ิ (ต่อ)
ั่ Image> Adjustment>
 เติมสใี ห ้วงกลมด ้วยคาสง
Hue & Saturation
ตัวอย่างภาพทีไ่ ด ้
95/1
ภาพนา้ แข็งขวโลก
ั้
 สร ้างไฟล์ขนาดทีต
่ ้องการ
ี ้ า Background
 กาหนดส ี Foreground เป็ นสฟ
ี าว
เป็ นสข
ั่ Filter> Render> Clouds เพือ
 เลือกคาสง
่
สร ้างลายท ้องฟ้ า
ั่ Image> Adjustment> Auto Contrast
 เลือกคาสง
เพือ
่ ปรับส ี
95/2
ภาพนา้ แข็งขวโลก
ั้
(ต่อ)
 คัดลอกเลเยอร์ ทีเ่ ลเยอร์
ใหม่ เลือกคาสงั่ Filter>
Artistic> PlasticWrap
ั่ Filter>
 ต่อด ้วยคาสง
Distor> Polar Coordinates
โดยเลือกตัวเลือก Polar to
Rectangular
95/3
ภาพนา้ แข็งขวโลก
ั้
(ต่อ)
 ต่อด ้วย Filter> Stylise>
Wind
 หมุนภาพ ให ้มีลก
ั ษณะที่
ต ้องการ Image> Rotate
Canvas> ....
96/1
ภาพลายผ้าม่าน
 สร ้างไฟล์ขนาดทีต
่ ้องการ
ี ต
 สร ้างเลเยอร์ใหม่ เติมสท
ี่ ้องการ
 เปิ ดหน ้าต่างรายการ Channel สร ้าง Channel
ี าว ดังรูป
ใหม่ (Alpha 1) สร ้างลายสเี่ หลีย
่ ม เติมสข
ั่ Filter> Blur> Gaussian Blur ปรับค่าให ้
 เลือกคาสง
เหมาะสม กลับมาทางานทีเ่ ลเยอร์รป
ู ภาพ (Layer 1)
96/2
ภาพลายผ้าม่าน (ต่อ)
ั่ Filter> Render> Lighting Effects
 เลือกคาสง
ตัง้ ค่าดังตัวอย่าง โดยเลือก Texture Channel
เป็ น Alpha 1