การสร้างสื่อสิ่งพิมพ์ และ interactive ......ข...
Post on 05-Mar-2020
11 Views
Preview:
TRANSCRIPT
โปรแกรม Indesign CS6
ฉบบ ดวนพเศษ
การสรางสอสงพมพ และ Interactive Magazine
ณฐพงษ หมนหล
Indesign ใชทำ�อะไรบ�ง??
หนงสอ หนงสอพมพ แมกก�ซน แผนพบ โบชวร
E-Book , E-Publication
เตยมคว�มพรอมกอนใช Indesign
ทำ�คว�มรจก Indesign
1.เนอหา จดพมพในรปแบบ word
2.เตยม file ภาพถาย ภาพกราฟฟกสำาหรบประกอบเนอหา
3.กำาหนดรปแบบ คอลมน หวขอ เนอหา ทอยในหนงสอ
4.กำาหนดจำานวนหนาทตองการทำา ( จำานวนหนาควรหาร ดวย 4
ลงตว )
5.***ไอเดย การออกแบบ (หาดไดตามรานหนงสอ อนเตอรเนต
ของชาวบาน นำามาประยกต สรางสรคในสไตลเรา)
ขนตอนคร�วๆ work flow
หาขาว เขยน
ขาว
ภาพประกอบ
บก.
เลอกเรอง คดกรอง
เรยบเรยง ตรวจ
สอบความถกตอง
จดทำารปเลม
จดวาง Layout
กำาหนดจำานวนหนาDesign สงโรงพมพ
และ PDF FILE
FILE สงโรงพมพ
จดทำารปเลม
FILE PDF
ใชเผยแพร ใช
อาน
เนอหา
FINAL
พรอมออกแบบ
Too
l Box
เครอ
งมอก
ารสร
างวต
ถ
พมพ
ตวอก
ษาร
ปรบแ
ตงวต
ถ
Pane
l Con
trol แ
ถบคำา
สงปร
บแตง
วตถ
รปภา
พ อ
กษร
เชน
กำาหน
ดขนา
ดภาพ
ขนา
ดอกษ
ร
Men
u ba
r แถบ
เมนค
ำาสงก
ารทำา
งานโ
ปรแก
รม เช
น กา
รสรา
งชนง
านให
ม(ne
w p
roje
ct)
Pane
ls กล
องคำา
สงทใ
ชปรบ
แตงห
นา
งานเ
พมเ
ตม เช
น กา
รเปล
ยนส
Past
boar
d พ
นทหน
างาน
หน�ต� เครองมอ
เครองมอทใชบอย
เคลอนยายวตถ กลองขอความ รปภาพ
สรางตวอกษร ขอความ
กำาหนดส
เลอก Font ปรบขนาด
Font
จดรปแบบ
ตวอกษร
กำาหนดจำานวนหนา เพมหนาหนงสอ
กำาหนดการซอนวตถ เชน ใหตวอกษรอยบน
ขอความ
File>New>Document เพอสรางไฟลใหม กรณเลอกน Tabloid เพราะตองการทำาหนงสอพมพ
กำาหนดคา Bleed (ระยะตดตก)ไวท 0.3 mm
ก�รกำ�หนดค� หนงสอ
Document Preset : เปนการเลอกทจะกำาหนดคาเอง หรอ แบบทโปรแกรมกำาหนดให
Facing pages : เปนรปแบบการแสดงหนา กระดาษทง หมดทกำา หนดใน Number of Pages
Page Size : การตงคาขนาดกระดาษ เชน A4, A5, Letter, Custom จะมกรอบสดำา
Columns : ใชกำาหนดแนวสำาหรบแบงพนทการทำางานในหนาเอกสาร
Margins : ใชกำาหนดระยะขอบของหนา เอกสาร ซงจะแสดงเปนเสนสแดง ในหนา กระดาษ
BleedandSlug : กำาหนดระยะตดและระยะเผอ เหลอสวนใหญจะกำาหนดคา Bleed เปน 3mm
ซงจะแสดงเปนเสนสแดงดานนอกหนากระดาษ
ก�รทำ�ง�นกบตวหนงสอ
- การสรางตวอกษร ใชเครองมอ Type Tool คลกสรางกลองขอความตามขนาดทตองการ
จากนนพมพหรอ copy ขอความทตองการลงไป
การจดการกบตวอกษร ใชเครองมอดงน
- Panel Control ใชเลอก font ปรบขนาด จดรปแบบตวอกษร ชดซาย ขวา จดกลาง เลอกสตวอกษร เปนตน
- การใชส ตวอกษรและกลองขอความ โดยเลอกเครองมอ Swatches เพอเลอกส
**การเลอกใชสกบตวอกษรสามารถใชได 2 ลกษณะคอ Fill และ Stroke
Fill
Stroke
เลอก Font
Font size Leading
Kerning Tracking
Vertical Scale Horizontal Scale
Baseline Shift Skew(False Italic)
รปแบบ Font ตวหนา เอยงฯ
- การปรบแตงรปแบบลกษณะของตวอกษรโดยเลอกกลองเครองมอ Character
ก�รทำ�ง�นกบรปภ�พ
- การสราง รปภาพ ภาพ กราฟฟกใน Indesign
1.เลอก File>Place จากนนเลอกภาพทตองการ
2.เลอกกลองเครองมอ จากนนคลกสรางพนท ตามขนาดทเราเอาภาพไปใส แลวนำาภาพเขามาใสใน
พนท ทเรากำาหนดโดยเลอก File>Place เชนเดม วธนทำาใหเราเลอกกำาหนดพนทภาพไดตามตองการและ สามารถสราง
กรอบใหกบภาพเปน สเหลยม วงกลม หรอ หกเลยม ตามเครองมอมอทเราเลอกดงภาพ
3.การจดการกบภาพ กราฟฟก
- การกำาหนดภาพใหอยซอน โดยการเลอก Wrap around object shape เพอภาพมจดวางในรปแบบตามเครอง
มอ ไดแก ภาพวางซอนขอความ ภาพวางรอบกลองขอความ ภาพวางรอบวตถทสรางขนมาและ ภาพวางอยระหวาง
ขอความดงภาพ
กลองเครองมอ ตวอยางการใช
ก�รรวม FILE ง�น
เปนขนตอนเตยม file เพอสงโรงพมพและเพอจดทำาในรปแบบ PDF โดยมขนตอนดงน
1.การรวม file Package โดยเลอก file> Package>ใน box เลอก Package>ใสขอมล Printing Instructions >เจอ
box Create Package Folder ใหเลอกพนทจดเกบจากนนเลอก Package
***เมอทำาตามขนตอนขางตนเรยบรอยแลว เราจะได Folder ทเกบรวมขอมลทกอยางของหนงสอ ประกอบ
ดวย Font ทใช ภาพประกอบ และ File .indd ซงเปน File สำาหรบแกไขงานของโปรแกรม
2.การจดทำา file ในรปแบบ PDF โดยเลอก file>Export>ใน box เลอกรปแบบ Adobe PDF Print จากนน กด
SAVE > เจอ box ดงภาพเลอก Export
การสรางงานดวยโปรแกรม Adobe Indesign นน สามารถทำาได 2 แบบ ไดแกไฟล PDF (Interactive) และ ไฟล SWF
ความแตกตางระหวา งไฟล PDF (Interactive) และ ไฟล SWF
ขอด
PDF (Interactive) SWFPrint ได ใส Animation ในนต ยสารได
Search ได มปฏสมพนธไดมากกวา
สราง Bookmarks ได ม Transitions ทดดกวา
เปดไฟลไดงายกวา ดวยการใช Adobe Reader หรอ โปรแกรมอานPDFอนๆ
สนบสนนไฟลมากกวา เชน AVIหรอ MOV
ขอเสย
PDF (Interactive) SWFไมส ามารถใส Animation ในนต ยสารได เปดไฟลไดยาก เนองจากตองใช Flash Player ในการเปด เทานน
Search ได มปฏสมพนธไดมากกวา
สราง Bookmarks ได ม Transitions ทดดกวา
สนบสนนไฟลนอยกวา เชน ในการใส VDO ตองเปนไฟลFLVหรอ F4Vเทานน
***เราควรคำานงถงประเภทของไฟลตงแตกอนเรม ออกแบบนตยสาร เนองจากจะทำาใหเรา วางแนวทางใน
การออกแบบนตยสารไดถกตอง ตามขอด-ขอ เสย ของไฟลแ ตล ะประเภท เชน หากตองการนตยสารทสามารถ Print
ออกมาอานได ควรเลอก PDF (Interactive) แตหากตองการนตยสารทม ลก เลนเยอะกวา กเ ลอกสรางนตยสารในรป
แบบ SWF
การสรางนตยสาร Interactive ปจจบนสอสงพมพ ถกลดทอนความสำาคญลงไปเนองจากความกาวหนาทงเทคโนโลย คนนยมอานหนงสอผาน
เครองมอการสอสารอยางอนทนอกเหนอจากกระดาษ เชน computer ,smart Phone,tablat มากขน ความนาสนใจของ
นตยสาร Interactive คอสามารถสรางความนาสนใจใหกบหนงสอเชน การใส VDO การใสเสยง และ Animation ตางๆ
สามารถนำาไปใชกบอปกรณทหลากหลาย เรยกไดวา เปนสอทรวมสอตางๆชนดมารวมกนได(Multimedia)ลงตว สามารถ
เปดอานไดทกททกเวลาถามอปกรณและเทคโนโลยรองรบ แตกกตางจาก E-book ทวไปทยมยมใชเปน File PDF ทม
เพยงขอความและรปภาพเทานน
การผลตนยสาร Interactive ดวยโปรแกรม Adobe Indesign CS6
ในการนยสาร Interactive โดยมากจะทำาขนเพอแสดงบนคอมพวเตอร ดงนนในการสรางงาน ควรสรางเปน แบบ Web และเลอกความละเอยดท
1024 x 768File>New>Document> ตงคาตามความเหมาะสม
เลอกพนทการทำางานใหเหมาะสมกบงานทเราตองการทำา ในทน เลอก รปแบบหนาจอการทำางานเปนแบบ Interactive หรอ Digital Publishing
ขนตอน การทำา Interactive ดวยโปรแกรม Adobe Indesign CS6
1.จดวางออกแบบเนอหา รปเลมเหมอนการจดทำาหนงสอทวไป
2.สรางสวนทสามารถโตตอบกบผใชได เชน สราง Button สราง Hyperlink สราง Animation
และใส VDO เปนตน
3.Export งานตมลกษณะทตองการ
สำาหรบการสรางสวนทสามารถโตตอบกบผใชไดมรายละเอยดดงน
การสรางปม Button
สามารถสรางได 2 วธ ดงน
วธท 1 เปนสรางจากรปแบบสำาเรจรป โดยคลกทปม
วธท 2 เปนสราง Button ขนมาเอง โดยวาดเปนวตถ รปภาพ หรอสามารถนำาภาพนงมาใชเปน Button ได กรณ
ใชภาพนงตองแปลงภาพใหเปนปมโดยเลอก Menu Object > Interactive > Convert to Button
ในหนาจอการตงคา Button นน เราสามารถกำาหนดคาตอไปน
Name ชอปม
Even กำาหนดคาใหปมทำางานในกรณ...
On Release (เมอปลอยการคลกเมาส) On Click (เมอคลก
เมาส)
On Roll Over (เมอลากเมาสไปโดนปม) On Roll Off
(เมอลากเมาสออกจากปม)
Action เพม - ลด คำาสงของปม (ดรายละเอยดเพมเตมในตาราง
ถดไป)
Appearance ลกษณะของปมในสถานะตาง ๆ Normal (สถานะปกต)
Rollover (เมอลากเมาสไปโดนปม) Click (เมอคลกทปม)
Hidden Until Triggered ใหซอนปมไว จนกวาจะมคำาสงใหแสดง
ในโปรแกรม Adobe Indesign นน เราสามารถตง Action ของปมไดดงน
Action สำาหรบ PDF (Interactive) และ SWF
Go to Destination ไปยงจดหมายทตงไว เชน Bookmark หรอ Text Anchor
Go to First Page ไปยงหนาแรกของเอกสาร
Go to Last Page ไปยงหนาสดทายของเอกสาร
Go to Next Page ไปยง หนาถดไป
Go to Previous Page ไปยงหนาทแลว
Go to URL ไปยง URL
Show/Hide Button สงแสดง/ซอนปมอน ๆ
Sound ควบคม เสยง
Video ควบคม VDO
การใสคำาสงใหกบButton
โดยหลงจากทเราเปลยนรปภาพทเราจะใชเปน Buttonแลวใหสรางคำาสง Button นนๆโดยการไปทพาเนล
Buttons> เคองหมายบวก (Addnewactiontoselected event) > เลอกคำาสงทตองการกำาหนดใหแก Button
ActionสำาหรบSWFเทานน
Animation ควบคม Animation
Go to Page ไปยงหนา...
Go to State ไปยงสถานะ...
Go to Next State ไปยงสถานะถดไป
Go to Previous State ไปยงสถานะกอนหนา
Action สำาหรบ PDF (Interactive) เทานน
Go to Next View ใชไดหลงจากกด Go to Previous View โดยใชเพอกลบ
ไปยงหนากอนจะ กดปมดงกลาว (คลายปม Go forward
ของ Internet Browser)
Go to Previous View ไปยงหนากอนหนา (คลายปม Go back ของ Internet
Browser)
Open File เปดไฟลจากเครอง
View Zoom ยอ-ขยายเอกสาร
สรางLinkไปยง URL ตางๆ
สามารถทำาไดโดยการลากทบตวหนงสอหรอเลอกรปภาพทตองการใชเปน Link แลวไปยงพาเนล Hyperlinks >
พมพปลายทางลงในชอง URL แลวเคาะ Enter
การใส Animation (SWF เทานน)
การสราง Animation ทำาไดโดยการคลกเลอกสอทตองการใสการเคลอนไหวลงไป แลว ไปทพาเนล Animation โดย
สามารถตงคาเบองตนไดดงน
Name ชอสอทเราตองการใส Animation
Preset การเคลอนไหวทมใหเลอก
Events กำาหนดให Animation ทำางานเมอ... On Page Load เมอ
หนานนถกโหลด On Page Click เมอหนานนถกคลก On
Click (Self) เมอคลกทตวสอ
On Roll Over (Self) เมอนำาเมาสมาชทตวสอ On Button
Event เมอมการสงจากปม
Reverse on Roll Off ใหเกด Animation ยอนกลบ หลงจากเลกนำาเมาสชทตว
สอ
Duration ความยาวของ Animation
Play จำานวนครงทเลน
Loop ตงคา ให Animation เลนวนซำาไปเรอย ๆ
Speed ตงคาความเรว
****หากตองการจดลำาดบ Animation สามารถทำาไดโดยการกำาหนดคาทพาเนล Timing
การใสไ ฟล Video
ไฟล Video ทใ ชในนตยสาร Interactive ทส รางดวย Adobe Indesign ควรเปน ไฟล FLV หรอ F4Vโดยเราสามารถ
PlaceไฟลVideoลงมาไดเลยในการตงคาการแสดงผลของไฟล Video เราสามารถทำาไดโดยการไปทพาเนล Media
Play on Page Load เลน Video ทนทเมอผใชเขาสหนาน
Loop (SWF Export Only) ตงใหVideoเลนวนซาำ (สำาหรบSWFเทานน)
Poster ตงคาเฟรมภาพทจะเปนหนาตาของ Video None ไมตงคา
Standard หนา ตาธรรมดา
From Current Frame หนาตาเดยวกบเฟรม ทเราเลนไวท Preview
ดานบน
Choose Image... เลอกรปจากไฟลอน
Controller ตงคาปมควบคม Video
Show Controller on Rollover ใหแสดงผลปมควบคม Video เฉพาะตอนนำาเคอเซอรเมาสไปช
Navigation Points การปกหมดใน Video โดยใชรวมกบการสรางปม เพอนำาทาง มา
ยงชวงเวลาทเราปกหมดไว
อยางไรกต าม การใส Video ลงในไฟลนตยสาร อาจทำาใหขนาดไฟลของนตยสาร ใหญขนอยางมาก เราจงอาจอพโหลดไฟล Video ขน บน Server และ
ทำาลงคเชอมส Video แทน ดวยการสราง Frame > พาเนล Media > Place a video from a URL
การใส Page Transition
Page Transition เปนคำาสงททำาใหเกดการเคลอนไหวระหวางการเปลยนหนาไปมา โดยสามารถเปลยนคำาสง
นไดท Panel Page Transtitions สามรถเปด Panel ไดจาก Menu window > Interactive > Page Transitions
วธการใช Page Transitions การใชงานสามารถเลอกใหแตละหนามรปแบบการเปลยนทแตกตางกนไดหรออาจจะ
เปนรปแบบเดยวกนทงหมดกได
การใส Page Transition มขนตอนดงน
1.เลอกหนาทเราตองการใส Transition โดยลอกท Page ทตองการ เชน ตองการใสใน Page ท2 ใหคลก Page ท 2
2.เลอก พาเนล Page Transitions จากนนเลอก รปแบบทตองการ
รปแบบ Page Transitionsหนาตาง Page Transitions
หมายถง สญลกษณทบอกวา ม
การเลอก Page Transitions แลว
การ Export ไฟลงาน เปน SWF
การ Export สามารถทำาไดทง file PDF และ ไฟล SWF ซงสำาหรบการ งานทเปน Animation นนรปแบบทนยมคอ SWF
ซงสามารถเปดดไดจากโปรแกรม Adobe Flash Palyer หรออาจดไดใน Web Browser ตางๆ เชน Inernet Explorer
Firefox เปนตน
การ Export เปนไฟล SWF
Menu File > Export เลอกประเภท Save Type เลอกประเภทไฟลเปน Flash Player(SWF)
*** กอน Export สามารถ ดตวอยาง งานจากคำาสงดงน
window > Interactive > SWF Preview หนาตางแสดง Preview ของProject
เอกสารอางองภควชญ ดำารงเกยรตศกด.Interactive Magazine.คณะสารสนเทศและการสอสาร มหาวทยาลยแมโจ: เอกสารประกอบ
การสอน
จฑามาศ มโนสทธกล .2554. Magazine Design with Adobe Indesign cs5สรางงานสอสงพมพแบบมออาชพ.กรงเทพ:
เนตดไซน พบลซซง
top related