the tutor

32

Upload: aiy-soshy

Post on 30-Mar-2016

216 views

Category:

Documents


3 download

DESCRIPTION

เนื้อหารายวิชา 140-113 และ 140-401

TRANSCRIPT

Page 1: THE TUTOR
Page 2: THE TUTOR

2

โปรแกรมนี้ใช้สำ�หรับก�รตกแต่งภ�พ แก้ไขภ�พ  ย่อ

ขน�ด ก�ร Retouch ภ�พ และก�ร Di-cut โปรแกรมนี้

ถือได้ว่�เป็นโปรแกรมที่ดีที่สุดสำ�หรับก�รแก้ไขและ

ตกแต่งภ�พดิจิทัล 

โปรแกรมนี้ใช้สำ�หรับสร้�งภ�พล�ยเส้น  ง�นกร�ฟิก

แบบ  2  มิติ  ก�รสร้�งโลโก้สินค้�  ผลง�นส�ม�รถย่อ

ขย�ยได้ โดยคุณภ�พไม่เปลี่ยนแปลง แต่ภ�พไม่เหมือน

ภ�พจริงเป็นได้เพียงภ�พว�ด 

โปรแกรมนี้ใช้สำ�หรับออกแบบและจัดหน้�  แต่ไม่

ส�ม�รถใช้โปรแกรมเดี่ยวๆ  ต้องมีก�รเตรียมรูปภ�พ

จ�ก Photoshop เตรียมคลิปอ�ร์ต หรือ Logo ต่�งๆ ม�

จ�ก  illustrator  ส่วนข้อคว�มจ�กโปรแกรมประเภท 

Word Prospering แล้วจึงนำ�ม�ประกอบรวมกัน ...

Page 3: THE TUTOR

3

  สำ�หรับร�ยวิช�คอมพิวเตอร์เพื่อง�นนิเทศศ�สตร์นั้นมุ่งหวังให้

นักศึกษ�ส�ม�รถใช้ทักษะจ�กก�รสร้�งง�นจ�ก  3  โปรแกรมข้�งต้นนั้น

ม�บูรณ�ก�ร  และส�ม�รถสร้�งสรรค์ผลง�นเพื่อก�รสื่อส�รในรูปแบบ

ต่�งๆ  ได้ อ�ทิ  โปสเตอร์  ใบปลิว แผ่นพับ หนังสือ หรือผลง�นสื่อดิจิทัล

เป็นต้น  โดยคว�มรู้พื้นฐ�นที่นักศึกษ�ต้องทร�บก่อนก�รผลิตผลง�นคือ

ประเภทของไฟล์และโหมดสี 

  “2  คำ�”  ที่นักศึกษ�ควรรู้จัก เกี่ ยวกับประเภทของ

ภ�พคือ Vector  และ Bitmap  โดย

ภ�พ Vector  จะมีลักษณะของก�ร

สร้�งให้แต่ละส่วนเป็นอิสระต่อ

กัน  ส�ม�รถยืดหรือหดภ�พเท่�ใด

ก็ได้  โดยที่ภ�พจะไม่แตก  คว�ม

ละเอียดของภ�พไม่เปลี่ยนแปลง 

Page 4: THE TUTOR

4

และยังคงคุณภ�พของภ�พไว้ได้

เหมือนเดิม แล้วก็ยังส�ม�รถขย�ย

เฉพ�ะคว�มกว้�งหรือคว�มสูง

ก็ได้  และไฟล์มีขน�ดเล็กกว่�ภ�

พบิตแมป  ซึ่งจะพบกับภ�พแบบ

นี้บนโปรแกรมสำ�หรับว�ดภ�พ

เช่น  Adobe  Illustrator  ภ�พแบบ

เวกเตอร์จะประกอบด้วย เส้น

ส�ย  ลวดล�ยต่�งๆ  ที่สร้�งขึ้น

จ�กก�รคำ�นวณท�งคณิตศ�สตร์

ของลักษณะท�งเรข�คณิตเพื่อ

สร้�งรูปทรง ข้อดีของภ�พแบบ

เวกเตอร์ที่มี เหนือภ�พแบบบิต

แมป  คือส�ม�รถเคลื่อนย้�ย  ปรับ

