โปรแกรม Adobe Indesign เบองตน

วชา 144-209 การออกแบบสอดจทล 1

โดย: อ.สรยะ ฉายะเจรญ คณะนเทศศาสตร มหาวทยาลยสยาม

ความรเบองตนโปรแกรม Adobe Indesign

โปรแกรม Adobe Indesign เปนโปรแกรมสาหรบงานดานสงพมพ งานออกแบบเอกสาร หรอเรยกกนงายๆวา โปรแกรม

จดหนากระดาษนนเอง จดเดนของโปรแกรม Indesign คอสามารถทางานดานการจดหนากระดาษไดเปนอยางด ซงคลายๆกบ

การนาเอาโปรแกรม Pagemaker มารวมกบโปรแกรม Illustrator

ระบบการทางานของโปรแกรม Indesign นน ไมสามารถใช Indesign เดยวๆ ได ตองมความรพนฐานของ Photoshop

และ illustrator ดวย เพราะตองมการเตรยมรปภาพจาก Photoshop และเตรยมคลปอารต หรอ Logo ตางๆ มาจาก illustrator

สวนขอความสามารถเตรยมมาจาก โปรแกรมประเภท Word Prospering แลวเราจงนามาประกอบรวมกนเปนหนงสอ หรอแผน

พบตางๆ ใน Indesign เสรจแลวเราจง Export ไฟลงานของเรานนเปนไฟล PDFX1-a หรอ PDFX-3 เพอสงโรงพมพ ทางโรงพมพ

กจะทา Digital Poof สงกลบมาใหเราตรวจสอบความเรยบรอยกอนจะทาเพลท และสงใหโรงพมพตอไป

สวนประกอบของโปรแกรม Indesign

1. Menu Bar บรรจคาสงใชงานตางๆ การทางานจะคลายๆกบโปรแกรมอนๆ เชน

Photoshop , Illustrator

2. Option Bar บรรจตวเลอกกาหนดคณสมบตหรอตวปรบแตงการทางานใหกบวตถ (

ตวอกษรหรอภาพ ) ทเรากาลงเลอกทางาน

3. Tool Bar เครองมอชนดตางๆ ทใชในการทางาน

4. Document พนทเอกสาร สาหรบการทางาน คลายกบกระดาษเปลาๆ ทคอยใหเราเตม

ตวอกษรหรอภาพลงไปนนเองคะ

5. Pasteboard พนทวางๆ รอบเอกสาร คลายกบโตะทางาน ทเราสามารถวางสงของอนๆได

6. Guide ไมบรรทดสาหรบการวดระยะหรอสรางเสน Guide

7. Palette หนาตางยอยสาหรบชวยเสรมการทางาน เมอคลกลงไปแตละป มจะเปนการ

เรยกใชงาน Palette แตละชนด

Tool Box

กลองเครองมอเปนแถบแนวตง อยทางดานซายของโปรแกรม มหนาทบรรจกลมเครองมอตางๆ เพอใหเราสามารถ

คลกเลอใชงานไดอยางสะดวก ทดานบนสดของกลองเครองมอ ( ตรงกรอบสเทา ) จะมไอคอนลกศรเลกๆ วางอย เราสามารถ

คลกเลอกทลกศรเพอเปลยนใหกลองเครองมอขยายดวออกเปนสองแถว หรอคลกทลกศรเดมอกครงกลองเครองมอกจะ

แสดงผลเปนแบบแถวเดยว

1. กลมเครองมอสาหรบเลอก ( Selection )

2. กลมเครองมอสาหรบวาดภาพหรอพมพอกษรขอวคาม

3. กลมเครองมอสาหรบทา Transfrom ( ปรบขนาด , เปลยนทศทาง ฯลฯ )

4. กลมเครองมอชวยเสรมการทางานทวไป

5. กลมเครองมอสาหรบเลอกสพนและสเสน

กลมเครองมอบางชนดในกลองเครองมอจะมลกศรเลกๆ อยตรงมมลางขวา นนหมายถงวาในป ม

เครองมอนน จะมเครองมออนๆ ( ททางานคลายๆกน ) อยในนนดวย และอกทงมสญลกษณ คยลดบอก ซงจะ

อยดานขวามอ เวลาเรากดเลอกเครองมอ เพอความสะดวกสบายในการใชงาน

Selection : เครองมอสาหรบคลกเลอกวตถ

Position : เครองมอสาหรบลากยายตาแหนงวตถ

หรอตด ( Crop )

Direct Selection : เครองมอสาหรบคลกเลอก

ทางานกบจดบนเสน Path Delette Anchor : เครองมอสาหรบคลกลบจด

ควบคมเสน

