วิธีการสร้าง “Banner & ใส่ราคาสินค้า” ง่ายๆสำหรับผู้ขายของออนไลน์

วิธีการสร้าง “Banner & ใส่ราคาสินค้า” ง่ายๆสำหรับผู้ขายของออนไลน์ ด้วย

Adobe illustrator

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

เปิดโปรแกรมขึ้นมาให้เราไปที่ File > New… ตั้งค่าหน้ากระดาษ  อ่านวิธีได้ที่นี่เลยสำหรับคนที่ทำครั้งแรก: http://bit.ly/2ccsjHi

%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-ep4-01

สำหรับคนที่ขายของออนไลน์แนะนำว่าถ้าจะโพสลง IG + Facebook ให้เป็น Size จัตุรัส ซึ่งปกติผมจะใช้อยู่ที่ขนาด 800 x 800 px
แต่สำหรับรูปใครเป็นแนวนอนแนะนำตั้งค่าเป็น 800 x 600 ก็ได้ครับ
** เป็นขนาดที่ผมแนะนำเองจากประสบการณ์นะครับ ซึ่งขนาดใครอยากได้เป๊ะๆลองหาในอากู๋ดูครับ

%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-ep4-03

เมื่อเราได้ Artwork สำหรับทำงานของเราแล้ว คราวนี้ถึงตาเอาพระเอกของเราเข้ามาครับนั่นก็คือภาพที่เราต้องใช้ครับ จะเป็นภาพสินค้าของเรา หรือจะหาภาพมาจากอินเตอร์เน็ตก็ได้ไม่ว่ากันครับ
ข้อแนะนำ: เราไม่จำเป็นต้องไปซื้อกล้องแพงๆหรอกครับ เพราะมือถือเดี๋ยวนี้ก็มีความละเอียดสูง สามารถถ่ายภาพสินค้าใช้เองสบายๆ

%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-ep4-10

มาต่อกันดีกว่าครับสำหรับการนำภาพเข้ามาใส่ใน Artwork ของเรา
ให้เราไปที่ File > Place… แล้วเลือกภาพที่ต้องการมาเมื่อได้รูปที่ถูกใจก็เลือกปุ่ม Place และเอาไฟล์ภาพวางลงบน Artwork ของเรา เดาว่ามันไม่พอดีหรอกแต่ให้ไปอ่านขั้นตอนถัดไป

%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-ep4-05

เมื่อเรา Place แล้วก็จะเห็นว่าเราไม่ได้ภาพขนาดตามที่เราเซ็ท Artwork ไว้แน่นอน แต่สำหรับมือใหม่ไปฟังคำอธิบายขั้นถัดไปกันก่อนดีกว่าครับ

%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-ep4-06

ผมขออธิบายก่อนว่าปกติที่เราจะ Export Artwork (หรือ Save เป็นภาพ ) มันจะเลือก Export หรือ Save เฉพาะพื้นที่ ในเส้นสีดำของเราเท่านั้นครับ เพราะฉะนั้นเวลาเราจะให้อะไรมันอยู่ในภาพก็วางไว้ในกรอบสีดำก็เท่านั้นเอง และส่วนพื้นที่สีเทามันไม่ติดไปด้วยอยู่แล้ว


ตัวอย่าง : ในภาพจะเห็นได้ว่ามีส่วนที่เกิน Artwork ของเราออกไป และผมจะลอง Export ออกมาให้ดู เราจะเห็นได้ว่ามันติดเฉพาะในกรอบสีขาวเท่านั้น ที่นี้เข้าใจกันหรือยัง

%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-ep4-07

ผมขอขยับภาพสินค้าของผมให้พอดีก่อนละกัน ก็ได้มาตามภาพครับผม

%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-ep4-08

Step ถัดมาเราจะมาใส่ราคากัน แต่ใส่ราคาอย่างเดียวมันก็จะดูโล่งๆไปหน่อย เลยจะขอใส่พื้นหลัง(Label) ไปหน่อย
ขั้นแรกให้ไปสร้าง Layer ขึ้นมาใหม่โดยเลือกที่ Create new layer เราก็จะได้ Layer 2 มาใช้งานละให้เราให้ทำการเลือก Layer 2 โดยการไปคลิก