ขน�ด เปลี่ยนสี รูปทรง โดยไม่สูญ

เสียคุณภ�พของภ�พ  เพร�ะภ�พ

แบบเวกเตอร์  เป็นภ�พที่ไม่ขึ้นกับ 

คว�มละเอียด นั่นคือส�ม�รถปรับ

ขน�ดและพิมพ์โดยไม่สูญเสียร�ย

ละเอียดและคุณภ�พดังนั้นภ�พ

แบบเวกเตอร์จึงเหม�ะกับภ�พ

ล�ยเส้นต่�ง ๆ เช่น ตัวอักษร โลโก้

  แต่สำ�หรับโปรแกรมในก�ร

ปรับแต่งภ�พส่วนใหญ่ที่มีอยู่ใน

ท้องตล�ดทุกวันนี้มักจะทำ�ง�น

กับภ�พแบบบิตแมป  หรือที่เรียก

กันว่�แบบร�สเตอร์  (raster)  ภ�พ

แบบบิตแมปนี้ จะใช้กริดของ

ต�ร�งเล็ก  ๆ  ที่เร�รู้จักกันดีในชื่อ 

“พิกเซล”  (pixel)  สำ�หรับแสดง

Page 5: THE TUTOR

5

ภ�พ  แต่ละพิกเซลก็จะมีค่�ของ

ตำ�แหน่งและค่�สีของตัวเอง  ด้วย

เหตุที่พิกเซลมีขน�ดเล็กเร�จึงเห็น

ว่�ภ�พมีคว�มละเอียดสวยง�มดัง

นั้นเมื่อทำ�ง�นกับภ�พมิตแมปจึง

เป็นทำ�ง�นกับพิกเซลที่ประกอบ

กันขึ้นม�เป็นภ�พ  ไม่ใช่วัตถุหรือ

รูปทรงที่เห็น  ภ�พแบบบิตแมป

เป็นภ�พที่ขึ้นอยู่กับ Resolution 

  นอกจ�กประเภทของภ�พ

ทั้ง  2  ประเภทแล้ว  คำ�ว่�  Pixel 

เป็นอีกคำ�ที่ควรทำ�คว�มเข้�ใจ 

Pixel  เป็นก�รผสมของ  “Picture” 

และ  “element”  ภ�พบิตแมป

ทุกภ�พประกอบขึ้นด้วยพิกเซล 

แต่ละพิกเซลจะมีลักษณะเป็นรูป

สี่ เหลี่ยมที่ เก็บข้อมูลของสีเช่น 

พิกเซลของ  ภ�พ  8  บิต  จะเก็บ

ข้อมูลของสี  8 บิต ที่จอภ�พจะใช้

ในก�รแสดงผลดังนั้นภ�พภ�พ

หนึ่งจึงประกอบด้วยพิกเซลเล็ก

จำ�นวนม�กซึ่งส�ม�รถมองเห็น

ได้เมื่อขย�ยภ�พให้มีขน�ดใหญ่

ขึ้นจำ�นวนของพิกเซลที่แสดงต่อ

Page 6: THE TUTOR

6

หน่วยของคว�มย�วในภ�พจะถูก

เรียกว่�คว�มละเอียดของภ�พโดย

ปกติจะวัดเป็นพิกเซลต่อนิ้ว  (ppi 

:  Pixel  Per  Inch)  ภ�พที่มีคว�ม

ละเอียดสูงจะประกอบไปด้วย

พิกเซลจำ�นวนม�กที่มีขน�ดเล็ก

กว่�ภ�พเดียวกันที่มีคว�มละเอียด

น้อยกว่� 

  หัวข้อต่อไปซึ่ งจะในม�

กล่�วถึงคือเรื่องโหมดสี (Color 

Mode) สีนั้นมีคว�มสำ�คัญอย่�งยิ่

งในก�รออกแบบในก�รทำ�ง�นก

ร�ฟฟิคต่�งๆก�รเลือกสีให้เข้�กั

บเนื้อห�ของง�น  จะทำ�ให้ง�นที่

ทำ�ออกม�มีคว�มน่�เชื่อถือยิ่งขึ้น 

