[สอน] การสร้างระนาบตารางจาก Vanishing Point

  • 1
  • 2
chiaki
[ 28-04-2013 - 02:26:26 ]







การสร้างระนาบตารางจาก Vanishing Point


สวัสดีค่ะพี่น้องโชว์วอลล์ทุกคน หายหน้าหายตาไปนานมาก ไม่รู้จะยังจำกันได้อยู่รึเปล่า ^^
วันนี้มีเทคนิคเล็กๆน้อยๆมาแบ่งปันค่ะ ไม่ได้เขียนการสอนนานแล้วอาจจะพูดไม่ค่อยรู้เรื่อง
หวังว่า tutorial นี้ จะดูไม่งงๆไปสำหรับทุกคนนะคะ



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

การใช้งานโดยทั่วไปที่คนส่วนใหญ่ใช้ในฟังก์ชันนี้คือไว้เป็นแนวเส้นดูระนาบตึกอย่างเช่นตัวอย่างต่อไปนี้ค่ะ

(ส่วนนี้ขอนำเสนอเพียงคร่าวๆ)






เพียงใช้ Vanishing Point เราก็จะสามารถต่อเติมตึกได้อย่างแนบเนียนและเป็นไปตามสัดส่วนที่ถูกต้องค่ะ







สำหรับกันต์เองไม่ได้ใช้งานในด้านนั้นบ่อยนัก(ที่จริงคือแทบไม่ได้ใช้เลย)
ส่วนใหญ่ที่ใช้ประโยชน์จากฟังก์ชั่นนี้คือการสร้างระนาบเป็นตารางรูปแบบต่างๆแล้วนำมาเป็นองค์ประกอบหนึ่งของผลงานค่ะ
อย่างเช่นกล่องตารางแบบนี้



เรามาดูกันค่ะว่ามีวิธีการยังไงบ้าง


ขั้นแรกเปิดพื้นที่งานมาต้อง Duplicate Layer ไว้ก่อน 1 ชั้นค่ะ
ไม่งั้นเวลา render มามันจะติดเข้ากับพื้นหลังของเราเลย




หลังจากนั้นไปที่ Filter>Vanishing Point...




ก็จะปรากฏหน้าต่างลักษณะแบบนี้ขึ้นมา




ลงมือสร้างระนาบโดยกดเครื่องมือ Create Plane tool




เราสามารถหด-ขยายระนาบที่เราสร้างขึ้นได้ด้วยเครื่องมือ Edit Plane tool




สร้างระนาบใหม่ต่อจากระนาบเดิมด้วยการกดเครื่องมือ Create Plane Tool อีกครั้งแล้วลากจุดที่อยู่ริมขอบส่วนที่อยากต่อขยายไปในทิศทางที่ต้องการ




ทำการต่อเติมไปเรื่อยๆ แล้วแต่จะครีเอทเลยค่ะ




ได้รูปแบบที่เราพอใจแล้วถึงขั้นตอนการเอาตารางนี้ไปอยู่ในงานของเรา
เลือกคำสั่ง Render Grids to Photoshop>OK




เท่านี้ก็จะได้ตารางที่เราทำเองมาใช้ในงาน Photoshop แล้วค่ะ หลังจากนี้จะเอาไปต้มยำทำแกงอะไรก็ได้





ตัวอย่างการนำตารางที่ทำไปตกแต่ง-ดัดแปลงเพิ่มเติม

หรือ




quote :
ข้อสังเกต : Vanishing point ใช้สร้างระนาบที่เกิดจากรูปสี่เหลี่ยมเท่านั้น และสามารถต่อเติมระนาบได้ในแนวตั้งฉากกับระนาบเดิม (90องศา) เท่านั้น



ตัวอย่างผลงานที่เอาเทคนิคนี้ไปประยุกต์ใช้










จบการสอน


TALK :

ไม่ได้เป็นเทคนิคที่ซับซ้อนยุ่งยากอะไร จริงๆแล้วประโยชน์หลักมันคือแบบที่พูดไว้ด้านบน
แต่ในที่นี้เราเอามาประยุกต์ใช้ทำเป็นองค์ประกอบต่างๆในงาน
เพิ่มความเก๋ไก๋แบบที่ครีเอทได้เองไม่ต้องไปตามหาไอเท็มโน่นนี่นั่นจากแหล่งอื่นเนาะ

อยากจะฝากน้องๆนะคะ เทคนิคหรือวิธีการที่ครีเอเตอร์ทุกคนได้ทำ Tutorial มาแบ่งปัน
ก็อยากให้น้องๆได้แนวทาง-แนวคิดในการแต่งภาพ แล้วนำไปประยุกต์ใช้ให้เกิดประโยชน์กับงานตัวเอง
การประยุกต์เป็นสิ่งที่สำคัญมากในทักษะการแต่งภาพ ถ้าเรามีแต่วิธีการที่ใครๆก็ทำเป็นแต่ประยุกต์ใช้ไม่ได้
เราจะไม่สามารถนำมันไปสร้างผลงานที่หลากหลายและเป็นเอกลักษณ์ของเราเองได้
แต่ถ้าเราทำได้ สิ่งที่พวกพี่ๆแบ่งปันกันมาจะเป็นประโยชน์ในการพัฒนาฝีมือและผลงานของเราต่อไปได้แน่นอนค่ะ



