เรื่องที่ 4 สร้างเกมส์จิ๊กซอว์ โดยใช้โปรแกรม Flash Jigsaw Producer

เกมส์จิ๊กซอว์ โดยใช้โปรแกรม Flash Jigsaw สร้างProducer

 

Flash Jigsaw Producer เป็นโปรแกรมที่มีความสามารถในการสร้างเกมส์ Flash จากภาพเป็นเกมส์จิ๊กซอว์ โดยสามารถนำไปทำเป็นเกมส์ Online สำหรับการเรียนรู้ในเรื่องต่าง ๆ ได้ โดยการนำภาพ BMP, GIF หรือ JPG มาใช้ในการสร้าง

1. เมื่อลงโปรแกรม Flash Jigsaw Producer เรียบร้อยแล้วให้ทำการเปิดโปรแกรมขึ้นมา ดังรูป

2. ไปที่เมนู Options เลือก Fiash Sizes..

3. โปรแกรมจะแสดงหน้าต่าง Fiash Sizes ขึ้นมา เพื่อทำการตั้งค่า

4. ทำการปรับขนาดตามต้องการ
Fiash Sizes = ขนาดของจิ๊กซอว์ ที่ต้องการให้แสดง
Width = 800      Height = 600
Picture Sizes = ขนาดของรูปภาพที่ต้องการให้แสดง
Width = 640      Height = 480
Keep Proportions = การแสดงภาพจิ๊กซอว์ ว่าต้องการขยายขนาดตามที่ ตั้งไว้หรือไม่
ถ้าต้องการให้คลิกที่ช่องสี่เหลี่ยมเป็น หรือถ้าต้องการขนาดเท่าเดิมตามรูปที่นำมาสร้างจิ๊กซอว์ให่เลือกเป็น

5. เมื่อตั้งค่าเรียบร้อยแล้วให้คลิกที่ปุ่ม เพื่อยืนยันการตั้งค่า

6. ไปที่เมนู Options เลือก Varistions...

7. โปรแกรมจะแสดงหน้าต่าง Varistions ขึ้นมา เพื่อทำการปรับแต่งรูปแบบของชิ้นส่วนจิ๊กซอว์ ว่าต้องการลักษณะใด

8. ทำการปรับค่าที่ Node และ Boss เพื่อปรับแต่งรูปแบบของชิ้นส่วนจิ๊กซอว์ ตามต้องการ

9. เมื่อปรับแต่งเรียบร้อยแล้วให้คลิกที่ปุ่ม เพื่อยืนยัน

10. ไปที่เมนู Options เลือก Background Color... เพื่อปรับค่าสีของพื้นหลัง

11. โปรแกรมจะแสดงหน้าต่าง Select Colos Range ขึ้นมา เพื่อทำการปรับค่าสีของพื้นหลัง

12. ทำการปรับค่าสีพื้นหลังตามต้องการ

13. เมื่อปรับแต่งเรียบร้อยแล้วให้คลิกที่ปุ่ม เพื่อตกลง

14. เลือกคลิกที่เมนู Final effects... เพื่อเลือก effects ในส่วนของการตอบโต้แสดงความยินดีหลังจากต่อจิ๊กซอว์เสร็จ

15. ทำการเลือก effects ตามความพอใจ ในที่นี้มีหลายแบบด้วยกัน


16. เมื่อเลือก effects เรียบร้อยแล้วให้คลิกที่ปุ่ม เพื่อยืนยันการเลือก

17. เลือกคลิกที่เมนู Linhs... เพื่อใส่ลิงก์ไปยังเว็บต่าง ๆ

18. ทำการใส่ชื่อเว็บไซต์ที่ต้องการลิงก์ไปตามต้องการ หากไม่ต้องการใส่ให้ทำการลบออกจากช่อง Traget

19. จากนั้นให้คลิกที่ปุ่ม เพื่อยืนยัน

20. เลือกคลิกที่เมนู Output เพื่อตั้งค่าการจัดเก็บไฟล์ที่สร้างขึ้น

21. โปรแกรมจะแสดงหน้าต่าง Output files ขึ้นมา เพื่อตั้งค่าการจัดเก็บ
22. ทำการตั้งค่าตามต้องการ
Target directory = เป็นการอ้างอิงแหล่งจัดเก็บข้อมูลที่นำไฟล์ที่สร้างขึ้นไปเก็บไว้
Final effect name (swf) = ชื่อของจิ๊กซอว์ที่สร้างขึ้นเป็นไฟล์ Flash *.swf (ไม่จำเป็นต้องเปลี่ยนก็ได้)
Modul name (html,swf) = ชื่อของเว็บไซต์ที่โปรแกรมสร้างขึ้นให้ เป็นไฟล์ *.html (ไม่จำเป็นต้องเปลี่ยนก็ได้)