และยังส่งผลอย่�งม�กกับคว�ม

สวยง�มของง�นที่ออกม�ด้วย 

อย่�งไรก็ต�มในก�รออกแบบนั้น

นักศึกษ�จำ�เป็นต้องเลือกโหมดสี

ให้เหม�ะสมกับผลง�นด้วยกล่�ว

คือ ...

(1)  RGB  Color  โหมดสีที่ถอด

คุณสมบัติของภ�พแบบ RGB 

ม�สร้�งเห็นโหมดภ�พโดยมีสี  

แดง  เขียว  และนำ้�เงิน  โดยแต่ละ

สีจะไล่ได้  256  ระดับ  โดยใช้หลัก

ก�รก�รรวมแสงสี  ส�ม�รถสร้�ง

สีได้สูงสุด  16.7  ล้�นสี  หลักก�ร

แสดงสีของจอคอมพิวเตอร์นั้น

Page 7: THE TUTOR

7

จะแสดงเป็น  RGB  ฮยู่แล้ว  ฉนั้น 

ไม่ว่�จะเลือกโหมดก�รทำ�ง�นใด

ก็ต�ม  ก�รแสงดผลบนจอภ�พก็

จะใช้เป็น RGB อยู่เช่นเดิม

(2)  CMYK  โหมดม�ตร�ฐ�น

สำ�หรับเครื่องพิมพ์  โดยแบ่งสีเป็น 

4 สีหลักได้แก่ ฟ้� ชมพูม่วง เหลือง 

และดำ� โดยในแต่ละสีจะมีค่� 8 Bit 

ซึ่งทำ�ให้ในแต่ละ  Pixcl  จะเก็บค่�

ถึง  32  Bit  ในโหมดนี้  Photoshop 

จัดเตรียมสำ�หรับภ�พที่ใช้ในก�

รพิมพ์โดยแก้ไขจุดบกพร่องของ

โหมดสี  RBG  ที่เครื่องพิมพ์ไม่

ส�ม�รถพิมพ์สีบ�งสีออกไปได้

Page 8: THE TUTOR

8

    ก่อนเริ่มต้นเข้�สู่โปรแกรม 

Adobe  Photoshop  สิ่งแรกที่นักศึก

ควรรู้จักคือเลเยอร์ (Layer) ก�รทำ� 

ง�นด้วยเลเยอร์เป็นส่วนสำ�คัญ  ที่จะ

ช่วยให้เร�ส�ม�รถสร้�งง�นได้ง่�ย

ขึ้นและเป็นขั้นตอน และมีประโยชน์

อย่�งม�กในก�รกลับม�แก้ไขส่วน

ต่�ง  ๆ  ของชิ้นง�นอีกด้วย  ก�ร

ทำ�ง�นของเลเยอร์นั้น    มีลักษณะ

คล้�ยกับก�รนำ�แผ่นใสที่ว�ดภ�พไว้

ในแต่ละแผ่นม�ว�งซ้อนทับเรียงกันเป็นชั้น  ๆ  โดยแผ่นใสแต่ละแผ่นก็

เปรียบเสมือนเลเยอร์แต่ละเลเยอร์จน เกิดเป็นภ�พที่สมบูรณ์ขึ้นม� ในก�ร

ทำ�ง�นนั้นเร�ส�ม�รถซ่อนหรือแสดงผลของภ�พในเลเยอร์    สับเปลี่ยน

ลำ�ดับ  เชื่อมหรือล็อคเลเยอร์เข้�ด้วยกันได้ นอกจ�กนี้ห�กในก�รทำ�ง�นมี

จำ�นวนเลเยอร์ม�กเกินไป 

Page 9: THE TUTOR

9

การใช้งานโปรแกรม Photoshop แบบฝึกหัดแลกของเรานั้นคือ การ Re-

touch ก�รรีทัชภ�พเป็นภ�ษที่นักแต่งภ�พนิยมเรียกกัน คว�มหม�ยตรงๆ 

ของก�รรีทัชก็คือ ก�รนำ�ภ�พถ่�ยที่ได้ม�จ�กแหล่งต่�งๆ   ม�ตกแต่งแก้ไข

