Members

สอนวิธีทำ ตัวหนังสือแบบ 3D แบบง่ายๆ ด้วย photoshop cs3 (เวอร์ชั่นไหนก็ทำได้ครับ)

วันนี้จะมาโชว์วิธีการทำตัวหนังสือแบบ 3D แบบง่ายๆนะครับ เผื่อท่านใดอยากลองเล่น photoshop ดู

 

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

 

 

ขึ้นตอนที่ 1 กำหนดขนาด

 

กำหนดขนาดได้ตามที่ท่านต้องการเลยครับ ขนาดที่ผมใช้ก็คือ 1365 x 622

 

 

ขึ้นตอนที่ 2 เริ่มต้นเขียนข้อความ (ตามต้องการ)

 

กดตรง ไอคอน เขียนข้อความ (หรือ กด t ที่คีย์บอร์ด) ฟอร์นที่ผมใช้คือ Berlin San Fb Demi ขนาด 282

 

ขึ้นตอนที่ 3 ทำให้เป็นตัวหนังสือแบบ 3D

 

ทำการ copy layer ตัวหนังสือนั่นมาครับ คราวนี้เราจะทำให้มันเป็น 3D ด้วยการ กด Ctrl + Alt + บน ซ้าย ขวา หรือ ล่าง

 

ก็ได้ครับ อันนี้เลือกได้หลายแบบ ตามที่ต้องการ ที่เราจะใช้กันในครั้งนี้คือ กด Ctrl + Alt + ซ้าย กดตามที่ต้องการครับ

 

จะได้ตามด้านล่างนี้

 

 

อาจจะยังไม่เห็นอะไรนะครับ คราวนี้มาถึงช่วงเวลาสนุกกัน ก่อนอื่น นะครับ กด Shirt + คลิกซ๋าย

 

เลือก layers ที่เราทำเป็น 3D เหลือข้อความที่เราทำไว้ตอนแรกด้วยนะครับผม แล้วก็คลิกขวาครับ จากนั้น

 

เลือก link layers เสร็จแล้วเราก็คลิกขวาอีกครั้ง เลือก merge layer

 

คราวนี้เราก็มาใส่ effect กันล่ะครับผม ตั้งค่าตามด้านล่างได้เลย

 

ตรงนี้ เซท สีแรก #000000 location 0 สีที่สอง #4a4a4a location 43 สีสุดท้าย #262626 location 100

 

เสร็จแล้วเราก็กด ok ครับผม ภาพที่จะได้ดังด้านล่างเลยครับผม ^^

 

จะนั้นก็นำ layer ตัวหนังสือที่ทำไว้ตอนแรกนั้น นำขึ้นมาอยู่เหนือ layer ตัวหนังสือ 3D นะครับผม จะได้แบบนี้

 

 

จากนั้นเราก็ใส่ effect นะครับ ตั้งค่าตามด้านล่าง

 

ตรง pattern overlay เลือกของในเครื่องที่ท่านมีก้ได้นะครับ อันนี้ผมไปโหลดมาจากเว็บ (แหะๆ ลืมไปแล้วว่าโหลดมาจากไหน)

 

เท่านี้เราก็จะได้ตัวหนังสือ 3D แบบสวยๆแล้ว

 

คราวนี้เรามาเพิ่มเงากันครับ ก่อนอื่นเราทำการ copy layer ตัวหนังสือนี้ มา นะครับ

 

จากนั้นกด Crtl + T แล้วคลิกขวาเลือก Flip vertical ก็จะได้ออกมาแบบนี้ครับผม

 

ทำให้มันดูจางลงกว่านี้ เลือก layer นี้ไว้นะครับ แล้วคลิกที่ add layer mask

 

จากนั้นคลิกที่ Gradient tool เลือก

 

จากนั้น ลากจากล่างขึ้นบนครับ อย่าให้เลยตัวหนังสือกลับหัวนะครับ ไม่งั้นอาจจะไม่ค่อยสวยเท่าไหร่

 

จะได้ตามภาพด้านล่าง

 

 

เท่านี้ก็เรียบร้อยครับผม ^^

 

ขึ้นตอนที่ 4 เพิ่มเติมพื้นหลัง

 

เพิ่มเติมนิดนึงนะครับ คราวนี้เราทำใส่พื้นหลังกัน โดยไปที่ background layer ที่อยู่ด้านล่างสุด เปลี่ยนให้เป็นสีดำ โดยการ

 

