Ebook tutorial by flash(Thai)

10
การเตรียมหน้าหนังสือก่อนทํา E-Book 1. เตรียมหน้าหนังสือแยกเป็นหน้าเดี่ยวๆ ขนาด 470x600 pixel (จากหน้าคู่ขนาด 940x600) ตั้งชื่อ ไฟล์เรียงลําดับจากปกเป็น 001.jpg ไล่ไปเรื่อยๆ แบ่งหน้าคู่ให้เป็นหน้าเดี่ยวได้ในphotoshopทีimages > canvas size (รูปที่เอาไปทําE-bookต้องเป็นแบบขนาดหน้าเดี่ยว และมีจํานวนหน้าเป็นจํานวนคูเท่านั้น) เตรียมภาพหน้าเดี่ยว ขนาด 470x600 pixel ในการทํางานหน้าคูให้ทํางานด้วยขนาด 470x600 pixel

description

Ebook tutorial (Thai)

Transcript of Ebook tutorial by flash(Thai)

Page 1: Ebook tutorial by flash(Thai)

การเตรียมหน้าหนังสือก่อนทํา E-Book1. เตรียมหน้าหนังสือแยกเป็นหน้าเดี่ยวๆ ขนาด 470x600 pixel (จากหน้าคู่ขนาด 940x600) ตั้งชื่อ

ไฟล์เรียงลําดับจากปกเป็น 001.jpg ไล่ไปเรื่อยๆ แบ่งหน้าคู่ให้เป็นหน้าเดี่ยวได้ในphotoshopที่ images > canvas size (รูปที่เอาไปทําE-bookต้องเป็นแบบขนาดหน้าเดี่ยว และมีจํานวนหน้าเป็นจํานวนคู่เท่านั้น)

เตรียมภาพหน้าเดี่ยว ขนาด 470x600 pixel

ในการทํางานหน้าคู่ ให้ทํางานด้วยขนาด 470x600 pixel

Page 2: Ebook tutorial by flash(Thai)

2. เตรียมภาพพื้นหลัง ขนาด 1024x768 pixel ที่ใส่ตัวหนังสือเป็นภาพปุ่มสําหรับเชื่อมโยงไปที่หน้าอื่นๆ ให้เรียบร้อย โดยปุ่มที่สามารถสร้างได้มีดังนี้คือ

i. ปุ่มกดไปยังหน้าอื่นๆii. ปุ่มกดไปยังเวบไซด์ือื่นๆiii.ปุ่มขยายหน้าต่างiv.ปุ่มย่อหน้าต่างv. ปุ่มปิดหน้าต่าง

แบ่งหน้าคู่ให้เป็นหน้าเดี่ยวได้ในphotoshopที่ images > canvas size

1.ตั้งค่าแบ่งเป็นหน้าเดี่ยว

ด้านขวาด้านซ้าย

2.เลือกว่าจะแบ่งด้านไหน

ทําภาพปุ่มต่างๆใส่ไว้ในหน้าพื้นหลังเลย

Page 3: Ebook tutorial by flash(Thai)

วิธีการทํา E-book ด้วย Flash

1. เปิดไฟล์ Flippage-Template.fla ด้วยโปรแกรม Flash Cs2. ไปที่ File > Save as ตั้งชื่อไฟล์ใหม่ (เพื่อป้องกันการเสียหายในการทํางาน จะได้มีไฟล์ต้นฉบับไว้

แก้ไขในภายภาคหน้า)

3. ไปที่ Frame 5 บน Action Layer แล้วไปที่ Window > Action ส่วนการตั้งค่าหนังสือจะอยู่ที่บรรทัด 705-723

i. ลดจํานวนหน้าให้เท่ากับหน้าหนังสือของเรา ด้วยการลบบรรทัด [addPage("page01");] ออกไป (จํานวนหน้าทั้งหมดของหนังสือต้องเป็นเลขคู่เท่านั้น)

Save as เป็นชื่อไฟล์ใหม่ที่ File > Save as

1.คลิกที่ Frame ที่52.เปิดหน้าต่าง Action

3.ลบหรือเพิ่มบรรทัดตามจํานวนหน้า

Page 4: Ebook tutorial by flash(Thai)

ii. ในกรณีที่ต้องการเพิ่มจํานวนหน้าของหนังสือ ให ้Copy บรรทัด [addPage("page01");] แล้วแก้ตัวเลขเพิ่มไปตามจํานวนหน้าหนังสือของเรา (จํานวนหน้าทั้งหมดของหนังสือต้องเป็นเลขคู่เท่านั้น)

4. นําไฟล์หน้าหนังสือ และภาพพื้นหลังเข้ามาด้วย File > Import > Import to Library ไฟล์รูปของเราจะเข้ามาที่หน้าต่าง Library ของโปรแกรม

5. วิธีใส่รูปหน้าหนังสือ ทําได้โดยไปที่หน้าต่าง Library เข้าไปที่ Folder > Page-See จะมีไฟล์pageหน้าต่างๆอยู่ ดับเบิ้ลคลิกเข้าไปที่หน้า page ต่างๆเพื่อแก้ไขในแต่ละหน้า

