โปรแกรม Illustrator เบื้องต้น - Siam...
Transcript of โปรแกรม Illustrator เบื้องต้น - Siam...
โปรแกรม 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 จากนนทาการดบเบลคลกทหนากระดาษ จะเหนผลลพธของการใชงาน