Tech & Tips


             วิธีการสร้าง Mixpod 


เข้าไปที่ http://www.mixpod.com/


ทำการสมัครสมาชิก โดยคลิกที่ sign up

กรอกข้อมูลต่างๆ
                                               
                                                 Your Email: * = ใส่อีเมล์
                                                 New Password: * = ใส่พาสเวิร์ด
                                                 Re-type Password: * = ใส่พาสเวิร์ดอีกครั้ง
                                                 Birthdate: * = เลือกวันเกิด
                                                 I am: * = เลือกเพศ
                                                 Location: * = เลือกประเทศ

                                 Create Playlist

                                        

เมื่อสมัครเสร็จแล้ว ให้ล็อกอินให้เรียบร้อย


เริ่มต้นสร้าง play list คลิกที่เมนู Create Playlist

ขั้นตอนที่ 1 : Add Music

การเพิ่มเพลงเข้าสู่ playlist จะมีอยู่ 2 แบบ


Search Music


เราสามารถ พิมพ์ชื่อเพลง หรือ ชื่อศิลปิน เพื่อค้นหาเพลงในระบบ ที่มีคนเคย add url เข้ามาแล้ว เมื่อค้นหาเสร็จแล้ว
คลิกปุ่ม เพื่อทดลองฟัง คลิกที่ปุ่ม เพิ่มเพลงเข้า playlist ด้านขวา
(จะเลือกเพลงเดียวหรือหลายเพลงก็ได้)

Add URL


ให้นำ url ของมิวสิควีดีโอใน youtube มาใส่ (หากเลือกสกินของ mixpod ที่แสดงวีดีโอได้ ก็จะมีวีดีโอของ youtube ขึ้นมาให้ดูได้ด้วย)

หรือเอา url ของไฟล์เพลง mp3 มาใส่ โดย url ต้องลงท้ายเป็น .mp3 เท่านั้น อาจจะอัพโหลดไว้ตามเว็บเช่น


คำแนะนำ
- ให้เราเลือกเพลงที่เสียงชัดเจน และสังเกตุเวลาของเพลง ว่าเต็มเพลงหรือไม่
- หากค้นหาเพลงที่ต้องการไม่เจอ ให้ใช้การ Add URL
- ตรงรายชื่อเพลงที่เราเพิ่มไว้แล้ว เราสามารถคลิกที่
เพื่อแก้ไขชื่อเพลงในกรณีชื่อเพลงไม่ตรง หรือแก้เป็นภาษาอังกฤษก็ได้ เพราะ mixpod อ่านชื่อเพลงไทยไม่ออก

ขั้นตอนที่ 2 : Customize

การปรับแต่งจะมีอยู่ 3 ส่วน

Skin


สกินของ mixpod มีให้เลือกหลายแบบ คลิกเลือกสกินที่ต้องการ

- Video & MP3 Skins : สกินสำหรับเพลงที่เป็นวีดีโอและmp3 (ถ้าใช้ url จาก youtube ต้องเลือกสกินกลุ่มนี้)

- MP3 Skins : สกินสำหรับ mp3

Colors and Styles


ปรับแต่งสีและลายให้สกิน

- Color : เลือกสีให้กับสกินที่ใช้
- Use Gradient : ไล่สีจากบนลงล่าง
- Preset Palettes : เลือกแบบสี
- Styles : เลือกสไตล์
- Animated : เลือกภาพเคลื่อนไหว

Settings


ตั้งค่าต่างๆ

- Autoplay : เริ่มเล่นเพลงอัตโนมัติ
- Shuffle : สุ่มเพลง
- Loop : เล่นวนซ้ำ
- Privacy : ความเป็นส่วนตัว
- Volume : ปรับความดังเสียง

ขั้นตอนที่ 3 : Save Playlist


- Playlist Title (ต้องใส่) : ใส่ชื่อ playlist
- Playlist Description : ใส่รายละเอียด
- Genres : เลือกประเภทแนวเพลง
- Categories : เลือกหมวดหมู่

เสร็จแล้วคลิก Save (get code)


ต่อมาคือการก๊อบปี้โค๊ดไปใส่ใน hi5 ของเรา

ให้เลือกที่หัวข้อ hi5 ก่อนนะครับ อย่าไปเอาโค๊ดที่ใช้สำหรับ MySpace มาใส่ล่ะ(เดี๋ยวhi5จะมีปัญหา)

