IT4X เทคนิคคอมพิวเตอร์ โน๊ตบุค ข่าว IT

ข่าวสาร / ความรู้ => ทิป เทคนิค Photoshop => ข้อความที่เริ่มโดย: Moshi ที่ สิงหาคม 07, 2009, 22:40:03

หัวข้อ: เทคนิคการทำรูปภาพ Music Graffiti
เริ่มหัวข้อโดย: Moshi ที่ สิงหาคม 07, 2009, 22:40:03
เทคนิคการทำรูปภาพ Music Graffiti
-----------------------------

มีการถามไถ่ถึงภาพในลักษณะมาบ่อยพอสมควรนะครับ คราวนี้เลยอามาจัดทำเ็ป็นบทความให้กันเลยนะครับ

1. กด Ctrl+N เพื่อเปิด เอกสารสำหรับจัดทำกันขึ้นมาตามขนาดที่ท่านต้องการ

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000001.gif)

2. ใช้ Pen Tool (http://www.webthaidd.com/photoshop/file_photoshop/photo89/pentool.gif) ในรูปแบบที่มีลักษณะโค้ง

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000002.gif)

3. จากนั้นเปิด Layer ใหม่ขึ้นมา

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000003.gif)

4. จากนั้นเทสีลงไปด้วยสี รหัส #70C5EE

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000004.gif)

4. ไปที่ custum shape too (http://www.webthaidd.com/photoshop/file_photoshop/photo89/custum_shape_tool.gif)
 จากนั้นไปทำตามภาพต่อไปนี้นะครับ

เลือก

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000019-2.gif)

เลือก

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/vw.gif)

5. นำวงกลมเหล่านั้นมาวาดตรงรอบๆ พื้นที่สีฟ้านั้นๆ *** ถ้าต้องการให้วงกลมเหล่านั้นไม่บิดเบี้ยวให้กด Shift พร้มกับลากเมาส์นะครับ***

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000005.gif)

6.จากนั้นกด Ctrl + Enter เพื่อทำ Selection

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000006.gif)

7. จากนั้นด้วย สีรหัส #70C5EE สังเกตุให้ ที่ Color เป็นแบบนี้นะครับ (http://www.webthaidd.com/photoshop/file_photoshop/photo89/cc.gif) จากนั้น กด Alt + Delete เพื่อการลงสี

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000007.gif)

8. จากนั้นไปที่ custum shape too (http://www.webthaidd.com/photoshop/file_photoshop/photo89/custum_shape_tool.gif) กลับไปที่ วงกลม (http://www.webthaidd.com/photoshop/file_photoshop/photo89/o.gif) อีกครั้ง ทำวงกลมด้านในกับวงที่ใหญ่ผิดกับวงอื่นๆ

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000008.gif)

9. จากนั้นกด Ctrl + Enter เพื่อทำ Selection

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000009.gif)

10. จากนั้นด้วย สีรหัส #40A5DB สังเกตุให้ ที่ Color เป็นแบบนี้นะครับ (http://www.webthaidd.com/photoshop/file_photoshop/photo89/cc2.gif) จากนั้น กด Alt + Delete เพื่อการลงสี

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000010.gif)

11. จากนั้นใช้ Pen Tool (http://www.webthaidd.com/photoshop/file_photoshop/photo89/pentool.gif) ทำ Seclaction ในรูปแบบที่มีลักษณะโค้งด้านใน

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000011.gif)

12. จากนั้นด้วย สีรหัส #5EB7E3 สังเกตุให้ ที่ Color เป็นแบบนี้นะครับ  (http://www.webthaidd.com/photoshop/file_photoshop/photo89/cc3.gif) จากนั้น กด Alt + Delete เพื่อการลงสี

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000012.gif)

13. จากนั้นใช้ Pen Tool (http://www.webthaidd.com/photoshop/file_photoshop/photo89/pentool.gif) ทำ Selection ในรูปแบบที่มีลักษณะโค้งที่ครึ่งล่างของส่วนเมื่อสักครู่นี้

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000013.gif)

14. จากนั้นด้วย สีรหัส #43A5D4 สังเกตุให้ ที่ Color เป็นแบบนี้นะครับ (http://www.webthaidd.com/photoshop/file_photoshop/photo89/cc3.gif) จากนั้น กด Alt + Delete เพื่อการลงสี

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000014.gif)

15. จากนั้นเปิด Layer ใหม่ขึ้นมาแล้วไปที่ custum shape too (http://www.webthaidd.com/photoshop/file_photoshop/photo89/custum_shape_tool.gif) กลับไปที่ วงกลม (http://www.webthaidd.com/photoshop/file_photoshop/photo89/o.gif) อีกครั้ง ทำวงกลมด้านนอกทำแบบกระจายๆ

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/layer_2.gif)

