เทคนิคการทำ Low Poly Portrait (2)

เทคนิคการทำ Low Poly Portrait เป็นการทำรูปสามเหลี่ยมต่อกันไปเรื่อยๆ จนเป็นกลายเป็นรูปภาพ

Continue reading

จากวิธีการใช้ Polygonal Lasso Tool เป็นวิธีที่ทำได้โดยง่าย และเร็วกว่า แต่ยังมีอีกวิธี คือ การใช้ Pen Tool เป็นวิธีที่ต้องใช้ความละเอียดมากว่า มีความแม่นยำมากกว่า และที่สำคัญดูสวยกว่าอีกด้วยครับ มาชมกันเลย

เทคนิคการทำ Low Poly Portrait

ดูวิธีการใช้เส้นไกด์ที่บทความ การใช้ Polygonal Lasso Tool

1.ไปที่เครื่องมือ Pen Tool ปรับเส้นขอบที่ทำให้เราเห็นชัดเจนครับ ในที่นี้ผมใช้ 1pt ก่อน

polygon-art-01

จากนั้นคลิกแต่ละจุดให้เป็นสามเหลี่ยมไปเรื่อยๆ ครับ เราจะเห็น Layer ที่เพิ่มขึ้นเรื่อยๆ : ผมทำถึง Shape 1,2,3,…,882

polygon-art-02

2.เลือก Layer ที่เป็น Shape ทั้งหมด โดย คลิกที่ Shape 1 > กด Shift  > คลิกที่ Shape 882 ( หรือตรงกันข้ามก็ได้เช่นกันครับ)

3.ไปที่เครื่องมือ Direct selection tool เปลี่ยนสีขอบเป็นสีขาว ขนาด 0.5pt

polygon-art-03

เลือกวิธีด้านซ้าย ทำข้อ 4-5 ครับ : เป็นการเลือกเทสีทุก Shape ตั้งแต่ 1-882 ซึ่งเป็นการคำนวณสีด้วยตัวเอง เป็นวิธีที่ยากพอสมควรครับ

ส่วนวิธีด้านซ้าย ทำข้อ 6 เป็นต้นไปครับ เป็นวิธีที่ง่ายกว่า แต่เราจะเห็นเส้นขอบในส่วนที่เราตั้งเป็น 0.5pt ไว้ครับ

polygon-art-04

4-5.คลิกที่ Shape 1 เลือกสีที่จะเท กด OK แล้วก็ทำ Shape 2,3,4,…,882 แบบเดียวกันครับ

polygon-art-05

6.จากข้อ 3 ให้เราคลิกขวา เลือก Convert to smart Object จะเป็นการรวม Shape 1-882

polygon-art-06

7.ที่ Shape 882

8.ไปที่เครื่องมือ Magic Wand Tool แล้วคลิกภายในสามเหลี่ยม เราจะเห็นเป็นเส้นประ

9.ที่ Background Copy 2 (สร้างโดย กด Ctrl+j จาก Background)

10.ไปที่เมนู Filter > Blur > Average เราจะเห็นสีที่เฉลี่ยกัน

11.ที่ Shape 882 

12.คลิกภายในสามเหลี่ยมจุดถัดไป ได้เลยครับ (โดยไม่ต้องไปที่ (12.1) เครื่องมือ Magic Wand Tool อีกรอบ )

13.ที่ Background Copy 2

14.เราสามารถกด Ctrl+F ได้เลย เพราะ Filter มีการจำค่าที่ใช้งานล่าสุดไว้

แล้วเราก็ทำซ้ำ ข้อ 11-14 ทุกๆจุดเรื่อยๆ จนเสร็จทั้งหมด

polygon-art-07

ที่ Shape 882 เราจะทำให้เป็น Layer โดย คลิกขวา > เลือก Rasterize Layer 
polygon-art-08

ที่ Shape 882 เราสามารถปรับ Opacity ให้เป็น 0%,30%,60%,100% ตามลำดับ ตามต้องการได้ครับ ถ้าปรับน้อยจะเห็นไม่มีเส้น/เส้นสีจางๆ ขอบสีขาว หรือปรับมากก็จะเห็นเส้นขอบชัดขึ้น

polygon-art-09

ที่ Background Copy 2 ทำการตัดส่วนที่ไม่ต้องการออกไป เพิ่ม layer ใหม่ เทสี ก็เป็นอันเสร็จสิ้นครับ

polygon-art-10

 

ตัวอย่างผลงาน

polygon-art-11