คลิกที่โค๊ด 1 ครั้ง มันจะก๊อบปี้โค๊ดทั้งหมด เราก็เอาไปวางใส่ใน lifestyle หรือ interests ใน hi5 เราได้เลย

ถ้ากลัวก๊อบปี้ไม่ติดก็คลิกขวาแล้วเลือก copy เอาครับ


การย่อโค๊ด ลบรูปและลิ้งไม่จำเป็นออก


ให้ก๊อบโค๊ดทั้งหมดมาใส่ใน notepad ก่อน เพื่อให้ดูได้ง่ายๆ

แล้วลบโค๊ด (ส่วนที่เป็นสีแดง) เพื่อลบลิ้งและรูปภาพที่เราไม่ต้องการออก  และเพื่อประหยัดเนื้อที่ ให้ใส่โค๊ดอื่นๆใน hi5 ได้เพิ่มขึ้นอีกด้วย

เสร็จแล้วก๊อบไปใส่ใน lifestyle หรือ interests ได้เลย


ภาพเปรียบเทียบ


สร้างแฟลชอัลบั้มง่ายๆ แบบอลังการด้วย wondershare flash album studio


หาโหลดโปรแกรมนี้ได้จาก

   http://www.zone-it.com/12215 


หลังจากได้โปรแกรมและทำการลงเสร็จเรียบร้อยแล้ว ทีนี้เราก้อมาสร้างอัลบั้มแฟลชกันครับ

1. เปิดโปรแกรมขึ้นมาและเลือกรูปแบบธีมก่อน (สามารถดาวน์โหลดเพิ่มเติมได้จากเวบเจ้าของโปรแกรมโดยตรง)

(รูปภาพด้านบนถูกย่อขนาดลง คลิ๊กที่นี่เพื่อดูภาพขนาดจริง)


2. จากนั้นจะเข้าสู่หน้าหลักของโปรแกรม ให้เราเลือกรูปที่จะนำมาสร้างเป็นอัลบั้มแฟลช โดยคลิกเลือกที่ add ดังรูป

(รูปภาพด้านบนถูกย่อขนาดลง คลิ๊กที่นี่เพื่อดูภาพขนาดจริง)


3. หลังจากเลือกรูปทั้งหมดมาแล้วทีนี้เราก้อมาถึงขึ้นปรับแต่งรูปกัน โดยเจ้าโปรแกรมนี้มีออปชันทั้งปรับแต่งตำแหน่ง  ขนาด  ความคมชัด แสง ซึ่งเราสามารถเลืือกใช้ได้ตามอัธยาศัย พยายามคลิกดูหลายๆอันนะครับว่ามันให้ผลยังไงบ้างจะได้เรียนรู้ไปด้วย


(รูปภาพด้านบนถูกย่อขนาดลง คลิ๊กที่นี่เพื่อดูภาพขนาดจริง)


4.หลังจากนั้นก้อมาถึงขั้นการใส่อักษร คลิปอาร์ท แล้วก้อ  effect ซึ่งเจ้าโปรแกรมนี้มีให้เราเลือกหลายรูปแบบและสามารถโหลดเพิ่มเติมได้ 
โดยการใส่คลิปอาร์ทกับเอฟฟเฟคนั้นให้เราคลิกเลือกแล้วลากลงมาใส่ตรงรูปภาพเลยซึ่งภาพจะแสดงตัวอย่างให้เราดูทันทีที่เราเลือกมาใส่ในภาพ








(รูปภาพด้านบนถูกย่อขนาดลง คลิ๊กที่นี่เพื่อดูภาพขนาดจริง)


5.หลังจากนั้นเราก้อมาปรับแต่งการแสดงผลของภาพที่เราสร้างขึ้นมา โดยจะมีเฟรมด้านล่างคล้ายๆโปรแกรมแฟลชทั่วไป  แต่ตัวนี้เราจะจับยืด ขยาด  หดลง หรือเลื่อนไปได้ตามใจชอบ แต่จำให้ดีนะครับว่าเฟรมตัวไหนเป็นของภาพไหน


6. หลังจากนั้นเราก็มาใส่เสียงเพลงทีเราได้เลือกไว้หรือหากใครมีเสียงที่บันทึกไว้จะใส่ลงก้อได้ หรือจะใส่ทั้งสองอันก็ได้  โดยคลิกเลือก setting (ด้านบนของโปรแกรม)