ทำวงกลมแบบกระจายในลักษณะแบบนี้ครับ

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000015.gif)

16. จากนั้นกด Ctrl + Enter เพื่อทำ Selection

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000016.gif)

17. จากนั้นด้วย สีรหัส #70C5EE สังเกตุให้ ที่ Color เป็นแบบนี้นะครับ  (http://www.webthaidd.com/photoshop/file_photoshop/photo89/cc4.gif) จากนั้น กด Alt + Delete เพื่อการลงสี

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000017.gif)

18. เปิด Layer ใหม่ขึ้นมา

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000018.gif)


19. ไปที่ custum shape too (http://www.webthaidd.com/photoshop/file_photoshop/photo89/custum_shape_tool.gif) จากนั้นทำตามภาพต่อไปนี้นะครับ

เลือก

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000019-2.gif)

เลือก

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000019-1.gif)

20. นำตัวโน็ตดนตรี ที่เลือกมามาใส่

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000020.gif)

21. จากนั้นกด Ctrl + Enter เพื่อทำ Selection

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000021.gif)

22. จากนั้นทำตัวอักษรเป็นสีดำ สังเกตุให้ ที่ Color เป็นแบบนี้นะครับ (http://www.webthaidd.com/photoshop/file_photoshop/photo89/cc5.gif) จากนั้น กด Alt + Delete เพื่อการลงสี

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000022.gif)

22. จากนั้นเปลี่ยนค่า Blending modeให้เป็น Soft Light

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/soft.gif)

ผลของการเปลี่ยน Blending modeให้เป็น Soft Light

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000022-1.gif)

23. จากนั้นเปิด Layer ใหม่ขึ้นมาหลัง Layer เส้นโค้ง

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/layer_3.gif)

24. ไปที่ custum shape too (http://www.webthaidd.com/photoshop/file_photoshop/photo89/custum_shape_tool.gif) จากนั้นไปทำตามภาพต่อไปนี้นะครับ

เลือก

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000019-2.gif)

เลือก

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000024.gif)

เลือก

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000024-1.gif)

25. จากนั้นนำวัตถุที่เลือกมาใส่ใน Layer เฉพาะด้านบนของเส้นโค้ง ***ในขณะลากเมาส์เพื่อวางควรกด Shift ไปด้วยเพื่อสัดส่วนที่สมดุล****

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000025.gif)

26. จากนั้นกด Ctrl + Enter เพื่อทำ Selection

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000025-1.gif)

27. จากนั้นด้วย สีรหัส #6C6E6D สังเกตุให้ ที่ Color เป็นแบบนี้นะครับ (http://www.webthaidd.com/photoshop/file_photoshop/photo89/cc6.gif) จากนั้น กด Alt + Delete เพื่อการลงสี

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000027.gif)

28. จากนั้นกำหนด parameter: Fill ให้เป็น 70%

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000028.gif)

ผลการกำหนด parameter: Fill ให้เป็น 70%

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000028-1.gif)

29. ไปที่ custum shape too (http://www.webthaidd.com/photoshop/file_photoshop/photo89/custum_shape_tool.gif) จากนั้นไป ทำตามภาพต่อไปนี้นะครับ

เลือก

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000019-2.gif)

เลือก

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000029.gif)

30 จากนั้นให้เปิด Layer ใหม่ นำวัตถุที่เลือกมาใส่ใน Layer เฉพาะด้านล่างของเส้นโค้ง

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000030l.gif)

จากนั้นลากเส้นโค้ง

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000030.gif)

31. จากนั้นกด Ctrl + Enter เพื่อทำ Selection

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000031.gif)

32. จากนั้นด้วย สีรหัส #865551 สังเกตุให้ ที่ Color เป็นแบบนี้นะครับ (http://www.webthaidd.com/photoshop/file_photoshop/photo89/cc7.gif) จากนั้น กด Alt + Delete เพื่อการลงสี

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000032.gif)

33. จากนั้นกำหนด parameter: Fill ให้เป็น 10%

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000033.gif)

ผลการกำหนด parameter: Fill ให้เป็น 10%

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000033-1.gif)

34. จากนั้นก็หาภาพคนเล่นดนตรีมา 1 รูป (จะ Save เอารูปนี้ไปหรือไปหาจากที่อื่นมาก็ได้นะครับ)

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000034.jpg)

35. จากนั้น Dai Cut ภาพ ที่นำมาด้วยเครื่องมือที่คุณถนัด

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000035.jpg)