จนได้ผลลัพธ์ที่สวยง�มสมดังใจ เช่นก�รลบริ้วรอยที่เป็นส่วนเกินบน

ภ�พถ่�ยออกไปหรือก�รตกแต่งภ�พถ่�ยให้มีสีสันแปลกต�      รวม ถึงก�ร

ทำ�ภ�พที่ถ่�ยม�ปกติให้ดูเหมือนฝันเครื่องมือเบื้องต้นในก�รรีทัชภ�พมี

ดังนี้

  1.  ก�รใช้คำ�สั่ง  Liquify  ส�ม�รถช่วยลดส่วนเกินเพร�ะปกติแล้ว

เวล�ถ่�ยรูปม� บ�งทีน�ยแบบน�งแบบอ�จมีส่วนเกินที่ไม่ต้องก�ร เช่น 

“ตุ๊กกี้”   โดยเริ่มต้นจ�ก  Filter > liquify และใช้เครื่องมือ Forword warp 

tool    ม�ทำ�ก�รลดส่วนเกิน  |  ใช้เครื่องมือ  Pucker  tool  ก�รลดขน�ดของ

ภ�พเฉพ�ะตำ�แหน่งที่ต้องก�รให้เล็กลงเช่นทำ�ดวงต�ให้เหมือนอ�ตี๋  - 

อ�หมวย  |  ใช้เครื่องมือ  Bloat  tool  ก�รขย�ยขน�ดภ�พเฉพ�ะตำ�แหน่งที่

ต้องก�รให้ใหญ่ขึ้นเช่นทำ�ต�โตเป็นต้น  ห�กผลง�นออกม�ไม่พอใจให้ไป

ที่ Reconstruct tool เป็นก�รย้อนกลับเมื่อต้องแก้ไขผลง�น

Page 10: THE TUTOR

10

Page 11: THE TUTOR

11  หลังจ�กพอใจกับสัดส่วนของน�ยแบบ  น�งแบบแล้วลำ�ดับต่อไป

คือก�ร ก�รปรับแต่งสีให้กับภ�พ 

  2 ก�รปรับคว�มอิ่มตัวของสี Hue / Saturation ก�รปรับโทนสีและ

ค่�คว�มอิ่มตัวของสี คือคำ�สั่ง Hue  / Saturation  โดยคลิกที่เมนู  Image > 

Adjustment > Hue / Saturation 

Page 12: THE TUTOR

12

Edit : ก�รเลือกโทนสีให้กับภ�พที่ต้องก�รจะปรับแต่ง | Hue : ก�รปรับค่�

โทนสีของภ�พ | Saturation : ปรับค่�คว�มอิ่มตัวของสี | Lightness : ปรับ

ค่�คว�มสว่�งของสี

  3 ค่�คว�มสว่�ง Lavel   

  คำ�สั่งย่อย  Levels  ในเมนู  Adjustment  เป็นคำ�สั่งสำ�หรับก�รปรับ

แต่ง Levels ( ค่�คว�มสว่�ง ) ของภ�พ ซึ่งก�รใช้คำ�สั่ง Levels นั้น เร�จะ

ทำ�ง�นในหน้�ต่�งย่อย Levels ส�ม�รถเรียกเปิดได้จ�กคลิกที่เมนู Image > 

Adjustment > Levels

Channel  เลือกสีของภ�พที่จะทำ�ก�รปรับแต่ง  |  2.  Input  Levels  ช่อง

สำ�หรับระบุค่�โทนสีต่�ง  ๆ  |  3.  ส่วนแสดงกร�ฟแสดง  Histogram  ของ

ภ�พ | แถบปรับโทนสีของภ�พด้วยก�รเลื่อนรูปส�มเหลี่ยมด้�นล่�ง | Out-

put Levels ก�รกำ�หนดค่�ให้กับแถบ Gradient | แถบ Gradient 

กำ�หนดค่�มืดที่สุดและสว่�งที่สุดในภ�พ

Page 13: THE TUTOR

13 แบบฝึกหัดที่ 2 ว่าด้วยการ Di-cut ก�รไดคัท เป็นก�รตัดส่วนที่เร�

ไม่ต้องก�รออกจ�กภ�พเดิม และเร�ส�ม�รถ ตัดให้เป็นส่วนโค้ง  เว้� หรือ

