การทำภาพเคลื่อนไหว วิธีที่ 2 ( Banner 2 )

มาทำภาพเคลื่อนไหวอีกวิธีหนึ่งกันดีกว่า ต่อจากจากบทความคราวที่แล้ว(ทำภาพเคลื่อนไหวแต่ง Head hi5 & Banner)

คลิกเลือกเครื่องมือ (ตำแหน่งที่1) จากนั้นคลิกที่ช่องในตำแหน่งที่ 2 เพื่อให้เครื่องหมายขึ้นมาเพราะต้องการให้เลเยอร์ที่1กับที่2อยู่ในตำแหน่งเดียวกันไปตลอด แล้วคลิกเลือกเลเยอร์ที่จะทำงาน(เหมือนในภาพคือข้อความ Love You)เลื่อนข้อความ Love You ให้โผล่มาแค่ตัว L ในตำแหน่งที่ 4 ใส่เวลาที่0.5 แล้วคลิก copy เฟมที่ (ตำแหน่งที่5)

จะเฟมเพิ่มขึ้นมาให้คลิกเลือก (ตำแหน่งที่1) ในตำแหน่งที่2 คลิกลากข้อความมาทางซ้ายสุดโดยที่กด Shift ค้างไว้ด้วยเพื่อให้ได้แนวที่ตรงจากขวาสุดไปซ้ายสุด คลิกเปิดตาในเลเยอร์แรกด้วย(ตำแหน่งที่3) จากนั้นคลิกที่

จะมีหน้าต่างใหม่ให้ตั้งค่าตามรูปได้เลยแล้วสังเกตดูความเปลี่ยนแปลง

คือเป็นการ copy เฟมที่เดียวเพิ่มมาอีก 4 เฟมตามที่เราตั้งค่าไว้ จากนั้นลองคลิกที่ดู ว่าพอใจในผลงานหรือยัง

ถ้ายังเรามาสลับการเปิด-ปิดตา เพิ่มเติมดูน่ะ

เสร็จแล้วก็ลอง ดูใหม่ โดยคลิกที่ เมื่อได้ตามที่ต้องการ ก็ทำการ Save โดยจะเห็นว่าที่ด้านบนของภาพที่แสดงจะมีคำว่า 2up ,4upคือให้เลือกค่าฟิกเซลที่ต้องการการจะsave จากนั้นไปที่ File>Save Optimized จะได้งานที่มีนามสกุล GIF(.gif)

บทความที่น่าสนใจ

ทำภาพเคลื่อนไหวแต่ง Head hi5 & Banner

วิธีการใส่ head hi5&code

มาทำ Head hi5 กัน

Read More

วิธีการใส่ head hi5&code

วันนี้จะมาใส่ head hi5 กัน และมีเคล็ดลับดีๆ สำหรับการใส่โค๊ตให้ hi5 มาฝาก
เวลาที่ใส่โค๊ดไปเยอะๆบางที่อาจจะสับสน พอเบื่อแล้วจะลบเปลี่ยนใหม่ก็จำไม่ได้ว่าอะไรเป็นอะไร เราก็จะมาใส่โค๊ตหมายเหตุนี้ กำกับต่อท้ายไว้ จะได้รู้ว่าเป็นโค๊ตของอะไร
วิธีการใส่ head hi5

Read More

ทำภาพเคลื่อนไหวแต่ง Head hi5 & Banner

การทำภาพเคลื่อนไหวอย่างง่ายๆ เพื่อจะนำไปแต่งทำ Head hi5 หรือจะประยุกต์ใช้เป็น โลโก้(Logo),แบนเนอร์(Banner)ได้เลย ก็กำหนดขนาดให้เหมาะสม แต่คราวนี้ที่นำมาทำเป็นตัวอย่างคือภาพเคลื่อนไหว แต่งHead hi5

เปิดโปรแกรมแล้ว open รูปที่จะทำภาพเคลื่อนไหวขึ้นมา จากนั้นคลิกเลือกเครื่องมือ(ตำแหน่งที่1) แล้วใช้เมาส์คลิกลากคลุม ในตำแหน่งที่2

