the tutor
DESCRIPTION
เนื้อหารายวิชา 140-113 และ 140-401TRANSCRIPT
![Page 1: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/1.jpg)
![Page 2: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/2.jpg)
2
โปรแกรมนี้ใช้สำ�หรับก�รตกแต่งภ�พ แก้ไขภ�พ ย่อ
ขน�ด ก�ร Retouch ภ�พ และก�ร Di-cut โปรแกรมนี้
ถือได้ว่�เป็นโปรแกรมที่ดีที่สุดสำ�หรับก�รแก้ไขและ
ตกแต่งภ�พดิจิทัล
โปรแกรมนี้ใช้สำ�หรับสร้�งภ�พล�ยเส้น ง�นกร�ฟิก
แบบ 2 มิติ ก�รสร้�งโลโก้สินค้� ผลง�นส�ม�รถย่อ
ขย�ยได้ โดยคุณภ�พไม่เปลี่ยนแปลง แต่ภ�พไม่เหมือน
ภ�พจริงเป็นได้เพียงภ�พว�ด
โปรแกรมนี้ใช้สำ�หรับออกแบบและจัดหน้� แต่ไม่
ส�ม�รถใช้โปรแกรมเดี่ยวๆ ต้องมีก�รเตรียมรูปภ�พ
จ�ก Photoshop เตรียมคลิปอ�ร์ต หรือ Logo ต่�งๆ ม�
จ�ก illustrator ส่วนข้อคว�มจ�กโปรแกรมประเภท
Word Prospering แล้วจึงนำ�ม�ประกอบรวมกัน ...
![Page 3: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/3.jpg)
3
สำ�หรับร�ยวิช�คอมพิวเตอร์เพื่อง�นนิเทศศ�สตร์นั้นมุ่งหวังให้
นักศึกษ�ส�ม�รถใช้ทักษะจ�กก�รสร้�งง�นจ�ก 3 โปรแกรมข้�งต้นนั้น
ม�บูรณ�ก�ร และส�ม�รถสร้�งสรรค์ผลง�นเพื่อก�รสื่อส�รในรูปแบบ
ต่�งๆ ได้ อ�ทิ โปสเตอร์ ใบปลิว แผ่นพับ หนังสือ หรือผลง�นสื่อดิจิทัล
เป็นต้น โดยคว�มรู้พื้นฐ�นที่นักศึกษ�ต้องทร�บก่อนก�รผลิตผลง�นคือ
ประเภทของไฟล์และโหมดสี
“2 คำ�” ที่นักศึกษ�ควรรู้จัก เกี่ ยวกับประเภทของ
ภ�พคือ Vector และ Bitmap โดย
ภ�พ Vector จะมีลักษณะของก�ร
สร้�งให้แต่ละส่วนเป็นอิสระต่อ
กัน ส�ม�รถยืดหรือหดภ�พเท่�ใด
ก็ได้ โดยที่ภ�พจะไม่แตก คว�ม
ละเอียดของภ�พไม่เปลี่ยนแปลง
![Page 4: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/4.jpg)
4
และยังคงคุณภ�พของภ�พไว้ได้
เหมือนเดิม แล้วก็ยังส�ม�รถขย�ย
เฉพ�ะคว�มกว้�งหรือคว�มสูง
ก็ได้ และไฟล์มีขน�ดเล็กกว่�ภ�
พบิตแมป ซึ่งจะพบกับภ�พแบบ
นี้บนโปรแกรมสำ�หรับว�ดภ�พ
เช่น Adobe Illustrator ภ�พแบบ
เวกเตอร์จะประกอบด้วย เส้น
ส�ย ลวดล�ยต่�งๆ ที่สร้�งขึ้น
จ�กก�รคำ�นวณท�งคณิตศ�สตร์
ของลักษณะท�งเรข�คณิตเพื่อ
สร้�งรูปทรง ข้อดีของภ�พแบบ
เวกเตอร์ที่มี เหนือภ�พแบบบิต
แมป คือส�ม�รถเคลื่อนย้�ย ปรับ
ขน�ด เปลี่ยนสี รูปทรง โดยไม่สูญ
เสียคุณภ�พของภ�พ เพร�ะภ�พ
แบบเวกเตอร์ เป็นภ�พที่ไม่ขึ้นกับ
คว�มละเอียด นั่นคือส�ม�รถปรับ
ขน�ดและพิมพ์โดยไม่สูญเสียร�ย
ละเอียดและคุณภ�พดังนั้นภ�พ
แบบเวกเตอร์จึงเหม�ะกับภ�พ
ล�ยเส้นต่�ง ๆ เช่น ตัวอักษร โลโก้
แต่สำ�หรับโปรแกรมในก�ร
ปรับแต่งภ�พส่วนใหญ่ที่มีอยู่ใน
ท้องตล�ดทุกวันนี้มักจะทำ�ง�น
กับภ�พแบบบิตแมป หรือที่เรียก
กันว่�แบบร�สเตอร์ (raster) ภ�พ
แบบบิตแมปนี้ จะใช้กริดของ
ต�ร�งเล็ก ๆ ที่เร�รู้จักกันดีในชื่อ
“พิกเซล” (pixel) สำ�หรับแสดง
![Page 5: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/5.jpg)
5
ภ�พ แต่ละพิกเซลก็จะมีค่�ของ
ตำ�แหน่งและค่�สีของตัวเอง ด้วย
เหตุที่พิกเซลมีขน�ดเล็กเร�จึงเห็น
ว่�ภ�พมีคว�มละเอียดสวยง�มดัง
นั้นเมื่อทำ�ง�นกับภ�พมิตแมปจึง
เป็นทำ�ง�นกับพิกเซลที่ประกอบ
กันขึ้นม�เป็นภ�พ ไม่ใช่วัตถุหรือ
รูปทรงที่เห็น ภ�พแบบบิตแมป
เป็นภ�พที่ขึ้นอยู่กับ Resolution
นอกจ�กประเภทของภ�พ
ทั้ง 2 ประเภทแล้ว คำ�ว่� Pixel
เป็นอีกคำ�ที่ควรทำ�คว�มเข้�ใจ
Pixel เป็นก�รผสมของ “Picture”
และ “element” ภ�พบิตแมป
ทุกภ�พประกอบขึ้นด้วยพิกเซล
แต่ละพิกเซลจะมีลักษณะเป็นรูป
สี่ เหลี่ยมที่ เก็บข้อมูลของสีเช่น
พิกเซลของ ภ�พ 8 บิต จะเก็บ
ข้อมูลของสี 8 บิต ที่จอภ�พจะใช้
ในก�รแสดงผลดังนั้นภ�พภ�พ
หนึ่งจึงประกอบด้วยพิกเซลเล็ก
จำ�นวนม�กซึ่งส�ม�รถมองเห็น
ได้เมื่อขย�ยภ�พให้มีขน�ดใหญ่
ขึ้นจำ�นวนของพิกเซลที่แสดงต่อ
![Page 6: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/6.jpg)
6
หน่วยของคว�มย�วในภ�พจะถูก
เรียกว่�คว�มละเอียดของภ�พโดย
ปกติจะวัดเป็นพิกเซลต่อนิ้ว (ppi
: Pixel Per Inch) ภ�พที่มีคว�ม
ละเอียดสูงจะประกอบไปด้วย
พิกเซลจำ�นวนม�กที่มีขน�ดเล็ก
กว่�ภ�พเดียวกันที่มีคว�มละเอียด
น้อยกว่�
หัวข้อต่อไปซึ่ งจะในม�
กล่�วถึงคือเรื่องโหมดสี (Color
Mode) สีนั้นมีคว�มสำ�คัญอย่�งยิ่
งในก�รออกแบบในก�รทำ�ง�นก
ร�ฟฟิคต่�งๆก�รเลือกสีให้เข้�กั
บเนื้อห�ของง�น จะทำ�ให้ง�นที่
ทำ�ออกม�มีคว�มน่�เชื่อถือยิ่งขึ้น
และยังส่งผลอย่�งม�กกับคว�ม
สวยง�มของง�นที่ออกม�ด้วย
อย่�งไรก็ต�มในก�รออกแบบนั้น
นักศึกษ�จำ�เป็นต้องเลือกโหมดสี
ให้เหม�ะสมกับผลง�นด้วยกล่�ว
คือ ...
(1) RGB Color โหมดสีที่ถอด
คุณสมบัติของภ�พแบบ RGB
ม�สร้�งเห็นโหมดภ�พโดยมีสี
แดง เขียว และนำ้�เงิน โดยแต่ละ
สีจะไล่ได้ 256 ระดับ โดยใช้หลัก
ก�รก�รรวมแสงสี ส�ม�รถสร้�ง
สีได้สูงสุด 16.7 ล้�นสี หลักก�ร
แสดงสีของจอคอมพิวเตอร์นั้น
![Page 7: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/7.jpg)
7
จะแสดงเป็น RGB ฮยู่แล้ว ฉนั้น
ไม่ว่�จะเลือกโหมดก�รทำ�ง�นใด
ก็ต�ม ก�รแสงดผลบนจอภ�พก็
จะใช้เป็น RGB อยู่เช่นเดิม
(2) CMYK โหมดม�ตร�ฐ�น
สำ�หรับเครื่องพิมพ์ โดยแบ่งสีเป็น
4 สีหลักได้แก่ ฟ้� ชมพูม่วง เหลือง
และดำ� โดยในแต่ละสีจะมีค่� 8 Bit
ซึ่งทำ�ให้ในแต่ละ Pixcl จะเก็บค่�
ถึง 32 Bit ในโหมดนี้ Photoshop
จัดเตรียมสำ�หรับภ�พที่ใช้ในก�
รพิมพ์โดยแก้ไขจุดบกพร่องของ
โหมดสี RBG ที่เครื่องพิมพ์ไม่
ส�ม�รถพิมพ์สีบ�งสีออกไปได้
![Page 8: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/8.jpg)
8
ก่อนเริ่มต้นเข้�สู่โปรแกรม
Adobe Photoshop สิ่งแรกที่นักศึก
ควรรู้จักคือเลเยอร์ (Layer) ก�รทำ�
ง�นด้วยเลเยอร์เป็นส่วนสำ�คัญ ที่จะ
ช่วยให้เร�ส�ม�รถสร้�งง�นได้ง่�ย
ขึ้นและเป็นขั้นตอน และมีประโยชน์
อย่�งม�กในก�รกลับม�แก้ไขส่วน
ต่�ง ๆ ของชิ้นง�นอีกด้วย ก�ร
ทำ�ง�นของเลเยอร์นั้น มีลักษณะ
คล้�ยกับก�รนำ�แผ่นใสที่ว�ดภ�พไว้
ในแต่ละแผ่นม�ว�งซ้อนทับเรียงกันเป็นชั้น ๆ โดยแผ่นใสแต่ละแผ่นก็
เปรียบเสมือนเลเยอร์แต่ละเลเยอร์จน เกิดเป็นภ�พที่สมบูรณ์ขึ้นม� ในก�ร
ทำ�ง�นนั้นเร�ส�ม�รถซ่อนหรือแสดงผลของภ�พในเลเยอร์ สับเปลี่ยน
ลำ�ดับ เชื่อมหรือล็อคเลเยอร์เข้�ด้วยกันได้ นอกจ�กนี้ห�กในก�รทำ�ง�นมี
จำ�นวนเลเยอร์ม�กเกินไป
![Page 9: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/9.jpg)
9
การใช้งานโปรแกรม Photoshop แบบฝึกหัดแลกของเรานั้นคือ การ Re-
touch ก�รรีทัชภ�พเป็นภ�ษที่นักแต่งภ�พนิยมเรียกกัน คว�มหม�ยตรงๆ
ของก�รรีทัชก็คือ ก�รนำ�ภ�พถ่�ยที่ได้ม�จ�กแหล่งต่�งๆ ม�ตกแต่งแก้ไข
จนได้ผลลัพธ์ที่สวยง�มสมดังใจ เช่นก�รลบริ้วรอยที่เป็นส่วนเกินบน
ภ�พถ่�ยออกไปหรือก�รตกแต่งภ�พถ่�ยให้มีสีสันแปลกต� รวม ถึงก�ร
ทำ�ภ�พที่ถ่�ยม�ปกติให้ดูเหมือนฝันเครื่องมือเบื้องต้นในก�รรีทัชภ�พมี
ดังนี้
1. ก�รใช้คำ�สั่ง Liquify ส�ม�รถช่วยลดส่วนเกินเพร�ะปกติแล้ว
เวล�ถ่�ยรูปม� บ�งทีน�ยแบบน�งแบบอ�จมีส่วนเกินที่ไม่ต้องก�ร เช่น
“ตุ๊กกี้” โดยเริ่มต้นจ�ก Filter > liquify และใช้เครื่องมือ Forword warp
tool ม�ทำ�ก�รลดส่วนเกิน | ใช้เครื่องมือ Pucker tool ก�รลดขน�ดของ
ภ�พเฉพ�ะตำ�แหน่งที่ต้องก�รให้เล็กลงเช่นทำ�ดวงต�ให้เหมือนอ�ตี๋ -
อ�หมวย | ใช้เครื่องมือ Bloat tool ก�รขย�ยขน�ดภ�พเฉพ�ะตำ�แหน่งที่
ต้องก�รให้ใหญ่ขึ้นเช่นทำ�ต�โตเป็นต้น ห�กผลง�นออกม�ไม่พอใจให้ไป
ที่ Reconstruct tool เป็นก�รย้อนกลับเมื่อต้องแก้ไขผลง�น
![Page 10: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/10.jpg)
10
![Page 11: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/11.jpg)
11 หลังจ�กพอใจกับสัดส่วนของน�ยแบบ น�งแบบแล้วลำ�ดับต่อไป
คือก�ร ก�รปรับแต่งสีให้กับภ�พ
2 ก�รปรับคว�มอิ่มตัวของสี Hue / Saturation ก�รปรับโทนสีและ
ค่�คว�มอิ่มตัวของสี คือคำ�สั่ง Hue / Saturation โดยคลิกที่เมนู Image >
Adjustment > Hue / Saturation
![Page 12: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/14.jpg)
14
Magnetic Lasso Tool สำ�หรับเลือกเขตพื้นที่อัตโนมัติ โดยจะ
ทำ�ก�รอ่�นค่�คว�มแตกต่�งระหว่�งสีเป็นตัวตัดสินใจเลือกก�รว�งเส้น
กำ�หนดพื้นที่
Select with the Magnetic Lasso Tool
![Page 15: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/15.jpg)
15วิธีที่ 2 Magic Wand Tool เป็น
เครื่องมือเลือกพื้นที่โดยก�รคลิก
เลือกลงไปในภ�พแล้วโปรแกรม
จะทำ�ก�รเลือกพื้นที่ ที่มีสีเดียวกัน
หรือใกล้เคียงกันซึ่งส�ม�รถใช้ง�น
ได้โดย คลิกเลือกเครื่องมือ Mag-
ic wand แล้วคลิกลงบนพื้นที่สีที่
ต้องก�รเลือก พื้นที่ที่มีสีเดียวกัน
และอยู่ติดกัน จะเลือกทั้งหมด
----------------------------------------
![Page 16: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/16.jpg)
16
(3) Animation คือก�รสร้�งภ�พเคลื่อนไหว โดยก�รนำ�ภ�พนิ่ง
หล�ยๆภ�พที่มีคว�มต่อเนื่อง ม�ฉ�ยด้วยคว�มเร็วที่เหม�ะสม ทำ�ให้เกิด
ภ�พลวงต�ของก�รเคลื่อนไหว
CLICK
![Page 17: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/18.jpg)
18
SAVE FILE --------------------------------------------------
ในระหว่�งก�รทำ�ง�น หรือหลังจ�กก�ร
ทำ�ง�นเสร็จสิ้น ก�รบันทึกผลง�นหรือก�ร Save
File เป็นสิ่งที่ควรทำ�ให้เป็นนิสัยในระหว่�งก�รท
ำ�ง�น เพื่อให้ส�ม�รถนำ�ง�นชิ้นนั้นกลับม�ทำ�ง�นต่อได้
อีก รวมทั้งเป็นก�รป้องกันคว�มผิดพล�ดบ�งอย่�ง โดยปกติเมื่อ
สั่ง Save ง�นโปรแกรมจะทำ�ก�รบันทึกง�นที่เร�ทำ�อยู่เป็น File Format
.PSD ( Photoshop Document ) ซึ่งเป็นรูปแบบไฟล์ที่ใช้ง�นใน Photoshop
ส�ม�รถที่จะจัดเก็บข้อมูลของง�นที่ทำ�เอ�ไว้ทุกอย่�งโดยไม่มีส่วนใดข�ด
ห�ยไป สำ�หรับไฟล์รูปแบบอื่นมีคุณสมบัติดังนี้ ...
JPEG ย่อม�จ�ก Joint Photographic Experts Group เป็นรูปแบบแฟ้มที่
ใช้กันในก�รจัดเก็บและแลกเปลี่ยนรูปภ�พบน WWW. ม�กที่สุด เพร�ะ
ส�ม�รถเก็บคว�มละเอียดสูงได้โดยใช้ขน�ดไฟล์ที่เล็ก ส�ม�รถเก็บภ�พสี
![Page 19: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/20.jpg)
20
เรื่องแรกที่นักศึกษาได้เรียนรู้เกี่ยวกับ
โปรแกรม Adobe Illustrator คือ ...
STROKE & FILL
Fill : คือ พื้นที่ภายใน หรือการเติม
สีในวัตถุ ในที่นี้คือเติมสีแดง
Stroke : คือ เส้นรอบรูป หรือการ
วาดกรอบวัตถุ ในที่นี้คือสีดำา หาก
ต้องการเปลี่ยนแปลง Stroke ให้ไป
ที่ Windows >> Stroke เพื่อเปิด
แถบ Pallet แล้วเลือกนำ้าหนักของ
Stroke ...
![Page 21: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/21.jpg)
21
CREATE OUTLINE
คื อคำ �สั่ งที่ ใช้ เปลี่ ยนตั ว
อักษรให้เป็นรูปภ�พ ตัวอักษรใด
ที่โดน Create Outlines ไปแล้ว จะ
ไม่ส�ม�รถกลับม�พิมพ์แก้ไขได้
อีก ก่อนจะ Create Outlines ควร
เช็คตัวสะกดเสียก่อน ว่�ถูกต้อง
เรียบร้อยแล้ว ส�เหตุที่ต้อง Cre-
ate Outlines เพร�ะเวล�ทต้องก�ร
Print ถ้�คอมพิวเตอร์ดังกล่�วไม่มี
Font ลักษณะที่เร�ต้องก�รจะเปลี่
ยนไปใช้ตัวอักษรอื่นที่เครื่องนั้น
ๆมีแทนทำ�ใหก�รออกแบบเปลี่ย
นไป ส่วนอีกเหตุผลคือ เวลาที่เรา
ต้องการเอาตัวอักษรมาออกแบบ
ร่วมกับ PathFinder ++
---------------------------------------
![Page 22: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/22.jpg)
22
(1) พิมพ์คำ� Bear และคลิกขว�
เลือกคำ�สั่ง Create Outline เพื่อ
เปลี่ยนตัวอักษรเป็น Path หรือ
ภ�พเพื่อนำ�ไปตกแต่งต่อไป
(2) ปรับแต่งสีตัวอักษรใช้ Stroke
สีนำ้�ต�ลเข้ม และเลือก None Fill
(3) ว�ดวงกลม 3 วง และว�ง
ในตำ�แหน่งต�มภ�พ โดยต้องมี
ตำ�แหน่งที่เกยกัน หรือทับซ้อน
กัน เพื่อเตรียมสู่คำ�สั่ง Pathfinder
![Page 23: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/23.jpg)
23
Window >> Pathfinder
เลือกพื้นที่ทั้งหมด และใช้ Pathfinder ตัวที่หนึ่งเพื่อนรวมชิ้นส่วน
จ�กนั้นตกแต่งต�มคว�มเหม�ะสม โดยในก�รเติมสีนั้น
ห�กต้องเติมทัั้งหมดใช้ลูกศรดำ� และต้องก�รเติมบ�งส่วนใช้ลูกศรข�ว
![Page 24: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/24.jpg)
24
![Page 25: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/25.jpg)
25
![Page 26: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/26.jpg)
26
ต่อที่ก�รใช้ Pen Tool ว�ดเส้นให้ได้รูปร่�งต�มที่ต้องก�รกัน
เครื่องมือนี้ใช้ง�นไม่ย�กแต่ต้อง
อ�ศัยคว�มชำ�น�ญ ก�รใช็ Pen
Tool เพื่อว�ดเส้นตรงทำ�โดนก�ร
คลิกที่จุดเริ่มต้นแล้วปล่อยและ
คลิกที่จุดปล�ยท�งเป็นจุด anchor
แบบไม่มีแขน แต่ถ้�ต้องก��รแขน
เพื่อดัดเป็นเส้นแบบต่�งๆ ทำ�ดังนี้
Step 1 : สร้�งจุดเริ่มต้น
Step 2 : คลิกที่จุด 2 ค้�งเอ�ไว้
Step 3 : ลองล�กเม้�ส์จะเห็นว่�จะ
มีแขนยื่นออกม�จ�กจุด ...
ผลง�นจ�ก Illustrator นั้น
คือรูปแบบ AI (ออกเสียง AYE-
EYE) แต่ถ้�ห�กต้องก�ร Print
อ�จ Save เป็นรูปแบบ PDF
เนื่องจ�กส�ม�รถช่วยรักษ�ก�ร
จัดรูปแบบง�นของนักศึกษ�ได้
![Page 27: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/27.jpg)
27
ระบบก�รทำ�ง�นของโปรแกรม Indesign นั้น ไม่ส�ม�รถใช้ง�นเดี่ยวๆ
ได้ คุณต้องมีคว�มรู้พื้นฐ�นของ Photoshop และ illustrator ด้วย เพร�ะ
คุณต้องมีก�รเตรียมรูปภ�พจ�ก Photoshop และเตรียมคลิปอ�ร์ต หรือ
Logo ต่�งๆ ม�จ�ก illustrator ส่วนข้อคว�มคุณส�ม�รถเตรียมม�จ�ก
โปรแกรมประเภท Word Prospering แล้วเร�จึงนำ�ม�ประกอบรวมกัน
เป็นหนังสือ หรือแผ่นพับต่�งๆ ใน Indesign เสร็จแล้วเร�จึง Export
ไฟล์ง�นของเร�นั้นเป็นไฟล์เพื่อส่งให้โรงพิมพ์ต่อไป
![Page 28: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/28.jpg)
28
ส่วนประกอบของโปรแกรม Indesign
![Page 29: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/29.jpg)
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](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/30.jpg)
30
หลั งจ �กนั้ นทำ �ก �รปรับแต่ ง
อักษรต�มคว�มต้องก�รและ
Alt+คลิกเม้�ส์ซ้�ยล�กม�ยัง A -
Master อีกด้�นหน้� สุดท้�ยคลิก
เลือก Page จ�กนั้นทำ�ก�รดับเบิ้ล
คลิกที่หน้�กระด�ษ จะเห็น
ผลลัพธ์ของก�รใช้ง�น
นำ�เข้�ตัวอักษรจ�กโปรแกรมอื่น
นักศึกษ� ส�ม�รถนำ�
ข้อคว�มจ�กไฟล์อท่น เช่น mi-
crosoft word ม�ลงในโปรแกรม
Indesign ได้โดยไปที่คำ�สั่ง File
> Place... หรือกด Ctrl + D จ�ก
แป้นคีย์บอร์ด และ เลือกไฟล์ที่
ต้องก�ร แล้วกด Open ข้อคว�ม
ทั้งหมดที่อยู่ ในไฟล์นั้นก็จะม�
อยู่ในโปรแกรม Indesign เป็นที่
เรียบร้อย
----------------------------------------
ก�รบันทึกผลง�นนั้นห�กใช้คำ�
สั่ง Save จะได้ไฟล์ .indd ซึ่งเป็น
น�มสกุลของโปรแกรมส�ม�รถ
นำ�กลับม�แก้ไขได้ .. แต่ห�กต้อง
ก�รนำ�ไปเผยแพร่บนสื่อออนไลน์
หรือเข้�ระบบพิมพ์ให้นักศึกษ�
Export เป็นน�มสกุล .pdf เพื่อ
ป้องกันคว�มผิดพล�ดที่อ�จเกิด
ขึ้น
![Page 31: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/31.jpg)
![Page 32: THE TUTOR](https://reader034.vdocuments.pub/reader034/viewer/2022042903/568c517f1a28ab4916b2df05/html5/thumbnails/32.jpg)
32