วันพฤหัสบดีที่ 10 กันยายน พ.ศ. 2558

วาดตัวการ์ตูนด้วย Adobe Illustrator

ก่อนที่จะเริ่มเขียน จะต้องมีความรู้เรื่องโปรแกรมกันมาบ้างแล้วนะครับ ผู้เขียนจะไม่อธิบายถึง เครื่องมือ Tool ต่างๆแล้วนะ เอาละเรามาเริ่มกันเลย
สิ่งที่ต้องเตรียมก็คือ โปรแกรม Adobe Illustrator และทักษะการวาดภาพการ์ตูนอีกนิดหน่อย.
ขั้นตอนแรกก็เปิดโปรแกรมแล้วก็สร้างหน้าใหม่ขึ้นมาตั้งค่าต่างๆ ดังภาพด้านล่าง
แล้วเลือก Pen Tool (P) ปากกาเพื่อลายเส้นจะได้โค้งสวยงาม
จากนั้นก็กด X เพื่อปรับสีของเส้น ส่วนสีพื่อเราไม่ใช้นะครับ ก็ไม่ต้องเลือก
เมื่อเลือกเครื่องมือกับสีของเส้นแล้ว เราก็เริ่มสร้างรูปโครงหน้ากันเลยนะครับ ค่อยปรับเส้นให้โค้งเหมือนกับรูปหน้าคนมากที่สุดอันนี้ก็ขึ้นอยู่กับทักษของแต่ละคนนะครับ
ให้วาดมาจนสุดเส้นเลยนะครับ โดยให้จุดแลกและจุดสุดท้ายรวมกัน ก็จะเป็นรูปโครงหน้าแล้วละครับ
ขั้นตอนต่อมาเราจะใส่สีพื้นให้กับโครงหน้า ที่เราทำกันนะครับ ให้เลือกที่เมนูด้านบน Window>color หรือกด F6 ก็ได้ครับแล้วปรับเฉดสีตามภาพ R=254,G=233,B=214
เมื่อปรับสีแล้ว โครงหน้าของเราก็จะเปลี่ยนค่าสีตามที่เรากำหนดเลยทันที
ต่อมาเราก็ใส่ดวงตาให้กับโครงหน้าเลยนะครับ โดยเริ่มจากด้านใดด้านหนึ่งก่อน ก็ใช้เตรื่องมืออันเดียวกับสร้างโครงหน้านั้นแหละครับ Pen Tool ก็แค่เปลี่ยนเฉดสีให้เป็นสีดำ
จากนั้นเราก็สร้างวงกลมให้เป็นลูกตา โดยใช้เครื่องมือ Ellipse Tool หรือกด L ก็ได้ครับ
แล้วก็ปรับเฉดสีให้เป็นสีน้ำตาลนะครับ เพราะเราจะทำให้ลูกตาเป็นสีน้ำตาล
ให้ปรับลูกตาอยู่กึ่งกลางขอบตานะครับ จะได้ดูสมจริงมากขึ้น และก็สร้างวงกลงอีกวงหนึ่งซ้อนเข้าไปในลูกตา แล้วปรับให้เป็นสีดำเหมือนกับภาพนะครับ
ดูเหมือนดวงตาเข้ามาทุกทีแล้ว ดูแล้วมันยังขาดแววตา ให้วาดวงกลมแล้วปรับสีให้เป็นสีขาวสว่างๆ กับเทาๆ สลับซ้นกันเหมือนภาพตัวอย่างนะครับ
แววตาจะทำให้ดวงตามีชีวิตขึ้นทันทีเลยครับ จากนั้นเราก็แต่งสีสัน โดยวาดรูปดวงตา แล้วก็ใส่เฉดสีเป็นสีขาว เหมือนรูปตัวอย่างครับ
จากนั้นเราก็วาดรูปคิ้ว ลงไปครับ
ขั้นตอนต่อไปเราจะทำการ กรุ๊ป ดวงตากับคิ้วไว้ด้วยกัน โดยการเลือกเฉพาะดวงตากับคิ้ว แล้วกด Ctrl+G นะครับ