%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-ep4-09

ขั้นถัดมาให้สร้าง พื้นหลัง(Label) จากรูปทรงครับ แนะนำให้เป็นวงกลมหรือสี่เหลี่ยมครับ และเราก็มาหาที่วางให้กับ Label ของเราได้เลย สามารถไปที่เครื่องมือ Shape Tool ตามภาพเลย

%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-ep4-11

แนะนำว่าอย่าวางทับชื่อ ฉลาก หรืออะไรก็ตามที่อยากจะสื่อสารยกตัวอย่าง เราขายยาบำรุง แต่ดันเอาราคาหรือ Label ไปวางทับ อย. อันนี้ก็ต้องเลือกจุดวางกันให้เหมาะ และเนื่องจากเราทำ Label มาเพื่อความชัดเจนของราคาที่เราจะใส่ เพราะฉะนั้นการสื่อสารที่ดีเราควรจะให้ผู้รับสารรับสารได้ไวที่สุดโดยการเลือกวางในตำแหน่งที่เหมาะสมอย่างการวาง Label ราคาไว้ใกล้ตัวสินค้า หรือวางเหลื่อมๆก็ทำให้เกิดความชัดเจนมากขึ้น

%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-ep4-10

คราวนี้ก็ถึงตัวราคาของเราละให้เราทำการสร้าง Layer ขึ้นมาสำหรับวางตัวอักษร วิธีการสร้างตัวอักษรให้เราไปที่คำสั่ง Type Tool ที่เป็นรูปตัว T และเราจะพิมพ์ตรงไหนก็ให้ไปคลิกตรงนั้นและสามารถพิมได้เลย

%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-ep4-12

เลือกแล้วมาพิมพ์ แค่นี้ก็เสร็จแล้ว 🙂
%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-ep4-15
หากตัวหนังสือไม่ถูกใจเราก็สามารถไปเปลี่ยนได้จากคำสั่ง Character แล้วเลือกที่ Font ถูกใจกันไป
Font แนะนำสำหรับภาษาไทยคือ Supermarket เพราะสามารถนำมาใส่แบนเนอร์ขายของได้ไม่ผิดลิขสิทธิ์
%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-ep4-16
เพียงเท่านี้ก็ได้แบนเนอร์สินค้าของร้านเราละ เรามาดูวิธี Export กันต่อดีกว่า
ให้ไปที่ File > Export จะมีหน้าต่างแบบนี้ขึ้นมา
%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1%e0%b8%97%e0%b8%b5%e0%b9%884-17

 เลือกที่เราจะเก็บไฟล์ไว้

%e0%b8%9a%e0%b8%97%e0%b8%84%e0%b8%a7%e0%b8%b2%e0%b8%a1-ep4-14
(1)Format : เลือกนามสกุลไฟล์ที่ต้องการ ถ้าจะไป Post ใน Social Media ควรจะเป็น .JPEG นะ
(2) ติ๊กเครื่องหมายถูกในช่อง Use Artboards และใส่ในช่อง Range1 และกด Export เพียงเท่านี้เราก็จะได้ภาพไปใช้งานกันแล้ว
ไม่ยากเลยใช่มั้ยครับสำหรับแบบฝึกในวันนี้ ในช่วงแรกอาจจะช้าหน่อยแต่ถ้าหากเราทำไปเรื่อยๆ เดี๋ยวก็จะชินมือไปเองครับและจะไวขึ้น คราวหน้าผมจะมาสอนวิธีการใส่ ตัวหนังสือ + ราคา ในโปรแกรม Adobe Photoshop เพื่อเป็นทางเลือกให้กับพี่ๆน้องๆ นะครับ เช่นเคยหากใครสงสัยตรงไหนสามารถสอบถาม หรือแนะนำได้เช่นเคยครับ