หยัก ต�มที่เร�ต้องก�รได้ วิธีแรกคือ ก�รเลือกพื้นที่ด้วย Lasso เป็นเครื่อง

มือสำ�หรับเลือกภ�พ  โดยกำ�หนดส่วนที่เป็นขอบของ  Selection  เอง  ซึ่ง

แบ่งเป็นเครื่องมือย่อยดังนี้

   Lasso tool ตัวเลือกแบบอิสระ สำ�หรับเลือกพื้นที่โดยก�รคลิก

แล้วล�ก Mouse  ไปต�มพื้นที่ที่ต้องก�ร  ห�กกดแป้น  Alt  ค้�งเอ�ไว้ขณะ

ใช้ง�นเครื่องมือ Lasso จะกล�ยเป็น Polygonal Lasso และเมื่อปล่อยแป้น 

Alt เส้น Selection ที่ว�ดจะปิดทันที 

Polygonal Lasso Tool

    Polygonal  Lasso  สำ�หรับคลิกเลือกขอบเขตของพื้นที่แบบ

เหลี่ยม  ก�รปิดพื้นที่  Selection  หรือก�รสิ้นสุดก�รเลือกของ  Polygonal 

Lasso นั้นโดยก�รคลิกเลือกพื้นที่จนกระทั่งเส้นบอกเขตก�รเลือกม�ชนที่

จุดเริ่มต้น และดับเบิ้ลคลิกเพื่อปิดเส้น Selection ทันที 

Page 14: THE TUTOR

14

   Magnetic Lasso Tool สำ�หรับเลือกเขตพื้นที่อัตโนมัติ  โดยจะ

ทำ�ก�รอ่�นค่�คว�มแตกต่�งระหว่�งสีเป็นตัวตัดสินใจเลือกก�รว�งเส้น

กำ�หนดพื้นที่ 

Select with the Magnetic Lasso Tool

Page 15: THE TUTOR

15วิธีที่ 2 Magic Wand Tool  เป็น

เครื่องมือเลือกพื้นที่โดยก�รคลิก

เลือกลงไปในภ�พแล้วโปรแกรม

จะทำ�ก�รเลือกพื้นที่  ที่มีสีเดียวกัน

หรือใกล้เคียงกันซึ่งส�ม�รถใช้ง�น

ได้โดย  คลิกเลือกเครื่องมือ  Mag-

ic  wand  แล้วคลิกลงบนพื้นที่สีที่

ต้องก�รเลือก  พื้นที่ที่มีสีเดียวกัน

และอยู่ติดกัน จะเลือกทั้งหมด

----------------------------------------

Page 16: THE TUTOR

16

  (3)  Animation  คือก�รสร้�งภ�พเคลื่อนไหว  โดยก�รนำ�ภ�พนิ่ง

หล�ยๆภ�พที่มีคว�มต่อเนื่อง    ม�ฉ�ยด้วยคว�มเร็วที่เหม�ะสม  ทำ�ให้เกิด

ภ�พลวงต�ของก�รเคลื่อนไหว

CLICK

Page 17: THE TUTOR

17>> window เลือก animation<<

[Step 1] ว�งแผนและตระเตรียมเฟรมภ�พต่�งๆใน PhotoShop

[Step 2] คลิกที่ Duplicates selected frames (กระด�ษพับมุม) ให้ได้จำ�นวน

      เฟรมที่ต้องก�ร

[Step 3] จัดก�รเลเยอร์โดยทำ�ให้ภ�พปร�กฏต�มเฟรมที่กำ�หนด

[Step 4] ตั้งหน่วงเวล�ที่เหม�ะสม 

[Step 5] บันทึกภ�พ (save for web and device) 

Page 18: THE TUTOR

18

SAVE FILE --------------------------------------------------

ในระหว่�งก�รทำ�ง�น หรือหลังจ�กก�ร

ทำ�ง�นเสร็จสิ้น ก�รบันทึกผลง�นหรือก�ร  Save 

File เป็นสิ่งที่ควรทำ�ให้เป็นนิสัยในระหว่�งก�รท