35.1 สำหรับคนที่ Save รูปนี้ไปเท่านั้น ไปที่ Edit > Transform> Flip Horizontal

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000036.gif)

ผลการ Edit > Transform> Flip Horizontal

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000035.1.jpg)

36. จากนั้นลากรูปมาที่ ไฟล์ ที่เราทำไว้ก่อนหน้านี้

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/036.gif)

36.1 สำหรับคนที่ Save รูปนี้ไปและคนที่เมื่อนำภาพมาวางแล้วใหญ่เกินไปแบบนี้นะครับ กด Ctrl+T แล้วย่อรูปด้วยการดึงจากที่มุม และกด Shift  ไปด้วย

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000036.1.gif)

ผลการย่อรูป

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000036.1.jpg)

37. ดับเบิ้ลคลิ๊กที่ Layer เพื่อเปิด Layer style

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/37.gif)

38. จากนั้นเลือก Gradint Overlay คลิ็กตรงกลางรูป Gradint  เพื่อเปิด Gradint Editor ขึ้นมา

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/38.gif)

39. ปรับสี Gradint Editor ตามนี้ครับ ด้านหน้าคือ #3E5460 ด้านหลังคือ #2F9DD2 จากนั้นกด OK

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/gradint.jpg)

40 จากนั้นกลับมาที่ Gradint Overlay เปลี่ยน Angle เป็น -90

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/overray.gif)

ผลของ การเปลี่ยน Gradint Overlay

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000040.jpg)

41. ไปที่ custum shape too (http://www.webthaidd.com/photoshop/file_photoshop/photo89/custum_shape_tool.gif) จากนั้นไป ทำตามภาพต่อไปนี้นะครับ

เลือก

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000019-2.gif)

เลือก

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/vw.gif)

42. จากนั้นเปิด Layer ใหม่ขึ้นมา

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/newla.gif)

43. จากนั้นสร้างรูปวงกลมจากมุมๆ ของภาพ *** ถ้าต้องการให้วงกลมเหล่านั้นไม่บิดเบี้ยวให้กด Shift พร้มกับลากเมาส์นะครับ***

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000043.gif)

44. จากนั้นกด Ctrl + Enter เพื่อทำ Selaction

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000044.gif)

45. จากนั้นใส่สีอะไรก็ได้ ด้วยการกด Alt + Delete เพื่อการลงสี (ไม่ต้องสนใจสีนะครับเพราะต้องทำ Gradint Overlay อยู่แล้ว)

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000045.gif)

46. ดับเบิ้ลคลิ๊กที่ Layer เพื่อเปิด Layer style

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000046.gif)

47. จากนั้นเลือก Gradint Overlay คลิ็กตรงกลางรูป Gradint  เพื่อเปิด Gradint Editor ขึ้นมา

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/38.gif)

48. ปรับสี Gradint Editor ตามนี้ครับ ด้านหน้าคือ #3E4B53 ด้านหลังคือ #3DA5CC จากนั้นกด OK

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000048.jpg)

49. จากนั้นกลับมาที่ Gradint Overlay  ปรับ Angle เป็น 132 ปรับ Scale ตามความเหมาะสมของภาพ ของผมใช้ภาพ 450 x 350 ปรับ Scale ที่ 84%

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000049.jpg)

ผลของ Gradint Overlay

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/gradint--.jpg)

50. จากนั้นเปิด Layer ใหม่ขึ้นมา

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/000000000050.gif)

51. จากนั้นไปที่ custum shape too (http://www.webthaidd.com/photoshop/file_photoshop/photo89/custum_shape_tool.gif) กลับไปที่ วงกลม (http://www.webthaidd.com/photoshop/file_photoshop/photo89/o.gif) อีกครั้ง ทำวงกลมด้านใน

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/51.gif)

52. จากนั้นกด Ctrl + Enter เพื่อทำ Selaction

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/52.gif)

53.จากนั้นใส่สีอะไรก็ได้ ด้วยการกด Alt + Delete เพื่อการลงสี (ไม่ต้องสนใจสีนะครับเพราะต้องทำ Gradint Overlay อยู่แล้ว)

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/53.gif)

54.ดับเบิ้ลคลิ๊กที่ Layer เพื่อเปิด Layer style

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/54.gif)

55.จากนั้นเลือก Gradint Overlay คลิ็กตรงกลางรูป Gradint  เพื่อเปิด Gradint Editor ขึ้นมา

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/38.gif)

56. ปรับสี Gradint Editor ตามนี้ครับ ด้านหน้าคือ #40819F ด้านหลังคือ #43A2D2 จากนั้นกด OK

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/editor.jpg)

