Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Illustrator [How to] Abstract Background Vector 3
Maple Avatar ห้องแต่งตัวใหม่วิธีการเขียน Blog ส่วนตัววิธีโพสคลิปจาก Youtubeตารางข้อมูล เครดิต + Moneyวิธีการโพสกระทู้แบบรวดเร็ว
ดู: 5133|ตอบ: 4
go

[Workshop] [How to] Abstract Background Vector 3

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 24-10-2012 18:31 |แสดงโพสต์ทั้งหมด


[How to] Abstract Background Vector 3

ในบทความนี้ข้าพเจ้าจะแนะนำวิธีทำภาพพื้นหลังสไตล์ Abstract  Glow (เรืองแสง ไร้ความหมาย) นะค่ะ วิธีทำก็ไม่ยากอะไรเลย (อีกแล้ว) เพราะเทคนิคการทำภาพแบบนี้เกือบ 100% จะคล้ายกันทั้งหมด ที่จะแตกต่างกันก็มีแค่รูปแบบของการวางภาพองค์ประกอบ และโทนสีที่เลือกใช้เท่านั้นเอง

เทคนิคนี้จะใช้ได้ก็ต่อเมื่อไฟล์งานของคุณเป็นโหมดสี RGB เท่านั้นนะค่ะ

สำหรับคนที่ไม่รู้ว่าเปลี่ยนโหมดสีให้กับไฟล์งานยังไงก็ให้มาดูที่บทความนี้ก่อนค่ะ
การเปลี่ยนโหมดสี RGB และ CMYK ใน Illustrator


*** ถ้าคุณจะนำภาพที่ทำเสร็จแล้วไปปริ๊นหรือส่งตามโรงพิมพ์ ขอแนะนำว่าอย่าเปลี่ยนโหมดสีเป็น CMYK ใน Illustrator โดยตรงเพราะมันจะทำให้ภาพเน่าเละทันที (ในโปรแกรม Illustrator โหมดสี CMYK จะไม่รับคำสั่ง Blending บางตัว)


คุณจะต้องขยาย หรือ ย่อภาพงาน ให้มีขนาดพอดีกับที่จะนำใช้ จากนั้นจึงค่อย Ctrl+C คัดลอก และ Ctrl+V วางในโปรแกรม Photoshop (ไฟล์งานใน Photoshop ต้องสร้างเป็นโหมดสี CMYK รอไว้) วิธีนี้จะทำให้สีภาพเพี้ยนไปนิดหน่อย(เพราะสีน้ำหมึกปริ๊นกับสีที่แสดงหน้าจอจะสดใสไม่เท่ากัน) แต่ภาพจะไม่เน่าค่ะ

ไฟล์แนบ: คุณจำเป็นต้องเข้าสู่ระบบก่อนจึงจะสามารถดูและดาวน์โหลดไฟล์แนบได้ หากยังไม่มีแอคเคานต์หรือยังไม่ได้เป็นสมาชิก กรุณาสมัครสมาชิก
บางบทความคุณจำเป็นต้องสมัครสมาชิกแบบ VIP และ SUPERVIP ถึงจะเข้าอ่านบทความได้

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 24-10-2012 18:39 |แสดงโพสต์ทั้งหมด
ขั้นตอนที่ 1 เตรียมพื้นหลัง
- ให้สร้างพื้นสี่เหลี่ยมขึ้นมา โดยให้มีขนาดพอดีกับพื้นอาร์ตบอร์ด
- ลงสีพื้นสี่เหลี่ยมเป็นแบบ Gradient เฉดสีตามในภาพด้านล่างเลยค่ะ #7f4000 --> #2a0008 --> #072307 --> และ #002954
- ล๊อคเลเยอร์ภาพพื้นหลังไว้ เราจะได้ไม่เผลอไปแก้ไขอะไรมันอีก

(*ถ้าคุณใส่รหัสไม่เป็นให้ศึกษาจากบทความนี้ก่อนค่ะ
การใช้เครื่องมือ Gradient Tool เบื้องต้น> Advance )