(รูปภาพด้านบนถูกย่อขนาดลง คลิ๊กที่นี่เพื่อดูภาพขนาดจริง)



7. หลังจากเราเลือกรูป ตกแต่งรูป ใส่เอฟเฟคต่างๆ และใส่เสียงเพลงเข้าไปแล้วคราวนี้ก็มาถึงขั้นตอนสำคัญคือการสร้างเป็นไฟล์แฟลช(.swf) โดยคลิกเลือกมาที่ publish---> creat swf movie  เหลือจะกดตรงปุ่ม play เพื่อดูตัวอย่างก่อนสร้างก็ได้  ดังรูป




8. หลังจากนั้นเราก็เลือกที่เซฟแล้วก็จะได้อัลบั้มแฟลชที่สวยงาม แบบมืออาชีพทำด้วยวิธีง่าย โดยไม่ต้องมีความรู้เกี่ยวกับแฟลชเลยก็สามารถทำได้



9. นอกจากนี้ยังมีเอฟเฟคหรือออปชันอื่นๆอีกมากมายในโปรแกรมนี้ที่ยังไม่กล่าวถึงอยากให้ทุกคนลองไปศึกษากันดูครับ เผื่อมีโอกาสทำให้คนที่เรารัก แอบชอบหรือโชว์ผลงานต่างๆ ผมว่าเจ้าตัวนี้น่าสนใจมากเลยทีเดียวนะครับ

     เทคนิคเพิ่มลูกเล่นระยิบระยับให้ตัวอักษร


1. ทำการสร้างไฟล์ใหม่โดยการเลือก File --> New

                  

 2. ทำการพิมพ์ข้อความที่ต้องการ ลงในไฟล์ที่เราสร้างขึ้นครับ
   

3. คลิกขวาที่ layer ของตัวหนังสือ แล้วเลือกที่ Rasterize Layer ตามภาพครับ

               

4. กดปุ่ม Ctrl ที่คีย์บอร์ด แล้วคลิกที่ช่องสี่เหลี่ยมใน layer ของตัวหนังสือครับ


5. เลือกสีของ Forground และ สีของ Background ตามภาพครับ

               

6. ไปที่เมนู Filter --> Render --> Clouds


7. เราจะได้ตัวอักษรตามภาพ


8. หลังจากนั้นไปที่เมนู Filter --> Distort --> Glass ครับ



9. ให้ท่านปรับแต่งค่า และตัวเลือกต่าง ๆ ตามภาพครับ



10. เมื่อทำการปรับแล้ว ตัวอักษรจะมีลักษณะดังภาพ


11. หลังจากนั้นให้เลือกที่ Layer Background เลือก เครื่องมีเทสี และเลือกสีของ Forground เป็นสีดำครับ แล้วเทสีลงในไฟล์งาน เพื่อให้พื้นหลังในไฟล์งานเป็นสีดำ

               

12. ทำการดับเบิ้ลคลิกที่ layer ตัวอักษร เลือก Stroke ปรับขนาด และสีตามต้องการครับ


13. จะได้ผลตามภาพครับ



14. ให้เลือกที่เครื่องมือ Brush แล้วทำการเลือกประเภทของ Bruch เป็น Assorted Brushes ครับ



15. เลือกรูปแบบของ Brush ครับ โดยเลือกรูปแบบที่ 18 ครับ



16. ให้ทำการสร้าง layer ใหม่ครับ

                                               
       


 17. เลือกสีของ Forground เป็นสีขาว แล้วคลิกเลือกในไฟล์งาน เพื่อทำการใส่ Brush ให้กับตัวอักษรครับ



18. เพียงเท่านี้เราก็จะได้ ตัวหนังสือเพชรประกายระยิบระยับ มาตกแต่งเว็บไซต์แล้วครับ 



***แม้ว่าทางทีมงาน ReadyPlanet จะไม่สามารถ Support โปรแกรม Photoshop ให้ท่านได้ แต่บทความนี้ เป็นความตั้งใจของทีมงานฝ่าย Web Design ที่เขียนขึ้นมาเพื่อให้ท่านได้เป็นแนวทางในการศึกษาเพิ่มเติม จากโปรแกรม Photoshop เพื่อใช้ในการออกแบบ และตกแต่งภาพบนเว็บไซต์ให้ออกมาสวยงามเท่านั้น***