23. จากนั้นให้คลิกที่ปุ่ม เพื่อยืนยัน

24. ทำการเลือกรูปภาพจากแหล่งข้อมูลในคอมพิวเตอร์

25. ภาพที่ทำการเลือกจะแสดงดังรูป จากนั้นให้ทำการเลือกจำนวนชิ้นของจิ๊กซอว์ในแต่ละภาพว่าให้มีจำนวนกี่ชิ้น โดยการคลิกที่ปุ่ม และเลื่อน เพื่อตั้งตัวเลข

26. เลือกในส่วน Remote Control เมื่อต้องการเครื่องมือช่วยหมุนจิ๊กซอว์ที่มีลักษณะเป็น Remote Control หรือถ้าไม่ต้องการก็เลือกที่ Help in Page

27. ตั้ง Enable Rotation ว่าต้องการให้จัดวางจิ๊กซอว์ก่อนที่จะต่อ แบบยากหรือง่าย ถ้าต้องการแบบง่ายให้คลิกเครื่องหมาถูกออก

28. โปรแกรมจะแสดงหน้าต่าง Finished! ขึ้นมา เพื่อถามว่าต้องการให้แสดงจิ๊กซอว์ที่สร้างขึ้นตอนนี้ หรือไม่ ถ้าต้องการให้เลือก "Yes" ถ้ายังไม่ต้องการให้เลือก "No"

29. จะได้จิ๊กซอว์ที่สร้างขึ้น ตัวอย่างดังรูป

เรื่องที่ 3 ตกแต่งภาพด้วยโปรแกรม Adob illustrator

เรื่องที่ 2 สร้างตัวหนังสือแตกๆ ด้วย Photoshop

              สร้างตัวหนังสือแตกๆ ด้วย Photoshop

                                                            

1. สร้างไฟล์ใหม่แล้วกด T ที่แป้นพิมพ์ แล้วทำการพิมพ์ข้อความ

2. กด Ctrl+J จะได้ layer ใหม่ตามด้านล่าง

3. Filter ---> Stylize ---> Tiles

ตั้งค่า Number Of Tiles  แล้วกด OK

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

4. click ขวาที่ layer แรกที่ไม่ใส่ layer ที่เรา copy มา แล้วเืลือก Rasterize Layer

5. จากนั้นให้ click เลือก layer ที่เรา copy มาค่ะ แล้ว เลือก Magic Wand Tool (W) 

ทำการเลือกพื้นที่ที่เป็นสีชมพูจะได้ตามด้านล่าง

6. จากนั้นให้เลือกที่ layer ตามแทบสีฟ้าด้านล่างค่ะ แล้วกด delete ที่แป้นพิมพ์

แล้วเราลองปิดตาที่ layer copy

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

7. ทำการตามข้อ 5-6 จนได้รูปตามด้านล่าง

ตกแต่งให้สวยงาม

เรื่องที่ 1 Search Engine

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

•                  ประเภทของเครื่องมือช่วยค้นบนอินเทอร์เน็ต

1.            Free text Search Engine เครื่องมือช่วยค้นประเภทนี้ ปัจจุบันมีจำนวนมากสามารถพิมพ์คำค้นเป็นภาษาไทยได้ ลักษณะการค้นเป็นการพิมพ์คำค้นที่ต้องการลงไปได้อย่างอิสระ หรือสามารถใช้เทคนิคการค้นได้ตาความต้องการ

2.         Directory-base Search Engine เครื่องมือช่วยค้นบางชื่อ นอกจากจะทำหน้าที่ค้นหาข้อมูลแล้ว ยังทำหน้าที่เป็น Subject Directories เพื่อให้สามารถค้นได้ตามหัวข้อกว้างๆ ไม่เฉพาะเจาะจง

      3.      Meta Search Engine  เครื่องมือช่วยค้นประเภทนี้ไม่มีระบบฐานข้อมูลของตนเอง เมื่อผู้ค้นพิมพ์คำค้นที่ต้องการเครื่องมือประเภทนี้จะส่งความต้องการไปที่ search engine อื่นที่ร่วมมือกัน ข้อดีคือ ได้ผลลัพธ์ที่ประมวลผลจากแหล่งข้อมูลหลายแห่งพร้อมกัน แต่มีจำกัดตรงที่ไม่สามารถใช้เทคนิคการค้นแบบซับซ้อนที่มีในแต่ละเครื่องมือช่วยค้นได้

การตกแต่งหน้าใสด้วย photoshop