บทความสอนกราฟิก

 ลืมรหัสผ่าน
 ลงทะเบียน
ค้นหา
ดู: 1645|ตอบกลับ: 0

[How to] Heart Love เทคนิคการนำคำสั่ง Blend มาประยุกต์ใช้

[คัดลอกลิงก์]

272

กระทู้

272

โพสต์

979

เครดิต

ผู้ดูแลระบบ

Rank: 9Rank: 9Rank: 9

เครดิต
979
heart_line3.jpg
[How to]  Heart Love เทคนิคการนำคำสั่ง Blend มาประยุกต์ใช้

ระหว่างท่องเว็บดูภาพเพื่อหาไอเดียใหม่ๆ ก็ไปเจอภาพผลงานหนึ่งที่เว็บต่างประเทศเข้า เห็นว่าทำไม่ยาก แค่เป็นการผสมผสานกันระหว่าง 2 คำสั่งคือ Mesh  และ Blend  

ว่าแล้วก็นั่งเรียบเรียงทำเป็นบทความสอนวิธีทำดีกว่า อิอิ ใกล้วันวาเลนไท์แล้วด้วย
(งานหลักยังดองกองพะเนินไว้ งานรองล่ะทำเร็วยังกับลิง)



1. ให้ใช้เครื่องมือ Rectangle Tool สร้างกรอปสี่เหลี่ยมขึ้นมาดังภาพข้างล่างค่ะ

heart_line4.jpg

2. ใช้เครื่องมือ Mesh Tool สร้างโครงตาข่ายตามขั้นตอนข้างล่างนะค่ะ

heart_line5.jpg

คลิกสร้างโครงตาข่ายไปทีละจุดจนได้ตารางเม็ดสี ออกมาเป็นดังภาพนี้นะค่ะ (ไม่ต้องให้เหมือนเป๊ะๆก็ได้)
heart_line6.jpg

3. ขั้นตอนต่อไป... ให้ใช้เครื่องมือ Direct Selection Tool  คลิกเลือกที่จุดเม็ดสี(จุดแองเคอร์)จุดใดก่อนก็ได้ในตาข่าย และทำการเติมสีลงไปดังภาพอธิบายขั้นตอนด้านล่างค่ะ

heart_line7.jpg

heart_line8.jpg

เมื่อเติมสีแล้วก็จะได้ออกมาเป็นแบบนี้ค่ะ
heart_line9.jpg

4. และเติมสีให้กับจุดอื่นๆด้วยค่ะ (จะเป็นโทนสีใดก็ได้ที่เราชอบ)

heart_line10.jpg

5. ต่อไปนะค่ะ ... ใช้เครื่องมือ Pen Tool ( หรือกด P) วาดรูปหัวใจขึ้นมา

heart_line11.jpg

6. เสร็จแล้วก็ใช้ Pen Tool วาดเส้นแหลมๆ(ล้อมกรอปรูปหัวใจ) ขึ้นมาดังภาพข้างล่างค่ะ

heart_line12.jpg

7. วาดรูปหัวใจดวงใหญ่ขึ้นมาอีกนิดนึง โดยให้วางอยู่ระหว่างรูปหัวใจรูปแรก และรูปกรอปแหลมๆรูปที่สอง

heart_line13.jpg

8. ปรับแต่งเส้นให้สวยงามเป็นระเบียบ และให้เติมสีเส้นที่เราวาดทุกเส้นให้เป็นสีขาวล้วน (ไม่เอาสีพื้น)

heart_line14.jpg

9. ต่อไปจะเป็นขั้นตอนการ Blend นะค่ะ ให้เลือกรูปที่เราวาดไว้ทั้ง 3 รูป และไปที่คำสั่ง Object> Blend> Blend Options...

heart_line15.jpg

กำหนด Spacing เป็น "Specified Steps" ใส่ค่าความถี่ของเส้นเท่ากับ "30" และกดปุ่ม OK

heart_line16.jpg

10. จากนั้นก็ไปต่อที่คำสั่ง Object> Blend> Make ค่ะ