สุดท้าย เนื่องจากเทคนิคนี้เป็นเทคนิคที่กันต์ซุยมาเองด้นมาเองเนาะ เลยอยากจะขอร้องว่า
หากนำ tutorial นี้ออกไปเผยแพร่ที่อื่นกรุณาให้เครดิตเต็มนะคะ
Please take out with full credit









TumzA_LamoN
[ 28-04-2013 - 06:54:43 ]







ขอบคุณสำหรับเทคนิคดี ๆ นะครับน้องกันต์ เดี๋ยวพี่จะลองไปทำดูครับ จะออกมาแนวไหนไม่รู้นะ
-vava karr-
[ 28-04-2013 - 08:57:08 ]







ขอบคุณมากนะคะ
genobeeza
[ 28-04-2013 - 08:59:51 ]







ColoR OF tHe Wind
[ 28-04-2013 - 09:20:54 ]







มันเจ๋งมากเลยพี่กันต์
Yoongie soshi
[ 28-04-2013 - 09:21:31 ]







- TuliP -
[ 28-04-2013 - 10:33:00 ]







กด like คำว่า " ประยุกต์ "

เพิ่มเติมจากน้องกันต์นะจ๊ะ

นอกจากคำสั่งนี้แล้วยัง มีอีกตัวช่วยนึงที่จะช่วยทำให้เกิดภาพลักษณ์แบบนี้ได้นะค่ะ

Edit > Transform > Perspective ตัวนี้จะทำให้ย่อขยายภาพที่ละสองมุมคู่กันจ๊ะ (ลองไปทำดูนะ จะเข้าใจเอง)

อีกอย่างนึงก็คือ กด Ctrl ขณะที่รูปอยู่ในโหมด free transform (ย่อ-ขยาย) ตัวนี้จะทำให้สามารถดึงภาพเป็นมุมๆ
jover de castro
[ 28-04-2013 - 11:27:34 ]







wow..thank u for this technic..i will use that for sure!!
Maxxiiz
[ 28-04-2013 - 15:54:26 ]







ขอบคุณมากเลยจ้ะ น้องกันต์ ดูมีประโยชน์มากเลย

วันหลังจะลองพยายามเอามาประยุกต์ใช้ดู
LEMON-LEMON
[ 28-04-2013 - 16:05:23 ]







โปรมากกกกกกกกกก >__<
เดี๋ยวจะลองเล่นดู

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

เห็นด้วยกับช่วง talk มากๆ ฮี่
chiaki
[ 28-04-2013 - 16:52:44 ]







quote : TumzA_LamoN

ขอบคุณสำหรับเทคนิคดี ๆ นะครับน้องกันต์ เดี๋ยวพี่จะลองไปทำดูครับ จะออกมาแนวไหนไม่รู้นะ



ออกมาแนวไหน? ก็ต้องออกมาแนวพี่ตั้มแน่นอนสิคะ 555555555 (โดนโบก)



quote : ColoR OF tHe Wind

มันเจ๋งมากเลยพี่กันต์


เอาไปทำต่อให้เจ๋งกว่านี้ก็ได้นะน้องอ๋อม


quote : - TuliP -

กด like คำว่า " ประยุกต์ "

เพิ่มเติมจากน้องกันต์นะจ๊ะ

นอกจากคำสั่งนี้แล้วยัง มีอีกตัวช่วยนึงที่จะช่วยทำให้เกิดภาพลักษณ์แบบนี้ได้นะค่ะ

Edit > Transform > Perspective ตัวนี้จะทำให้ย่อขยายภาพที่ละสองมุมคู่กันจ๊ะ (ลองไปทำดูนะ จะเข้าใจเอง)

อีกอย่างนึงก็คือ กด Ctrl ขณะที่รูปอยู่ในโหมด free transform (ย่อ-ขยาย) ตัวนี้จะทำให้สามารถดึงภาพเป็นมุมๆ



ขอบคุณพี่ทิวมากเลยค่ะ น้องๆได้แนวทางเอาไปประยุกต์ต่อเพิ่มแล้ว


quote : jover de castro

wow..thank u for this technic..i will use that for sure!!


lol I'm glad that helps!!!!


quote : Maxxiiz

ขอบคุณมากเลยจ้ะ น้องกันต์ ดูมีประโยชน์มากเลย

วันหลังจะลองพยายามเอามาประยุกต์ใช้ดู



ด้วยความยินดีค่ะพี่อัง


quote : LEMON-LEMON

โปรมากกกกกกกกกก >__<
เดี๋ยวจะลองเล่นดู

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

เห็นด้วยกับช่วง talk มากๆ ฮี่



