บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5)...
Transcript of บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5)...
![Page 1: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/1.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 70
บทท 4 การตกแตง e-Book
![Page 2: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/2.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 71
บทท 4 การตกแตง e-Book
แนวคด
ในการสราง e-Book ใหมความนาสนใจ สามารถตกแตงหนงสอใหมความสวยงามและม ลกษณะพเศษอน ๆ ตามความตองการ โดยค านงถงความเหมาะสมของเนอหา และงายตอการอาน การปรบตกแตงรปภาพใหมความสวยงามย งขน การแทรกภาพเคลอนไหว การใสเสยงหรอ ภาพยนตร เพอใหการน าเสนอผลงานหรอสอการเรยนการสอนดมความนาสนใจและมปฏสมพนธกบผอานมากยงขน
วตถประสงค 1. เพอใหผศกษาสามารถอธบายขนตอนการตกแตง e-Book ดวยวธการตาง ๆ ได
2. เพอใหผศกษาสามารถอธบายวธการตกแตงรปภาพดวยเทคนคพเศษได 3. เพอใหผศกษาสามารถอธบายขนตอนการใสเสยง ใสภาพยนตร ใน e-Book ได
ขอบขายเนอหา
เรองท 1 การตกแตงหนงสอ (Set Book Option) เรองท 2 การใสหวงหนงสอ (Book Binder) เรองท 3 การท าเครองหมายคนหนาส าคญของหนงสอ (Bookmarks) เรองท 4 การท าทคนหนงสอ (Markers) เรองท 5 การตกแตงรปภาพดวยเทคนคพเศษ (Effect) เรองท 6 การใสเสยงในหนงสอ (Sound) เรองท 7 การใสภาพยนตรในหนาหนงสอ
กจกรรม
ตอบค าถามแบบฝกหดทายบท
![Page 3: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/3.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 72
เรองท 1 การตกแตงหนงสอ (Set Book Option) การตกแตงหนงสอใหดด จะตองปรบคาตาง ๆ เพอความสวยงาม ตามความตองการ สามารถท าได ดงน 1) เลอกแถบเมน Options 2) คลกเลอก Set Book Options 3) จะปรากฏ Set Book Options Dialog ใหก าหนดคาหนงสอ
* Book Cover ส าหรบการตกแตงปกหนาและปกหลง โดยสามารถเลอกส (Color) และภาพลวดลาย (Texture)
ในการสรางหนงสอ (e-Book) ใหมความนาสนใจและมปฏสมพนธกบผอานนน ผสรางสามารถตกแตงหนงสอทตนเองสรางใหมความสวยงามและมลกษณะพเศษอนๆ ตามทตองการ เชน การตกแตงรปภาพใหมความสวยงามยงขน การแทรกเสยง หรอการแทรกภาพยนตร เปนตน
![Page 4: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/4.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 73
* Book Background ส าหรบการตกแตงพนหลงของหนงสอ โดยสามารถเลอก ส (Color) และภาพลวดลาย (Texture)
* Page Background ส าหรบการตกแตงพนหลงของหนาหนงสอ โดยสามารถ เลอกส (Color) และภาพลวดลาย (Texture) และก าหนดไดทงหนาซาย และ หนาขวา
![Page 5: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/5.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 74
* Page Margins ส าหรบการก าหนดรปเลม ในเรองระยะกนหนา กนหลง ดานบน ดานลางของหนาหนงสอ
* Display ส าหรบก าหนดการแสดงชอไฟลหรอเลขหนาในหนาหนงสอ
![Page 6: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/6.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 75
* Audio ส าหรบก าหนดการใสไฟลเสยงประกอบในหนาหนงสอ
* Miscellaneous ส าหรบก าหนดคาการแสดงผลเมอเรมตนเปดหนงสอ
![Page 7: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/7.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 76
เรองท 2 การใสหวงหนงสอ (Book Binder) การใสหวงหนงสอ เปนการเพมสนกลางหนงสอ ชวยท าใหหนงสอมรปแบบทนาสนใจ
ยงขน ควรใชกรณเปนเอกสารประเภทรายงาน ท าไดดงน 1) เลอกแถบเมน Options 2) คลกเลอก Book Binder
3) เลอกชนดของหวงหนงสอไดตามตองการ เชน 3DGold (หวงหนงสอสทอง) หรอ 3DRed (หวงหนงสอสแดง) เปนตน 4) การยกเลกการใสหวง ใหคลกเลอก Options>Book Binder>None หวงจะหายไป
![Page 8: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/8.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 77
เรองท 3 การท าเครองหมายคนหนาส าคญของหนงสอ (Bookmarks) การท าเครองหมายคนหนาหนงสอ ท าใหผอานสามารถเขาถงเนอหาทตองการไดรวดเรว
ขน โดยจะตดกหนากไดตามความตองการ สามารถท าได ดงน 1) เปดไปยงหนาทตองการตดเครองหมายคนหนาส าคญของหนงสอ(Bookmarks)
2) เลอกแถบเมน Bookmarks 3) คลกเลอก Add 4) คลกเลอก Left Page หรอ Right Page ตามตองการ โดยโปรแกรมจะน าชอไฟล
มาท าเปนชอ Bookmarks
5) จะปรากฏ Bookmark Content Dialog ใหพมพขอความทตองการ ถาสท
ปรากฏยงไมถกใจใหเลอนเมาสไปท Color จะแสดงตารางส คลกเลอกสตามตองการ
![Page 9: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/9.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 78
6) คลก OK กจะตดBookmarks ตรงหนาส าคญตามทตองการทบรเวณดานขาง
ของหนงสอ
7) ถาตองการลบ Bookmarks ออก ใหคลกเลอก Bookmarks > Romove > หนาซายหรอหนาขวาทตดไวออก หากจะลบออกทงหมดใหคลกเลอก Bookmarks> Clear All Bookmarks>OK
8) ในกรณทตองการปรบเปลยนรปแบบ Bookmarks ใหเลอกแถบเมน Bookmarks > Define Bookmark Style จะปรากฏหนาตาง Define Bookmark Style Dialog ใหก าหนดคาตามทตองการ
Shape เปนการก าหนด รปรางของ Bookmark Effect เปนการก าหนดลกษณะแสงเงา Slope เปนการก าหนดความโคงของขอบ Bookmark Gap เปนการก าหนดชองวางระหวาง Bookmark
![Page 10: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/10.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 79
เรองท 4 การท าทคนหนงสอ (Markers) การท าทคนหนงสอ ท าใหผอานสามารถเขาถงเนอหาทตองการไดรวดเรวขน
โดยจะใสกหนากไดตามความตองการ สามารถท าไดเชนเดยวกบ Bookmark แตจะมขนาดทคนหนงสอเลกกวา มขนตอนดงน
1) เปดไปยงหนาทตองการใสทคนหนงสอ 2) เลอกแถบเมน Markers
3) คลกเลอก Add 4) คลกเลอก Left Page หรอ Right Page ตามตองการ 5) Markers จะถกวางคนในหนาทเลอก โดยจะแสดงเลขหนาทคนไว บรเวณ
ดานบนของหนงสอ 6) หากตองการเลอกแบบ Markers รปแบบอน สามารถท าไดโดย คลกเลอก Marker> จะปรากฏ Define Marker Style Dialog ใหเลอกแบบทตองการ > OK จะได Marker ตามแบบทเลอกไว
![Page 11: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/11.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 80
เรองท 5 การตกแตงรปภาพดวยเทคนคพเศษ (Effect) 5.1 การเพมลกษะพเศษใหกบรปภาพ
การเพมลกษณะพเศษใหกบรปภาพท าใหรปภาพมรปแบบแปลก ๆ ไปจากเดม ท าใหรปภาพมความนาสนใจยงขน ท าไดดงน
1) คลกขวาทรปภาพ 2) เลอกเมน Effects 3) จะปรากฏค าสงยอยใหเลอก 5 ค าสงยอย คอ
- Transparent - 3D - Shadow - Select Crop Shape - Add/Edit Frame
แตละลกษณะมความหมายดงน Transparent ท าใหพนของรปภาพมลกษณะโปรงใส โดยโปรแกรมจะแสดงหลอดดดสใหคลกทต าแหนงสทตองการใหเปนสโปรงใส
3D ท าใหรปภาพมลกษณะนนแบบ 3 มต
![Page 12: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/12.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 81
Shadow ท าใหรปภาพมเงา
Select Crop Shape ท าใหรปภาพมรปทรงพเศษตามตองการ
Add/Edit Frame ใสกรอบใหกบรปภาพ สามารถเลอก สของกรอบ รปแบบกรอบ ความกวางของกรอบและหมนกรอบรปไดตามตองการ
* ค าสงตาง ๆ ในการเพมลกษณะพเศษใหกบรปภาพสามารถยกเลกโดยเลอกค าสงเดมซ า
หรอ เลอก Remove Crop Effect/Remove Frame
![Page 13: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/13.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 82
Set Page Properties… ใหคลกท Color และ Choose Color จะปรากฏตารางส คลกเลอกสไดตามตองการซงท าไดเชนเดยวกบการเปลยนสปกหนา
เรองท 6 การใสเสยงในหนงสอ (Sound) 6.1 การก าหนดเสยง Background Sound สามารถแทรกเสยงเปนเสยงประกอบพนหลง Background Sound ได โดยไฟลเสยงท
สามารถน ามาเปนเสยงประกอบพนหลงไดนนมหลายรปแบบดงน Midi File (*.mid), Wave File (*.wav) และ MP3 File (*.mp3)
ในการแทรกเสยงเปนเสยงประกอบพนหลง ท าได ดงน 1) เลอกแถบเมน Option 2) Set Book Options 3) จะปรากฏ Set Book Options Dialog ใหเลอกแถบรายการ Audio คลกทชอง
Enable Audio แลวคลกปม Add เลอกไฟลเสยง จะปรากฏรายชอไฟลเสยงในรายการ Background Music List
4) ถาตองการยกเลกเสยงประกอบใหเลอกรายชอเพลงใน Background Music List คลกทปม Remove
![Page 14: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/14.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 83
5) เสยงพลกเปดหนาหนงสอสามารถตดตงหรอยกเลกได โดยคลกท Enable Flipping Sound 6) คลกปม OK
6.2 การใสเสยงในหนาหนงสอ จะท าใหหนงสอมความนาสนใจยงขน อาจจะเปนเสยงบรรยาย เสยงพด เลานทาน หรอเสยงดนตร และสามารถแทรกไดหลายเสยงตามความตองการ ดงน
1) เลอกแถบเมน Edit 2) คลกเลอก Insert Multi-Media Object…
![Page 15: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/15.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 84
3) จะปรากฏ Insert Multi-Media Object... Dialog ใหเลอกไฟลเสยงทตองการ แลวลากมาวางบนพนทวางในหนาหนงสอทตองการ
4)ในกรณทบนหนาหนงสอมวตถอน เชน รปภาพหรอขอความ โปรแกรมจะถามวาตองการแทนหรอไม ใหตอบ No
5) จะปรากฏเครองหมายตวโนต ดนตร ทหนาหนงสอ เวลาตองการฟงเสยงใหคลก เครองมอ Select Objects ดงรปใหเปนสฟา แลวใชเมาสคลกทตวโนต โปรแกรมจะเลนเสยงทแทรกในหนาหนงสอไว ถาตองการหยดเสยงใหใชเมาสคลกทเดมและในขณะทโปรแกรมเลนเสยงทแทรกในหนา e-Book จะมรปสญลกษณเปน ถาตองการยกเลกการแทรกเสยงใหคลกเลอกทรปตวโนต แลวสงลบโดยการกดแปนพมพ Delete
![Page 16: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/16.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 85
เรองท 7 การใสภาพยนตรในหนาหนงสอ การแทรกภาพยนตรในหนาหนงสอท าไดเชนเดยวกบการแทรกเสยง ดงน
1) เลอกแถบเมน Edit 2) คลกเลอก Insert Multi-Media Object… 3) จะปรากฏหนาตาง Insert Multi-Media Object…
4) ใหเลอกไฟลภาพยนตรทตองการ แลวลากมาวางบนพนทวางในหนาหนงสอทตองการ
![Page 17: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/17.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 86
5) ภาพยนตรทน ามาใสในหนงสอสามารถปรบขนาดและต าแหนงไดตามทตองการและจะปรากฏเครองหมายเปนรปกลองถายภาพยนตรทมมลางซายเวลาทตองการแสดงใหใชเมาสคลกทรปดงกลาวโปรแกรมจะเลนภาพยนตรโดยจะแสดงเครองมอควบคมการแสดงภาพยนตร ดงภาพ
การตกแตง e-Book ใหสวยงามและนาสนใจ โดยการตกแตงดวยวธการน าภาพเคลอนไหว หรอภาพยนตร หรอการใสเสยงใน e-Book เพอสรางแรงจงใจใหผใชไดศกษาคนควาความรจาก e-Book ทเราไดสรางขน และเมอไดด าเนนการสรางและตกแตง e-Book จนมความสวยงามนาสนใจแลว ถงเวลาการน า e-Book ทสรางไปเผยแพรใหกลมเปาหมายหรอประชาชนทวไปไดศกษาตอไป ซงการน า e-Book ไปเผยแพรจะไดกลาวในบทตอไป
![Page 18: บทที่ 4 การตกแต่ง e-Book · บทที่ 4 ... 5) จะปรากฏ Bookmark Content Dialog ให้พิมพ์ข้อความที่ต้องการ](https://reader030.fdocuments.net/reader030/viewer/2022041217/5e0641b19245b52cd1741cb5/html5/thumbnails/18.jpg)
คมอการสราง e-Book ดวยโปรแกรม Flip Album 6 Pro หนา 87
แบบฝกหดทายบท ใบงานท 4
ค าชแจง หลงจากศกษาเนอหาในบทท 4 แลวใหตอบค าถามตอไปน
1. วธการตกแตงรปภาพ ใน e-Book ใหสวยงามมอะไรบาง และมขนตอนการท าอยางไร ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… 2. การใสเสยงใน e-Book มวธการอยางไร ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… 3. ทานคดวาการใสเสยงและการใสภาพยนตรใน e-Book มขนตอนทเหมอนหรอแตกตางกนอยางไร ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… …………………………………………………………………………………………………………