จะมาเสนอเทคนิคการใช้ Photoshop ในการทำภาพกราฟฟิค Background แบบ Bokeh กัน ทำง่ายๆ ได้ภาพสวยๆ โดย Bokeh นั้นเป็นแสงๆ เดิมมาจากการถ่ายภาพแล้วมันมี flare เป็นฝ้าๆติดมาในรูป เหมือนเลนส์ Focus ไม่ถูกจุด เกิดเป็นแสงเบลอๆ แหมอธิบายยากจังแฮะ มาทำกันเลยละกัน
ขั้นที่ 1
เปิด Project ขึ้นมาใหม่ size 1920×1200 pixel แล้วเลือก pain bucket เติมสีดำลงไป แล้วดูที่ Palete Layer คลิ๊กปิดตา Layer Background มันไปซะ
เลือก Custom Shape Tool (U) เลือกรูปที่อยากได้ ผมเอาเป็นรูปมือละกัน เลือกสีดำ แล้ววาดวงกลมลงไป จากนั้นไปที่ Layer>Layer Style>Blending Options. เปลี่ยน Fill Opacity เป็น 50%. แล้วเลือกที่ Stroke เอา 10 pixels เลือกเป็น Inside ใน Position แล้วก็เลือกสีดำ Black
ขั้นที่ 3
ไปที่ Edit > Define Brush Preset แล้วก็กด Ok ไป เราจะได้ มือ นี้มาเป็นหัวแปรง จากนั้นก็ปิดตา Layer มือไปซะเล่นเคย
ขั้นที่ 4
Duplicate Layer Background มาเรา ขั้นนี้เราจะลงสี Gradient ให้กับภาพ ดูที่ Palete Layer ข้างล่างมีปุ่ม FX อยู่ กดซะแล้วเลือก Gradient Overlay ปรับค่าโหมดต่างๆตามรูป ส่วนสีจะเอาสีอะไรก็ได้ เลือกสีเขียว เหลือง แดง แล้วก็เลือก Fill เป็น 0% ด้วย … อ้อ พอทำเสร็จมันจะเป็นสีดำๆ ไม่ต้องตกใจนะ
ขั้นที่ 5
ต่อไปปรับค่า Brush ซะก่อน เลือก Brush ทางซ้ายมือ (ฺB) เปิด Palete Brush ขึ้นมาแล้วปรับค่าประมาณนี้ จริงๆค่าพวกนี้ไม่ตายตัวนะ ลองปรับๆเล่นดูก็ได้ แต่ถ้ากลัวงงก็ตามนี้ก่อน
ขั้นที่ 6
มาที่ Palete Layer อีกที ทีนี้กดปุ่มรูป Folder ด้านล่างขึ้นมา ได้ Group 1 ปรับ Blending Mode เป็น Linear Dodge (Add) แล้วสร้าง Layer ข้างในอีกทีนึง ก่อนลงมือละเลงให้ลาก Folder ลงมาอยู่ล่าง Layer Gradient ก่อนนะ
ขั้นที่ 7
ok ทีนี้ก็ไปเลือก Brush ที่เรา Set ไว้มาละเลงซะเลย เลือกสีเป็นสีขาวก่อน เลือกหัวใหญ่ๆก่อนละกัน ใช้ 600 px
ขั้นที่ 8
ทีนี้ต่อไปเป็นขั้นตอนการทำ Dept of Field ก็ไปเลือกด้านบน Filter > Blur > Gaussion Blur ตัวนี้ปรับค่าหนักๆหน่อย ปรับราวๆ 40
ขั้นที่ 9
เพิ่ม Layer อีก คราวนี้ทำซ้ำขั้น 7-8 แต่ลดหัวแปรงให้เล็กลง ใช้หัว 400 แล้วตอน Blur ก็เบาลงหน่อยเอาซักแค่ 9 ก็พอ
ขั้นสุดท้าย
ใส่ Text ไปซะ เป็นอันเสร็จ