ให้เลือกดวงตาที่เรา กรุ๊ปไว้ แล้วก๊อปปี้ไว้โดยกด Ctrl+C เมื่อก๊อปปี้แล้วเราก็จะวางไว้ที่จุดเดิมเหมือนกับของที่ก๊อปมา โดยกด Ctrl+F
จากนั้นเราจะแยก ดวงตาออกเป็น 2 ดวงด้วยการใช้ เครื่องมือ Reflect Tool หรือกดตัว O เมือเลือกแล้ว ให้หาจุดกึ่งกลางระหว่างดวงตา 2 ดวงแล้วก็คลิก 1 ครั้ง จากนั้น ก็กด Shift ค้างไว้ แล้วเลื่อนเมาท์ไปทางด้านตรงข้าม เราจะเห็นเป็นเงาของลายเส้น แล้วก็ปล่อยเมาท์เมื่อดวงตาอีกดวงมาอยู่อีกด้าน
ต่อมาเราก็ใส่จมูกกับปาก ครับโดยใช้เครื่องมือ Pen Tool เหมือนเดิม วาดลงไปเหมือนกับรูปเลยนะครับ
ได้โครงสร้างของปากกันแล้วเราก็ใส่เงากับแสง
เสร็จแล้วเราก็วาดทรงผมลงไปก็ใช้เครื่องมือ Pen Tool อีกนั้นแหละครับ ค่อยๆ วาด ค่อยๆ จุดๆดึงๆ ลากๆ ให้เหมือนทรงผมมากที่สุด และใส่สีพื้นเป็นสีดำ
จากนั้นเราก็แลเงาให้ให้กับทรงผม ขั้นตอนนี้ เป็นเทคนิคเฉพาะของแต่ละคนนะครับ ไม่มีถูกผิด เอาให้ดูแล้วรู้ว่ามันคือเส้นผม ก็พอละครับ
เพียงเท่านี้ก็เป็น รูปหัวการ์ตูนแล้วละครับ ขำๆ น่ารักนะ จะให้ดีกว่านี้ก็ต้องวาดตัว แขนและขา ให้สมบูรณ์มากขึ้นครับก็ใช้หลักการเดิม ให้เครื่องมือ Pen Tool และปรับเฉดสี ค่อยๆวาด ค่อยๆปรับ
ว้าว! เสร็จแล้วครับ ก็ใช้เวลามากเหมือนกันนะครับ ค่อยๆวาดใจเย็นๆ รูปภาพจะอกมามีชีวิตชีวาเองแหละครับ

ที่มา : http://www.seesketch.com/

วันอังคารที่ 8 กันยายน พ.ศ. 2558

การสร้าง ข้อมความ 3มิติ ด้วย Adobe Illustrator

พื้นฐานที่ควรมี ความคิดสร้างสรรค์ นะครับ
ในบทความนี้เป็นการสอนวิธีการทำตัวหนังสือให้เป็น 3 มิติ โดยใช้โปรแกรม Adobe Illustrator ครับ
ขั้นตอนที่ 1
พิมพ์ข้อความที่ต้องการ จะพิพม์ข้อความอะไรก็ได้ไม่จำกัด
สร้างข้อความ
ขั้นตอนที่ 2
คลิก Effect>3D>Extrude & Bevel... เพื่อใส่เอฟเฟค 3มิติ ให้กับข้อความที่เราเลือก เหมือรูปภาพตัวอย่าง
สร้าง effect 3D
จะแสดงกล่องการตั้งค่าของ Effect 3D ให้ตั้งค่าตามภาพตัวอยาง เสร็จแล้วให้กด ok
เซตค่า 3D ของข้อความ
เมื่อกด ok เสร็จ ข้อความที่เราพิมพ์ จะเปลี่ยนเป็น 3มิติ ตามที่เราตั้งค่าไว้ทันที
ข้อความแบบ 3 มิติ
ขั้นตอนที่ 3
เปลี่ยนข้อความให้เป็นเส้นเวกเตอร์ เพื่อใส่สีและย้ายตำแหน่งของตัวหนังสือได้ตามต้องการ
ให้คลิกที่ข้อความ จากนั้นคลิกเมนู Type>Create Outlines หรือกด Shift+Ctrl+O ที่แป้นคีร์บอท ข้อความที่เราเลือกไว้จะถูกเปลี่ยนเป็นเส้นเวกเตอร์เอาท์ลายทันที
เปลี่ยนข้อความให้เป็นเส้นเวกเตอร์
ภาพ ลายเส้นของข้อความที่เราเลือกไว้จะเป็นเส้นเวกเตอร์ที่เห็นเป็นรูปร่างข้อความมากขึ้น
ลานเส้นเวกเตอร์ของข้อความที่เลือก
ขั้นตอนสุดท้าย
เป็นการใส่ความคิดสร้างสรรค์ลงไปในงานออกแบบนะครับ ใส่สีสันให้ตัวหนังสือ หรือจัดวางตำแหน่งของตัวหนังสือแต่ละตัวใหม่ ให้ดูสวยงามยิ่งขึ้น โดยเลือกที่ข้อความที่ต้องการนั้นๆ เพื่อเติมสีหรือย้ายตำแหน่ง.
สร้างข้อความสไตล์ 3มิติ ด้วยตัวเอง
แค่นี้ก็ได้ข้อความแบบ 3มิติ สวยๆ ตามความชอบของตัวเองแล้วครับ จะแชร์บน facebook หรือส่งให้เพื่อนก็ได้แล้วครับ.

ที่มา : http://www.seesketch.com/

วันจันทร์ที่ 7 กันยายน พ.ศ. 2558

สร้างตัวหนังสือสวยๆ แบบสไตล์เรา ด้วย Adobe Illustrator