จากนั้นก็copy โดยไปที่ Edit > Copy หรือจะกด Ctrl+c ที่คีย์บอร์ด แล้ววาง Edit > Paste หรือ Ctrl+p จะเห็นว่ามีเสเยอร์ใหม่เพิ่มขึ้นมา

ตลิกเลือกเครื่องมือ แล้วคลิกเลือกเลเยอร์ใหม่(ตำแหน่งที่2)

ต่อไปก็จะมาเบลี่ยนสีตัวอักษรเกาหลีกัน โดย คลิกเลือกเครื่องมือ จะเห็นว่าเมาส์เปลี่ยนไปให้คลิกที่ตัวอักษรเกาหลี โดยกด Ctrl ค้างไว้แล้วคลิกไปจนครบ จะเห็นว่ามีเส้นไข่ปลาวิ่งรอบตัวอักษร

จากนั้นคลิกที่สีดำในตำแหน่งที่1 เมาส์จะเป็นรูป ก็เลือกสีที่ต้องการได้เลย ในที่นี้เลือกที่สีแดง เสร็จก็ OK

มาที่ Edit>Fill จะมีหน้าต่างขึ้นมา (หรือกดที่Alt+Backspace ก็จะได้สีที่ตัวอักษรเลย)

ให้เลือกที่ Foreground Color แล้วก็ OK

จากนั้นมาที่ Select>Deselect (หรือCtrl+d)เพื่อจะลบเส้นไข่ปลาที่ตัวอักษร

ต่อไปเราจะมาสร้างตัวอักษรใหม่กัน โดยคลิกที่ตัว T (ตำแหน่งที่1) ในตำแหน่งที่2คือคลิกเลือกเปลี่ยนสี เสร็จแล้วก็คลิกพิมพ์ตัวหนังสือไปได้เลย จะเห็นว่ามีเลเยอร์ใหม่เพิ่มขึ้นมา ในที่นี้เขียนคำว่า Love you

การแก้ไขตัวอักษร คือคลืกลากเมาส์คลุมตัวอักษร(ตำแหน่งที่1) และในตำแหน่งที่2 คลิกเพื่อเปลี่ยนแบบตัวอักษร ส่วนในตำแหน่งที่3 คือขนาดของตัวอักษร

เปลี่ยนเครื่องมือมาเป็น ก็ทำการยืดขยายตัวอักษรได้เช่นกัน จากนั้นก็ย้ายตัวอักษรมาอยู่ตรงที่ต้องการ ต่อไปก็จะ copy เลเยอร์ตัวอักษร โดยการลากเลเยอร์ลงมาที่(ดูตำแหน่งที่2)

คลิกเลือกเลเยอร์ที่ copyมาใหม่(ตำแหน่งที่1) จากนั้นเลือกเครื่องมือ ตัว T (ในตำแหน่งที่2) แล้วคลิกลากเมาส์คลุมตัวอักษรในตำแหน่งที่ 3 เพื่อจะเปลี่ยนสี คลิกสี ในตำแหน่งที่4 จะมีหน้าต่างมาให้เลือกสี เลือกสีแล้วคลืก OK หน้าต่างหายไป ให้คลิกที่เครื่องหมายถูก ในตำแหน่งที่ 5 หรือจะกด Enterเลยก็ได้

ตอนนี้จะมาทำภาพเคลื่อนไหวกัน ให้คลิกที่(ตำแหน่งที่1)

จะเป็นโปรแกรม ImageReadyขึ้นมา ให้สังเกตที่เลเยอร์ว่ามีลูกตาครบทุกเลเยอร์ จากนั้นคลิกในตำแหน่งที่1 เพื่อทำการ copy เฟม

