How to create image gradient on Sketch
2 min readSep 15, 2018
ปกติผมจะมีสอน Sketch บ้างอยู่แล้ว และคลาสวันนี้น่าสนใจดีครับ นักเรียนอยากรู้ว่าทำภาพ Gradient แบบ photoshop ยังไง บน Skecth
เพื่อเป็นการไม่เสียเวลา เริ่มจากขั้นตอนแรกเลย
- เลือกภาพออกมาก่อน จะภาพจากในเครื่องก็ได้นะครับ อันนี้จากภาพตัวอย่างผมดึงภาพจาก unsplash.com ด้วย Craft Manager นะครับ เพื่อเป็นตัวอย่างก่อน (Craft Manager คืออะไร มันช่วยเราทำงานได้มาก ลองดูเลย https://www.invisionapp.com/craft)
2. ใช้ shape สี่เหลี่ยม มาลากทับรูป หรือบริเวณที่เราอยากให้เกิดภาพ Gradient ครับ
3. ทำให้ shape รูปนั้นที่ Fills ให้เป็นสี Gradient ตามที่ต้องการ
4. แล้วก็ให้ shape ที่เราวาด เป็น Blending แบบ Multiply แค่นี้ก็จบแล้ว ง่ายโคตรๆ
ไว้มีอะไรเด็ดๆ จะมาแชร์อีกครั้งครับ :)