สวัสดีครับ บทความนี้ผมจะมาสอนการ สร้างตัวหนังสือสวยๆ แบบสไตล์ตัวเอง เป็นแบบเวกเตอร์สวยๆนะครับ ผู้อ่านจำเป็นต้องมีก็คือ โปรแกรม Adobe Illistrator และก็มีความรู้มาบ้างแล้วนะครับ.
เริ่มต้นเลยให้เปิดโปรแกรม แล้วก็พิมพ์ข้อความตามต้องการ จากรูปภาพตัวอย่าง ผมพิมพ์คำว่า seesketch การสร้างข้อความง่ายๆ ก็คือกดปุ่ม T ที่แป้นพิมพ์ แล้วก็คลิกที่พื้นที่ว่างเพื่อพิมพ์ข้อความที่ต้องการ
สร้างตัวหนังสือด้วยสไตล์ตัวเอง_1
ขั้นตอนที่สอง เราจะเปลี่ยนจากตัวอักษรให้เป็นเวกเตอร์ โดยการกด Shift+Ctrl+O ที่แป้นพิมพ์นะครับ จากตัวอักษรก็จะกลายเป็นลายเส้นเวกเตอร์ทันที เราสามารถโยงเส้นของเวกเตอร์ได้ทั้งหมดดังถาพ
สร้างตัวหนังสือด้วยสไตล์ตัวเอง_2
ขั้นตอนที่สาม จะเติมสีให้กับข้อความนะครับ ให้กด F6 ที่แป้นพิมพ์เพื่อเปิดกล่องสีออกมา ให้เซทค่าสีตามรูปตัวอย่างเลยนะครับ หรือ จะเลือกสีอื่นๆก็ได้แล้วแต่ความชอบ
สร้างตัวหนังสือด้วยสไตล์ตัวเอง_3
ขั้นตอนที่สี่ เพิ่มสไตล์ด้วย Stroke ของเวกเตอร์ด้วยการกด Ctrl+F10 ที่แป้นพิมพ์ แล้วปรับแต่งค่าต่างๆ ตามรูปตัวอย่างพร้อม ปรับสี Stroke ที่กล่องสีด้วยนะครับ
สร้างตัวหนังสือด้วยสไตล์ตัวเอง_4
เพิ่มเติม ค่าต่างๆ คุณลองปรับเปลี่ยนได้ตามต้องการนะครับ รูปแบบของ Stroke ก็จะเปลี่ยนแปลงตามค่าที่คุณปรับ
เมื่อปรับได้ตามต้องการแล้วก็หาแบ็คกราวหรือใส่สีให้กับแบ็คกราวสวยๆ ก็จะได้ข้อความ สวยๆตามสไตล์ตัวเองแล้วครับ
สร้างตัวหนังสือด้วยสไตล์ตัวเอง_5
สวยเลยใช่ไหมละครับ เรียนรู้ด้วยตัวเองทดลองปรับค่าต่างๆ แล้วคุณจะมีความรู้เพิ่มขึ้นเรื่อยๆ ผมเชื่อว่าอย่างนั้นครับ

วันอังคารที่ 1 กันยายน พ.ศ. 2558

สร้างดอกไม้สวยๆ ด้วยโปรแกรม Adobe Illustrator ง่ายๆ

สร้างดอกไม้สวยๆ ด้วยโปรแกรม Adobe Illustrator ง่ายๆ เพียงไม่กี่ขั้นตอน มาเริ่มทำกันเลยนะครับ.
ขั้นตอนที่ 1
เปิดโปรแกรมและสร้างพื้นที่การทำงานขนาด 800x600 px จากนั้นให้เลือกการทำงานกับ Polygon Tool ดังภาพตัวอย่าง
ขั้นตอนที่ 2
ปรับค่าสีพื้นหลังและปิดการใช้สีเส้นกรอบ ตั้งค่าสีตามภาพตัวอย่าง
ขั้นตอนที่ 3
คลิกลากจากด้าน ซ้ายไปขวาเพื่อสร้างรูป 6 เหลี่ยนแบบ Polygon ตามภาพ
ขั้นตอนที่ 4
ใช้ Effect โดยคลิกที่ Effect>Distort & Transform>Pucker & Bloat... แล้วปรับค่าตามภาพ
เมื่อตั้งค่าตามกำหนดแล้ว กด OK ภาพ 6 เหลี่ยมจะเป็นภาพดอกไม้ สวยๆ ทันทีครับ สามารถนำไปประยุกต์ใช้งานได้ตามต้องการ เป็นเทคนิคง่ายๆ ที่ใครๆก็สามารถทำได้
นี้ก็เป็นเทคนิคงายๆ ในการสร้างดอกไม้นะครับ ฝึกทำบ่อยๆ แล้วคุณจะเก่งได้เอง ผมเชื่อว่าคุณเก่งได้แน่นอน.