มาๆพี่นาว มาเล่นกันเถอะ มาเล่นกันเถอะ!
คิดถึงจังเลยคนเนี้ย อิอิ
PomPamLoveSeohyun
[ 28-04-2013 - 17:20:10 ]







ขอบคุณมากๆค่ะ
TumzA_LamoN
[ 28-04-2013 - 17:34:02 ]







quote : chiaki

quote : TumzA_LamoN

ขอบคุณสำหรับเทคนิคดี ๆ นะครับน้องกันต์ เดี๋ยวพี่จะลองไปทำดูครับ จะออกมาแนวไหนไม่รู้นะ



ออกมาแนวไหน? ก็ต้องออกมาแนวพี่ตั้มแน่นอนสิคะ 555555555 (โดนโบก)


...นั่น เล่นกันเองซะแล้ว ...
ใช่ๆ มันต้องออกมาแนวพี่ซิ

EvergreeN
[ 28-04-2013 - 19:16:34 ]







เอา tutorial มาฝากอีกแล้ว
ขอบคุณสำหรับ tutorial ดี เก๋ๆ แบบนี้จ้า
ไอ้เราก็งงตั้งนานว่าเครื่องมือนี้มันเอาไปใช้ยังไง
ได้ความรู้มากๆเลยล่ะสำหรับ tutorial ครั้งนี้
พี่ว่า photoshop มีอะไรให้เล่นเยอะมากอ่ะ แต่เราๆไม่ค่อยจะรู้ (ไม่ค่อยเอามาใช้มากกว่า)
ยังไงก็ขอบคุณอีกครั้งจ้าน้องกันต์ ^^
-piku-
[ 28-04-2013 - 21:22:24 ]







ว้าวๆ ดีจังค่ะ มีเทคนิคใหม่ๆ ดีๆ มาสอนกัน ปลื้มจัง อิอิ
PookLoveYoona
[ 28-04-2013 - 23:38:29 ]







ว้าวๆๆๆเทคนิคน่าสนมากๆเลยค่ะพี่กันต์
ขอบคุณสำหรับเทคนิคกราฟฟิคดีดีแบบนี้นะค่ะ

chiaki
[ 29-04-2013 - 02:00:42 ]







quote : TumzA_LamoN


...นั่น เล่นกันเองซะแล้ว ...
ใช่ๆ มันต้องออกมาแนวพี่ซิ




5555 น้องหยอกเล่นนะพี่ตั้มนะ อิอิ


quote : EvergreeN

เอา tutorial มาฝากอีกแล้ว
ขอบคุณสำหรับ tutorial ดี เก๋ๆ แบบนี้จ้า
ไอ้เราก็งงตั้งนานว่าเครื่องมือนี้มันเอาไปใช้ยังไง
ได้ความรู้มากๆเลยล่ะสำหรับ tutorial ครั้งนี้
พี่ว่า photoshop มีอะไรให้เล่นเยอะมากอ่ะ แต่เราๆไม่ค่อยจะรู้ (ไม่ค่อยเอามาใช้มากกว่า)
ยังไงก็ขอบคุณอีกครั้งจ้าน้องกันต์ ^^


ด้วยความยินดีค่ะพี่อีฟ คิดถึงสมัยก่อนที่ทุกคนทำ tut มาแชร์เทคนิคกันมากเลย
กลับมาเห็นพี่ๆน้องๆหลายคนยังอยู่แล้วคิดถึงเวลาตอนนั้นจังเลย โฮฮฮฮฮฮ


quote : -piku-

ว้าวๆ ดีจังค่ะ มีเทคนิคใหม่ๆ ดีๆ มาสอนกัน ปลื้มจัง อิอิ


ถ้ามีเวลาว่างหวังว่าจะได้เอาเทคนิคใหม่ๆมาแบ่งปันอีกนะจ้ะ

quote : PookLoveYoona

ว้าวๆๆๆเทคนิคน่าสนมากๆเลยค่ะพี่กันต์
ขอบคุณสำหรับเทคนิคกราฟฟิคดีดีแบบนี้นะค่ะ




ด้วยความยินดีค่ะ
Super_Naruman_Junior
[ 01-05-2013 - 22:10:05 ]







ขอบคุณสำหรับเทคนิคดีๆนะคะพี่กันต์ เอาไปทดลองกะวอลล์ใหม่ซะเลย อิอิ
chiaki
[ 03-05-2013 - 00:32:52 ]







quote : Super_Naruman_Junior

ขอบคุณสำหรับเทคนิคดีๆนะคะพี่กันต์ เอาไปทดลองกะวอลล์ใหม่ซะเลย อิอิ



ด้วยความยินดีค่ะ ^^
อยากเห็นจังเลย จะรอดูนะคะ
เจ้าแม่หัวเห็ด
[ 03-05-2013 - 01:01:38 ]







วี๊ดว้าย เทคนิคแจ่มมากเลยพี่กันต์
เดี๋ยวว่างๆขอเอาไปใช้บ้างนะ
55555

  • 1
  • 2
ต้องสมัครเป็นสมาชิกและ login เข้าสู่ระบบก่อนถึงจะสามารถลงความเห็นได้