ขั้นตอนที่ 2 สร้างบรรยากาศให้ภาพ
ภาพแนว Glow ถ้าอยากจะให้ออกมาสวยๆ เราควรทำให้พื้นที่บางส่วนมืดลง เพราะสีดำจะช่วยขับให้ Glow มีความสดใสเรืองรองมากขึ้น

- ให้สร้างพื้นสี่เหลี่ยมผืนผ้าขึ้นมา 1 ชิ้น ลงสีเป็นแบบ Gradient สีดำ --> สีขาว (ตามในภาพด้านล่าง)



- คัดลอกพื้นสี่เหลี่ยมผืนผ้าที่สร้าง ให้เป็น 4 ชิ้น กลับด้านใหม่ และเอามาวางทับกันบนพื้นหลังตามในภาพด้านล่าง


- เปิดพาแนล Transparency ขึ้นมา (ไปที่คำสั่ง Window > Transparency)
- คลิกเลือกพื้นสี่เหลี่ยมผืนผ้าทั้ง 4 ชิ้น และเปลี่ยนโหมด Blending ตามในภาพด้านล่าง



- ผลลัพธ์ที่ได้จะทำให้ภาพในฉาก กลายเป็นสีทึบมากขึ้น



ขั้นตอนที่ 3 กำหนดบริเวณที่จะให้เรืองแสง
เป็นเทคนิคที่จะช่วยเน้น Glow บางจุดให้มีความสว่างมากกว่าจุดอื่นๆในภาพนะค่ะ

- ให้ใช้เครื่องมือ Ellipse Tool (หรือกดคีย์ L) สร้างวงรีขึ้นมา 1 ขึ้น
- ลงสีเป็นแบบ Gradient สีดำ --> สีเทาอ่อน (รหัสตามในภาพด้านล่าง)



- ที่พาแนล Transparency ให้เปลี่ยนโหมด Blending ให้กับภาพวงรีตามในภาพด้านล่าง


- เมื่อนำวงรีไปวางทับบนพื้นที่งาน ผลลัพธ์ที่ได้... จะทำให้บริเวณที่วางลงไปมีความสว่างเพิ่มขึ้นเล็กน้อย


ขั้นตอนที่ 4 วางองค์ประกอบ

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

- ให้ใช้เครื่องมือ Ellipse Tool (หรือกดคีย์ L) สร้างวงกลมขึ้นมา 1 ขึ้น ลงสีพื้นเป็นสีเทา รหัสสี #6D6D6D



- (ยังคลิกเลือกที่วงกลมอยู่) จากนั้นให้ไปที่คำสั่ง Effect > Stylize > Inner Glow...
- ตั้งค่าตามในภาพด้านล่าง
- ที่ช่องเลือกสี ให้เลือกเป็นสีเทาอ่อน รหัส #9999A3 แล้วคลิกปุ่ม  "OK"



- ที่พาแนล Transparency ให้เปลี่ยนโหมด Blending ให้กับภาพวงกลมตามในภาพด้านล่าง



- นำวงกลมที่สร้างมาวางทับบนพื้นที่งาน และให้สำเนาวงกลมอันเดิมขึ้นมาอีกๆชิ้น วางกระจายทับๆกันให้เต็มพื้นที่


- ให้สังเกตว่ายิ่งวางวงกลมทับกันมาก ความสว่างของภาพจะยิ่งเพิ่ม


ขั้นตอนที่ 5 ทำ Text
- ให้พิมพ์ Text ที่ต้องการ และสร้างผืนสี่เหลี่ยมผืนผ้าสีดำขึ้นมา (สี่เหลี่ยมผืนผ้าให้มีขนาดใหญ่กว่า Text)



- คลิกขวาที่ Text และเลือกคำสั่ง "Create Outlines" (คำสั่งนี้จะทำให้ Text กลายสภาพเป็นวัตถุ)


