หน่ วยที่ 4 การสรา้ งภาพกราฟิ ก ดว้ ยโปรแกรม สาเรจ็ รูปกราฟิ ก
1. การสรา้ งภาพกราฟิ กดว้ ยเครอื่ งมอื Brush เลือก1. tool เมนู File > New... กำำหนดคำ่ ตำมภำพ แลว้ กดป่มุ Create
2. เลือกเครอ่ื งมือ Brush Tool ดงั ภำพ
แถบ3. ตวั เลือก (Option Bar) ใหป้ รบั ขนำดของหวั แปรง และเลอื ก General Brushesเป็น Soft Round ดงั ภำพ
4. คลิกที่ Foreground Color แลว้ เลอื กใหเ้ ป็นสแี ดง หรอื เลอื กสแี ดงทห่ี น้ำต่ำง Swatches ดงั ภำพ
5. วาดรปู หวั ใจ โดยใชเ้ ครอ่ื งมอื Brush Tool ดงั ภำพ
6. เทสีลงไปในรปู หวั ใจ โดยเลอื กเครอ่ื งมอื Paint Bucket Tool แลว้ เลอื กสเี ป็นสแี ดง
7. คลิกบริเวณด้านในหวั ใจตรงที่เป็นสีขาว โดยโปรแกรมจะเทสลี งไปในหวั ใจ ใหค้ ลกิ ไปเรอ่ื ย ๆ จนกว่ำสขี ำวใน หวั ใจกลำยเป็นสแี ดง
8. ให้บนั ทึกไฟล์ 2 ครงั้ โดยครงั้ แรกบนั ทกึ เป็นนำมสกุล .psd และครงั้ ท่ี 2 บนั ทกึ เป็นนำมสกุล .jpg ตำมขนั้ ตอนดงั น้ี 8.1 เลือกคาาสงั่ File > Save As... แลว้ บนั ทกึ ชอ่ื “Brush Tool.psd” ก่อนกดปุ่ม Save ใหส้ งั เกตวำ่ Save as type: เป็น Photoshop (*.PSD,*.PDD, PSDT)ตำมในภำพหรอื ไม่ เมอ่ื กดปุ่ม Save โปรแกรมจะขน้ึ กล่องขอ้ ควำมโตต้ อบ Photoshop Format Optionsใหก้ ำำหนดคำ่ ตำมภำพแลว้ กดปุ่ม OK
8.2 เลือกคาาสงั่ File > Save As... แลว้ บนั ทกึ ชอ่ื “Brush Tool.jpg” ก่อนกดป่มุ Save ใหส้ งั เกตวำ่ Save as type: เป็น JPEG (*.JPG, *.JPEG, *.JPE) ตำมในภำพหรอื ไมเ่ ม่อื กดปุ่ม Save โปรแกรมจะขน้ึ กลอ่ งขอ้ ควำมโตต้ อบ JPEG Options ใหก้ ำำหนดคำ่ ตำมภำพแลว้ กดปุ่ม OK
2. การสรา้ งภาพกราฟิ กดว้ ยเครอื่ งมอื Shape tool 1. เลอื กเมนู File > New... กำหนดคำ่ ตำมภำพ แลว้ กดป่มุ Create
2. กล่มุ เครอ่ื งมอื Shape Tool ใหเ้ ลอื กเครอ่ื งมอื Rectangle Tool และท่ี Option Bar ใหเ้ ลอื กสนี ้ำเงนิ ตำมภำพ
3. ใช้เมาสค์ ลิกแล้วลากบริเวณพืน้ ที่ว่าง แลว้ วำดสเ่ี หลย่ี มตำมภำพใหส้ งั เกตวำ่ มี Layer ชอ่ื “Rectangle 1”ปรำกฏในหน้ำตำ่ ง Layers ซง่ึ เป็น Layerทโ่ี ปรแกรมสรำ้ งขน้ึ มำแบบอตั โนมตั ิ
ลอง4. เปล่ียนสี โดยเลอื กท่ี Fill หรอื ในหน้ำต่ำง Properties
5. คลิกเลือกเครื่องมอื ที่เหลือมาวาดรปู ทรง 5.1 ให้กาหนด รปู ทรง ตำแหน่ง สตี ำมแบบในภำพ
5.2 เฉพาะเคร่อื งมือ Custom Shape Tool ใหก้ ำหนดคำ่ ท่ี Option Bar เป็นรปู ทรง Eighth Notes แลว้ นำมำวำดตำมภำพ
6. บนั ทึกไฟลน์ ี้ 2 ครงั้ โดยครงั้ แรกบนั ทกึ เป็นนำมสกุล .psd และครงั้ ท่ี 2 บนั ทกึ เป็นนำมสกุล .jpg ตำมขนั้ ตอนดงั น้ี 6.1 เลือกคาาสงั่ File > Save As... แลว้ บนั ทกึ ชอ่ื “Shape Tool.psd” 6.2 เลือกคาาสงั่ File > Save As... แลว้ บนั ทกึ ชอ่ื “Shape Tool.jpg” ไฟลน์ ำมสกุล .psd มกี ำรจดั เกบ็ เลเยอรต์ ำ่ ง ๆ เพอ่ื สำมำรถแกไ้ ข สี หรอื ตำแหน่งกำรจดั วำงไดใ้ นภำยหลงั แต่ไฟล์ นำมสกุล .jpg จะมกี ำรผสำนเลเยอรท์ งั้ หมดแลว้ จดั เกบ็ เพยี งเลเยอรเ์ ดยี ว คอื เลเยอร์ Background ไฟลน์ ำมสกุล .jpg เหมำะ สำหรบั กำรนำไปใชใ้ นงำนตำมตอ้ งกำร เชน่ บนั ทกึ เพอ่ื นำไปอปั โหลดขน้ึ สเู่ วบ็ ไซต์ อปั โหลดขน้ึ สโู่ ซเชยี ลมเี ดยี นำภำพไปใส่ ในงำนนำเสนอขอ้ มลู เป็นตน้
3. การสรา้ งภาพกราฟิ กดว้ ยเครอื่ งมอื Horizontal 1. TเyลpือeกเมTนู oFiloe >lNew... กำหนดคำ่ ตำมภำพ แลว้ กดป่มุ Create
2. เลอื กเครอื่ งมือ Horizontal Type Tool แลว้ คลกิ บรเิ วณทต่ี อ้ งกำรพมิ พข์ อ้ ควำมใหเ้ ลอื ก รปู แบบของอกั ษร ลกั ษณะของแบบอกั ษร ขนำด และเลอื กสขี องตวั อกั ษรเป็นสนี ้ำเงนิ ใหส้ งั เกต ในหน้ำต่ำง Layers มี “Layer 1” ปรำกฏขน้ึ มำอตั โนมตั ิ ดงั ภำพ
3. คลิกบริเวณท่ีต้องการพิมพข์ ้อความ และพมิ พข์ อ้ ควำมตำมภำพ ให้ สงั เกตวำ่ ชอ่ื “Layer 1” ในหน้ำตำ่ ง Layers เปลย่ี นไปตำมขอ้ ควำมทพ่ี มิ พ์
4. ให้ เมอ่ื พิมพข์ ้อความท่ีต้องการเรียบรอ้ ยแล้ว คลกิ ทเ่ี ครอ่ื งหมำยถกู ใน Option Bar ดงั ภำพ
5. ทดลองปรบั ตาแหน่งและขนาดของ Layer ขอ้ ควำมโดยเลอื กเมนู Edit >Free Tranform โปรแกรมจะแสดงจุดสเ่ี หลย่ี มรอบขอ้ ควำม ใหท้ ำำกำรปรบั ขนำดโดยคลกิ ทจ่ี ดุ สเ่ี หลย่ี มแลว้ ลำก จำกนนั้ ปรบั เปลย่ี นตำำแหน่งของขอ้ ควำม ใหอ้ ยกู่ ง่ึ กลำงตำมภำพ โดยหำกขอ้ ควำมอยู่ กง่ึ กลำงโปรแกรมจะแสดงเสน้ เพอ่ื บอกใหท้ รำบ วำ่ ขอ้ ควำมอยกู่ ง่ึ กลำง
6. เม่อื ปรบั ตาแหน่งและขนาดของ Layer ขอ้ ควำม ใหเ้ ป็นไป ตำมทต่ี อ้ งกำรเรยี บรอ้ ยแลว้ ใหค้ ลกิ ทเ่ี ครอ่ื งหมำยถกู ท่ี Option Bar หรอื กด Enter ทแ่ี ป้นพมิ พ์ จุดสเ่ี หลย่ี มรอบขอ้ ควำมจะหำยไปเป็น กำรยนื ยนั กำรปรบั ตำแหน่งและขนำดของ Layer ดงั ภำพ
7. บนั ทึกไฟลน์ ี้ 2 ครงั้ โดยครงั้ แรกบนั ทกึ เป็นนำมสกุล .psd และครงั้ ท่ี 2 บนั ทกึ เป็นนำมสกุล .jpg ตำมขนั้ ตอนดงั น้ี 7.1 เลือกคาาสงั่ File > Save As... แลว้ บนั ทกึ ชอ่ื “Horizontal Type.psd” 7.2 เลือกคาาสงั่ File > Save As... แลว้ บนั ทกึ ชอ่ื “Horizontal Type.jpg”
4. การสรา้ งภาพภาพกราฟิ กดว้ ย 1.Layเลeือrกsเมนู File > New... กำหนดคำ่ ตำมภำพ แลว้ กดปุ่ม Create
2. เลือกเมนู Layer > New > Layers ดงั ภำพ
3. โปรแกรมจะแสดงหน้าต่างโต้ตอบ New Layer ใหเ้ ปลย่ี นจำก “Layer 1” เป็น “หวั ใจ” แลว้ กด OK ดงั ภำพ
4. สงั เกตที่หน้าต่าง Layer มชี อ่ื “Layer 1” ปรำกฏขน้ึ และมแี ถบสขี ำวทบ่ี รเิ วณขอ้ ควำม “หวั ใจ” เป็นแสดงสถำนะวำ่ ขณะน้โี ปรแกรมกำลงั ทำงำนกบั Layer ชอ่ื “หวั ใจ” คำสงั่ ใด ๆ กต็ ำมทเ่ี กดิ ขน้ึ หลงั จำกเลอื ก Layer เช่น หำกกำำลงั เลอื กอยทู่ ่ี Layer ชอ่ื “หวั ใจ” หมำยควำมวำ่ คำำสงั่ เหล่ำนนั้ ทำำงำนกบั Layer ชอ่ื “หวั ใจ” เทำ่ นนั้ ไม่ สง่ ผลตอ่ เลอื ก Brush Tool มำวำดรปู หวั ใจ สแี ดงตำมภำพ ใหส้ งั เกตวำ่ ไอคอน หน้ำขอ้ ควำม “หวั ใจ”เปลย่ี นไปเป็นรปู หวั ใจตำมภำพทว่ี ำด
5. เลือก Brush Tool มำวำดรปู หวั ใจสแี ดงตำมภำพ ใหส้ งั เกตวำ่ ไอคอนหน้ำขอ้ ควำม “หวั ใจ”เปลย่ี นไปเป็นรปู หวั ใจตำมภำพทว่ี ำด
6. เลือกเมนู Layer > Duplicate Layer… จะปรำกฏกลอ่ งโตต้ อบ Duplicate Layer และมขี อ้ ควำมขน้ึ วำ่ “หวั ใจ Copy” ใหก้ ด OK
7. โปรแกรมแสดง Layer ชื่อ “หวั ใจ Copy” ซอ้ นทบั ดำ้ นบน และกำร เลอื ก Layer เปลย่ี นไปเป็น Layer ชอ่ื “หวั ใจ Copy” โดยอตั โนมตั ิ
8. เลือกเครอื่ งมือ Move Tool จำกนนั้ คลกิ ทห่ี วั ใจ แลว้ ลำกเมำสไ์ ปทำงขวำ จะมหี วั ใจแสดงขน้ึ มำตำมภำพ
9. ทาซา้ ข้อ 6 -8 อีกครงั้ แต่ ครงั้ น้มี ขี อ้ ควำมขน้ึ วำ่ “หวั ใจ Copy 2” ใหจ้ ดั ตำแหน่งหวั ใจ ตำมภำพ
10. คลิกเลือก Layer “หวั ใจ Copy” จำกนนั้ คลกิ ทป่ี ุ่ม fx คลกิ เลอื กคำสงั่ Blending Option... ดงั ภำพ
11. คลิกปรากฏกลอ่ ง Layer Style ใหเ้ ลอื กเครอ่ื งหมำยถกู ทห่ี น้ำ Stroke ปรบั Size เป็น 10 px เลอื ก Color เป็นสดี ำ จำกนนั้ กด OK หวั ใจดวงท่ี 2 จะมเี สน้ ขอบสดี ำปรำกฏ ดงั ภำพ
12. คลิกที่ Layer “หวั ใจ Copy 2” ดงั ภำพ
13. เลอื กเมนู Image > Adjustments > Hue/Saturation ดงั ภำพ
14. ปรบั ค่า Hue ตามภาพแล้วกด OK สงั เกต วำ่ หวั ใจดวงท่ี 3 จะเปลย่ี นเป็นสนี ้ำเงนิ
15. ให้เลือก Layer ทงั้ 3 Layer เปลย่ี นโฟลเดอรช์ อ่ื “Group 1”เป็นชอ่ื “รวมหวั ใจ” จำกนนั้ ลองคลกิ ดวู ำ่ Layer ทงั้ 3 อยใู่ นโฟลเดอร์ “รวมหวั ใจ” ครบหรอื ไมโ่ ดยกำรคลกิ ท่ี Layer “หวั ใจ” กดป่มุ Shiftทแ่ี ป้นพมิ พ์ และคลกิ ท่ี Layer “หวั ใจ Copy” กบั Layer “หวั ใจ Copy 2” ตำมภำพ ซำ้ ยจดั กลุ่ม Layer โดยเลอื กปุ่มรปู โฟลเดอรช์ ่อื “Create a new Group” โปรแกรมรวมLayer ทเ่ี ลอื กเขำ้ ไปใน โฟลเดอรช์ อ่ื “Group 1”ในหน้ำตำ่ ง Layers ตำมภำพขวำ
16. เปล่ียนโฟลเดอรช์ ื่อ “Group 1”เป็นชอ่ื “รวมหวั ใจ” จำกนนั้ ลองคลกิ ดวู ำ่ Layerทงั้ 3 อยใู่ นโฟลเดอร์ “รวมหวั ใจ” ครบหรอื ไม่
17. จดั เรียงลาดบั Layer โดยคลกิ ท่ี Layer ทต่ี อ้ งกำร สลบั คำ้ งไวแ้ ลว้ ลำกเมำสข์ น้ึ เพอ่ื สลบั กบั Layer ขำ้ งบน หรอื ลำกเมำสล์ งเพอ่ื สลบั กบั Layer ขำ้ งล่ำง ใหท้ ำกำร สลบั Layer และจดั เรยี งโดยใชเ้ ครอ่ื งมอื Move ใหเ้ ป็นไป ตำมแบบในภำพ
18. บนั ทึกไฟล์ ครงั้ ท่ี 1 โดยเลอื กคำสงั่ File > Save As... แลว้ บนั ทกึ ไฟล์ ชอ่ื “Layers.psd” 19. จากไฟล์ “Layers.psd” ใหเ้ ลอื กเครอ่ื งมอื Custom Shape Tool ใหก้ ำหนดคำ่ ท่ี Option Bar เป็นรปู ทรง Eighth Notes แลว้ นำมำวำดตำมภำพจะมี Layer ชอ่ื “Shape 1” ปรำกฏ
20. ทาสาเนา “Shape 1” เพม่ิ 2 ชดุ โดยใชค้ ำสงั่ Duplicate Layer… และปรบั ตำแหน่งตำมภำพ
21. เลอื ก Layer “Shape 1” แลว้ กำหนดคำ่ Opacity เป็น 25% แลว้ สงั เกตภำพทไ่ี ด้
22. เลือก Layer “Shape 1 Copy” แลว้ กำหนดคำ่ Fill เป็น 75% แลว้ สงั เกตภำพทไ่ี ด้
23. เลือก Layer “Shape 1 Copy 2” แลว้ เปลย่ี นคำ่ จำก เดมิ Normal เป็น Hard Light แลว้ สงั เกตภำพทไ่ี ด้
24. สรา้ ง Group ใหม่ แลว้ เปลย่ี นชอ่ื เป็น“รวมตวั โน้ต” โดยให้ “Shape 1”, “Shape 1 Copy 1” และ “Shape 1 Copy 2” เขำ้ ไปอยใู่ น Group ดงั ภำพ
25. บนั ทึกไฟลค์ รงั้ ท่ี 2 โดยเลอื กคำสงั่ File > Save (เป็นกำร บนั ทกึ ไฟลช์ อ่ื เดมิ คอื ชอ่ื “Layers.psd”) 26. จากไฟล์ “Layers.psd” เลอื กเครอ่ื งมอื Horizontal Type Tool จำกนนั้ พมิ พแ์ ละจดั ตำแหน่งขอ้ ควำม ดงั ภำพ
27. เมอ่ื พิมพข์ ้อความแล้วให้คลิกป่ มุ Create Warped text ท่ี Option Bar ดงั ภำพ
28. เลอื ก Style เป็น Flag จำกนนั้ กำหนดคำ่ ตำมภำพ หรอื ปรบั คำ่ ตำมตอ้ งกำรแลว้ กด OK 29. บนั ทึกไฟลค์ รงั้ ท่ี 3 โดยเลอื กคำสงั่ File > Save (เป็นกำร บนั ทกึ ไฟลช์ อ่ื เดมิ คอื ชอ่ื “Layers.psd”) 30. เลือกคาสงั่ File > Save As...บนั ทกึ ไฟลช์ อ่ื “Layers .jpg”
Search