ำ�ง�น เพื่อให้ส�ม�รถนำ�ง�นชิ้นนั้นกลับม�ทำ�ง�นต่อได้

อีก รวมทั้งเป็นก�รป้องกันคว�มผิดพล�ดบ�งอย่�ง  โดยปกติเมื่อ

สั่ง  Save  ง�นโปรแกรมจะทำ�ก�รบันทึกง�นที่เร�ทำ�อยู่เป็น  File  Format 

.PSD ( Photoshop Document ) ซึ่งเป็นรูปแบบไฟล์ที่ใช้ง�นใน Photoshop 

ส�ม�รถที่จะจัดเก็บข้อมูลของง�นที่ทำ�เอ�ไว้ทุกอย่�งโดยไม่มีส่วนใดข�ด

ห�ยไป สำ�หรับไฟล์รูปแบบอื่นมีคุณสมบัติดังนี้ ... 

JPEG  ย่อม�จ�ก  Joint  Photographic  Experts  Group  เป็นรูปแบบแฟ้มที่

ใช้กันในก�รจัดเก็บและแลกเปลี่ยนรูปภ�พบน  WWW.  ม�กที่สุด  เพร�ะ

ส�ม�รถเก็บคว�มละเอียดสูงได้โดยใช้ขน�ดไฟล์ที่เล็ก  ส�ม�รถเก็บภ�พสี

Page 19: THE TUTOR

19ได้หล�กหล�ยระดับคว�มแม่นยำ�

ของสี  (Bit  Depth)  คว�มส�ม�รถ

ในก�รย่อขน�ดไฟล์ของแฟ้ม 

JPEG  นั้นเกิดจ�กก�รใช้เทคนิค

ก�รย่อขน�ดภ�พแบบก�รบีบอัด

คงข้อมูลหลัก  (Lossy  Compres-

sion)  หรือก�รบีบอัดแบบมีคว�ม

สูญเสียทำ�ให้ไม่นิยมใช้กับภ�พ

ที่เป็นล�ยเส้นหรือไอคอนต่�ง  ๆ 

เนื่องจ�กจะไม่ได้ประสิทธิภ�พ

เท่�ก�รเก็บในรูปแบบอื่น  อย่�ง 

PNG หรือ GIF และห�ก Save เป็น

รูปแบบ  JPEG  แล้วเลเยอร์ต่�งๆ 

ที่สร้�งขึ้นจะหลอมเป็นเลเยอร์

เดียวกัน ย�กต่อก�รแก้ไขเพิ่มเติม

.GIF  ม�จ�ก  Graphics  Inter-

change Format)  เป็นรูปแบบแฟ้ม

ภ�พและแฟ้มภ�พเคลื่อนไหว 

ถูกออกแบบโดย  Compuserve 

ซึ่งเป็นระบบเครือข่�ยข่�วส�ร

แบบออนไลน์ เพื่อให้บริก�รแลก

เปลี่ยนกร�ฟิกในรูปแบบบิตแมป 

ภ�พแบบGIF  มีข้อจำ�กัดอยู่ตรง

ด้�นแผงสีแบบ  Index ภ�พสีแบบ 

24bit (RGB) ไม่ส�ม�รถใช้ได้ แผง

สีส�ม�รถบรรจุได้  2-256  สี  ซึ่ง

สร้�งจ�กข้อมูลสี  24  บิท  แฟ้ม

แบบ  GIF  โดยใช้ก�รบีบขน�ด 

LZW  แบบประยุกต์  ทำ�ให้เปลือง

พื้นที่คว�มจุน้อยกว่� ...

Page 20: THE TUTOR

20

เรื่องแรกที่นักศึกษาได้เรียนรู้เกี่ยวกับ

โปรแกรม Adobe Illustrator คือ ...

STROKE & FILL

Fill : คือ พื้นที่ภายใน หรือการเติม

สีในวัตถุ ในที่นี้คือเติมสีแดง

Stroke : คือ เส้นรอบรูป หรือการ

วาดกรอบวัตถุ ในที่นี้คือสีดำา หาก

ต้องการเปลี่ยนแปลง Stroke ให้ไป

ที่ Windows >> Stroke เพื่อเปิด

แถบ Pallet แล้วเลือกนำ้าหนักของ