heart_line17.jpg

ผลลัพธ์ที่ได้ก็จะออกมาเป็นหน้าตาแบบนี้ค่ะ  (ในภาพข้าพเจ้าทำพื้นให้เป็นสีเทา เพื่อจะได้มองเป็นเส้น Blend สีขาวของรูปหัวใจได้ชัดขึ้น)

heart_line18.jpg

11. ใกล้จะเสร็จแล้วนะค่ะ ต่อไปก็นำรูปหัวใจที่เรา Blend ไว้ มาวางซ้อนกับภาพสี่เหลี่ยม Mesh ลงสีที่เราทำไว้ในตอนแรกค่ะ และไปที่คำสั่ง Window> Transparency เพื่อเรียกพาเนลของ Transparencyขึ้นมา

จากนั้นก็ให้คลิกที่ไอคอนสามเหลี่ยมเล็กๆตรงมุมขวาบนของพาแนล และเลือกคำสั่ง Make Opacity Mask ดังภาพด้านล่างค่ะ
heart_line19.jpg

อย่าลืมติ๊กเครื่องหมายถูกที่ช่อง "Clip" ด้วยนะค่ะ
heart_line20.jpg

สำหรับคนที่ยังไม่พอใจกับรูปทรง และสีของเส้นหัวใจที่ได้หลังจาก Mask นะค่ะ เราสามารถปรับแต่งเส้นรูปทรงใหม่ได้ โดยให้คลิกที่ช่องทางขวา (ดังรูปประกอบด้านล่าง)  และใช้เครื่องมือ Direct Selection Tool หรือกลุ่มเครื่องมือ Pen Tool ทำการ ดัด และแก้ไขรูปทรงใหม่

heart_line21.jpg

ถ้าคลิกที่ช่องทางซ้ายจะเป็นการออกจากโหมด Mask นะค่ะ และในกรณีที่เรายังไม่พอใจกับสีที่ออกมา เราสามารถใช้เครื่องมือ  Direct Selection Tool คลิกเพื่อเลือกจุดสีในโครงตาข่าย และทำการเปลี่ยนสีใหม่ลงไปได้ค่ะ

heart_line22.jpg

12. ต่อไปจะเป็นขั้นตอนของการทำตัวอักษรนะค่ะ (ที่ข้าพเจ้าใช้วิธีทำ ตัวอักษร ให้เป็นแบบง่ายๆ ไม่ซับซ้อน เพราะจุดสำคัญของบทความนี้อยู่ที่ภาพหัวใจอย่างเดียว Text เป็นแค่ตัวประกอบเสริม)




ใช้เครื่่องมือ Type Tool พิมพ์ตัวอักษรขึ้นมา Character เป็น PSL-Panpilas กำหนดให้เป็นตัวหนา

heart_line23.jpg

13. คลิกที่ตัวอักษรนะค่ะ และไปที่คำสั่ง Effect> 3D> Extrude & Bevel...

heart_line24.jpg

หมุนปรับด้านทิศทางหรือใส่ค่าตัวเลของศาการหันตามรูป และกดปุ่ม OK

heart_line25.jpg
เสร็จแล้วก็นำมาวางซ้อนกันก็จะได้ออกมาเป็นภาพเสร็จสมบูรณ์ดังนี้ค่ะ

heart_line26.jpg

******************************
บทความโดย นุ้ก
ขอจบบทความแค่เพียงเท่านี้ แล้วพบกันใหม่บทความหน้าค่ะ ^^
(ขอสงวนสิทธิ์อนุญาตให้เผยแพร่เฉพาะในเว็บ www.graphicfufu.comเท่านั้น)
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | ลงทะเบียน

รายละเอียดเครดิต

ข้อความล้วน|อุปกรณ์พกพา|ประวัติการแบน|GraphicFUFU

GMT+7, 2024-3-29 12:06 , Processed in 0.131847 second(s), 29 queries .

Powered by Discuz! X3.4 R20180101, Rev.59

© 2001-2017 Comsenz Inc.

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้