นํารูปเข้ามายัง Library ของเรา เข้าได้ที่ Window > Library

นํารูปเข้ามาหน้าต่าง Library

ลบFolderรูปเดิมของไฟล์ต้นฉบัับออก(image-for-lay)

ใส่รูปหน้าหนังสือเข้าที่ไฟล์pageแต่ละหน้า

ดับเบิ้ลคลิกหน้าPageเพื่อแก้ไข

Page 5: Ebook tutorial by flash(Thai)

6. ลากรูปหน้าหนังสือของเราจาก Library เข้ามาใส่ในแต่ละหน้า Page

7. ย้ายรูปให้มุมซ้ายบนไปติดกับเครื่องหมายบวกกลางหน้าจอ ด้วย Align

เปิดหน้าต่าง Align ที่ Window > Align

2.คลิกสองปุ่มนี้เพื่อให้หน้าติดที่มุมซ้ายบน

1.เลือกรูปที่นําเข้ามา

Page 6: Ebook tutorial by flash(Thai)

8. นํารูปเข้ามาใส่ Page ต่างๆ ตามจํานวนหน้าหนังสือที่เราทํา ถ้าจํานวน Page ที่มีไม่พอให้ คลิกขวาที่ Page เลือก Duplicate ตั้งชื่อ Page เลือก Type เป็นแบบ Movie clip

1.คลิกขวาที่ Page

2.เลือกDuplicate

3.ตั้งชื่อPageตามเลขหน้าที่เพิ่มมา

4.เลือกแบบMovie Clip

วิธีการเพิ่มจํานวนหน้าของ Page

Preview ดูหน้าหนังสือด้วยการกด Ctrl+Enter (Windows), Command+Enter (Mac)

Page 7: Ebook tutorial by flash(Thai)

วิธีการทําหน้าหลัก

1. กลับจากหน้าการแก้ไขการทํางานหน้า Page ไปที่หน้าหลักคลิกที่ Scene1

2. เลื่อนไปที่ระหว่างคีย์เฟรมที่6-14จะปรากฏรูปหน้าหลักเดิมขึ้นมา คลิกที่รูปหน้าหลักเดิม แล้วลบออก

คลิกเพื่อกลับไปหน้าหลัก

1.เลื่อนแถบสีแดงไประหว่างเฟรม6-14

2.คลิกเลือกรูปพื้นหลังเดิมแล้วลบออก

Page 8: Ebook tutorial by flash(Thai)

3. ลากพื้นหลังของเราที่ทําไว้เข้ามาใส่ แล้วใช้ Align จัดให้อยู่กลางพื้นที่ทํางาน

4. ดูว่าปุ่มเดิมที่มีอยู่เป็นปุ่มอะไรบ้างโดยเลือกปุ่มแล้วไปที่ Window > Action

2.คลิกสองปุ่มนี้เพื่อย้ายรูปมาอยู่ตรงกลาง

1.ลากรูปพื้นหลังเข้ามาจากLibrary

1.เลือกปุ่ม

2.ดูว่าเป็นคําสั่งอะไรจากในหน้าต่างAction

Page 9: Ebook tutorial by flash(Thai)

on (release){ getURL("http://www.tvburabha.com", "_blank");}

on (release){ _root.gotoPage(1, true);}

on (release) { fscommand("fullscreen",false);}

on (release){ fscommand("fullscreen",true);}

on (release){ fscommand("quit", "true");}

สคริปสําหรับทําปุ่มลิงค์ไปยังเวบไซด์ต่าง แก้ไขโดยเปลี่ยนชื่อเวป

สคริปสําหรับทําปุ่มกดไปยังหน้าต่างๆ แก้ไขโดยเปลี่ยนตัวเลขของหน้าที่จะให้ไป

สคริปสําหรับทําปุ่มกดให้ย่อขนาดจอให้เป็นขนาดหน้าต่าง Window size

สคริปสําหรับทําปุ่มกดให้ขยายจอให้เป็น Fullscreen

สคริปสําหรับทําปุ่มกดให้ปิดหน้าต่าง

Page 10: Ebook tutorial by flash(Thai)

5. แก้ไขปุ่มโดยการย้ายตําแหน่งปุ่มไปให้ครอบปุ่มที่เราทําไว้

6. ถ้าจะเพิ่มปุ่มก็ใช้การ Copy ปุ่มเดิมที่มีอยู่แล้วนําไปครอบยังที่ที่เราจะให้เป็นปุ่ม จากนั้นแก้ไขสคริปให้ถูกต้องในหน้าต่าง Action

7. ทําการ Export งานให้เป็น E-book โดยการไปที่ File > Publish Settings

free transform tool สําหรับย่อขยายขนาดปุ่มเดิม

ย่อขยายขนาดให้พอดี

exportเป็นE-bookสําหรับWindow

ตั้งชื่อ+กําหนดตําแหน่งExport File

exportเป็นE-bookสําหรับMac