โปรแกรม 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สรางงานสอสงพมพแบบมออาชพ.กรงเทพ:

เนตดไซน พบลซซง