Pen : เครองมอสาหรบวาดเสน Path ( ทงเสนตรง

และเสนโ◌คง ) Convert Direction : เครองมอสาหรบแกไขคา

ความโคงของเสน Path ทจด Anchor point

Add Anchor : เครองมอสาหรบคลกเพมจด

ควบคมเสน Type on Path : เครองมอสาหรบสรางตวอกษรลง

บนเสน Path

Type : เครองมอสาหรบสรางตวอกษรลงในพนท

ทางาน Smooth : เครองมอสาหรบวาดเสนเพอแกไขความ

โคงของเสน

Pencil : เครองมอสาหรบวาดเสนอสระ

Line : เครองมอสาหรบวาดเสน Path แบบเสนตรง

Erase : เครองมอสาหรบลบเสน Path

Ellipse Frame : เครองมอสาหรบสรางเฟรม (

กรอบบรรจภาพหรอหรอตวอกษร ) แบบวงร

Rectangle Frame : เครองมอสาหรบสรางเฟรม (

กรอบบรรจภาพหรอหรอตวอกษร ) แบบสเหลยม Ellipse : เครองมอสาหรบวาดภาพวงร

Polygon Frame : เครองมอสาหรบสรางเฟรม (

กรอบบรรจภาพหรอหรอตวอกษร ) แบบหลาย

เหลยม

Rectagle : เครองมอสาหรบวาดภาพสเหลยม

Polygon : เครองมอสาหรบวาดภาพหลายเหลยม

Scale : เครองมอสาหรบยอขยายวตถ

Rotate : เครองมอสาหรบหมนวตถ

Transform : เครองมอสาหรบยายตาแหนง หมน

และยอยขยายวตถ

Shear : เครองมอสาหรบเอยงวตถ

Measure : เครองมอวดอสระ

Eyedropper : เครองมอสาหรบดดคาส

Gradient : เครองมอสาหรบไลนาหนกของส

Zoom : เครองมอสาหรบยอขยายมมมองพนท

การทางาน

Gradient Feather : เครองมอสาหรบไลนาหนกส

แบบคาโปรงใส

Scissors : เครองมอสาหรบตดเสน Path

Hand : เครองมอสาหรบลากยายตาแหนงมมมอง

พนททางาน

Note : เครองมอสาหรบบนทกการทางาน

Button : เครองมอสาหรบสรางป มกดแบบ

Rollover สาหรบงานสรางเวบเพจ

ตวอกษร (Text)1

ตวอกษรประกอบไปดวย 2 สวน ดงน

1. ตวอกษร ซงเราสามารถใช เครองมอ Type Tool สาหรบจดการ

1 http://www.phpparty.com/index.php/โปรแกรม-Adobe-Indesign/694-Indesign-ตวอกษร-(Text)

2. Textframe หรอเปนกรอบของตวอกษร ในทกครงทเราตองการพมพขอความตางๆ เราจะตองสราง Frame มากอน แลวคอย

ใชเครองมอ Type tool อกทคะ

***ในทกครงทตองการพมพตวอกษร จะตองสรางกรอบ ( Frame ) มากอนทกครง

Text Frame Option2

เราสามารถปรบแตงการทางานของเฟรมตวอกษรใหเหมาะสมกบการทางานของเรา เพอใหเกดความงายและสะดวกตอการใช

งาน ดงน ไปทคาสง Object > Text frame Option หรอกด Ctrl + B จากแปนคยบอรด

2 http://www.phpparty.com/index.php/โปรแกรม-Adobe-Indesign/698-Indesign-Text-Frame-Option

จะปรากฏหนาตางใหเราตงคา ตามตองการ ดงน

Number (1) : กาหนดจานวนการแบงคอลมนในเฟรมอกษร

Gutter (2) : กาหนดระยะหางระหวางคอลมน

Width (3) : กาหนดความกวางของคอลมน

Fixed Column Width (4) : ตวเลอกสาหรบกหดใหรกษาความกวางของคอลมนเอาไวตามทเรากาหนด

Inset Spacing (5) : สาหรบกาหนดระยะหางของตวอกษรกบเสนเฟรม

Align (6) : กาหนดรปแบบการเวนระยะในแนวตงระหวางตวอกษรและเฟรม

Ignore Text Wrap (7) : ตวเลอกสาหรบยกเลกคณสมบต Text Wrap ของตวอกษรทมอยในเฟรม

Preview (8) : แสดงตวอยางการตงคาทงหมด

เมอกาหนดหรอปรบคาตางๆแลวกกด Ok ไดเลย

การกาหนดหนวยวดระยะ2

3

ในบางครงเรากตองการกาหนดหนวยวดระยะใหเหมาะสมกบงาน เชน หนวยPixcel , cm, mm เปนตน ซงเราสามารถกาหนด