Stroke ...

Page 21: THE TUTOR

21

CREATE OUTLINE

  คื อคำ �สั่ งที่ ใช้ เปลี่ ยนตั ว

อักษรให้เป็นรูปภ�พ  ตัวอักษรใด

ที่โดน Create Outlines ไปแล้ว จะ

ไม่ส�ม�รถกลับม�พิมพ์แก้ไขได้

อีก  ก่อนจะ Create Outlines  ควร

เช็คตัวสะกดเสียก่อน  ว่�ถูกต้อง

เรียบร้อยแล้ว  ส�เหตุที่ต้อง  Cre-

ate Outlines เพร�ะเวล�ทต้องก�ร 

Print  ถ้�คอมพิวเตอร์ดังกล่�วไม่มี 

Font ลักษณะที่เร�ต้องก�รจะเปลี่

ยนไปใช้ตัวอักษรอื่นที่เครื่องนั้น

ๆมีแทนทำ�ใหก�รออกแบบเปลี่ย

นไป ส่วนอีกเหตุผลคือ เวลาที่เรา

ต้องการเอาตัวอักษรมาออกแบบ

ร่วมกับ PathFinder ++

---------------------------------------

Page 22: THE TUTOR

22

(1)  พิมพ์คำ�  Bear  และคลิกขว�

เลือกคำ�สั่ง  Create  Outline  เพื่อ

เปลี่ยนตัวอักษรเป็น  Path  หรือ

ภ�พเพื่อนำ�ไปตกแต่งต่อไป

(2)  ปรับแต่งสีตัวอักษรใช้  Stroke 

สีนำ้�ต�ลเข้ม และเลือก None Fill

(3)  ว�ดวงกลม  3  วง  และว�ง

ในตำ�แหน่งต�มภ�พ  โดยต้องมี

ตำ�แหน่งที่เกยกัน  หรือทับซ้อน

กัน เพื่อเตรียมสู่คำ�สั่ง Pathfinder

Page 23: THE TUTOR

23

Window >> Pathfinder

เลือกพื้นที่ทั้งหมด และใช้ Pathfinder ตัวที่หนึ่งเพื่อนรวมชิ้นส่วน

จ�กนั้นตกแต่งต�มคว�มเหม�ะสม โดยในก�รเติมสีนั้น

ห�กต้องเติมทัั้งหมดใช้ลูกศรดำ� และต้องก�รเติมบ�งส่วนใช้ลูกศรข�ว

Page 24: THE TUTOR

24

Page 25: THE TUTOR

25

Page 26: THE TUTOR

26

ต่อที่ก�รใช้ Pen Tool ว�ดเส้นให้ได้รูปร่�งต�มที่ต้องก�รกัน 

เครื่องมือนี้ใช้ง�นไม่ย�กแต่ต้อง

อ�ศัยคว�มชำ�น�ญ  ก�รใช็  Pen 

Tool  เพื่อว�ดเส้นตรงทำ�โดนก�ร 

คลิกที่จุดเริ่มต้นแล้วปล่อยและ

คลิกที่จุดปล�ยท�งเป็นจุด  anchor 

แบบไม่มีแขน แต่ถ้�ต้องก��รแขน

เพื่อดัดเป็นเส้นแบบต่�งๆ ทำ�ดังนี้

Step 1 : สร้�งจุดเริ่มต้น

Step 2 : คลิกที่จุด 2 ค้�งเอ�ไว้

Step 3 : ลองล�กเม้�ส์จะเห็นว่�จะ

มีแขนยื่นออกม�จ�กจุด ...  

  ผลง�นจ�ก Illustrator  นั้น

คือรูปแบบ  AI  (ออกเสียง  AYE-

EYE) แต่ถ้�ห�กต้องก�ร  Print 

อ�จ  Save  เป็นรูปแบบ  PDF 

เนื่องจ�กส�ม�รถช่วยรักษ�ก�ร

จัดรูปแบบง�นของนักศึกษ�ได้ 

Page 27: THE TUTOR

27

ระบบก�รทำ�ง�นของโปรแกรม Indesign นั้น ไม่ส�ม�รถใช้ง�นเดี่ยวๆ 