กด Crtl + I เท่านี้ก็จะได้พื้นหลังที่เป็นสีดำแล้วล่ะครับผม ภาพจะได้ดังด้านล่างครับผม

 

สร้าง layer ขึ้นมาใหม่ครับ จากนั่นเรามาเพิ่มเส้นขึ้นมาครับ ให้ดูเป็นลักษณะพื้นขึ้นมา

 

โดยการกด ที่ตัว U ที่คีย์บอร์ดครับ จากนั้นคลิกบวาเลือก line tool

 

ลากออกมาครับให้พอดีระหว่าง ข้อความทั้งสองตัว และ ขนาดความกว้างของ วอลเปเปอร์ครับ

 

จากนั้นมาเลือกคลิกที่ brush tool เลือกขนาดสักประมาณ 9 อย่าลืมเลือก ให้เป็นสีขวานะครับผม

 

คราวนี้กด A ที่คีย์บอร์ดนะครับ แล้วคลิกขวาทีไอคอนนั้นเลือก direct selection tool ลากมาให้พอดีกับเส้นนะครับ

 

จากนั้นคลิกขวาครับ แล้วเลือก stoke path จะได้ขึ้นมาแบบนี้ครับ ออ อย่าลืมเลือกให้เป็น brush ด้วยนะครับ

 

 

จากนั้นก็คลิกโอเคครับผม จะได้ถาพตามด้านล่างนี้

 

 

จากนั้นก็ใส่ effect ครับ ด้วยการ double click layer ที่เราสร้างเส้นไว้ครับ

 

(สีไม่ต้องเหมือนผมทุกอย่างก็นะครับ เลือกได้ตามใจชอบท่านเลยครับ ^^) ออจะให้ได้แบบนี้ก็ copy layer มาสัก 10 layer

 

โดยการกด Ctrl + J เพื่อ copy layer เสร็จแล้วก็จะได้แบบนี้ครับผม

 

 

ขึ้นตอนสุดท้ายแล้วครับผม สร้าง layer ขึ้นมาใหม่ ให้อยู่เหนือแบล็คกราวนะครับ แต่อยู่ค่ำกว่า layer ข้อความ ฯลฯ

 

สร้างให้ดูเหมือนตัวหนังสือตั้งอยู่ที่พื้นด้วยการ กด M ที่คีย์บอร์ด ลากตั้งแต่ด้านบนลงมาครับ แต่ไม่ให้เลยเส้นที่เราสร้างไว้ก่อนหน้านี้

 

จากนั้นกด G ที่คีย์บอร์ดครับแล้วคลิกขวาที่ไอคอนนั้น เลือก paint bucket tool เลือกสี #403e3e ก็จะได้ภาพตามด้านล่างครับ

 

 

เป็นอันเสร็จสิ้นครับผม :)

 

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

 

ปล. แหะๆ ถ้าขาดตกบกพร่องไปตรงไหนก็ขออภัยด้วยล่ะกันนะครับ ถ้าท่านใดทำแล้วก็นำผลงานมาโชว์กันมั่งนะครับ ^^

 

เพื่ออะไรยังก็โหลดอันนี้มาดูก่อนก้ได้ครับ ---> simple 3D text.psd

Views: 98199

Tags: boy, by, ninja, photoshop, tuts

Comment

You need to be a member of Manchester City Fan Club in Thailand Website to add comments!

Join Manchester City Fan Club in Thailand Website

Comment by Papangkorn sudlee on October 14, 2012 at 8:09am
โอ๊ย !!!! ..อธิบาย ละเอียดๆ ดิ๊วะ.. ไหนบอกอย่างง่ายไง ..โธ่ -coppy layer ยังไงอ่ะ //-กด Ctrl + Alt + บน ซ้าย ขวา หรือ ล่าง (ไม่เห็นมีไรเกิดขึ้น) //-กด Shirt + คลิกซ๋ายเลือก layers ยังไงอ่ะ.. พอละ มาถึงขั้นนี้ก็สะดุด..หมดอารมณ์ ทำต่อ จบ.
Comment by ปลา on April 2, 2012 at 9:39pm
Comment by ήººNinja Girl【McFc゙】 on June 13, 2011 at 9:23pm

ว๊าวว

ขอบใจจ๋าาเจมส์

Comment by mcfc-มีน on June 12, 2011 at 11:27pm
โอ้วเยี่ยม ขอบคุณมากครับน้องชาย

© 2014   Created by thaiMCFC.

Badges  |  Report an Issue  |  Terms of Service