การไล่สีพื้นหลังด้วยสีพาสเทลให้ชิคๆเก๋ๆ ด้วย Photoshop cc 2019

Graphic design ความรู้สำหรับ การออกแบบ ออกแบบเว็บ Phothoshop ตัดต่อวีดีโอ

Moderator: mindphp, ผู้ดูแลกระดาน

Bellamy
PHP Hero Member
PHP Hero Member
โพสต์: 120
ลงทะเบียนเมื่อ: 26/10/2020 10:02 am

การไล่สีพื้นหลังด้วยสีพาสเทลให้ชิคๆเก๋ๆ ด้วย Photoshop cc 2019

โพสต์ที่ยังไม่ได้อ่าน โดย Bellamy »

การไล่สีพื้นหลังด้วยสีพาสเทลชิคๆเก๋ๆ ด้วย Photoshop cc 2019
ในปัจจุบันนี้จะเห็นว่าวัยรุ่น หรือคนยุคใหม่จะเริ่มหันมาใช้สีพาสเทลในการทำงาน เพื่อให้งานออกมามีความมุ้งมิ้งและน่ารัก แถมยังดูสบายตากว่าโทนสีหนักๆวันนี้จะมาสอนการทำพื้นหลังสีพาสเทลแบบไล่สีกันค่ะ

1. สร้างหน้ากระดาษเปล่าขึ้นมาค่ะ
ไล่สีพื้นหลัง1.png
ไล่สีพื้นหลัง1.png (52.17 KiB) Viewed 905 times
2. ไปที่แถบ Layers ขวามือด้านล่างสุดค่ะ จากนั้นไปที่ Layer 1ที และกดไปที่รูปล็อค 1 เพื่อทำการปลดล็อคเลเยอร์
ไล่สีพื้นหลัง4.png
ไล่สีพื้นหลัง4.png (13.98 KiB) Viewed 905 times
3.จะได้แบบในภาพ
ไล่สีพื้นหลัง5.png
ไล่สีพื้นหลัง5.png (14.12 KiB) Viewed 905 times
4. กดไปที่เครื่องมือ fx ตามรูป
ไล่สีพื้นหลัง6.png
ไล่สีพื้นหลัง6.png (14.64 KiB) Viewed 905 times
5. เลือกคำว่า Gradient Overlay
ไล่สีพื้นหลัง7.png
ไล่สีพื้นหลัง7.png (26.16 KiB) Viewed 905 times
6. เจอคำว่า Gradient ให้กดลูกศร จากนั้นเลือกตามหมายเลข 2
ไล่สีพื้นหลัง8.png
ไล่สีพื้นหลัง8.png (47.8 KiB) Viewed 905 times
7. เมื่อเลือกแล้วให้คลิ๊กซ้ายที่แถบสีอีก1ครั้ง
ไล่สีพื้นหลัง9.png
ไล่สีพื้นหลัง9.png (42.09 KiB) Viewed 905 times
8. ดับเบิ้ลคลิ๊กตามวงกลม
ไล่สีพื้นหลัง10.png
ไล่สีพื้นหลัง10.png (40.96 KiB) Viewed 905 times
9. เลือกสีที่ต้องการ จากตัวอย่างฝั่งซ้ายเลือกโทนสี #B6E3E9 เมื่อทำฝั่งซ้ายเสร็จแล้วให้ทำที่ฝั่งขวาด้วย ฝั่งขวาเลือกโทนสี #FCDEE2 จากนั้นกด OK
ไล่สีพื้นหลัง11.png
ไล่สีพื้นหลัง11.png (43.65 KiB) Viewed 905 times
10. กด OK อีก 1 ครั้ง
ไล่สีพื้นหลัง13.png
ไล่สีพื้นหลัง13.png (52.6 KiB) Viewed 905 times
11. เพียงแค่นี้ก็จะได้พื้นหลังสีพลาสเทลแบบง่ายๆ
ไล่สีพื้นหลัง14.png
ไล่สีพื้นหลัง14.png (119.69 KiB) Viewed 905 times
สรุป การทำสีพื้นหลังเองได้ช่วยให้ประหยัดเวลาในการค้นหาสีพื้นหลังที่เราต้องการ และยังได้สีตามที่เราถูกใจด้วย

อ้างอิง
https://www.mindphp.com/%E0%B8%9A%E0%B8 ... round.html
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: Google Adsense [Bot] และบุคลทั่วไป 36