หนวยวดระยะไดดงน

ไปทคาสง Edit > Preferences > Units & Increments

3 http://www.phpparty.com/index.php/โปรแกรม-Adobe-Indesign/693-Indesign-การกาหนดหนวยวดระยะ

เลอกกาหนดหนวยวดตามตองการ

Horizontal : เลอกหนวยวดความกวาง

Vertical : เลอกหนวยวดความสง

แลวกด OK

Pages Palette Options4

เราสามารถปรบแตงหนาตาง PagesPalette ใหเหมาะสมกบการทางานของเราได โดยเราสามารถคลกทป ม Palette Menu ท

อยขางหนาตาง ของ Pages Palette

4 http://www.phpparty.com/index.php/%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%81%E0%B8%81%E0%B8%A3%E0%B8%A1-Adobe-Indesign/687-Indesign-Pages-Palette-Options

เลอก Panel Options... จะปรากฏหนาตางใหเรากาหนดคา ดงน

Pages (กาหนดในสวนของหนากระดาษทแสดงใน Pages Palette)

Size (1) : ขนาดของไอคอนหนาเอกสารทแสดงในหนาตาง Pages Palette

Show Vertically (2) : กาหนดเพอใหหนาตาง Pages Palette แสดงไอคอนหนาเอกสารเปนแถวตามแนวตง

Show Thumbnails(3) : กาหนดใหไอคอนหนาเอกสารในหนาตาง Pages Palette แสดงภาพทอยภายในหนาเอกสารนน

ขนมา

Master (กาหนดในสวนของหนา Master Page ทแสดงใน Pages Palette)

Size(4) : ตวเลอกสาหรเลอกขนาดของหนา Master Pages

Show Vertically (5) : กาหนดเพอใหไอคอนในสวนของ Master Pages ในหนาตาง Pages Palette แสดงไอคอนหนา

เอกสารเปนแถวตามแนวตง

Show Thumbnails(6) : กาหนดใหไอคอนในสวนของ Master Pages ในหนาตาง Pages Palette แสดงภาพทอยภายใน

หนาเอกสารนนขนมา

Pages on Top (7) : กาหนดใหแสดงสวนทเปนหนาเอกสารอยดานบน

Masters on Top(8) : กาหนดใหแสดงสวนทเปน Master Pages อยดานบน

สามารถเลอกปรบคาตามความถนดในการใชงานของแตละคน

การสรางหนาเอกสารแบบตอเนอง (แผนพบ)4

5

การสรางหนาเอกสารหลายหนาแบบตอเนองเหมาะสาหรบการทา แผนพบ โบวชวร หรองานเอกสารตางๆทตองการ

ความตอเนองของการแสดงผล

เราสามารถตงคาไดดงน

1. คลกเลอกหนากระดาษคทเราตองการกาหนดใหเปนหนาตอเนอง ( การเลอกหนาคสามารถทาไดดวยการกดคย Shift คาง

แลวคลกเลอกทง 2 หนา )

2. กดคลกขวาแลวเลอกท Allow Selected Spread to Shuffle (เอาเครองหมายถกออก)

3. คลกลากหนาเอกสารมาตอ

5 http://www.phpparty.com/index.php/โปรแกรม-Adobe-Indesign/690-Indesign-การสรางหนาเอกสารแบบตอเนอง-(แผนพบ)

สงเกตวาเมอลากมาตอหนาเอกสาร จะเปลยนไปดงรป ( สงเกตในกรอบสแดง ) ถงจะตอได

การยายตาแหนงคอลมน5

6

เราสามารถยายตาแหนงของเสนคอมลมนได ตามตองการดวยการใชเครองมอ Seletion (ลกศรสดา) มาลากยายได แต

เราจะตองทาการปลดลอกตาแหนงเสนกอน ซงสามารถทาไดดงนไปทคาสง View > Grids&Guides > Lock Column Guides

เพอปลดลอคเสนคอลมน (ไมใหมเครองหมายถกอยดานหนา)

6 http://www.phpparty.com/index.php/โปรแกรม-Adobe-Indesign/689-Indesign-การยายตาแหนงคอลมน

แลวใชเครองมอ Selection (ลกศรสดา) ลากยายตาแหนงเสนคอลมนตามตองการ และถาหากปรบแตงตาแหนวเสนคอลมนได

แลว สามารถกลบไปทคาสง View > Grids&Guides > Lock Column Guides เพอลอคเสนคอลมนไว

การแกไขเสน Margin และ Column7

ในบางครงทเาสรางหนาเอกสารมาแลว และตองการปรบแตงระยะหางจากขอบ และจานวนคอลมนในหนางานของเรา

สามารถปรบแตงไดดงน