ได้ คุณต้องมีคว�มรู้พื้นฐ�นของ Photoshop และ illustrator ด้วย เพร�ะ

คุณต้องมีก�รเตรียมรูปภ�พจ�ก Photoshop และเตรียมคลิปอ�ร์ต หรือ 

Logo ต่�งๆ ม�จ�ก illustrator ส่วนข้อคว�มคุณส�ม�รถเตรียมม�จ�ก 

โปรแกรมประเภท Word Prospering แล้วเร�จึงนำ�ม�ประกอบรวมกัน

เป็นหนังสือ หรือแผ่นพับต่�งๆ ใน Indesign เสร็จแล้วเร�จึง Export 

ไฟล์ง�นของเร�นั้นเป็นไฟล์เพื่อส่งให้โรงพิมพ์ต่อไป

Page 28: THE TUTOR

28

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

Page 29: THE TUTOR

29

  สำ �หรับหนั งสือมักจะมี

ส่วนหลักๆที่เหมือนกันในแทบ

ทุกหน้�  ปกติแล้วส่วนที่เหมือน

กันนี้ได้แก่ชื่อหนังสือ  ชื่อบทที่ 

หรือเลขหน้�  ตลอดจนกร�ฟฟิก

ต่�งๆ  ด้วยเหตุนี้จึงต้องมีก�รตั้ง 

Master  Page  ขึ้นม�เพื่อสร้�งแม่

แบบ  โดยก�รสร้�งแม่แบบนั้น

ส�ม�รถทำ�ได้ม�กกว่�  1  รูปแบบ

เพื่อเป็น A Master หรือ B Master 

ต่อไป  ก�รตั้งค่�  Master  นั้น  เริ่ม

จ�กก�รไปที่  Window  >>  Page 

คลิกเลือก  Page  จ�กนั้นทำ�ก�ร

ดับเบิ้ลคลิกที่ A - Master  >> คลิก

เลือก  Type  Tool  จ�กนั้นทำ�ก�ร

สร้�งกรอบข้อคว�ม >> คลิกเลือก 

Type  >  Insert  Special  Character 

> Markes  > Current  Page Num-

ber  สังเกตในกรอปข้อคว�มจะมี

อักษร A

Page 30: THE TUTOR

30

หลั งจ �กนั้ นทำ �ก �รปรับแต่ ง

อักษรต�มคว�มต้องก�รและ 

Alt+คลิกเม้�ส์ซ้�ยล�กม�ยัง  A  - 

Master  อีกด้�นหน้�  สุดท้�ยคลิก

เลือก  Page  จ�กนั้นทำ�ก�รดับเบิ้ล

คลิกที่หน้�กระด�ษ  จะเห็น

ผลลัพธ์ของก�รใช้ง�น

นำ�เข้�ตัวอักษรจ�กโปรแกรมอื่น

  นักศึกษ�  ส�ม�รถนำ�

ข้อคว�มจ�กไฟล์อท่น  เช่น  mi-

crosoft  word  ม�ลงในโปรแกรม 

Indesign  ได้โดยไปที่คำ�สั่ง  File 

>  Place...  หรือกด  Ctrl  +  D  จ�ก

แป้นคีย์บอร์ด  และ  เลือกไฟล์ที่

ต้องก�ร  แล้วกด  Open  ข้อคว�ม

ทั้งหมดที่อยู่ ในไฟล์นั้นก็จะม�

อยู่ในโปรแกรม  Indesign  เป็นที่

เรียบร้อย

----------------------------------------

ก�รบันทึกผลง�นนั้นห�กใช้คำ�

สั่ง  Save  จะได้ไฟล์  .indd  ซึ่งเป็น

น�มสกุลของโปรแกรมส�ม�รถ

นำ�กลับม�แก้ไขได้  ..  แต่ห�กต้อง

ก�รนำ�ไปเผยแพร่บนสื่อออนไลน์ 

หรือเข้�ระบบพิมพ์ให้นักศึกษ� 

Export  เป็นน�มสกุล  .pdf    เพื่อ

ป้องกันคว�มผิดพล�ดที่อ�จเกิด

ขึ้น 

Page 31: THE TUTOR
Page 32: THE TUTOR

32