สวัสดีครับทุก ๆ คน วันนี้จะมาว่ากันถึงเรื่องของการทำ Mockup การทำ Mockup คือการทำภาพตัวอย่างของสินค้าให้เราสามารถได้เห็นตัวสินค้าก่อนที่จะทำการผลิตจริง ข้อดีของการทำ Mockup ก่อนคือ เราจะได้รู้ว่าทำแบบไหนจะสวยหรือแบบไหนทำแล้วไม่ดี ซึ่งเราสามารถทำลายเพื่อไปใส่ในสินค้าและสามารถปรับเปลี่ยนกี่ลายก็ได้เพื่อดูว่าแบบไหนดีที่สุด การทำ Mockup ส่วนใหญ่จะเป็นพวก แก้วกระดาษ แก้วพลาสติกต่าง ๆ อาจรวมถึงพวกที่เป็นกล่องด้วยเช่นกัน ส่วนในวันนี้ผมก็จะมาสอนวิธีการใส่ลวดลายให้กับ Mockup ด้วยโปรแกรม Photoshop กัน และเมื่อใส่ลวดลายเข้าไปแล้ว ภาพที่ได้ออกมาจะเป็นภาพที่เหมือนกับว่าเราได้ถ่ายรูปจากสินค้าตัวจริงที่มีลวดลายที่เราทำใส่เข้าไปเลยหล่ะครับ อยากทำกันแล้วใช่ไหมหล่ะครับ งั้นไปเริ่มทำกันได้เลย ให้เราไปหารูปภาพ Mockup ที่เราต้องการ โดยสามารถหาได้จากเว็บฟรีทั่ว ๆ ไปเลยครับ เมื่อได้รูปภาพ Mockup มาแล้วก็เปิดโปรแกรม Photoshop และเปิดรูปภาพขึ้นมาได้เลย เมื่อเปิดภาพขึ้นมาแล้วให้คลิกเลือกที่ Layer Background แล้วทำการ Copy ด้วยการกดปุ่ม ctrl+J จะได้ Layer 1 เพิ่มขึ้นมาให้คลิกเลือกที่ Layer 1 แล้วใช้เครื่องมือ Pen Tool ที่แถบเครื่องมือด้านซ้าย ค่อย ๆ จุดลากในส่วนของตัวฝาก่อน จุดลากจนมาบรรจบกัน การจุดลากให้ทำการซูมภาพให้ใหญ่จะได้เห็นได้ชัดเจน เมื่อจุดจนครบในส่วนของฝาแล้วให้ทำการคลิกขวาแล้วเลือก Make Selection หน้าต่าง Make Selection จะปรากฎขึ้นมาไม่ต้องปรับค่าอะไรให้กดปุ่ม OK ได้เลยเมื่อกดปุ่ม OK แล้วจะมีเส้นปะรอบตัวฝาเอาไว้ ให้มาดูที่หน้าต่าง Layers บริเวณด้านล่างหน้าต่าง Layers ให้กดปุ่ม Create new fill or adjustment layer แล้วเลือก Solid Color จะปรากฎหน้าต่าง Solid Color ขึ้นมา ให้ทำการเลือกสีของฝาที่ต้องการจากนั้นกดปุ่ม OKขั้นตอนต่อไปให้คลิกเลือกที่ Layer Color Fill 1 แล้วสังเกตที่ปุ่ม Normal ข้าง ๆ Opacity ให้คลิกที่ปุ่ม Normal แล้วเลือกเป็น Linear Burn จากนั้นให้ดับเบิ้ลคลิกที่ Layer Color Fill 1 จะปรากฎหน้าต่าง Layer Style ขึ้นมาให้สังเกตที่แถบสี Underlying Layer ใต้แถบสีจะมีจุดที่สามารถปรับเลื่อนได้ ให้คลิกลากจุดที่อยู่ทางด้านขวา เลื่อนมาทางซ้าย จากนั้นให้กดปุ่ม alt ค้างไว้แล้วคลิกที่จุดเดิมลากกลับไปทางขวาจุดจะแยกออกเป็น 2 จุดให้เลื่อนปรับ 2 จุดนี้ดูสีของฝาให้เหมาะสม แล้วกดปุ่ม OKขั้นตอนต่อไปจะเป็นการใส่ลวดลายให้กับตัวแก้ว ให้เปิดภาพลวดลายที่ต้องการใส่แล้วลากมาไว้บนพื้นที่ทำงาน จากนั้นให้กดปุ่ม ctrl+T เพื่อปรับขยายภาพ ให้ทำการปรับค่า Fill ให้น้อยลงเพื่อให้ภาพโปร่งและมองเห็นแก้วด้านหลัง ปรับให้พอดีกับแก้วด้านหลังจากนั้นให้คลิกขวาเลือก Warp จะเกิดเป็นเส้นตาราง ให้ทำการปรับให้เข้ากับรูปแก้ว ค่อย ๆ ดัดไปทีละนิดจนได้รูปทรงเดียวกับแก้ว แล้วกด Enter จากนั้นให้ปรับค่า Fill กลับมาเป็น 100% เหมือนเดิมเมื่อปรับค่า Fill กลับมาเป็น 100% แล้วให้กดปุ่ม ctrl ค้างไว้แล้วไปคลิกที่ช่อง Layer Mask Thumbnail ของ Layer Color Fill 1 จะเกิดเส้นปะขึ้นรอบ ๆ ตัวฝา ให้คลิกเลือกที่ Layer 1 แล้วกดปุ่ม ctrl+J จะได้ Layer 3 เพิ่มขึ้นมา ให้ทำการคลิกลาก Layer 2 ให้ลงมาอยู่ใต้ Layer 3 แล้วกดที่ปุ่ม Normal ข้าง ๆ Opacity แล้วเลือกเป็น Linear Burnขั้นตอนต่อไปให้คลิกปิดตาของ Layer 2 แล้วใช้เครื่องมือ Pen Tool ที่แถบเครื่องมือด้านซ้าย จุดลากเฉพาะตัวแก้วให้มาบรรจบกัน เมื่อบรรจบกันแล้วก็ให้คลิกขวาเลือก Make Selection หน้าต่าง Make Selection จะปรากฎขึ้นมาให้กดปุ่ม OK จะเกิดเป็นเส้นปะรอบตัวแก้วให้คลิกเปิดตาของ Layer 2 แล้วให้กดปุ่ม Add Layer Mask ที่บริเวณแถบด้านล่างของหน้าต่าง Layers จะปรากฎช่อง Layer Mask Thumbnail ที่ Layer 2 จากนั้นให้กดปุ่ม ctrl ค้างไว้แล้วไปกดเลือกที่ช่อง Layer Mask Thumnail ของ Layer Color Fill 1 จะเกิดเส้นปะขึ้นที่ตัวฝาแล้วให้กดปุ่ม ctrl+shift ค้างไว้แล้วคลิกเลือกที่ช่อง Layer Mask Thumnail ของ Layer 2 ก็จะเกิดเป็นเส้นปะรอบ ๆ แก้วทั้งหมดรวมทั้งฝาด้วย ให้มาคลิกเลือกที่ Layer 1 แล้วกดปุ่ม ctrl+J จะได้ Layer 4 เพิ่มขึ้นมาให้ทำการลาก Layer 4 ไปไว้บนสุดคลิกเลือกที่ Layer 4 แล้วกดปุ่ม ctrl+I ตัวแก้วจะกลายเป็นสีดำ จากนั้นให้คลิกเลือกคำสั่ง Image ตามด้วย Adjustments แล้วเลือก Levels หน้าต่าง Levels ก็จะปรากฎขึ้นมา ให้สังเกตตรงช่องกราฟ ใต้ช่องจะมีจุดให้เลื่อนปรับ 3 จุด ให้ทำการเลื่อนปรับให้ตัวแก้วกลายเป็นสีขาว ๆ สว่าง ๆ เมื่อปรับเรียบร้อยแล้วให้กดปุ่ม OK คลิกเลือกที่ Layer 4 แล้วกดที่ปุ่ม Normal ข้าง ๆ Opacity เลือกเป็น Linear Dodge (Add) และปรับ Opacity เป็น 15% เท่านี้ก็เสร็จเรียบร้อยครับและนี่ก็เป็นขั้นตอนการทำภาพ Mockup ทั้งหมดที่สามารถทำให้เราได้เห็นภาพของสินค้าก่อนการผลิตจริง ซึ่งขั้นตอนในการทำนั้นอาจจะดูเหมือนจะมีหลายขั้นตอน แต่ถ้าลองฝึกทำจนคล่องบอกเลยว่าใช้เวลาไม่นานก็ได้ภาพ Mockup ที่สมจริงแล้วหล่ะครับ ที่มาภาพปก https://www.freepik.comที่มาภาพลวดลาย https://www.freepik.comที่มาภาพประกอบทั้งหมด จากโปรแกรม Adobe Photoshop ถ่ายโดย Tae Rattawat (ผู้เขียน)