ตอนนี้จะเห็นว่ามี เฟมเพิ่มขึ้นมา (ตำแหน่งที่1) จากนั้นมาคลิกที่ลูกตาในตำแหน่งที่2 ให้ลูกตาหายไปเราเรียกว่าปิดตา ส่วนในตำแหน่งที่3 เป็นการกำหนดเวลาความช้าเร็ว อย่างไงลองมาดูผลกันก่อนโดยคลิกที่(ตำแหน่งที่4)

เมื่อได้ตามที่ต้องการ ก็ทำการ Save โดยจะเห็นว่าที่ด้านบนของภาพที่แสดงจะมีคำว่า 2up ,4upคือให้เลือกค่าฟิกเซลที่ต้องการการจะsave จากนั้นไปที่ File>Save Optimized จะได้งานที่มีนามสกุล GIF(.gif)

Read More

มาทำ Head hi5 กัน

มาเตรียมภาพที่จะเอาไปแต่ง เฮด hi5กัน โดยเปิดโปรแกรม Photoshop 7 >File >New จากนั้น

กำหนดความกว้าง ยาวของ head ก่อน

จะได้ดังรูป จากนั้นนำรูปที่จะมาแต่ง File>Open

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

ก็จะได้ดังรูปในตำแหน่งที3 คลิกเลือกเลเยอร์ในตำแหน่งที่1 เลือกเครื่องมือในตำแหน่งที่ 2

คลิกเลเยอร์ภาพคน(ตำแหน่งที่ 1) จากนั้นคลิกที่ (ตำแหน่งที่2) แล้วเลือกเครื่องมือ (ตำแหน่ง3)

เป็นอีกหนึ่งวิธี ที่ทำให้ภาพกลมกลืนกับแบล็คกราวด์ ในตำแหน่งที่1 เลือกแบบที่ฟุ้ง ตำแหน่งที่2 เป็นความชัด-มัว ส่วนใหญ่การทำภาพกลมกลืนจะใช้ในลักษณะมัวๆ 50% ในตำแหน่งที่3 ใช้เมาส์ลบขอบภาพ ถ้าทำมากเกินไปภาพขาดหายไป ก็มาคลิกในตำแหน่งที่ 4สลับสีขาวขึ้นบน และขนาดพู่กันที่เมาส์เป็นรูปวงกลม จะให้ใหญ่,เล็ก ก็กดที่คีย์บอร์ดตัว บ ,ล

คลิกเปลี่ยนเครื่องมือ (ตำแหน่งที่1) คลิกที่เลเยอร์ที่จะทำงาน(ตำแหน่งที่2) และในตำแหน่งที่3จะเปลี่ยนเป็นรูปพู่กัน

คลิกเปลี่ยนเครื่องมือ (ตำแหน่งที่1)จะให้ขอบมัวๆกำหนดค่า 10px(ตำแหน่งที่2) แล้วใช้เมาส์ลากคลุม(ตำแหน่งที่3) จากนั้น copy โดยกด Ctrl+c แล้ววางโดยกด Ctrl+p จะเห็นว่ามีเลเยอร์เพิ่มขึ้นมา

คลิกเปลี่ยนเครื่องมือ (ตำแหน่งที่1) คลิกที่เลเยอร์ที่จะทำงาน(ตำแหน่งที่2) และในตำแหน่งที่3 ลากส่วน copy ออกมาแล้วก็ทำการขยาย

จะได้ดังรูป

ตำแหน่งที่1 คลิกเลเยอร์ที่จะทำงานคือที่ copyมาใหม่ หรือจะคลิกที่พื้นที่ที่จะทำงานคือตัวอักษรเกาหลี แต่ต้องดิกถูกในตำแหน่งที่3 ก่อน จากนั้นคลิกเครื่องมือ (ในตำแหน่งที่2)เพื่อทำภาพให้กลมกลืนโดยใช้เมาส์ถูไปรอบๆขอบภาพ แต่ถ้าภาพดูกลมกลืนแล้ว ไม่ต้องทำก็ได้ จากนั้นคลิกที่รูปคน เลือนรูปขึ้น เพราะเดี๋ยวจะ copy พื้นทราย โดยใช้อีกวิธีหนึ่ง คือเลือกเครื่องมือในตำแหน่งที่ 5

