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

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

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

Bellamy
PHP Hero Member
PHP Hero Member
Posts: 120
Joined: 26/10/2020 10:02 am

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

Post by Bellamy »

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

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

อ้างอิง
https://www.mindphp.com/%E0%B8%9A%E0%B8 ... round.html
  • Similar Topics
    Replies
    Views
    Last post

Return to “Graphic design”

Who is online

Users browsing this forum: No registered users and 5 guests