ใครที่อยากรู้ว่าโปเกมอนตัวนี้มันคือตัวอะไรแนะนำให้ไปเปิดอากู๋ดูไปก่อน
สำหรับใครที่พร้อมแล้วเราไปเริ่มกันเลยดีกว่า ก่อนอื่นให้เราเปิดโปรแกรมออกแบบกราฟฟิกอย่าง Adobe Illustrator ขึ้นมาก่อน และเราจะไปทำความรู้จักกับเครื่องมือที่จะใช้ในวันนี้กันก่อนดีกว่า
ผู้อ่านคนไหนที่ใช้โปรแกรมนี้เป็นครั้งแรกอย่าเพิ่งเอ๋อ ไปเปิดโปรแกรมกันมาก่อน และทำการสร้าง Artwork ของเราขึ้นมาก่อนครับ ไปที่ File > New…
ใครขึ้นมาอย่างในภาพถือว่ามาถูกทาง ต่อไปให้เราตั้งค่าขนาดของ Artwork ของเราหรือตั้งตามผมได้เลย
ตั้งค่า Profile เป็น Web เลือก Size ขนาด 960 x 560 Pixels (เรื่องการตั้งค่าพวกนี้เดี๋ยวผมจะเขียนบทความเสริมให้ครับ)
และเลือก “OK” เราจะได้หน้า Artwork ขาวๆตามภาพเลย
ต่อมาจะมาขอแนะนำเครื่องมือ และสิ่งที่เราต้องรู้จักกันในวันนี้ซะหน่อย
1. Selection Tool หรือภาษาชาวบ้านเรียกว่าลูกศรดำ เครื่องมือนี้เปรียบเหมือนมือของเราในโปรแกรม เราจะใช้ในการเคลื่อนย้ายสิ่งของต่างๆ ใน Artwork ของเรา มีคีย์ลัดคอ V
2. Direct Selection Tool มันจะใช้งานเหมือนกับตัวลูกศรดำแต่ว่า เจ้าตัวนี้จะใช้ในการเลือกจุด หรือสิ่งของโดยตรงตามชื่อมันเลย ตอนนี้น่าจะงง เดี๋ยวเรามาลองใช้กันดูครับว่ามันต่างกันยังไง มีคีย์ลัดคือ A
3. Shape แต่ไม่บ๊ะ ตัวนี้ง่ายมากดูแล้วก็จะรู้ทันทีครับว่ามันมีไว้สร้าง Shape ต่างๆไว้ใช้งาน ทั้ง สามเหลี่ยม สี่เหลี่ยม วงกลม วงรี แต่ในภาพจะเห็นได้ว่ามันมีแค่สี่เหลี่ยม แล้วเราลองเอาเม้าไปคลิกซ้ายค้างไว้ตรงคำสั่งดูครับจะเห็นได้ว่ามีให้เลือกใช้งานเยอะแยะเลย มีคีย์ลัดคือ M
4. ข้อนี้เป็นแถบคำสั่งสีครับ แต่จะให้ทดลองใช้เรื่องสีทางด้านล่างของชุดคำสั่งซ้ายมือ ซึ่งในโปรแกรมนี้เราจะเห็นว่ามันมี 2 ช่อง (ดูตามเลขนะครับ) โดยช่องที่อยู่ด้านบนคือ
(1)“สีของสิ่งของ(Fill)” ส่วนช่องที่อยู่ด้านล่าง
(2) คือเส้นขอบ หรือ Stoke นั่นเอง และอยากเปลี่ยนสีอันไหนก็ดับเบิ้ลคลิกที่ช่องนั้นได้เลย
5. ให้เราลองสร้างวงกลมขึ้นมาก่อนครับ ต่อด้วยสร้างสี่เหลี่ยมขึ้นมา และลองเอามาวางทับกันขั้นตอนนี้จะมาสอนเรื่องการลำดับสิ่งของ บน-ล่าง นะครับ
หากเราอยากย้ายลำดับของสิ่งของให้เราทำการคลิกที่สิ่งของชิ้นนั้นครับ > คลิกขวา > arrange อย่างผมอยากให้สี่เหลี่ยมมาอยู่บนสุดก็เลือกที่ Bring to front ผมอยากให้ทุกคนลองทุกคำสั่งในหน้านี้ก่อนครับเพราะเราต้องใช้อีกเยอะเลย
Bring to Front คือ ย้ายไปอยู่ตำแหน่งหน้าสุด
Bring Forward คือ ย้ายไปอยู่ตำแหน่งหน้า
Send BackWard คือ ย้ายไปอยู่ตำแหน่งหลัง
Send to Back คือ ย้ายไปอยู่ตำแหน่งหลังสุด
โอเคร เครื่องมือครบถ้วนละแต่ก่อนอื่นผมอยากจะเทียบให้ดูสัก 1 Case ก่อนว่า Selection Tool กับ Direct Selection Tool นั้นต่างกันยังไง เริ่มจากให้ทำการสร้าง สี่เหลี่ยมขึ้นมาก่อน 1 ชิ้นครับ โดยเลือกที่ Shape และลากลงมาวางบน Artwork ของเราก่อน และลองใช้ลูกศรทั้งสองลาก Shape ที่เราสร้างขึ้นมาจะเห็นได้ว่าลากได้เหมือนกัน
คราวนี้ลองใช้ลูกศรทั้ง 2 สลับกันคลิกที่มุมของสี่เหลี่ยม เราจะพบกับความแตกต่างนั่นก็คือ สีดำมันยังคงลากไปทั้งกล่อง แต่สีขาวกลับลากไปได้เฉพาะจุด เพราะฉะนั้นหากเราอยากได้รูปทรงอะไรที่ต้องการดัดหรือทำงานกับจุด ให้ใช้ลูกศรสีขาวนะจำไว้
(ส่วนรายละเอียดอื่นๆจะขออธิบายในบทความถัดๆไปนะครับ หรือสามารถดูวีดีโอประกอบได้ก่อนที่นี่เลย https://www.youtube.com/watch?v=c_1SBmUpjRs)
STEP1: ก่อนอื่น “คลิกขวา” ที่ภาพหนอนใต้นี้ก่อนเลย และกลับมาที่ Program ของเรา กด Ctrl+V จะได้หนอนมาอยู่บนหน้า artwork เราแล้ว
(ชิ้นไหนอยู่ล่างอยู่บนลองไล่ให้ดี) วิธีทำหนามดูขั้นถัดไป
***สังเกตุดีๆ นะครับมันจะขึ้จจากทรงเลขาคณิต เบสิกๆ ทั้งน้าน สบายมือ
*** ส่วนตัวผมชอบขึ้นจากสีขาว – ดำ ก่อนครับ แล้วค่อยไปเริ่มใส่สีทีหลัง
เรามีคำตอบครับ ไปที่ Shape เลือกคำสั่ง Polygon Tool และเอาไปสร้างโดยให้เรากดค้างเหมือนตอนวางปกติ และกดลูกศรขึ้นหรือลงจากคีบอร์ด
โดยการทำเข็มบนหัวของหนอนตัวนี้ให้เราไปกดูกศรลงนเหลือแค่สามเหลี่ยมสามมุมเท่านั้นพอครับ*** พอเหลือแค่ 3 มุมก็ยังไม่ดูเป็นเข็มเท่าไหร่ ก็ใช้ความรู้ที่เรามีก่อนหน้านี้ครับ เลือก Direct Selection Tool หรือลูกศรสีขาวก็จับดึงจุดขึ้นไปเลยเสร็จแล้วนำมาแปะที่หัวหนอน หรือจะบีบภาพเอาก็ได้นะ
ก่อนลากันไปวันนี้ขอฝากการบ้านไว้ 1 ตัวครับ ด้านล่างลอง copy แล้วไปหัดวาดกันเลยจย้า สำหรับใครวาดแล้วก็เอามาอวดกันได้ที่ใต้คอมเม้นนี้เลย
และอย่าลืม Like Page รอบทความใหม่ๆกันเลยย