57. ผลลัพธ์จาก Gradint Overlay

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/57.jpg)

58. จากนั้นปรับ Opacity เป็น 50%

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/opaci.gif)

ผลของการปรับ Opacity เป็น 50

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/ty.gif)

59. เปิด Layer ใหม่ขึ้นมา

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/59.gif)

60. จากนั้นไปที่ custum shape too (http://www.webthaidd.com/photoshop/file_photoshop/photo89/custum_shape_tool.gif) กลับไปที่ วงกลม (http://www.webthaidd.com/photoshop/file_photoshop/photo89/o.gif) อีกครั้ง แต่ครั้งนี้ให้เลือก (http://www.webthaidd.com/photoshop/file_photoshop/photo89/sd.gif) แล้วทำวงกลมด้านใน (ไม่ต้องสนใจสีนะครับเพราะต้องทำ Gradint Overlay อยู่แล้ว)

61. ดับเบิ้ลคลิ๊กที่ Layer เพื่อเปิด Layer style

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/61.gif)

62. จากนั้นเลือก Gradint Overlay คลิ็กตรงกลางรูป Gradint เพื่อเปิด Gradint Editor ขึ้นมา

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/38.gif)

63. ปรับสี Gradint Editor ตามนี้ครับ ด้านหน้าคือ #568CA4 ด้านหลังคือ #FFFFFF จากนั้นกด OK

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/63.jpg)

64. จากนั้น เลือก Stroke สี #2786B4  Size ตามความเหมาะสมของขนาดภาพ (ผมทำภาพขนาด 450 x 350 ใช้ขนาด 4 px ครับ)

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/64.gif)

ผลของ Gradint และ Stroke

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/64-.gif)

65 จากนั้น Copy โดยการใช้ Move Tool (http://www.webthaidd.com/photoshop/file_photoshop/photo89/move_tool.gif) ลากพร้อมกด Alt ส่วนถ้าต้องการย่อขนาดให้ กด Ctrl + T แล้วดึงย่อจากที่มุม (ดูข้อ 36.1)

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/65.gif)

66. เปิด Layer ใหม่ขึ้นมา

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/66.gif)

67. จากนั้นด้วย สีรหัส #70C5EE สังเกตุให้ ที่ Color เป็นแบบนี้นะครับ (http://www.webthaidd.com/photoshop/file_photoshop/photo89/cca.gif) จากนั้นไปที่ custum shape too (http://www.webthaidd.com/photoshop/file_photoshop/photo89/custum_shape_tool.gif) เลือก ตามนี้ครับ

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/sd.gif)

และเลือก

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/67.gif)

68. จากนั้นวาดใส่มุม อีกมุมของวงกลมเมื่อสักครู่

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/68.gif)

69. เปิด Layer ใหม่ขึ้นมา

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/69.gif)

70. จากนั้นไปที่ custum shape too (http://www.webthaidd.com/photoshop/file_photoshop/photo89/custum_shape_tool.gif) กลับไปที่ วงกลม (http://www.webthaidd.com/photoshop/file_photoshop/photo89/o.gif) อีกครั้ง ด้วย สีรหัส #6B6D6C สังเกตุให้ ที่ Color เป็นแบบนี้นะครับ (http://www.webthaidd.com/photoshop/file_photoshop/photo89/time.gif) แล้ววาดวงกลม มุมบน (http://www.webthaidd.com/photoshop/file_photoshop/photo89/70.gif)

71. เปิด Layer ใหม่ขึ้นมา

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/71-1.gif)

72. จากนั้นไปที่ custum shape too (http://www.webthaidd.com/photoshop/file_photoshop/photo89/custum_shape_tool.gif) เลือกตามนี้ครับ

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/71.gif)

เลือกสี #767676 (http://www.webthaidd.com/photoshop/file_photoshop/photo89/cccc.gif) จากนั้นวาดลงไปด้านในวงกลมใหญ่

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/72.gif)

แค่นี้ก็เสร็จแล้วครับ

(http://www.webthaidd.com/photoshop/file_photoshop/photo89/music.jpg)

Credit : http://www.webthaidd.com/photoshop/webthaidd_article_787_3.html (http://www.webthaidd.com/photoshop/webthaidd_article_787_3.html)

SIte : www.it4x.com (http://www.it4x.com)
หัวข้อ: Re: เทคนิคการทำรูปภาพ Music Graffiti
เริ่มหัวข้อโดย: prangpooh ที่ สิงหาคม 08, 2009, 10:31:25
5555
ชอบๆ ;)