ไปทคาสง Layout >Margins and Columns... จะปรากฏหนาตางใหเรากาหนดคา ดงน

Margins กาหนดระยะหางจากขอบ สามารถกดปลดลอคทเครองหมายโซเพอเลอกกาหนดเอง หรอ กดลอกทโซเพอใหคาทง 4

ดานมขนาดเทากน

Columns กาหนดจานวนคอลมน (Gutter กาหนดความกวางของเสนแบงคอลมน)

การใชงานเสนไกดใน indesign8

เสน Grid คอเสนตารางสจางๆ สาหรบชวยใหเราสามารถวางระยะการจดวางภาพหรอตวอกษรไดอยางแมนยา

ตามปกตเมอเราเรมทางาน เสน Grid จะยงไมปรากฏขนมา แตเราสามารถเปดไดเอง

ไปท Menu View > Grids $ Guides > Show Document Grid หรอกด Ctrl+' จากแปนคยบอรดกได

และเมอตองการปดเสน Grid กสามารถทาไดโดยคลกท Menu View > Grides & Guides > Hide Document Grid หรอกด

Ctrl+' จากแปนคยบอรดกไดเชนกน

Snap To Grid

7 http://www.phpparty.com/index.php/โปรแกรม-Adobe-Indesign/688-Indesign-การแกไขเสน-Margin-และ-Column

8 http://www.phpparty.com/index.php/โปรแกรม-Adobe-Indesign/263--indesign

การ Snap คอการกาหนดมใหเมอเราลากนาเอาวตถหนงไปใกลกบวตถอกชนหนง วตถทรราลากไปใกลจะทาการ snap

กบวตถอกชน ซงจะชวยใหเรามความสะดวกยงขน ในการยายวตถ เราสามารถตงคาการ Snap ไดโดยไปท Menu View >

Grids & Guides > Snap to Document Grid และถาหากตองการยกเลก โดยเลอกเมนเดยวอกครง

Baseline Grid

Baseline Grid คอเสนบบรทดตามแนวนอนทแสดงอยเตมพนทเอกสารคลายกบเสนบบรทดในสมดเสน Baseline Grid

นจะชวยใหเราสามารถกาหนดระยะการวางอกษรหรอร๔ปภาพตามแนวแถวบรรทดไดงายขน

เราสามารถเปด Baseline Grid ในพนททางานไดโดยคลกท Menu View > Grids & Guides > Show Baseline Grid และเมอ

ตองการปดเสน Baseline Grid เราสามารถคลกท Menu View > Grids & Guides > Hide Baseline Grid

การเพมหนาและลดหนากระดาษใน indesign9

เราสามารถทาไดหลายวธดวยกน แตวธทงายทสดคอหากเราตองการเพมหนาให กดท Icon รปหนากระดาษทมการพบ

เราจะไดหากรดาษใหมทนท หรอเรยกจากคาสง Insert Page

วธการเพมหนากระดาษใน indesign

1.เลอกเมน Layout > Pages > Indsert Pages หรอคลกขวาท Page Palette ดงรป

2.จะปรากฏหนาตางเพอกาหนดจานวนหนาทตองการ

9 http://www.phpparty.com/index.php/โปรแกรม-Adobe-Indesign/262--indesign

Pages จานวนหนาทตองการเพม

Insert เลอกการแสดงหนาวาจะใหแสดงไวกอนหรอหลงหนากระดาษ แลวระบเลขหนาทตองการเพมกอนหลง

แลวกด OK

การลดหนา( Delete Page ) สามารถทาไดหลายวธ เชน

วธท 1 คลกขวาท Page Icon ทตองการลบ แลวเลอก Delete Page

วธท 2 เลอก Icon Page ทตองการลบแลวลากมาใสถงขยะ

วธท 3 เลอก Page Icon ทตองการลบ แลวเลอก เมน Layout > Page > Delete Page

เทคนคการสรางเลขหนาอตโนมต910

1. เปดไฟล

10 http://www.phpparty.com/index.php/โปรแกรม-Adobe-Indesign/255-adobe-indesignindesign-indesign

2. คลกเลอก Page จากนนทาการดบเบลคลกท A - Master

3. คลกเลอก Type Tool จากนนทาการสรางกรอบขอความ

4. คลกเลอก Type > Insert Special Character > Markes > Current Page Number

5. สงเกตในกรอปขอความจะมอกษร A

6. ทาการปรบแตงอกษรตามความตองการ

7. Alt+คลกเมาสซายลากมายง A - Master อกดานหนา

8. จะเหนลกษณะดงรปตวอยาง

9. คลกเลอก Page จากนนทาการดบเบลคลกทหนากระดาษ จะเหนผลลพธของการใชงาน