[How to] Abstract Background Vector

NOOKFUFU2

[How to]  Abstract Background Vector

ในบทความนี้จะแนะนำวิธีทำภาพแบ๊คกราวน์ โดยใช้คำสั่ง Blend ง่ายๆ มาผสมผสานกับลูกเล่นใหม่ที่มีอยู่ใน Illustrator CS6 นะค่ะ

NOOKFUFU2

ขั้นตอนที่ 1 ทำพื้นหลัง
- ใช้เครื่องมือ Rectangle Tool สร้างพื้นสี่เหลี่ยมขึ้นมา โดยให้มีขนาดพดีกับเนื้อที่อาร์ตบอร์ด
- ลงสีพื้นหลังแบบ Gradient ไล่เฉดเป็นทิศทางวงกลม Radial สีขาวและสีเทาอ่อน
- ล๊อคเลเยอร์พื้นสี่เหลี่ยมไว้ เราจะได้ไม่เผลอจับมันเคลื่อนย้าย

(*สำหรับคนที่ยังใช้พาแนล Gradient ไม่คล่อง ให้ศึกษาจากโปรแกรมนี้ก่อนนะค่ะ การใช้เครื่องมือ Gradient Tool เบื้องต้น> Advance )


ขั้นตอนที่ 2 เตรียมเส้น Stroke
- กดปุ่ม "P" เพื่อเรียกใช้เครื่องมือ "Pen Tool" แล้วให้วาดเส้น Stroke ขึ้นมา 2 เส้น (จะวาดให้เป็นเส้นโค้งแบบไหนก็ได้ค่ะ)


- เปลี่ยนสีเส้น Stroke ให้เป็นแบบ Gradient


- ให้เปลี่ยนสีเส้น Stroke ให้เป็น Gradient เฉดใหม่ตามที่ชอบค่ะ และตั้งโหมดการไล่เฉดเป็น "Linear"

(*ใช้ได้เฉพาะในเวอร์ชั่น CS6 ขึ้นไปเท่านั้น ส่วนการเปลี่ยนจุดเฉดสีในพาแนล Gradient วิธีการก็จะเหมือนกับการลงสี Gradient แบบปกติทุกอย่างค่ะ)


- ผลลัพธ์ที่ได้หลังจากไล่เฉดสี Gradient เส้น Stroke ใหม่แล้ว (ไม่จำเป็นว่าเส้น Stroke จะต้องไล่เฉดแบบเดียวกันก็ได้ค่ะ)


ขั้นตอนที่ 3  Blend และปรับแต่งรูปทรง
- จากนั้นให้ไปที่คำสั่ง Object > Blend > Blend Options...


- กำหนดการ Blend ให้เป็นแบบ "Specified Steps" ที่ช่องว่างด้านหลัง คือจำนวนความต่อเนื่องของเส้นในการ Blend ใส่ไปประมาณ 20 เสร็จแล้ว คลิกปุ่ม "OK"


- คลิกเลือกเส้น Stroke ทั้ง 2 เส้น แล้วให้ไปที่คำสั่ง Object > Blend > Make


- ผลลัพธ์ที่ได้จะเป็นดังภาพข้างล่าง จากนั้นก็ให้ใช้กลุ่มเครื่องมือ Pen Tool และ Direct Selection Tool ปรับแต่งทิศทางของเส้นใหม่
(*หากต้องการเพิ่มจำนวนความต่อเนื่องของการ Blend ให้มากขึ้น ก็ให้คลิกเลือกวัตถุที่ทำการ Blend แล้วกลับไปที่คำสั่ง Object > Blend > Blend Options... อีกครั้ง และให้ใส่ค่าตัวเลขใหม่ตามต้องการ)


- ก๊อปปี้มาหลายๆกัน อันไหนที่ต้องการให้สีของเส้นอ่อนลง ดูนุ่มๆ ก็ให้ใช้การลดค่า Opacity แทน (Window > Transparency)


- นำมาวางซ้อนกันจะปรับแต่งทิศทางของเส้นให้เป็นรูปร่างต่างๆ ตามที่เราต้องการ


- หลังจากดัดเส้นจนได้รูปร่างแบบที่ชอบแล้ว ก็นำมาวางบนพื้นหลังที่เราสร้างไว้ในของต้น


ขั้นตอนที่ 4 สร้างมิติให้กับเส้น Blend
- ใช้เครื่องมือ Ellipse Tool สร้างวงกลมขึ้นมา ใช้สีพื้นเป็นสีขาว


- และให้ไปที่คำสั่ง Effect > Blur > Gaussian Blur ตั้งค่าเบลอให้หนักๆหน่อย


- จากนั้นให้ลดค่า Opacity ลง เพื่อให้ความเข้มลงลด (Window > Transparency)


- ก๊อปปี๊วงกลมมาหลายๆอัน และวางทับบนเส้น Blend ในตำแหน่งต่างๆ (เพิ่มลดค่า Opacity ตามความเหมาะสม ) เพื่อทำให้ความเข้มของสีเส้นบางจุดดูนูน และมีความนุ่มนวลมากขึ้น


ขั้นตอนที่ 5 ทำเงาสองระดับ
- เงาชั้นล่าง - ก๊อปปี้วงกลมที่ทำการเบลอแล้วขึ้นมาอีกและทำให้แบน(แบบภาพด้านล่าง) จากนั้นเปลี่ยนสีพื้นให้เป็นสีเทา ลดค่า Opacity ให้เหลือประมาณ 20%


- เงาชั้นบน - ก๊อปปี้เงาที่ขึ้นมาอีกและย่อส่วนให้มีขนาดเล็กกว่าเงาอันแรก จากนั้นให้เพิ่มค่า Opacity ให้เหลือประมาณ 40%


- นำเงาทั้งเงาระดับมาวางซ้อนกันที่เลเยอร์บนสุด


- ใส่ Text ก็เป็นอันเสร็จเรียบร้อยแล้วค่ะ



ขอให้สนุกกับทุกชิ้นงานนะค่ะ

บทความโดเย NOOKFUFU2
(ขอสงวนสิทธิ์ให้เผยแพร่เฉพาะในเว็บไทยกราฟเท่านั้น!!!)

kitiporn

ขอบคุณครับ สวยงามมาก แต่ยากอีกแน่ ฝึกๆ ฝนๆ อดทน สู้ๆๆ

jukung

ขอบคุณคตับ

dojocaro

ขอบคุณครับ

photoretouch121

กลับมาเริ่มต้น เรียนกันใหม่ ขอบคุณครับ