04 October 2012

วิธีทำฉึกฉึก AVATAR by Drink Drank Drunk @soccersuck

ขอเล่าที่มาที่ไปก่อนนะครับ วิธีการสอนทำอวาตาร์ฉึกฉึกนี้ เป็นกระทู้ของท่าน Drink Drank Drunk จากsoccersuck.com ตามลิงค์นี้ http://www.soccersuck.com/soccer/viewtopic.php?t=309112
แต่ช่วงยังไม่ปิดรับสมาชิก เจอเกรียนสมัครมาป่วนบอร์ด ตั้งกระทู้สแปมมามาย
จนModไล่ลบกระทู้กระจุยกระจาย จนเกิดอุบัติเหตุเผลอไปกดลบกระทู้นี้ด้วย(งงๆเหมือนกันว่าโดนลบไปตอนไหน) รู้อีกทีตอนมีModท่านนึงมาสารภาพว่าเผลอกดลบทิ้งไป
โชคดีที่ท่านSHINOBIจากบอร์ดthaigaming.comมาโพสไว้ที่ http://www.thaigaming.com/general-discussion/94425.htm ผมเลยขอดึงข้อมูลมาเก็บไว้อีกต่อนึงนะครับ


วิธีทำฉึกฉึก AVATAR by Drink Drank Drunk...

ผมใช้โปรแกรม Adobe Photoshop CS4 นะครับ
ถ้าใครใช้เวอร์ชั่นต่ำกว่านี้อาจจะต้องใช้โปรแกรม Adobe Image Ready ช่วย แต่ไม่ต้องกลัวถ้ามี Photoshop ก็ต้องมีด้วยแน่นอนครับ โปรแกรมพี่น้องกัน...

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

- เอาหัวจากภาพนี้ Click the image to open in full size. มาใช้กับตัวของภาพนี้ละกัน Click the image to open in full size.

- เริ่มจาก di-cut ละกัน วิธี di-cut ผมใช้เครื่องมือ pen tool Click the image to open in full size. หรือใครจะใช้ Lasso tool Click the image to open in full size. ก็ได้ครับ ตามสะดวก เทคนิคจุดลากไปเรื่อยๆ จนครบรอบภาพ

- ได้ภาพที่มี selection (เส้นประวิ่งๆ) รอบๆ ละ Click the image to open in full size.

- กด Ctr + J เลยครับ เราจะได้ส่วนที่เราสร้าง selection ไว้ เพิ่มมาอีก layer นึง แล้วก็ไปปิดตา หรือลบ layer ที่เป็น background อยู่ เราก็จะได้หัวในพื้นโปร่งๆ อย่างนี้ Click the image to open in full size.

- ทำเหมือนกันกับภาพที่จะใช้เป็นตัวครับ (กรณีที่ใช้ภาพเดียวกันก็อาจจะทำเป็นสองภาพเลย หรือทำแค่แยก layer ไว้ก็ได้ครับ)
Click the image to open in full size.

- เปิดหน้างานขึ้นมาใหม่ กำหนดขนาดใหญ่เล็กตามใจ เอาเผื่อๆ ก่อนก็ได้แล้วค่อย crop ทีหลัง เปิดมาแล้วปิดตาช่อง background ใว้ให้มันโปร่งๆ ครับ หรือจริงๆ เลือกตั้งแต่ตอนที่ New หน้างานมาใหม่ก็ได้ว่าให้หลังโปร่ง
Click the image to open in full size.

- ทีนี้ก็ลากทั้งหัวและตัวที่ di-cut เอาไว้แล้วลงไป
Click the image to open in full size.

- ปรับขนาด Ctr + T เพื่อปรับขนาด (อย่าลืมกด Shift แช่ไว้ด้วยนะตอนย่อ เดี๋ยวผิดสัดส่วน) และจัดให้หัวกับตัวอยู่ในตำแหน่งที่เหมาะสม
Click the image to open in full size.

- ปรับสี ปรับ contrast ซะหน่อย
Click the image to open in full size.

- เลือก layer หัวและตัว แล้วลากลงไป
Click the image to open in full size.

- ก็จะได้หัวกับตัวเพิ่มมาอีกชุด
Click the image to open in full size.

- ทีนี้ก็ลองดูว่าจะให้มันขยับท่าไหน อย่างอันนี้ผมเลือก layer หัวอันบน ให้มันขยับไปทางขวามือนิดนึง ส่วนช่วงตัวผมใช้ Click the image to open in full size. ลากคลุมช่วงล่างตัว แล้วกด Ctr + T แล้วไปที่ขอบ selection กด Ctr ค้างไว้เลือกปุ่มกลางล่าง ให้หัวลูกศรเปลี่ยนสี แล้วลากไปด้านขวานิดนึง
Click the image to open in full size.

- ตอนนี้เราก็จะมี layer หัวสองแบบ ตัวสองแบบที่ไม่เหมือนกันแล้ว ลองปิดเปิดตาหน้า layer ดูว่าผลที่ได้ชอบหรือยัง ถ้าโอเคแล้วไปที่ WIndow > Animation
Click the image to open in full size.

- ก็จะได้แถบไว้ควบคุมอันนี้มา
Click the image to open in full size.

- เราจะทำกันแบบขยับ 2 steps อันนี้ก็กดปุ่มเพิ่มหน้างาน เราก็จะได้ step เพิ่มมาอีกอัน
Click the image to open in full size.

- แบบของผมปรับเวลาที่จะเปลี่ยนเป็น 0.1 second (อยากได้เปลี่ยนเร็วหรือช้าก็ปรับที่ตรงนี้แหละครับ)
Click the image to open in full size.

- ทีนี้เราก็มาเลือกที่ช่อง step แรก แล้วไปปิดตาหน้า layer สองอันบน (ก็คือหัวกับตัวที่เราสร้างให้มันขยับจากรูป original)
Click the image to open in full size.

- แล้วมาเลือกช่อง step สอง แล้วไปปิดตาหน้า layer สองอันล่าง (ก็คือรูป original ก่อนขยับของเรา)
Click the image to open in full size.

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

- ไปที่ File > Save for web & devices อันนี้จะเป็นขั้นตอน save รูป ให้เลือก ก็เลือกเป็น .gif ส่วนรายละเอียดก็เอาตามของผมเลยก็ได้
Click the image to open in full size.

- เสร็จครับ!

Click the image to open in full size.

No comments:

Post a Comment