หน่วยที่ 4 การสร้างภาพกราฟิ กด้วย โปรแกรมสาเรจ็ รปู กราฟิ ก
1. การสรา้ งภาพกราฟิ กด้วยเครอื่ งมือ Brush tool เลือก1. เมนู 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. การสร้างภาพกราฟิ กด้วยเครื่องมอื HorizontalTypeTool 1. เลือกเมนู File > New... กำหนดค่ำตำมภำพ แลว้ กดป่มุ 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. การสรา้ งภาพภาพกราฟิ กด้วย Layers 1. เลือกเมนู 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