- เปิดพาแนล "Pathfinder" ขึ้นมา (Window > Pathfinder)
- นำ Text ไปวางทับบนพื้นสี่เหลี่ยมสีดำ (ตามในภาพด้านล่าง) จากนั้นให้เลือกทั้งหมด และกดปุ่ม "Minus Front" (ของ CS6 แต่ถ้าเป็นของเวอร์ชั่น CS3 ปุ่มตัวนี้จะชื่อ "Subtract from shape area" )

(*คุณสามารถศึกษาคำสั่งต่างๆของพาแนล Pathfinder ได้ที่บทความ
การเจาะรู การตัด และการรวมภาพ ด้วยพาเลท Pathfinder)


- ผลลัพธ์ที่ได้ สี่เหลี่ยมผืนผ้าจะโดนเจาะกลายเป็นรูรูป Text


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


ขั้นตอนที่ 6 บังส่วนที่ไม่ต้องการ
- ขั้นตอนสุดท้ายแล้วนะค่ะ ^^" ให้สร้างพื้นสี่เหลี่ยมขึ้นมา 1ชิ้น ให้มีขนาดพอดีกับพื้นที่อาร์ตบอร์ด แล้วเอาวางทับไว้ที่เลเยอร์ชั้นบนสุด


- คลิกเลือกทั้งหมด และให้คลิกขวาเลือกคำสั่ง "Make Clipping Mask"


เสร็จแล้วววววว..............!!!!


(ถ้าทำจริงๆแบบไม่ต้องคอยกดปุ่ม ปริ๊นสกีน ทีละสเต็ป ภาพนี้จะใช้เวลาประมาณ 10 -15 นาที แค่นั้นเอง เร็วกว่านั่งหาโหลดของฟรี ของละเมิดลิขสิทธิ์ตามเว็บนอกอีกนา เพราะถึงจะหาได้ ก็อาจจะไม่ได้ดั่งใจ ไม่เท่ากับทำเอง นอกจากจะทำให้งานของเรามีมูลค่ามากขึ้น ลูกค้าเองก็จะเห็นถึงความตั้งใจของเราด้วย ว่าเราตั้งใจทำให้เขาจริงๆ )

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

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



ไฟล์แนบ: คุณจำเป็นต้องเข้าสู่ระบบก่อนจึงจะสามารถดูและดาวน์โหลดไฟล์แนบได้ หากยังไม่มีแอคเคานต์หรือยังไม่ได้เป็นสมาชิก กรุณาสมัครสมาชิก
บางบทความคุณจำเป็นต้องสมัครสมาชิกแบบ VIP และ SUPERVIP ถึงจะเข้าอ่านบทความได้

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 2-11-2012 08:59 |แสดงโพสต์ทั้งหมด
ขอบคุณครับ อาจารย์ สนุกมากเลย แม้จะยาวสัักหน่อย คงเหนื่อยน่าดู ผมจะตั้งใจฝึกฝนเพื่อตอนแทนนะครับ

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 30-12-2012 16:56 |แสดงโพสต์ทั้งหมด

ทำวงกลมเป็นสิมโบ แล้วใช้สเปรฉีด



ไฟล์แนบ: คุณจำเป็นต้องเข้าสู่ระบบก่อนจึงจะสามารถดูและดาวน์โหลดไฟล์แนบได้ หากยังไม่มีแอคเคานต์หรือยังไม่ได้เป็นสมาชิก กรุณาสมัครสมาชิก
บางบทความคุณจำเป็นต้องสมัครสมาชิกแบบ VIP และ SUPERVIP ถึงจะเข้าอ่านบทความได้

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 2-6-2015 23:14 |แสดงโพสต์ทั้งหมด
ตอบกระทู้ wisarn ตั้งกระทู้

ยอดเลย *0*

Thaigraph

GMT+7, 20-6-2019 16:07 , Processed in 0.189957 second(s), 21 queries .

Powered by Discuz! X1.5

© 2001-2010 Comsenz Inc. Thai Language by DiscuzThai! Team.

Top 10 Best Sellers in Clothing for 2017 Top 10 Best Sellers in Clothing Best Sellers in Clothing
Top 10 Best Sellers in Books reviewer 2017 Top 10 Best Sellers in Books Best Sellers in Books