ถ้าไม่เหมือนในรูป ให้คลิกในตำแหน่งที่1 จะมีหน้าต่างให้เลือกเครื่องมือ

จากนั้นก็ใช้เมาส์ลากไปรอบๆพื้นทราย จะมีเส้นไข่ปลาวิ่งรอบๆจากนั้น copy โดยกด Ctrl+c แล้ววางโดยกด Ctrl+p จะเห็นว่ามีเลเยอร์เพิ่มขึ้นมา

คลิกเลือกเลเยอร์ที่ copy มาใหม่ ลากออกมาจากที่ซ้อนกันอยู่ แล้วขยายให้เต็มพื้นที่

คลิกเลือก(ตำแหน่งที่1) และในตำแหน่งที่2 ก็ใช้เมาส์ถูๆ ให้ภาพดูกลมกลืน ในตำแหน่งที่3 คือดูว่าใช่เลเยอร์ที่ใช้ทำงานหรือเปล่า

คราวนี้จะใส่รูปเพิ่ม คลิกเลือกเครื่องมือ(ตำแหน่งที่1) แล้วในตำแหน่งที่2ใส่ค่าความฟุ้งของภาพ 10 pxใช้เมาส์ลากคลุมรูปแมว (ตำแหน่ง3)

แล้วcopy โดยกด Ctrl+c วางโดยกด Ctrl+p จะเห็นว่ามีเลเยอร์เพิ่มขึ้นมา(ตำแหน่ง2) เลือกเครื่องมือ (ตำแหน่ง1) ลากรูปลงมา(ตำแหน่ง3)

จะเห็นว่ารูปคน มีพื้นที่เกินออกไป เราจะมาทำให้เรียบร้อย

คลิกเลือกเครื่องมือ(ตำแหน่งที่1) ค่าความฟุ้งของภาพ 5 pxแล้วใช้เมาส์ลากคลุมรูปคน(ตำแหน่ง2) copy โดยกด Ctrl+c วางโดยกด Ctrl+p จะเห็นว่ามีเลเยอร์เพิ่มขึ้นมา(ตำแหน่ง3)

ในตำแหน่งที่1 คลิกเลือกเลเยอร์รูปคนอันเก่า คลิกค้างแล้วที่รูปแล้วลากลงมาที่รูปด้านล่าง ถ้าทำผิดให้คลิกที่ History (ตำแหน่ง2)เพื่อย้อนกลับไปทำใหม่ ถ้าหาไม่เจอ ให้ไปที่ Window(ตำแหน่งที่3)

ก่อนที่จะรวมเลเยอร์เข้าด้วยกัน มาตรวจดูก่อนว่าเรียบร้อยรึยัง มาทบทวนกัน

ตำแหน่งที่1 คือเครื่องมือที่ใช้เลือกพื้นที่ การทำงาน

ตำแหน่งที่2 คือเลเยอร์ที่ทำงาน เลเยอร์ที่อยู่บนแสดงถึงภาพที่อยู่ด้านบนทับภาพที่อยู่เลเยอร์ล่าง
ตำแหน่งที่3 คือเครื่องมือที่ทำให้ภาพมัว ใช้ลบขอบภาพที่ซ้อนอยู่ด้านบน

ตำแหน่งที่4 คือใช้ร่วมกับเครื่องมือ และดูที่ คือจะเป็นการลบภาพที่เป็นเงาลางๆ ซึ่งช่วยทำให้ภาพดูกลมกลืน และถ้าลบมากไป ก็สลับ

จากนั้นก็รวมเลเยอร์ได้เลย แล้ว save เป็นภาพ .jpg หรือ Save For Web

และนี่คือภาพที่คุณ จะลองนำไปทำดู

บทความที่น่าสนใจ

ทำภาพเคลื่อนไหวแต่ง Head hi5 & Banner

การทำภาพเคลื่อนไหว วิธีที่ 2 ( Banner 2 )

Read More