Low Poly Portrait , Poly Portrait , Poly Portrait Art , Low Poly Art , Polygon art , Polygon Portrait art

เทคนิคการทำ Low Poly Portrait ด้วย Polygonal Lasso Tool

เทคนิคการทำ Low Poly Portrait เป็นการทำรูปสามเหลี่ยมต่อกันไปเรื่อยๆ จนเป็นกลายเป็นรูปภาพ

Continue reading

อาจจะเรียกได้หลายแบบ เช่น Low Poly Effect , Poly Portrait Art , Polygon Art ฯลฯ และนอกจากนี้ยังสามารถทำได้หลายวิธีอีกด้วยครับ เช่น การใช้ Polygonal Lasso Tool , การใช้ Pen Tool , สร้างเส้นไกด์ ก่อนทำโดย Line Tool , สร้างเส้นไกด์จาก AI ก่อนแล้วค่อยเส้นไกด์มาใช้ ก็ได้เช่นกัน หรืออื่นๆ

แต่ในที่นี้ผมจะมาสอนในส่วนของการใช้ Polygonal Lasso Tool

 

วิธีการดูเส้นไกด์

ไปที่ เมนู View > Show > Grid (หรือกด Ctrl+’) เราจะเห็นเป็นเส้นตาราง เมื่อเราต้องการตั้งค่าให้ตารางใหญ่หรือเล็ก ให้ไปที่ เมนู Edit > Preferences > Guides, Grid & Slices… เราจะเห็นหน้าต่างการตั้งค่า ให้เราดูในช่องของ Gird นะครับ

  • color สามารถทำสีของเส้นไกด์ได้
  • Gridline Every ส่วนใหญ่ผมจะใช้เป็น 5,10,15,20 และให้หน่อยเป็น Pixels นะครับ
  • style : Lines
  • Subdivisions ให้เป็น 1 ก็ได้ครับ (แต่ถ้าให้มากกว่า 1 อาจจะตาลายไปกับเส้นนี้ก็ได้ครับ เพราะว่ามันจะซ้อนตารางของอีกตารางจาก Gridline Every ครับ)

 

Low-Polygon-Art-01

ข้อควรระวัง : ระวังตาลายนะครับ

เทคนิคการทำ Low Poly Portrait โดยการใช้ Polygonal Lasso Tool

ข้อแนะนำ : สามารถใช้ Line Tool ไกด์เป็นเส้นก่อนได้นะครับ แล้วค่อยใช้ Polygonal Lasso Tool ตัดตามเส้น Line Tool

1.ที่ background กด Ctrl+j เพื่อเป็นการก๊อบปี้ Layer ผมจะให้ชื่อว่า Layer 1

2.คลิกที่ Polygonal Lasso Tool

3-4.วาดเส้นรูปสามเหลี่ยมลงไปบน Layer 1 เมื่อวาดเสร็จ เราจะเห็นเส้น Selection อัตโนมัติครับ

5.ไปที่เมนู Filter > Blur > Average จากนั้นเราก็ทำแบบนี้ไปเรื่อยๆ จนกว่าจะเต็มหน้าหรือเต็มตัวครับ และถ้าเราต้องการดูความคืบหน้าว่าเป็นอย่างไรบ้าง ให้เราเอาเส้นไกด์ออกครับโดย กด Ctrl+’ ถ้าจะทำต่อก็กด กด Ctrl+’ เช่นกันครับ

 

Low-Polygon-Art-02

 

ข้อแนะนำการทำเส้นสามเหลี่ยมต่อไปเราไม่จำเป็นต้อง ไปที่เมนู Filter > Blur > Average  เราสามารถกด Ctrl+F ได้เลยครับ เพราะ การใช้ filter มันจะมีการกำหนดค่าการทำงานล่าสุดไว้ให้เรา

 

Low-Polygon-Art-03

 

จนได้ผลลัพธ์ที่เราต้องการ

 

Low-Polygon-Art-04

 

6.ตัดส่วนที่เราไม่ต้องการ โดย Polygonal Lasso Tool ตัดในส่วนที่เราทำภาพ Polygon นะครับ

7.Add Layer Mask หรือ ถ้า กด Ctrl+j ก็ได้เช่นกันครับแต่จะได้เป็น Layer ใหม่

8.สร้าง Layer ใหม่ เทสีพื้นหลัง

9.ตกแต่งเพิ่มเติม เราก็จะได้ภาพแนว Polygon Art แล้วครับ

 

Low-Polygon-Art-05

 

ตัวอย่างผลงาน

 

Text-portrait-effect3

poly portrait art 1