bitmap raster - โรงเรียนบ้าน ... · คลิกคาสั่ง start...

100
เอกสารประกอบการเรียนการสอน วิชา วาดภาพด้วยโปรแกรมกราฟฟิก โดย นางทฤฒมน อมรไตรภพ รู ้จักโปรแกรม Illustrator CS3 โปรแกรม Illustrator เป็นโปรแกรมที่ทางานด้านกราฟิกชนิดหนึ ่ง ซึ ่งเน้นการสร้างงานจากการวาด จุดเด่น ของโปรแกรมนี ้คือ สามารถสร้างภาพลายเส้นได้เป็นอย่างดี นอกจากนี ้ยังสามารถนาลายเส้นที่วาดมา ดัด แก้ไข ตกแต่งได้ง่าย สามารถนาไปใช้งานด้านต่าง ๆ ไม่ว่าจะเป็นงานสิ่งพิมพ์ งานออกแบบโลโก้ หรือท ภาพประกอบในหนังสือและเว็บไซต์ สร้างลายเส้น สาหรับใช้ในงานโปรแกรมสามมิติ หรือโปรแกรมตกแต่ง ภาพอื่น ๆ เป็นต้นภาพที่ใช้งานในโปรแกรมกราฟิกจะแบ่งออกตามลักษณะใช้งานสองประเภท คือภาพกราฟิก แบบ Vector และภาพแบบ Bitmapทั ้งนี ้เพื่อความเหมาะสมในการจัดเก็บ การแก้ไขและการนากลับไปใช้งาน อีกครั ้งสาหรับภาพกราฟิกทั ้งสองชนิดจะมีความแตกต่างกันดังนี ภาพแบบ Bitmap หรือ Raster เป็นภาพที่เกิดจากเม็ดสีเล็ก ๆ ประกอบมาเป็นภาพใหญ่ ๆ ที่เรามองเห็นกัน จุดเล็กหนึ ่งจุดจะบรรจุ ด้วยหนึ ่งสี เราเรียกจุดสีนี ้ว่าจุด Pixel รูปภาพหนึ ่ง ๆ จะประกอบด้วยจุด Pixel เป็น ล้าน ๆ จุด ยิ่งจานวนมากจะ ทาให้ภาพมีความละเอียดสวยงามซึ ่งจะทาให้กินเนื ้อที่ในการเก็บข้อมูลมากจุดเด่นของภาพแบบ Bitmap ก็คือ ได้ภาพสวยสีสันสดใส สมจริงมากจุดด้อยของภาพแบบ Bitmap นี ้คือ เมื่อนาภาพมาขยายใหญ่มาก ๆ ภาพ หยาบไม่คมชัดเหมือนภาพต้นแบบ โปรแกรมตกแต่งภาพทั่วไปจะทางานกับภาพ Bitmap เช่น โปรแกรม Adobe Photoshop, Paintเป็นต้น และจะถูกบันทึกไว้ในไฟล์นามสกุล BMP, GIF, JPG, TIFF เป็นต้น เหมาะ สาหรับไฟล์ภาพถ่ายไฟล์ภาพเหมือนจริงต่าง ๆ ภาพแบบ Vector เป็นภาพที่เกิดจากเส้นตรง เส้นโค้ง และสีต่างๆ ซึ ่งถูกบรรจุเอาไว้ในลักษณะสมการทางคณิตศาสตร์ใช้ กันมากในงานประเภทที่ต้องการความแม่นยา และความละเอียดสูง เช่น การออกแบบโลโก้ สร้างภาพสามมิติ การสร้างภาพทางวิศวกรรม สร้างภาพ Clip Art เนื่องจากงานดังกล่าวจะถูกปรับย่อ- ขยายบ่อย ๆ จุดเด่นของ ภาพแบบ Vector คือภาพคมชัด เม็ดสีไม่แตกเมื่อเกิดการปรับย่อ า ๆ จุดด้อยของภาพแบบ Vector คือ ภาพ ที่ได้ไม่สมจริงจะเหมาะกับงานที่เป็นกราฟิกมากกว่าสร้างภาพเหมือนจริง โปรแกรมที่ทางานกับภาพกราฟิก แบบ Vector มีอยู่หลายโปรแกรม เช่นโปรแกรม Illustrator, Flash , 3d Studio max เป็นต้น และจะถูกบันทึก เอาไว้ในไฟล์นามสกุล Al , SWF , EPS เป็นต้น

Upload: lamkien

Post on 24-May-2018

220 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

รจกโปรแกรม Illustrator CS3

โปรแกรม Illustrator เปนโปรแกรมทท างานดานกราฟกชนดหนง ซงเนนการสรางงานจากการวาดจดเดน ของโปรแกรมนคอ สามารถสรางภาพลายเสนไดเปนอยางด นอกจากนยงสามารถน าลายเสนทวาดมาดด แกไข ตกแตงไดงาย สามารถน าไปใชงานดานตาง ๆ ไมวาจะเปนงานสงพมพ งานออกแบบโลโก หรอทภาพประกอบในหนงสอและเวบไซต สรางลายเสน ส าหรบใชในงานโปรแกรมสามมต หรอโปรแกรมตกแตงภาพอน ๆ เปนตนภาพทใชงานในโปรแกรมกราฟกจะแบงออกตามลกษณะใชงานสองประเภท คอภาพกราฟกแบบ Vector และภาพแบบ Bitmapทงนเพอความเหมาะสมในการจดเกบ การแกไขและการน ากลบไปใชงานอกครงส าหรบภาพกราฟกทงสองชนดจะมความแตกตางกนดงน ภาพแบบ Bitmap หรอ Raster เปนภาพทเกดจากเมดสเลก ๆ ประกอบมาเปนภาพใหญ ๆ ทเรามองเหนกน จดเลกหนงจดจะบรรจดวยหนงส เราเรยกจดสนวาจด Pixel รปภาพหนง ๆ จะประกอบดวยจด Pixel เปน ลาน ๆ จด ยงจ านวนมากจะท าใหภาพมความละเอยดสวยงามซงจะท าใหกนเนอทในการเกบขอมลมากจดเดนของภาพแบบ Bitmap กคอไดภาพสวยสสนสดใส สมจรงมากจดดอยของภาพแบบ Bitmap นคอ เมอน าภาพมาขยายใหญมาก ๆ ภาพหยาบไมคมชดเหมอนภาพตนแบบ โปรแกรมตกแตงภาพทวไปจะท างานกบภาพ Bitmap เชน โปรแกรม Adobe Photoshop, Paintเปนตน และจะถกบนทกไวในไฟลนามสกล BMP, GIF, JPG, TIFF เปนตน เหมาะส าหรบไฟลภาพถายไฟลภาพเหมอนจรงตาง ๆ ภาพแบบ Vector เปนภาพทเกดจากเสนตรง เสนโคง และสตางๆ ซงถกบรรจเอาไวในลกษณะสมการทางคณตศาสตรใชกนมากในงานประเภททตองการความแมนย า และความละเอยดสง เชน การออกแบบโลโก สรางภาพสามมต การสรางภาพทางวศวกรรม สรางภาพ Clip Art เนองจากงานดงกลาวจะถกปรบยอ- ขยายบอย ๆ จดเดนของภาพแบบ Vector คอภาพคมชด เมดสไมแตกเมอเกดการปรบยอ – ซ า ๆ จดดอยของภาพแบบ Vector คอ ภาพทไดไมสมจรงจะเหมาะกบงานทเปนกราฟกมากกวาสรางภาพเหมอนจรง โปรแกรมทท างานกบภาพกราฟกแบบ Vector มอยหลายโปรแกรม เชนโปรแกรม Illustrator, Flash , 3d Studio max เปนตน และจะถกบนทกเอาไวในไฟลนามสกล Al , SWF , EPS เปนตน

Administrator
Highlight
Administrator
Text box
Administrator
Text box
Administrator
Text box
Administrator
Text box
Page 2: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

1.2 การเปดใชงานโปรแกรม Illustrator CS3 หลงจากทตดตงโปรแกรม Illustrator CS3 เรยบรอยแลวสามารถเรยกใชโปรแกรมไดตามขนตอนดงตอไปน 1. คลกค าสง Start > All Program >Adobe Illustrator CS3 ดงภาพ

2. จะปรากฏหนาตางตอนรบขนมา เพอเลอกรปแบบการท างาน ดงภาพ

Administrator
Text box
Administrator
Text box
Page 3: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

Open a Recent Item แสดงไฟลทท างานลาสด จ านวน 9 ไฟล โฟลเดอร open เลอกเปดไฟลงานทเกบไว Create New เลอกสรางไฟลใหมใหเหมาะสมตามการใชงาน เชน Web Document

กจะเหมาะสมส าหรบการน าไปใชท าเวบ From Template สรางไฟลงานจากเทมเพลททโปรแกรมไดเตรยมไฟลส าเรจรปไวให Getting Started จะลงคไปยง Help เพอใหเราเลอกอานวธการใชงานของเครองมอ

ตางๆ New Features แสดงเครองมอใหมๆ ของ Illustrator CS3 Resources ตวชวยและงานตวอยางทเกยวของกบโปรแกรม Get the most out of Illustrator

เปนลงคไปดเทคนคการใชงานของ Illustrator ทผใชงานทวโลกโพสตไว

Administrator
Text box
Administrator
Text box
Page 4: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

สวนประกอบของ Illustrator CS3 ประกอบไปดวย

Menu Bar เปนทอยของชดค าสงลกษณะตางๆ ทกรปแบบ ตงแตการเปด-ปด สรางเอกสารใหม แกไข เปลยนแปลง บนทกไฟล ไปจนถงค าสงส าหรบพมพ และวาดภาพทงหมด

คอนโทล พาเนล ( Control Panel ) เปนสวนทใชก าหนดคณสมบตของเครองมอทเลอกท างานอย ซงรายละเอยดของคอนโทรลพาเนลจะเปลยนไปตามการเลอกใชเครองมอ เชน เลอกเครองมอเพอพมพตวอกษรกจะแสดงคณสมบตของการจดการตวอกษร

กลองเครองมอ ( Tools box ) เปนกลองทเกบรวบรวมเครองมอส าหรบการท างาน โดยจะแบงออกตามลกษณะการท างานโดยสามารถเรยกใชจากการกดทปมสามเหลยมดานมมขวาลาง เชน เครองมอกลม Shape กจะประกอบไปดวยเครองมอวาดรปทรงแบบสเหลยม, สเหลยมมมโคง, และวงกลม เปนตน การเปด/ปดกลองเครองมอ ใชค าสง Windows > Tools

พาเลท ( Palate ) กรอบหนาตางยอย ทมค าสงและเครองมอในการจดการ ตรวจสอบคาและปรบแตงองคประกอบตางๆของวตถ เครองมอเหลานจะถกจดแบงไวเปนหมวดหม การเปดใชงานพาเลท ใชค าสง Windows > ตามดวยชอพาเลททตองการใชงาน

พนทการท างาน ( Artboard ) มลกษณะเปนกรอบสเหลยมสด าใชเปนพนทในการสรางและปรบแตงภาพจะมขนาดตามทก าหนดไวตอนทเราสรางไฟล

Administrator
Text box
Administrator
Text box
Page 5: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

แถบสถานะ ( Status ) มหนาทในการยอขยายและแสดงอตราสวนในการแสดงภาพ

กลองเครองมอ ( Tool Box ) ของ Illustrator CS3 ประกอบไปดวย เครองมอใน Illustrator CS3 แบงออกเปนหลายกลมในแตละกลมจะแบงยอยออกไปอกสงเกตไดจาก เครองมอทมเครองมอยอยจะมรปสามเหลยมเลกๆทมมลางขวาการเรยกใชเครองมอยอยสามารถท าไดโดย คลกเมาสคางไวทเครองมอทตองการ หากไมมเครองมอนแสดงอยในหนาจอโปรแกรมใหเปดขนมาท างานโดย คลกทเมน Window > Tool

Selection tool เครองมอกลมนวาดวยเรองการเลอกวตถ

Selection tool(ลกศรสด า)ใชเลอกวตถทงชน

Direct-selection tool(ลกศรสขาว)ใชเลอก pointsหรอ path ของวตถ (กดคย Alt)

Magic wand tool เปนเครองมอใชเลอกวตถทมสเดยวกน การใชงานเหมอนใน Photoshop (กดคย Alt และ Shift)

Lasso tool ใชเลอกโดยการคลกเมาส Drag การใชงานเหมอนใน Photoshop (กดคย Alt และ Shift)

Create tool เครองมอกลมนวาดวยการสราง objects ไมวาจะเปนเสน รปทรงตางๆ และตวหนงสอ

Pen tool สรางเสน parth อยางแมนย า โดยการใชแขน มผลท าให object มจดนอย-นอยมาก สวนเครองมอยอยจะเอาไวใชปรบแตง curved ไมวาจะเปนการเพมจด ลบจด หกแขนของแกนเสนสมผส (กดคย Alt)

Type tool ใชพมตวหนงสอ ขอความตางๆ สวนเครองมอ ยอย กงายๆตามรป ใชพมพตวหนงสอใหอยในกรอบบาง ท าตวอกษรวงตาม path

Administrator
Text box
Administrator
Text box
Administrator
Text box
Page 6: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

Line segment tool อนนไวลากเสนตรง ในรายละเอยดของเครองมอยอย เชน ไวท าขดกนหอย ท า grid ของตารางหมากรก grid แบบใยแมงมม

Basic shape tool เอาไววาดรปทรงพนฐาน 3-4-หลายเหลยม และวงกลม shape รปดาว แตทเดนทสดคอflare tool ใชสรางเอฟเฟค lens-flare (กดคย Alt หรอ Shift และ Alt+Shift)

Paintbrush tool แปรงทเอาไวสรางเสน parthโดยการdrag เมาสลากอยางอสระ สามารถใช brush แบบพเศษ(กดคย Alt)

Pencil tool จะคลายๆ paintbrush tool แตจะมเครองมอยอยใหเรยกใชในการแกไขเสน ซงจะชวยในการปรบแตงแกไข และท าใหงานดด เรวขน (กดคย Alt)

Transform tool เครองมอกลมทใชในการปรบแตงรปทรงของวตถ หมน เอยง บด กลบดาน ยอ ขยาย

Rotate tool ใชในการหมนวตถ โดยการก าหนดจดหมนกอนแลวจงท าการหมน ซงสามารถก าหนดไดวาตองการหมนกองศา(กดคย Alt) Reflect toolใชในการกลบดานของวตถ (กดคย Alt)

Scale tool ปลบยอขยายวตถ (กดคย Alt และ Shift) Shear tool ใชเอยงวตถ (กดคย Alt) Reshape tool ใชเพมจด และดงยดวตถ

The warp tool ใชโนมวตถใหบดเบยว (กดคย Alt หรอ Shift และ Alt+Shift) Twirl tool ท าใหวตถบดตามจดทก าหนด (กดคย Alt หรอShift และ Alt+Shift) Pucker tool ดงดดจดใหเขาสจดศนยกลาง (กดคย Altหรอ Shift และ Alt+Shift) Bloat tool ท าใหวตถแบออก (กดคย Alt หรอ Shift และ

Administrator
Text box
Administrator
Text box
Administrator
Text box
Page 7: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

Alt+Shift) Scallop toolดงวตถใหเขาศนยกลางพรอมกบสราง รอยหยก (กดคย Alt หรอ Shift และ Alt+Shift) Crystallize tool ขยายวตถใหออกจากศนยกลาง พรอมกบสรางรอยหยก (กดคย Alt หรอ Shift และAlt+Shift) Wrinkle tool สรางคลนใหวตถ (กดคย Alt หรอShift และ Alt+Shift)

Free transform tool ยอ ขยาย หมน เอยง วตถ โดยอสระ

Special tool เปนเครองมอใหมทจดการเกยวกะ Symbol และ graph

Symbol tool ใชจดการเกยวกบ symbol ซงมเครองมอยอยมากมาย เครองมอแตละชนม ไอคอนทงายตอการเขาใจ(กดคย Alt)

Graph tool ใชสราง graph ในรปแบบตางๆ ซงงายตอการเขาใจ ( กดคย Alt หรอ Shift และAlt+Shift)

Paint color tool เปนกลมเครองมอทใชจดการเรองของส

Mesh tool เปนเครองมอสทสราง point และมแกน ในการควบคม (กดคย Alt และ Shift)

Gradient tool เครองมอไลระดบส ซงมการไล ระดบอยดวยกน2 แบบ คอ Linear และ Radial

Administrator
Text box
Administrator
Text box
Page 8: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

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

Eyedropper tool หลอดดดส ใช copy สของ วตถ สามารถก าหนดไดดวยวาจะ copy ลกษณะ อยางไร อะไรบาง (กดคย Alt และ Alt+Shift) Measure tool เครองมอวดขนาด (กดคย Shift)

Blend tool เครองมอไลระดบการเปลยนรปราง และส สามารถควบคมการไลระดบได 3 ชนด

Live Paint Bucket Tool ใชเทสลงในวตถ

Live Paint Selection Tool ใชก าหนดสใหกบ พนทของPath Object ทไดเลอก

View tool กลมเครองมอกลมนจะเนนทมมมองเปนหลก

Slice tool ใชเกยวกบการตดแบงรปเปนสวนๆ ส าหรบงานสรางเวบไซต

Scissors tool ใชคลกบรเวณ outine ของวตถเพอ ก าหนดจดตด 2 จดเพอแยกวตถออกจากกน (กดคย Alt) Knife tool ใช drag ลากผานวตถเพอแยกวตถ ออกจากกนเปน 2 สวน โดยจะท าการ close paths ใหเราโดยอตโนมต (กดคย Alt)

Hand tool ใชเลอนดบรเวณพนทการท างานบน หนาจอ (กดคย Spacebar) Page tool ใชก าหนด print size

Zoom tool ใชยอ และ ขยายพนทการท างาน (กดคย Ctrl+Spacebar และ Ctrl+Alt+Spacebar)

Administrator
Text box
Page 9: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

Fill and Stroke ใชก าหนดสของวตถและเสน Path

พาเลท ( Palate ) ของ Illustrator CS3 ประกอบไปดวย

Color Palette ใชส าหรบการเลอกส ผสมสเอง

Swatches Palette เปนสส าเรจรปทใชไดเลย โดยไมตอง ผสมเอง

Brushes Palette การใชแปรงทมลกษณะตางๆ เพอให เหมาะสมกบงาน มใหเลอกใชกนหลายอน

Stroke Palette เปนพาเลทเกยวกบการใชเสน และปรบ ขนาดของเสน

Gradient Palette เปนพาเลทเกยวกบการใชไลโทนส ตงแต 2 สเขาหากน

Transparency Palette เปนการก าหนดความโปรงแสง ของ Object (ปรบท Opacity) และรปแบบของการผสมส Blending Mode ซงโดยปกตเราจะใชอยแค 3 โหมด คอ Normal Multiply และ Screen

Administrator
Text box
Administrator
Text box
Administrator
Text box
Page 10: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

Appearance Palette เปนการแยกองคประกอบของ Object วามอะไรบาง เชน ส เสน หรอ เอฟเฟคตางๆ ซงเราสามารถเพม ลบ ได

Graphic Styles Palette เปนทเกบ Styles ตางๆ ทม ของโปรแกรม แลวน าไปใชกบวตถ

Symbols Palette เปนเครองมอทชวยประหยดเวลา ในการวาดคอนขางมาก(มรปมากมายใหเลอกใช) ทส าคญมขนาดไฟลเลก

Layers Palette ใชสรางและก าหนดการเรยงล าดบของ ชนตางๆในงาน

Actions Palette เปนค าสงในการสรางงานอตโนมต

Transform Palette เปนการบอกถงต าแหนงของวตถ

Administrator
Text box
Page 11: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

Document info Palette แสดงคณสมบตของไฟลงาน

Info Palette แสดงขนาด ต าแหนง และสของวตถทเลอก

Links Palette ใชแสดงภาพทใชในงาน

Align Palette ใชก าหนดการจดวางใหกบวตถ

Character Palette ใชก าหนดขนาดตวอกษร font

Navigator Palette ก าหนดมมมองของรปในแบบตางๆ สามารถยอขยายรปได โดยเลอนแถบดานลาง

Pathfinder Palette การใชค าสงน จะตองใช(คลกเลอก) Objects ตงแต 2 ชนขนไปทวางซอนกน อาจเปนการตด สวนใดสวนหนงออก หรอรวมเขาดวยกน

Administrator
Text box
Administrator
Text box
Page 12: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

Magic Wand Palette การก าหนดการท างานของ Magic Wand Tool

การสรางเอกสาร

หลงจากเปดโปรแกรมขนมาแลว กอนทจะเรมท างานใน Illustrator CS3 ผใชจะตองสรางงานใหมขนมา กอนทกครง ตามขนตอนและรายละเอยดตางๆ ดงน 1.คลกเมน File>New... เพอเลอกสรางงานใหม ดงภาพ

2.จะปรากฏหนาตาง New Document ส าหรบก าหนดรายละเอยดตางๆ ดงน

Administrator
Text box
Administrator
Text box
Administrator
Text box
Administrator
Text box
Page 13: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

Name : ส าหรบก าหนดชอ (หรอจะก าหนดภายหลงตอนบนทกกได) Artboard Setup : ส าหรบก าหนดรายละเอยดใหพนทท างานประกอบดวย Size : คอขนาดตามมาตรฐานงานเอกสารทงไป อาท A4, A3, Letter ฯลฯหากก าหนดเองจะเปลยนเปน Custom Units : หนวยในการท างาน อาท Inches (นว), Centimeters (เซนตเมตร) Width/Height : ความกวางและความสงของเอกสาร Orientation :Portrait การวางงานแนวตง, Landscape การวางงานแนวนอน Color Mode : ก าหนดโหมดสของชนงาน ม 2 โหมดคอ CMYK Color :โหมดสส าหรบท างานดานสงพมพ (จะแสดงสคอนขางทบ) RGB Color : เปนโหมดการแสดงผลตามหนาจอใชส าหรบการสรางเวบหรอ Presentation (จะแสดงสสด) 3. คลกปม OK

การบนทกงาน ตามปกตไฟลงานทสรางจาก Illustrator จะบนทกไวเปนไฟล .AI โดยการบนทกไฟลสามารถ ท าไดหลายรปแบบตามความตองการของผใช ดงน

File > Save As เปนการบนทกโดยตองการเปลยนชอใหม เปลยน Folder ทเกบงาน หรอตองการบนทกใหเปนฟอรแมตอน หลงจากใชค าสงนแลวจะเปนการท างานทไฟลใหมทนท

File > Save a Copy เปนการบนทกโดยตองการเปลยนชอใหม เปลยน Folder ทเกบงาน หรอตองการบนทกใหเปนฟอรแมตอน แตหลงจากใชค าสงนแลวจะเปนการท างานทไฟลเดมตอ

File > Save as Template บนทกเคารางการออกแบบใหเปนเทมเพลท เพอน ามาใชในการออกแบบซงจะไดไฟลฟอรแมต .AIT

File > Save for Web & Devices เปนการบนทกเพอน างานไปใชในเวบเพจ ซงจะมการลดสและบบอดใหไฟลมขนาดเลกลง

Administrator
Text box
Administrator
Text box
Administrator
Text box
Page 14: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

ประเภทของไฟลทบนทก

Adobe Illustrator (*.AI) เปนฟอรแมตหรอนามสกลของโปรแกรม Illustrator ซงไฟลทไดจะมความ สมบรณทสด สามารถน าไปใชงานรวมกบโปรแกรมอนๆ ของ Adobe เชน Flash,Photoshop

Adobe PDF (*.PDF) เปนฟอรแมตหรอนามสกลมาตรฐานทนยมใชส าหรบแลกเปลยนไฟลทางเวบไซตโดยจะเปนเอกสารบนเวบและสงพมพ เชน ใบสมครงาน เกดดไดดวยโปรแกรม Adobe Reader

AdobeTemplate (*.AIT) เปนไฟลเทมเพลตหรอไฟลแมแบบ ซงบนทกเพอน าไปใชเปนเทมเพลทในการท างานครงตอไ ป เชน รปแบบนามบตร ใบประกาศนยบตร เปนตน

SVG (*.SVG) เปนฟอรแมตหรอนามสกลมาตรฐานของไฟลแบบเวคเตอรทสามารถใชกบเวบเพจ ซงจะท าใหภาพทแสดงบนเวบมความคมชดกวาไฟล .JPGหรอ GIF

SVG Compressed (*.SVGZ) เปนไฟลทมลกษณะเชนเดยวกบ SVG แตจะถกบบอดขอมลท าใหไดไฟลทมขนาดเลกเพอใหแสดงบนเวบเพจไดรวดเรวมากขน

การบนทกชนงานนนมขนตอนดงน 1.ไปทเมนหลก (Menu bar) จากนนไปท File จะเปนดงรป

2.คลกเลอกโฟลเดอรส าหรบเกบไฟลตรงชอง Save in ท าการตงชอไฟล ตรงชอง Filename แลว เลอกฟอรแมตของไฟลทตองการ ตรงชอง Save as type หลงจากนนคลกทปม Save ดงภาพ

Administrator
Text box
Administrator
Text box
Page 15: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

3.เมอคลกทปม Save จะมหนาตางใหเลอกเวอรชน โดยเวอรชนทสงกวาจะไมสามารถเปดไดในเวอรชน ทต ากวา ใหเราเลอกเวอรชนของไฟลทตองการบนทกจากนน คลกทปม OK กเรยบรอย ดงรป

Administrator
Text box
Administrator
Text box
Administrator
Text box
Page 16: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การใชงานเสน

การเลอกใชงานเสน Grid Line Grid Line คอเสนอางองส าหรบชวยในการวาดรป มลกษณะเหมอนเสนในกระดาษกราฟ และสามารถใช Grid Line เปนเสนส าหรบอางองเวลาวาดรป หรอ ตองการความแมนย า โดยปกตโปรแกรมจะก าหนดใหซอนเสน Gridเอาไว ซงเราสามารถเรยกขนมาใชงานไดดงน 1. คลกเลอก เมน View > Show Grid จะแสดงเสน Grid ออกมาดงรป

การแสดงเสน Grid อยางเดยวไมสามารถท างานไดทนทเราตองใชค าสงใหโปรแกรมจดใหเสน Grid เปน เสนอางองในการวาด เรยกวา Snap to Grid เมอเราวาดจดมม จดโคงทกจดจะถกบงคบใหวาดลงไปทจดตดของเสนGrid ซงเราสามารถเรยกขนมาใชงานไดดงน 1. คลกเลอก เมน View > Snap to Grid เพอก าหนดใหเสน Grid เปนเสนอางองในการวาดรป

Administrator
Text box
Administrator
Text box
Page 17: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

2. เมอคลกเครองมอ Rectangle Tool บนแถบเครองมอ แดรกเมาสวาดรปสเหลยมในพนท ท างานจะเหนวาเสนทลากนนจะถดจดวางบนเสน Grid พอด ดงรป

เราสามารถเปลยนแปลงเสน Grid Line เชน เปลยนระยะหางระหวางเสน Grid เปลยนสของเสน Grid ได ซงมวธปรบแตงไดดงน 1. คลกเลอก เมน Edit > Perference >Guides&Grid... จะปรากฎหนาตางดงภาพ

Administrator
Text box
Administrator
Text box
Page 18: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

Color เลอกเพอเปลยนสเสน Grid

Style เลอกรปแบบของเสน Grid ซงมใหเลอก 2 แบบคอ - Line แบบเสนธรรมดา - Dot แบบเสนประ

Gridline every

คาระยะหางของชอง Grid หลก

Subdivisions คาระยะหางของชอง Grid ยอย

การเลอกใชงานเสน Guide Line Guide Line เปนเสนอางองอกชนดหนงมลกษณะเปนแนวเสนทอสระ ไมมระยะทแนนอนสามารถสราง บรเวณใดกได เราสามารถสรางเสน Guide Line ไดโดยเราตองเรยกไมบรรทดขนมากอนซงสามารถเรยกไดโดยใชค าสง ดงน 1. คลกเลอก เมน View > Show Rulers หรอ คลกเมาสขวาพนทวาง เลอกค าสง Show Rulers จะแสดงไมบรรทดขนมาดงภาพ

Administrator
Text box
Administrator
Text box
Administrator
Text box
Page 19: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

2. สรางเสน Guide Line โดยแดรกเมาสทไมบรรทดขางใดขางหนง แลวลากเมาสมาวางยงต าแหนงท ตองการ จะปรากฏเสน Guide Line สฟา ดงภาพ

2.1 การลบเสน Guide Line เมอไมตองการเสน Guide Line เราสามารถลบทงดดยสามารถท าไดดงน 1. คลกเมาสขวาท Art Booard 2. คลกค าสง Lock Guideโดยใหเครองหมายถกหายไป เพอยกเลกการลอคเสน Guide Line 3. คลกเสน Guide Line ทตองการลบ แลวกดปม Delete บนคยบอรด

การใชงานเสน Smart Guide Smart Guide คอ เสน Guide ชวคราว ทเกดขนมาจากวตถตางๆ ภายใน Art Board ซงเราสามารถ เรยก Smart Guide ขนมาใชงานไดดงน 1. คลกเลอก เมน View > Smart Guide

Administrator
Text box
Administrator
Text box
Page 20: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

2. ลองคลกเครองมอ Rectangle Tool บนแถบเครองมอ 3. แดรกเมาสวาดรปสเหลยมในพนท Art Board หรอเลอกใช Symbol มาวาง 4.เมอน าเมาสไปชยงรปสเหลยม หรอSymbol ภายใน Art Board จะเหนเสน Guide สฟาขนมาตามเมาสทลากผานดงภาพ

Administrator
Text box
Administrator
Text box
Page 21: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การสรางรปสเหลยม 1. คลกเลอกเครองมอ Rectangle Tool บนแถบเครองมอ 2. คลกท Art Board เพอสรางรปสเหลยมไดดงรป

สรางสเหลยมตามปกต กดปม Shift เพอสราง

สเหลยมจตรส

........................................................................................................................................................................... การสรางรปสเหลยมลบมม 1. คลกเลอก Rectangle Tool บนแถบเครองมอคางไว แลวเลอกเครองมอ Rounded Rectangle Tool 2. คลกท Art Board เพอสรางรปสเหลยมลบมมไดดงรป

3. นอกจากนเราสามารถก าหนดความกวาง ความสง และความโคงมนของเสนขอบได โดยหลงจากทวาดรป แลวใหคลกท Art Board หนงครงจะปรากฏหนาตางขนมาใหปรบคาตางๆ ดงภาพ

Administrator
Text box
Administrator
Text box
Page 22: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

Width : ก าหนดความกวาง Height : ก าหนดความสง Corner Redius : รศมความโคงของมมทงส คายงมาก ความโคงของมมจะยง มนมากขน

........................................................................................................................................................................... การสรางรปหลายเหลยม 1. คลกเลอก Rectangle Tool บนแถบเครองมอคางไว แลวเลอกเครองมอ Polygon Tool 2. คลกท Art Board เพอสรางรปหลายเหลยมไดดงรป

3. สามารถเพมและลดจ าหนวนเหลยมได โดยวธท 1 วาดรปหลายเหลยมแลวกดลกศรขนเพอเพมจ านวนเหลยม และกดลกศรชลงเพอลดจ านวนเหลยม ดงรป

วาดภาพหลายเหลยม กดลกศรชลงเพอลดเหลยม

Administrator
Text box
Administrator
Text box
Page 23: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

โดยวธท 2 วาดรปหลายเหลยมแลวคลกท Art Board จะปรากฏหนาตางใหปรบคาดงภาพ

Redius : ก าหนดขนาด Sides : ก าหนดจ านวนเหลยม

........................................................................................................................................................................... การสรางรปวงกลม 1. คลกเลอก Rectangle Tool บนแถบเครองมอคางไว แลวเลอกเครองมอ Ellipse Tool 2. คลกท Art Board เพอสรางรปวงกลมไดดงรป

สรางวงกลมตามทตองการ กดปม Shift เพอสรางรป

วงกลม

........................................................................................................................................................................... การสรางรปดาว 1. คลกเลอก Rectangle Tool บนแถบเครองมอคางไว แลวเลอกเครองมอ Star Tool 2. คลกท Art Board เพอสรางรปดาวไดดงรป

Administrator
Text box
Administrator
Text box
Page 24: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

สรางดาวตามทตองการ กดปม Shift เพอสรางรปดาว

สรางดาวตามทตองการ กดลกศรชขนเพอเพมจ านวนแฉก

ขยายภาพพรอมกดปม Ctrl เพอเพมความแหลม

ของแฉกดาว

ยอภาพพรอมกดปม Ctrl เพอลดความแหลม

ของแฉกดาว

สวนประกอบของวตถ ในการทจะวาดรปทรงตางๆ ลงในโปรแกรม Illustrator ใหสวยงามไดนนสงทผวาดจ าเปนตองศกษาเปนอนดบแรกคอ วตถ (Object)และเสน Path เนองจากทงสองเปนตวทจะก าหนดรปทรงตางๆ ใหกบรปวาด

Administrator
Text box
Administrator
Text box
Page 25: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

รปภาพทวาดจากโปรแกรม Illustrator จะเปนภาพกราฟกแบบ เวกเตอรซงจะประกอบไปดวยสวนตางๆ มารวมกน เราเรยกสวนประกอบเหลานนวาวตถ แตละวตถจะมสวนประกอบตางๆ ดงน

...........................................................................................................................................................................

เสน ( Storke) : คอเสนขอบของรปวาด สามารถก าหนดส ปรบขนาด และรปแบบไดตามตองการ

สพน (Fill) :คอพนทดานมนของวตถ สามารถก าหนดลกเลนไดหลากหลาย เชน ก าหนดสสน ใส ลวดลายเอฟเฟกต ฟลเตอร เปนตน

เสนอางองกรอบภาพ (Bounding box) :คอเสนแสดงขอบเขตของวตถ ใชในการปรบขนาดและหมนภาพได

เสน Path :คอเสนอางองโครงรางของรปวาดทสรางขนมาเปนรปทรงตางๆ

Administrator
Text box
Administrator
Text box
Page 26: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

จดยด (Anchor Point) :คอจดยดทอยบนเสน Path ท าหนาทควบคมลกษณะรปทรงของเสน Parth

........................................................................................................................................................................... สวนประกอบของเสน Path การสรางเสน Path จะเกดไดเมอเราสรางเสนตอระหวาง 2 จดยดขนมา โดยมแขนดดโคงเปนตวก าหนดความโคงงอของเสนนนๆ ซงสามารถสรางรปแบบเสน path ลกษณะตางๆ ไดมากมาย

แขนดดโคง (Direction Line) : คอเสนทสามารถควบคมความโคงมนของเสน path ยงยนแขนออกมามากเทาใดความโคงของเสนทไดจะเปนมมกวาง และเมอแขนหดใกลเสนมากๆ กจะไดโคงมมแคบ

จดยด(Anchor point) : คอจดส าหรบควบคมรปทรงของเสน เมอต าแหนงของจดนเปลยนไปเปนรปทรงของวตถจะเปลยนตามไปดวย

จดเรมตน :คอจดเรมตนทเราคลกวาดเสน Path

จดปลาย :คอจดสดทายทวาดเสน Path

การวาดภาพดวยดนสอ (Pencil Tool)

Pencil Tool เครองมอส าหรบวาดเสนอสระ(Freetranform) เสนทเกดจากดนสอจะมความโคง โดยอตโนมต สามารถวาดภาพลายเสนไดสองลกษณะคอ เสนธรรมดา และลายเสนปด ส าหรบวาดรปทรงลายเสนดวย ดนสอ สามารถท าไดงายๆ เพยงแคแดรกเมาส ลากใหไดรปรางทตองการเทานน ตวอยาง ขนตอนการวาดเสนแบบปด

Administrator
Text box
Administrator
Text box
Page 27: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

1. คลกเลอกเครองมอ Pencil Tool แดรกเมาสสรางรปทรงทตองการ ปลอยเมาสแลวแดรกเมาสวาดใบห ทงสองขาง

2. แดรกเมาสวาดสวนตาและปากเวนสวนทเปนจมก เนองจากเราตองการจะสรางลายเสนแบบปดกบรปทรงของจมก ใหแดรกเมาสสรางรปทรงทตองการ พรอมกดปม Alt คางไวเมาสจะเปลยนเปนรปดนสอทมจดวงกลม

จะเหนวาโปรแกรมจะสรางเสนเชอมตอระหวางจดปลายเสนและจดเรมตนใหอตโนมต

การวาดภาพดวยพกน (Brush Tool)

Brush Tool การใชงานพกนจะเกยวของกบพาเลท Brushes พกนในโปรแกรม Illustrator จะมลกษณะการใชงานดวยการเปลยนหวพกนในรปแบบทตองการ หวพกนจะแบงออกเปน 4 ชนด ไดแก Calligraphic Brush , Art Brush , Pattern Brush และ Scatter Brush ซงแตละชนดกจะมลกษณะการใช งานทแตกตางกนออกไป การปรบแตงพกนกอนใชงาน

Administrator
Text box
Administrator
Text box
Administrator
Text box
Page 28: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

1.ดบเบลคลกเครองมอ Brush Tool เพอเปดหนาตางการปรบแตงขนมา จะปรากฏดงภาพ

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

Smoothness : คอการปรบคาความเรยบของการลากเสนดวยพกน คายงมากจะท าใหการลากเสนมความเรยบมากขน

Fill new brush strokes : คอการใหเสนทวาดมการระบายสพน

Keep Selected : คอการใหเสนทวาดยงถกเลอกอยหลงจากวาดรปเสรจแลว

Edit Selected Paths : เมอตองการใหการลากเสนครงใหมสามารถแกไขเสนทถกเลอกได

..............................................................................................................................................................................

การใชงานพกน Calligraphic Brush

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

1. คลกเครองมอ Brush Tool หลงจากนนคลกเลอก Brushes Palette เพอแสดงพาเลท ดงรป

Administrator
Text box
Administrator
Text box
Page 29: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

2. ดบเบลคลกทหวพกนทตองการใชงานเพอเปดหนาตางส าหรบปรบแตง ท าการปรบแตงคา โดย กรณทใชเมาสในการวาดภาพแนะน าใหเลอกลกษณะการเปลยนแปลงของเสนเปนแบบคงท (fixed)ทงหมด คลกเลอน แถบ Diameter เพอก าหนดขนาดของหวพกนทตองการ จะไดตวหนงสอทวาดจาก Calligraphic Brush ดงรป

..............................................................................................................................................................................

การใชงานพกน Art Brush

พกนแบบ Art Brush เปนพกนทน ารปตางๆ มาก าหนดใหเปนหวพกน เชน การน าภาพลายดนสอมาสรางเปนพกน สามารถบดโคงตามแนวเสนทพกนวาดลงไป เหมาะส าหรบการสรางงานเลยนแบบอปกรณวาดภาพตางๆ เชนการวาดภาพดวยสชอลก วาดภาพดวยพกน เปนตน ซงวธใชงานท าไดดงน

1. คลกเครองมอ Brush Tool หลงจากนนคลกเลอก Brushes Palette เพอแสดงพาเลท จะไดตวหนงสอทวาดจาก Calligraphic Brush ดงรป

Administrator
Text box
Administrator
Text box
Page 30: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

..............................................................................................................................................................................

การใชงานพกน Pattern Brush

พกนแบบ Pattern Brush เปนพกนทใชส าหรบสรางภาพทมรปรางแนนอนซ าๆ ตอเนองไปตามแนวเสนทวาด เหมาะส าหรบการสรางกรอบรปหรอวตถทตอเนองวธการใชงานดงน 1. คลกเครองมอ Rectangle Tool คลกสรางรปสเหลยม ดงภาพ

2. คลกเลอก Brushes Palette คลกเลอกชนดของพกน Pattern Brush ทตองการ จะเหนวาเสนขอบ มการเปลยนแปลงไปตามรปแบบทเราเลอก ดงภาพ

Administrator
Text box
Administrator
Text box
Page 31: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

..............................................................................................................................................................................

การใชงานพกน Scatter Brush

พกนแบบ Scatter Brush เปนพกนทใชส าหรบน ารปภาพมาใชเปนเสนขอบกระจายไปตามแนวเสนพาทวธการใชงานดงน 1. คลกเครองมอ Rectangle Tool คลกสรางรปสเหลยม ดงภาพ

2. คลกเลอก Brushes Palette คลกเลอกชนดของพกน Scatter Brush ทตองการ จะเหนวาเสนขอบ มการเปลยนแปลงไปตามรปแบบทเราเลอก ดงภาพ

Administrator
Text box
Administrator
Text box
Page 32: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การลบและตดแตงวตถ หลายครงเมอวาดรปจะมวตถสวนเกนจากความตองการขนมา เราสามารถลบทงหรอแกไขวตถนนๆไดดวยเครองมอยางลบลบเสน ( Path Eraser Tool ) ใชส าหรบการลบเสน Path บนวตถและเครองมอยางลบ ( Eraser Tool ) ส าหรบลบและตดแบงวตถเปนอสระออกจากกน ลบเสนทไมตองการทงดวย Path Eraser Tool เครองมอส าหรบลบเสน Path เพอตบแตงรปทรงวตถอยางรวดเรวอกชนดหนงคอ Path Eraser Tool เราสามารถใชยางลบปลายดนสอนลบเสน Path สวนเกนทงไปไดดวยวธดงน

Administrator
Text box
Administrator
Text box
Page 33: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

1. คลกเครองมอ Path Eraser Tool กดปม Ctrl บนคยบอรดคางไว แลวคลกเลอกเสนทตองการแกไข คลกลากตามแนวเสน Path ทตองการลบ จะเหนวาเสน Path ถกลบตามแนวทลากไว ดงรป

...............................................................................................................................................................................

การลบและตดแตงวตถดวย Eraser Tool การลบวตถทงจาก Art Board ทงชนหรอตดแบงวตถออกจากกนมวธท าดงน 1. คลกเครองมอ Eraser Tool แดรกเมาสลากผานวตทตองการลบ จะเหนวาเมอเราคลกเลอกวตถท ตดออกมาวตถนนจะถกแยกเปนอสระตอกน ดงรป

Administrator
Text box
Administrator
Text box
Page 34: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

...............................................................................................................................................................................

การลบความหกงอของรปดวย Smooth Tool ขณะวาดรปนนเมอมอเกดสน หรอดวยความรบรอน ท าใหเสนออกมาไมเรยบรอยเสนอาจ หยก หงกงอ เราสามารถแกไขไดดวยเครองมอ Smooth Tool โดยมวธดงน 1. คลกเครองมอ Smooth Tool กดปม Ctrl คางไว แดรกเมาสผานบรเวณทตองการใหเสนเรยบ ยงขน สามารถแดรกเมาสผานเสนหกงอไดเรอยๆ จนกวาจะไดเสนทเรยบเนยนตามตองการ ดงรป

Administrator
Text box
Administrator
Text box
Page 35: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

...............................................................................................................................................................................

การลดความหกงอของเสนทหกงอมากๆ ในการณทเสนมความหกงอมากๆ เปนไปไดยากทเครองมอ Smooth Tool จะชวยได ดงนนกอนทจะใช เครองมอ Smooth Tool เราควรปรบความสามารถของเครองมอนกอน ดวยวธดงน 1.ดบเบลคลกเครองมอ Smooth Tool จะปรากฏหนาตางดงภาพ

Fidelity : คอการก าหนดใหคาสงขนเพอเปนนการก าหนดใหเครองมอสรางใหเสนมความเรยบมากขน

Smoothness : คอการก าหนดใหคาสงขนเพอใหเครองมอสามารถปรบใหเสนมความโคงมนไมหยกงอ

รจกโหมดสในโปรแกรม โหมดสคอ โมเดลหรอรปแบบการผสมสดวยเทคนคและวธการตางๆ เพอใหไดมาซงสทใชแสดงออกทางหนาจอ หรอเครองพมพ ส าหรบโหมดสในโปรแกรมน มดวยกน 5 โหมดดงน 1.โหมดส HSB เปนโหมดสทมพนฐานเชนเดยวกบการมองเหนของมนษยตามธรรมชาตทสด เนองจากใชหลกการ สะทอนของสของวตถท าใหเกดภาพทตาสามารถมองเหนได สโหมดนเกดขนมาโดยการจ าลองการมองเหนเปนหลก จงคอนขางมปญหาในการน าไปใชในงานสงพมพ สโหมด HSB เกดขนจากองคประกอบสามตวไดแก - Hue (H) คอ สทเกดจากการสะทอนของวตถ คา Hue สามารถก าหนดไดจากมมทหมนไปในวงลอส

Administrator
Text box
Administrator
Text box
Page 36: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

มาตรฐาน มหนวยเปนองศา ตงแต 0-360 - Saturation (S) คอ คาบรสทธหรอคาความอมตวของเนอส เปนการก าหนดวาสนนๆ จะมความสด มากนอยแคไหน โดยสทกสจะมสเทาเจอปนอย คา saturation นนมหนวยวดเปนอตราสวนระหวางสจรงกบสเทา หากคาsเทากบ100% หมายถงมสจรงอยท งหมด ไมมเทาเจอปน เปนสทอมตวเตมท แตเมอคา s เทากบ 0 แสดงวา ไมมสจรงอยเลยนอกจากสเทา - Brightness (B) คอ คาความสวางของส โดยมหนวยวดเปนเปอรเซนต อกเชนกน เมอคา B เทากบ 0% สจะมดทสดเปนสด า กลบกน เมอคาเปน 100% สกจะสวางทสดเปนสขาว

2.โหมดส RGB เปนโหมดสทเกดจากการผสมของแมส 3 ส ประกอบดวย สแดง ( Red ) สเขยว( Green ) และสน าเงน( Blue ) น าไปใชในการแสดงผลบนหนาจอเหมาะกบงานบนอนเตอรเนต เวบไซต และงานมลตมเดยทกชนดในโหมดนจะมความสดและคาอมตวสง

3.โหมดส CMYK เปนโหมดสทมรปแบบการผสมสโดยใชแมสทางวตถ หรอแมสทเปนหมกพมพจรงๆ ซงประกอบดวยสฟา ( Cyan ) สชมพ( Magenta ) สเหลอง( Yellow ) และสด า ( Black ) ผสมผสานกนจนเปนภาพตางๆตามตองการ เหมาะส าหรบงานสงพมพ

Administrator
Text box
Administrator
Text box
Page 37: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

4.โหมดส Grayscale เปนโหมดสทมสเดยวนนคอสด า การแสดงผลของภาพจะเปนลกษณะการไลน าหนกส จากด า เทา จนถงสขาว แสดงเปนภาพ เรามกใชสแบบนกบงานพมพภาพสเดยวเปนการประหยดตนทนการพมพ

5.โหมดส web save RGB เปนโหมดสทถกตดทอนจ านวนสใหเหลอเพยง 256 สเทานน เพอใหสามารถ แสดงผลบนเวบไซตไดด ดงนน สบางสจะถกเปลยนเปนสใกลเคยง การก าหนดสและเทส วตถทถกสรางขนมาจากโปรแกรม Illustrator จะมสวนประกอบแยกออกกนมา 2 สวนคอ สวนทเปนขอบของวตถ(stroke) และสวนทเปนสภายใน (Fill) ซงทงสองสวนนเราสามารถก าหนดสตางๆไดตามตองการดวยวธดงน

เราสามารถก าหนดการใชงานโหมดสตางๆ จากพาเลทส ไดดงน

Administrator
Text box
Administrator
Text box
Page 38: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

1.คลกเลอกปม Color Palette หรอกดปม F6 บนคยบอรดเพอเปดพาเลท Color 2.คลกเลอกปม เพอเลอกโหมดสทตองการ ดงรป

โหมด Grayscale

โหมด HSB

โหมด CMYK

โหมด Web Save RGB

.............................................................................................................................................................................. ก าหนดสใหกบวตถดวยพาเลท Color ในพาเลท color มอปกรณทใชส าหรบเลอกสอยดวยกน 2 ชนดคอ ชดแถบเลอน ( Color Slider ) และถาดส ( Color Bar ) อปกรณสองมวธการใชงานดงน 1. เลอกภาพทตองการเปลยนส หลงจากนนเลอกสวนของภาพทตองการเปลยนส

2.เลอกพาเลท Color ท าการปรบเปลยนสตามตองการ จะไดดงรป

Administrator
Text box
Administrator
Text box
Page 39: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

.............................................................................................................................................................................. ก าหนดสใหกบวตถดวยหนาตางเลอกตางส นอกจากพาเลทของ color แลว โปรแกรม Illustrator นยงไดเตรยมหนาตางเลอกสทจะใชเลอกส อยางละเอยดเอาไวใหดวย ในการงานหนาตางเลอกสสามารถท าไดดงน 1. เลอกภาพทตองการเปลยนส หลงจากนนเลอกสวนของภาพทตองการเปลยนส

2.ดบเบลคลก กลองสพน ( Fill Box) ในแถบเครองมอ เลอกสทตองการเปลยน จากหนาตาง Color Picker สามารถเลอนปรบสทตองการจากชองเลอกส สามารถท าการแกไขปรบเปลยนสไดตาม ตองการดงรป

Administrator
Text box
Administrator
Text box
Page 40: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การระบายสโดยใชหลอดดดส Eyedropper Tool หลอดดดส ( Eyedropper Tool )ใชส าหรบดดสทมอยในวตถอนๆ เพอมาระบายใหกบวตถทเลอกอย นอกจากจะลอกแบบสทระบายแลว ยงสามารถลอกแบบคณสมบตพเศษอนๆ ไดอกดวย โดยมวธการท างานดงนคอ 1.คลกเลอกวตถทตองการจะระบาย หลงจากนนคลกเลอกเครองมอ Eyedropper Tool 2.น าหลอดดดส ไปคลกบนสของวตถตนแบบ จะเหนวาวตถทเลอกไวจะมสตามวตถตนแบบทนท สามารถปรบแตงแกไขได ดงรป

Administrator
Text box
Administrator
Text box
Page 41: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

.............................................................................................................................................................................. การระบายสโดยใชถงเทส Live Paint Bucket ถงสแบบใหมใชส าหรบเทสใหกบพนผวและเสนขอบของวตถ ซงสามารถเทสใหกบวตถหรอเสนขอบไดโดยตรง นอกจากนยงสามารถเทสใหกบสวนททบซอนกนของวตถ ใหเปนอกสหนงไดทนทโดยไมตองแยกชน

การเทสใหพนผวดวยเครองมอ Live paint Bucket มขนตอนดงนคอ 1. คลกเลอกวตถทตองการจะเทส คลกเลอกวตถ

2. คลกเลอกเครองมอ Live paint Bucket คลกปม Swatches Palette เลอกสทตองการ หลงจากนนน าไปชยงพนททตองการเทส จะปรากฏแถบสขนยงพนททน าเมาสไปช ถาชตรงสพนเมาสจะกลายเปนรปถงสแตถาน าไปชทเสน เมาสจะกลายเปนรปพกน ดงรป

Administrator
Text box
Administrator
Text box
Page 42: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

2. การใสสเสนใหเปลยนสของเสนท Stroke คลกเลอกสทตองการจาก Swatches Palette เลอกสท ตองการ เมอน าเมาสไปชทเสน เมาสจะกลายเปนรปพกน สามารถท าการเปลยนสไดดงรปดงรป

การระบายสแบบไลโทน การระบายสแบบไลโทน คอการทเกดจากสมการไลโทนสระหวางจดสสองจดหรอมากกวานน หลกการท างานคอ การก าหนดจดขนมาตงแตสองจดขนไป แลวก าหนดสใหจดสองจด โปรแกรมจะค านวณสทควรจะเกดขนมาระหวางส การไลสแบบเสนตรง การไลสแบบเสนตรง (Linear Gradient ) คอ การระบายสแบบไลโทน จากสหนงไปอกสหนงในแนว เสนตรงเดยวกน แนวเสนตรงในการไลโทนสสามารถปรบทศทางในการไลโทนสตามคาองศาทก าหนดไดโดยวธการไลสแบบแนวเสนตรงมดงน 1.คลกเลอกวตถทตองการไลโทนส หลงจากนนเปดพาเลท Color และ พาเลท Gradient ขนมาท างาน 2.คลกปม เลอกโหมด RGB เพอสรางสสนใหกบรป ดงรป

Administrator
Text box
Administrator
Text box
Page 43: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

3. ทพาเลท Gradient เลอก ชอง Type เปนแบบ Liner หลงจากนนดบเบลคลกท Gradient Slider ทงสองดานทพาเลท Gradient เพอไปเลอกสทพาเลท Color หรอเลอนแถบสเพอเลอกสทตองการ ดงภาพ

4. สามารถเลอนแถบ Gradient Slider เพอใหเกดการไลส ตามทตองการ ดงภาพ

5. สามารถเลอกทศทางในการไลสตามตองการโดยการ คลกทเครองมอ Gradient Tool ในแถบ เครองมอ หลงจากนนแดรกเมาสลากทศทางการไลสตามทเราตองการ ดงรป

Administrator
Text box
Administrator
Text box
Page 44: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

.............................................................................................................................................................................. การไลสแบบวงกลม การไลสเปนวงกลมแนวรศม (Radiant Gradient ) คอการระบายไลโทนสหนงไปยงสอนๆ ลกษณะเปน วงกลมรอบทศทางของจดสจดแรก การไลแบบวงกลม จะชวยใหวตถทแบนๆ ดมมต ความนนเพมขนซงมขนตอนการท างาน ดงน 1.คลกเลอกวตถทตองการไลโทนส หลงจากนนเปดพาเลท Color และ พาเลท Gradient ขนมาท างาน 2.คลกปม เลอกโหมด RGB เพอสรางสสนใหกบรป ดงรป

3. ทพาเลท Gradient เลอก ชอง Type เปนแบบ Radial หลงจากนนดบเบลคลกท Gradient Slider ทงสองดานทพาเลท Gradient เพอไปเลอกสทพาเลท Color หรอเลอนแถบสเพอเลอกสทตองการ ดงภาพ

Administrator
Text box
Administrator
Text box
Page 45: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

4. สามารถเลอนแถบ Gradient Slider เพอใหเกดการไลส ตามทตองการ ดงภาพ

5. สามารถเลอกทศทางในการไลสตามตองการโดยการ คลกทเครองมอ Gradient Tool ในแถบ เครองมอ หลงจากนนแดรกเมาสลากทศทางการไลสตามทเราตองการ ดงรป

Administrator
Text box
Administrator
Text box
Page 46: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การระบายสแบบไลจด ( Gradient Mesh ) การระบายสแบบไลจด Gradient Mesh คอการระบายสแบบไลโทนแบบหลายจดส โดยจดสแตละจด ไมจ าเปนตองอยในแนวเสนตรงเดยวกน การระบายสแบบนจะเกดการสรางตาขาย ( Mesh ) ขนมา แลวน าสไปหยอด ตามจดตดตางๆ บนตาขายนน จากนนการไลโทนสจะเกดจากทกจดบนตาขาย ดงรป

การสรางตาขายส าหรบระบายส มอย 2 วธคอ การสรางตาขายโดยใชเมาส และการสรางตาขายโดยใชค าสงCreate Gradient Mesh การสรางตาขายสโดยใชเมาส การสรางตาขายส าหรบไลโทนสดวยเมาส สามารถท าไดโดยการเลอนเมาสไปคลกยงจดตางๆ ทตองการ ใหเปนจดตด (Mesh Point) ของตาขายในรปภาพ โดยการสรางตาขายดวยเมาส มวธการดงน 1.เลอกวตถทตองการจะไลโทนส 2.คลกเครองมอ Gradient Mesh Tool เพอใชในการสรางจดตด Meshหลงจากนนคลกเลอก จดทตองการจะไลโทนส ดงรป

3. เลอกสทตองการ จะมการไลโทนสบรเวณ จดทเปนสทบ โดยจะมจดสขาวเปนขอบเขตการไลโทนส ดงรป

..............................................................................................................................................................................

Administrator
Text box
Administrator
Text box
Page 47: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การสรางตาขายดวยค าสง Create Gradient Mesh การสรางตาขายสดวยค าสง Create Gradient Mesh คอการเลอกค าสงจากเมน Object > Create Gradient Mesh บนแถบเมน การสรางตาขายแบบนเหมาะกบวตถทมรปรางซบซอนมากๆ เนองจากจดตดจะค านวณโดยโปรแกรมอตโนมต ซงการสรางงานจะมขนตอนดงน 1.เลอกวตถทตองการจะไลโทนส

2.คลกเลอกเมน Object > Create Gradient Mesh บนแถบเมน จะปรากฏหนาตางดงภาพ

Row : ก าหนดจ านวนแถว

Colums : ก าหนดจ านวนคอลมน

Appearance : ก าหนดลกษณะการระบายส

Highlight : ก าหนดคาความสวางในกรณทระบใหระบายสแบบสวาง

3. คลกเลอกเครองมอ Direct Selection Tool หลงจากนนเลอกสทตองการไลส คลดจดทตองการ ใหเกดการไลส

4. สามารถกดปม Shift เพอเลอกจดสไดพรอมกนหลายจด และคลกเลอกสจากพาเลท Color ดงรป

Administrator
Text box
Administrator
Text box
Page 48: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การจดการวตถ การหมนวตถ (Rotation) การหมนของวตถคอ การจบวตถทตองการหมนรอบๆ จดหมน โดยจดหมนของวตถแตละชนจะวางอยในต าแหนงตรงกลางของวตถเสมอ และจดหมนดงกลาวจะแสดงออกมาใหเหนบนวตถเมอคลกเครองมอ Rotate Tool บนแถบเครองมอ ซงมวธการใชงานดงน 1. คลกเลอกวตถทตองการหมน 2. หลงจากนนคลกเครองมอ RotateTool ท าการแดรกเมาสหมนวตถ ดงรป

หรอจะหมนวตถ โดยใช Bounding Box มวธการดงน 1. คลกเลอกวตถทตองการหมน 2. แดรกเมาสตรงมมของวตถจะปรากฏลกศรโคงสด า แสดงใหเหนวาสามารถท าการหมนภาพได ดงรป

Administrator
Text box
Administrator
Text box
Page 49: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

.............................................................................................................................................................................. การยอขยายขนาดของวตถ (Scalling) การยอหรอขยายวตถ (Scaling) คอการดงวตถในดานตางๆ ใหยดขยาย หรอหดยอลงมาจากขนาดทเหน ตามปกต การยอขยายวตถโดยใช Bounding Box ในแนวตงจะท าใหวตถยดสงขน หรอหดเตยลง สวนการดงในแนวนอนจะท าใหวตถกวางออกหรอผอมลง แตหากดงในมม 4 มม จะเปนการยอหรอขยายวตถทงสองแนวพรอมๆ กนดงตวอยางดงตอไปน 1. คลกเลอกวตถทตองการยอหรอขยาย 2.เลอนเมาสไปวางยงปมสเหลยมของBounding Box แดรกเมาสดงภาพใหขยายออกมา ดงรป

2. ภาพทไดจะมการกวางขนหรอแคบลง ดงภาพ

.............................................................................................................................................................................. การยอขยายวตถโดยเปลยนจดศนยกลาง การยอหรอขยายวตถสามารถยายจดศนยกลางของการยอ ขยาย วตถ ออกจากจดกงกลางของวตถได ท า

Administrator
Text box
Administrator
Text box
Page 50: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

ไดดงน 1. คลกเลอกวตถทตองการยอหรอขยาย 2.เลอกเครองมอ Scale Tool แดรกเมาสลองยอภาพ จะเหนวาภาพจะยอเขาหาจดศนยกลาง ดงรป

.............................................................................................................................................................................. การบดเอยงวตถ (Shearing) การบดเอยงวตถ (Shearing) คอการท าใหวตถเอนเอยง ไปในแนวตางๆ ลกษณะการบดเอยงจะขนอยกบ ต าแหนง ของจดศนยกลางบดเอยงของวตถนนๆ ซงมวธการดงนคอ 1. คลกเลอกวตถทตองการยอหรอขยาย 2.เลอกเครองมอ Shear Tool แดรกเมาสลองบดเอยงภาพภาพ ดงรป

การปรบแตงวตถดวยเครองมอ Reshape เครองมอ Reshape ใชส าหรบดงจด หรอดงกลมของจดของวตถหนงๆ ไปในทศทางทตองการ มวธการ ใชงานดงน 1. ใชเครองมอ Direct Selection Tool เลอกพนททตองการท างาน

Administrator
Text box
Administrator
Text box
Page 51: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

2. คลกเลอกเครองมอ Reshape Tool เลอกพนททตองการท างาน ดงรป

3. คลกเลอกจดทตองการปรบเปลยน จะไดจดสเหลยม ท าการดงขยายภาพและปรบแตงไดตามตองการ ดงรป

.............................................................................................................................................................................. การปรบแตงวตถดวยเครองมอ Liquify Liquify เปนชดเครองมอส าหรบปรบแตงรปทรงดวยการแดรกเมาส ไปยงบรเวณทตองการเพอบด ดง หมน สรางรอยยน หรอท าใหวตถพองตว ซงมวธใชงานดงน 1. ใชเครองมอ Direct Selection Tool เลอกพนททตองการท างาน

Administrator
Text box
Administrator
Text box
Page 52: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

ตวอยางการใชงาน Liquify

ส าหรบปรบแตงวตถตามทศทางการแดรกเมาส

ส าหรบแดรกเมาสหมนวตถเปนลายขดกนหอย

ส าหรบแดรกเมาสบบวตถเขาหาจดศนยกลาง

ส าหรบแดรกเมาสบบวตถเปนรอยยน

.............................................................................................................................................................................. การปรบแตงวตถดวย Blend การปรบแตงวตถดวยค าสง Blend เปนการปรบแตงวตถโดยปรบเปลยนรปทรงและสจากวตถหนงผสานกบรปทรงของอกวตถหนง โดยโปรแกรมจะท าการค านวณและสรางภาพทอยระหวางกลางวตถทงสอง

Administrator
Text box
Administrator
Text box
Page 53: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

ชนนนขนมาอตโนมต ดงภาพตวอยาง

การ Blend วตถ สามารถท าไดดงน 1. คลกเลอกวตถทตองการ Blend ทงสองชน

2. เลอกเครองมอ Blend Tool หลงจากนนน าไปคลกทเสนทงสอง จะไดการ Brend ดงรป

3. ท าการปรบแตงไดโดยไปทเมนค าสง Object > Blend> Blend Options... จะปรากฏหนาตาง

4. จะไดภาพท ปรบแตงแลว และสามารถน าไปประกอบเปนภาพตางๆได ดงรป

Administrator
Text box
Administrator
Text box
Page 54: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การจดเรยงวตถดวยค าสง Align การจดเรยงวตถดวยค าสง Align เปนการจดเรยงวตถหลายชนใหอยในแนวเดยวกน ไมวาจะเปนแนวดงหรอแนวนอน และการตดระยะหางระหวางวตถ การเรยกใชเครองมอค าสง Align ท าไดโดย คลกทเมน Window > Align หรอกดปม Shift+F7 วธการใช งานค าสง Align มดงน 1. เลอกรปทตองการจดวาง ดงรป

2. เปดค าสง Align มาใช คลกเลอกรปแบบการจดวาง ดงรป

Administrator
Text box
Administrator
Text box
Page 55: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การบงภาพ Mask

Mask เปนค าสงทใชส าหรบบงเพอซอนบรเวณในรปภาพ จะท าใหไดรปเฉพาะสวนตามทเราตองการ การบงภาพ Bounding Box เปนการบงภาพ โดยเนนจดทตองการใชงานกจะน ากรอบไปบงไว พนทสวนใดทกรอบไมไดวางทบ พนทสวนนนจะหายไป มวธการใชงานดงนคอ 1. เลอกรปทตองการ ดงรป

Administrator
Text box
Administrator
Text box
Page 56: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

2.คลกปม Mask ทออบชนบาร

2. แดรกเมาสท าการยอกรอบ Bounding Box ปรบขนาดตามทตองการ เมอปลอยเมาสออกจะเปนวา ภาพบางสวนไดถกบงไปแลว ดงรป

............................................................................................................................................................................. การบงภาพเครองมอ Shape Tool 1. เลอกรปทตองการจดวาง ดงรป

Administrator
Text box
Administrator
Text box
Page 57: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

2. เลอกเครองมอในกลมเครองมอ Shape Tool มาบงสวนทตองการจะแสดง ดงรป

3.แดรกเมาสเลอกวตถทงหมด หลงจากนนคลกขวา เลอกค าสง Make Clipping Mask ดงรป

4. จะไดผลลพธ ดงรป

..............................................................................................................................................................................

การบงภาพ ดวยเสน Path เปนการบงภาพ โดยเสน Path ลากเสนวาดไปยงรปทรงทตองการตดภาพ มวธการดงน 1. เลอกรปทตอง ดงรป 2. เลอกเครองมอ Pen Tool วาดเสนลงบนวตถ ดงรป

Administrator
Text box
Administrator
Text box
Page 58: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

3. แดรกเมาสเลอกวตถทงหมด หลงจากนนคลกขวา เลอกค าสง Make Clipping Mask จะไดผลลพธ ดงรป

การสรางภาพจาก Symbol

เครองมอ Symbol Symbol เปนเครองมอการท างานในระบบการส าเนาภาพ ท าใหสามารถเรยกใชงานไดอยางไมจ ากด โดยทขนาดของไฟลจะมขนาดเลก สะดวกในการแกไข โดย Symbol มรายละเอยดดงน ดงรป

1 รป Symbol ในรปแบบตางๆ

2 ปมเรยก Symbol แบบอนๆจาก Library

3 ปมวาง Symbol ทเลอก

4 ปมตดการเชอมโยงกบ Symbol

5 ปมก าหนดคณสมบตของ Symbol

6 ปมสราง Symbol ใหม

Administrator
Text box
Administrator
Text box
Page 59: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

7 ปมลบ Symbol

.............................................................................................................................................................................. การเลอก Symbol จาก Library การเรยกใชงาน Symbol จาก Library ท าไดดงรป

.............................................................................................................................................................................. การใชงาน Symbol การเรยกใชงาน Symbol มวธการใชงาน 2 ลกษณะไดแก การวาง Symbol แบบชนงานเดยว และการวาง Symbol แบบชนงานกลม ซงจะมลกษณะวธการใชทแตกตางกนดงน การใชงาน Symbol แบบชนงานเดยว ( Instance ) การเรยกใชงาน Symbol แบบชนงานเดยวจะใชกนบอย เปนการเพมองคประกอบของภาพใหดสวยงามยงขนประหยดเวลาในการท างาน ซงการท างานมขนตอนดงน

Administrator
Text box
Administrator
Text box
Page 60: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

คลกเลอก Symbol ทตองการ หลงจากนนน าไปวางบนภาพทตองการตกแตง ดงรป

การใชงาน Symbol แบบกลม ( Symbol Set ) การเรยกใชงาน Symbol แบบกลม เปนการกระจาย Symbol ทเลอกวางในภาพ ลดเวลาในการสราง รปทรงแบบเดมๆ ซ าๆ ประหยดพนทในการเกบไฟล การใชงานมขนตอนดงตอไปน 1. คลกเลอกเครองมอ Symbol Sprayer Tool 2. คลกเลอกรปแบบของ Symbol หลงจากนนแดรกเมาสพนสเปรยลงในต าแหนงทตองการวาง Symbol ดงภาพ

การพมพตวอกษรและปรบสตวอกษร

Administrator
Text box
Administrator
Text box
Page 61: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การใสขอตวามแบบพเศษ

การใสขอความวงตามเสน path เรา อาจจะเคยเหนขอความทพมพบนเสนบรรทดแบบโคงงอ หรอหดไปหดมา ตามปายโฆษณาตางๆ มาบางแลววธดงกลาวเปนการเสรมลกเลน ใหกบงานกราฟกเพมความนาสนใจใหกบชนงาน ไดอยางไมนาเบอ ซงมวธการสราง ดวยขนตอนดงน 1. คลกสรางรปทรงเสน Path ทตองการ 2. คลกเลอก

เครองมอ Type on A Path Tool เพอพมพขอความวงตามเสนคลกเมาสบนเสน Path เมาสจะกลายเปนดงรป

3. พมพขอความทตองการลงไป จะเหนวาขอความบดโคงไปตามเสนดงรป

การใสขอความในรปทรงทก าหนด

1. คลกสรางรปทรงเสน Path ใหไดรปทรงตามทตองการ 2. คลกเลอกเครองมอ AreaType Tool เพอพมพขอความวงตามเสนคลกเมาสบนเสน Path

ดงรป

Administrator
Text box
Administrator
Text box
Page 62: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

3. พมพขอความทตองการลงไป จะเหนวาขอความจะอยภายในพนทรปทรงทเราไดก าหนดไว ดงรป

การน าขอความจากแหลงอนมาใชงาน เนองจากโปรแกรม Illustrator ไมใชโปรแกรมทใชส าหรบพมพขอความ ดงนนการสรางขอความสวนใหญ มกจะพมพมาจากโปรแกรมอนๆ เชน Microsoft Word แลวจงน ามาใชในโปรแกรม Illustrator ซงมวธดงตอไปน การใสขอความจากแหลงโปรแกรมอนๆ

1. คลกเครองมอ Type Tool ส าหรบพมพขอความ 2. แดรกเมาสลงบนพนท ในต าแหนงทตองการพมพขอความ ดงรป

Administrator
Text box
Administrator
Text box
Page 63: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

3. คลกเมาสบรเวณทตองการวางขอความ จะเหนวาเมอวางขอความไปแลวจะยงมองไมเหน ใหท าการเปลยน ชอของตวอกษร โดยสามารถดาวนโหลดตวอกษรไดจากเวบไซต www.font.com หลงจากนนกท าการจดขอความซง จะไดผลลพธดงรป

การแบงขอความจากกรอบเดมไปใสกรอบใหม (Link)

Administrator
Text box
Administrator
Text box
Page 64: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

ขอความบางชดมมากจนกรอบขอความไมสามารถบรรจลงในกรอบขอความ ไดทงหมด จะเหนไดจากเครอง หมายบวกทอยดานลางของกรอบขอความ ดงนนจงควรแบงขอความดงกลาวไปใสไวยงกรอบขอความอนๆ การแบง ขอความดวยค าสง Link นน เราตองสรางกรอบทตองการขนมาเตรยมเอาไวส าหรบแบงขอความเสยกอน จงจะสามารถ ใชแบงขอความไปยงกรอบใหมได ซงมวธดงตอไปน

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

2. ใหคลกกรอบเครองหมายบวก หลงจากนนใหคลกบนเสนของกรอบใหม จะเหนวาขอความจะถกแบง ไปยงกรอบใหมและมเสนเชอมโยงระหวางกรอบขอความ ดงรป

Administrator
Text box
Administrator
Text box
Page 65: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

3. ไดผลลพธ ดงรป

Administrator
Text box
Administrator
Text box
Page 66: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การปรบรปรางของกรอบขอความ ในกรณทท างานแบบมรปภาพและขอความอยรวมกน บางครงขอความอาจจะไปทบกบรปภาพหรอรปภาพ อาจจะมาทบขอความ ดงนนเราควรก าหนดขอบเขตกรอบของรปภาพนนไมใหรบกวนซงกนและกน โดยมวธการดงน 1. หลงจากทพมพขอความบนรปภาพเรยบรอยแลว ใหคลกเลอกเครองมอ Pencil Tool ส าหรบสรางเสน Path แดรกเมาสวาดเสน Path บรเวณทตองการลบตวอกษรททบภาพ ดงรป

Administrator
Text box
Administrator
Text box
Page 67: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

2. แดรกเมาสเลอกวตถทงหมด หลงจากนนคลกทเมน Object >Text Wrap>Make จะเหนวาขอความ ถกตดแตงดวยลายเสนไมใหซอนทบรปแลว ดงรป

3. ไดผลลพธ ดงรป

Administrator
Text box
Administrator
Text box
Page 68: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การใชงานตวอกษรภาษาไทย การแกปญหาสระลอย ปญหาการใชภาษาไทยในโปรแกรม Illustrator คอปญหาสระลอย ซงจะเกดกบการใชตวหนงสอภาษาไทย ทสระจะเวนระยะขนไปสงเกนระยะปกต ซงมวธแกไขดงนคอ 1. คลกเลอกเครองมอ Type Tool 2. คลกเมาสวางเคอรเซอรดานหลงสระลอยทจะแกไข ดงรป

3. กดปม Shift + ลกศรซาย เพอระบต าแหนงทางดานซาย

4. กดปม Shift + Alt+ลกศรชลง เพอเลอนสระลง จะไดผลลพธดงรป

Administrator
Text box
Administrator
Text box
Page 69: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การจดรปแบบตวอกษรตวพมพเลก-ใหญ เปนการจดรปแบบตวอกษรของภาษาองกฤษใหแสดงเปนตวพมพเลกทงหมด หรอเปนตวพมพใหญทงหมด หรอเปนรปแบบอนๆ โดยใชค าสงดงน ซงมวธแกไขดงนคอ 1. คลกเลอกขอความทตองการเปลยนดงภาพ

2. เลอกค าสง Type>ChangeCase>เลอกรปแบบตวพมตามทตองการ ดงตวอยาง

UPPERCASE เปลยนตวอกษรทงหมดเปนตวพมพใหญ ดงภาพ

Administrator
Text box
Administrator
Text box
Page 70: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

lowercase เปลยนตวอกษรทงหมดเปนตวพมพเลก ดงภาพ

Title Case เปลยนตวอกษรตวแรกของค าใหเปนตวพมพใหญ ดงภาพ

Sentence case เปลยนตวอกษรตวแรกของประโยคใหเปนตวพมพใหญ ดงภาพ

การกลบแนวขอความ หลงจากพมพขอความเสรจแลว หากตองการเปลยนสลบแนวขอความจากแนวนอนเปนแนวตง หรอจาก แนวตงเปนแนวนอน สามารถท าไดโดย 1. คลกเลอกขอความทตองการเปลยนดงภาพ

Administrator
Text box
Administrator
Text box
Page 71: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

2. เลอกค าสง Type>Type>เลอกรปแบบการจแนวขอความ จะไดผลลพธ ดงตวอยาง

การแทรกสญลกษณดวย Glyphs

นอกจากการพมพโดยใชคยบอรดแลว ยงสามารถวางตวอกษร อกขระพอเศษ และสญลกษณตางๆทไมมบน คยบอรดดวยพาเนล Glyphs ( อานวา กลฟส ) โดยวธการวางตวอกษรจพท าโดยการดบเบลคลกเลอกตวอกษร ทตองการทละตวจากพาเนล Glyphs ดงตวอยาง 1. คลกต าแหนงทตองการวางขอความ ดงภาพ

2. เลอกเมนค าสง Type > Glyphs ดงภาพ

3.ดบเบลคลกเลอกสญลกษณทตองการ จะไดผลลพธ ดงภาพ

Administrator
Text box
Administrator
Text box
Page 72: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การคดลอกตวอกษรจากแหลงขอมลอนๆ การน าขอความจากแหลงขอมลมาใชใน Illustrator อมพอรต

ขอความเขามาสรางเปนอารตเวรคใหม มขนตอนดงน คลกเมน File > Open เลอกไฟลขอความทตองการใชงาน ก าหนด คณสมบตตาง คลก OK อมพอรตขอความเขามาสรางเปนอารตเวรคเดม มขนตอนดงน คลกเมน File > Place เลอกไฟลขอความทตองการใชงาน ก าหนด คณสมบตตาง คลก OK นอกจากนยงสามารถใชค าสง Ctrl+C ส าหรบคดลอกขอความทตองการ และ Ctrl+V ส าหรบวางขอความ

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

1. คลกเลอกขอความทตองการเปลยนเปนเสน Path 2. เลอกเมนค าสง Type > Create Outline 3.ท าการปรบแตง ดงภาพ

การจดการ Layer

Layer คอ ชนของกราฟกทซอนทบกนอย ลกษณะของการใชงานเลเยอรกเหมอนกบ การวาดภาพลงบนแผนใส

หลายๆ แผน จนกลายเปนภาพ โดยถาแผนใสดานลางเปนภาพพน ในขณะทภาพดานบนมพนทภาพโปรงใส เรากจะมอง

ทะลเหนภาพพนหลง

Administrator
Text box
Administrator
Text box
Page 73: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

ขอดของการใชงานเลเยอร คอ เราสามารถแยกการท างานกบวตถแตละเลเยอรโดยไมมผลกระทบกบเลเยอรอน

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

พาเลทเลเยอร

1ปมควบคมการแสดงผลของเลเยอร ใชส าหรบแสดง ซอน หรอเปลยนแปลงโหมดการแสดงผลเปน outline 2สของเลเยอรท าใหทราบวาวตถชนทเลอกนนอยในเลเยอรใด ดวยการแสดงสทเสน path และ Bounding Box ของวตถทเลอกจะตรงกบสของเลเยอรทวตถอย 3ปมควบคมการยด หรอลอคเลเยอร ใชส าหรบยดไมใหแกไขวตถทบรรจอยในเลยเยอร 4จ านวนเลเยอรทงหมดรวมไปถงอกษรทงหมด 5ปม Clip mask ใชส าหรบสรางบงวตถภายในเลเยอรท าใหเหนวตถเพยงบางสวนเทานน 6ปมสรางเลเยอรยอย ใชส าหรบสรางเลเยอรยอยๆทบรรจอยในเลเยอรใหญ 7ปมสรางเลเยอร ส าหรบสรางเลเยอรใหม 8ปมลบเลเยอรใชส าหรบลบเลเยอรทง 9ปมเลอกวตถใชส าหรบคลกเลอกวตถทอยในเลบเยอรทงหมด 10ชอของเลเยอร ใชส าหรบแสดงชอเลเยอร 11ภาพตวอยางใชส าหรบแสดงชอของเลเยอรซงเราสามารถตงชอใหกบเลเยอรได 12ปมแสดงรายละเอยดของวตถตางๆภายในเลเยอรใชส าหรบแสดงรายการวตถตางๆทบรรจอยในเลเยอรเพอให สามารถเลอกหยบวตถแตละชนออกมาไดงาย การเลอกเลเยอร 1. คลกปม Layer Palette เพอแสดงเลเยอรของวตถขนมา

2. คลกเลอกเลเยอรทตองการ เลเยอรทถกเลอกนนจะมแสดงเปนสน าเงน ดงรป

Administrator
Text box
Administrator
Text box
Page 74: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

3. ถาตองการเลอกเลเยอรหลายๆ เลเยอร ใหคลกทเลเยอรแรกทตองการ กดปม Shift บนคยบอรดคาง

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

การสราง เปลยนชอ ซอน จดล าดบ คดลอก และลบเลเยอร

1. การสรางเลเยอรใหม ท าไดโดยคลกทปม Create New Layer จะมเลเยอรเพมขนมาดงรป

2. การเปลยนชอเลเยอร ท าไดโดย ดบเบลคลกทเลเยอรทตองการเปลยนชอ จะปรากฏหนาตางขนมา

ใหเปลยน ชอทชอง Name จะไดดงรป

Administrator
Text box
Administrator
Text box
Page 75: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

3. การซอนเลเยอร ท าไดโดย คลกตรงรปตาของเลเยอรทตองการซอน ใหหายไป จะท าใหไมเหนภาพ

ดงรป

4. การจดล าดบเลเยอร ท าไดโดย แดรกเมาสเลอกเลเยอรทตองการยาย เลอนไปวางยงต าแหนงท

ตองการ ดงรป

5. การคดลอกเลเยอร ท าไดโดย แดรกเมาสเลอกเลเยอรทตองการคดลอก มาปลอยยงปม Create

New Layer จะไดเลเยอรใหม ท าการแกไขได ดงรป

Administrator
Text box
Administrator
Text box
Administrator
Text box
Page 76: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

6. การลบเลเยอร ท าไดโดย แดรกเมาสเลอกเลเยอรทตองการลบ มาปลอยยงปม ถงขยะ เลเยอรจะถกลบ ดงรป

ความโปรงใสของวตถ

ความโปรงใส (Transparency) คอการก าหนดใหวตถมความโปรงใส หรอมความทบแสงมาก การก าหนดความโปรงใสใหกบวตถนนเราสามารถก าหนดไดโดยการปรบคา Opacity ในพาเลท Transparency หรอ Opacity บนคอนโทลบาร การก าหนดความโปรงแสงใหกบวตถทงชน วตถทงชน หมายถง สของวตถ และเสนของวตถ ท าไดดงน

1. คลกเลอกวตถทตองการท าใหโปรงแสง ดงภาพ

2. เลอกพาเลท Transparency โดยเลอกเมน Windows> Transparency ท าการปรบคาของภาพ

ทชอง Opacity จะเหนวาภาพมความโปรงแสงท าใหมองทะลเหนวตถดานหลง ดงรป

Administrator
Text box
Administrator
Text box
Page 77: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

ก าหนดความโปรงแสงใหวตถเพยงชนเดยว

1. คลกเลอกวตถทตองการท าใหโปรงแสง ดงภาพ

2.คลกทปม Appearance Palette เพอแสดง สของเสนและวตถ ใหดบเบลคลกท Content จะ

ปรากฏ สของเสน และสพนของวตถ ใหเลอกทสของวตถ เพอท าการปรบใหมความโปรงใสในขณะทสเสนจะเปนปกต ท าการปรบคาของภาพ ทพาเลทTransparency ทชอง Opacity จะเหนวาภาพมความโปรงใสท าใหมองทะล เหนวตถดานหลงดงรป

Administrator
Text box
Administrator
Text box
Administrator
Text box
Page 78: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การผสมสพนของวตถ การผสมสพนของวตถ การผสมสวตถ ( Blending) เปนผสมสของวตถสวนทซอนทบกน สามารถท าไดจากพาเลท Transparency ซงสามารถท าไดดงน

1. คลกเลอกวตถทตองการท าใหโปรงแสง ดงภาพ

2. เปดพาเลท Transparency คลกปมลกศรทชอง Normal เลอกค าสง ท าการผสมมพนไดตามตองการ

ดงรป

Administrator
Text box
Administrator
Text box
Page 79: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

ตวอยางการผสมสแบบตางๆ

Normal : เปนการระบายสใหกบวตถ โดยทผลดงกลาวไมมผลกบสของวตถอนๆทอยดานหลง ตวเลอกนเปนตวเลอกทถกก าหนดเอาไวเปนพนฐานอยแลว

Darken : เปนการเปนการเปรยบเทยบสของวตถดานหนาและดานหลงวาสไหนเขมกวาโดยพจารณาแยกตาม องคประกอบของแมส

Color Burn : เปนการท าใหสของวตถดานหลงมดลงดวยสดานหนา เมอผสมกบสขาวจะไมมการเปลยนแปลง

Administrator
Text box
Administrator
Text box
Page 80: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

Lighten : เปนการเปรยบเทยบสของวตถดานหนาและดานหลงวาสใดสวางกวา ผลทไดมกท าใหสสวางขน เชนเดยวกบค าสง Screen และ Colordodge ทท าใหภาพสวางขน

Overlay : เปนการผสมสแบบ Multiply หรอ Screen กไดขนอยกบสของวตถดานหลง ซงสของวตถดานหนาจะปกคลมทบไปบนสของวตถดานหลง โดยทยงคงสวนทสวาง และสวนทเปนเงามดของวตถเอาไวอย

Difference : เปนการตรวจดองคประกอบสของวตถดานหนาและดานหลง แลวน าสแตละมมาลบกน

Administrator
Text box
Administrator
Text box
Page 81: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

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

การใส Filter ใหกบวตถ การใส Filter ใหกบวตถ Filter เปนชดค าสงส าหรบสรางเทคนคทถาวรใหกบวตถหรอรปภาพ เมอใชค าสงฟลเตอรแลววตถนนจะถก เปลยนแปลงไปอยางถาวรทนท ชดค าสงฟลเตอร แบงออกเปน 2 กลมคอ 1. กลมค าสง Illustrator Filter ใชงานไดดกบวตถแบบเวกเตอร 2. กลมค าสงPhotoshop Filter ใชงานไดดกบรปภาพเทานนไมสามารถใชไดกบภาพเวกเตอร ส าหรบโหมดส CMYK จะสามารถใชงานไดเพยงบางค าสงเทานน โดยค าสงทไมสามารถใชงานได โปรแกรมจะแสดงชอค าสงเปนสเทา ชดค าสงฟลเตอรทงหมดจะบรรจอยภายใตเมน Filter บนแถบเมน โดยการใสฟลเตอรใหวตถท าไดดงนคอ 1. เลอกวตถทตองการใสฟลเตอร 2. คลกเมน Filter> คลกชอค าสงอนๆของ Photoshop Filter สงเกตวาตอนนค าสงตางๆไมสามารถ ใชงานได ดงรป

3. ใหท าการเปลยนภาพเวกเตอรเปนภาพบตแมป โดยคลกทเมน Object > Rasterize...จะปรากฎหนาตาง Rasterize ใหเปลยน Color Model เปน RGB แลวคลก OK ดงรป

Administrator
Text box
Administrator
Text box
Page 82: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

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

จะไดภาพทท าการใสฟลเตอรดงรป

Administrator
Text box
Administrator
Text box
Page 83: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

ภาพตนฉบบ ภาพทใสฟลเตอร การใสฟลเตอรใหกบรปภาพ

1. เลอกวตถทตองการใสฟลเตอร 2. คลกเมน Filter> คลกชอค าสงอนๆของ Photoshop Filter เลอกค าสงตามทตองการ ดงรป

2. ท าการปรบแตงคา แลวคลก OK จะไดผลลพธ ดงรป

Administrator
Text box
Administrator
Text box
Page 84: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การใส Effect ใหกบวตถ Effect เปนชดค าสงส าหรบสรางเทคนคพเศษ ใหกบวตถ ตวอกษร หรอรปภาพ โดยไมไดเปลยนแปลงตว วตถจรง โปรแกรมจะเกบค าสงตางๆทใสลงไปนนไวท พาเลท Appearance ท าใหเราสามารถแกไขลกษณะของ เทคนคทใสลงไปไดอกในภายหลง

Administrator
Text box
Administrator
Text box
Page 85: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

ชดค าสง Effect แบงออกเปน 2 กลมคอ กลมค าสง Illustrator Effect และ กลมค าสง Photoshop Effect สองกลมนสามารถใชงานไดกบวตถทงทเปนบดแมป หรอเวกเตอรได ใชไดทงโหมดส RGB CMYK ชดค าสงนจะบรรจอยใน Effect บนแถบเมน การใส Effect ใหวตถท าไดดงนคอ

1. เลอกวตถทตองการใสEffect 2. คลกเมน Effect > เลอกค าสงทตองการ และท าการปรบแตงคา จะไดดงรป

2. ท าการปรบแตงคา แลวคลก OK จะไดผลลพธ ดงรป

ภาพตนฉบบ ภาพทใส Effect

Administrator
Text box
Administrator
Text box
Page 86: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การแกไขค าสง Effect ทใสใหกบวตถ เราสามารถแกไขคณลกษณะเฉพาะอยางของวตถไดโดยทไมสงผลกระทบกบคณลกษณะอนๆ ของวตถ เชน การใส Effect ใหกบสพนเพยงอยางเดยว ไมใหมผลกระทบกบเสนขอบ หรอก าหนดความโปรงใสใหกบเสนขอบเพยง อยางเดยวโดยทสพนยงคงทบแสงอย การแกไขดงกลาวน จะท าขนทพาเลท Appearance โดยมวธแกไขดงน

1. เลอกวตถทตองการแกไข Effect

2. เปดพาเลท Appearance Palatte ดงรป 3. เลอกเครองมอ Direct Serection Tool เลอกวตถสวนทตองการแกไข ดงรป

4.ท าการแกไข โดยเปลยนสและเพมขนาดของเสน ไดดงรป

5. สามารถท าการแกไข ไดดงรป

6.ในกรณทตองการแกไขปรบเปลยน Effect สามารถท าไดโดย เลอกวตถทตองการแกไข Effect และ

ให

Administrator
Text box
Administrator
Text box
Page 87: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

เปดพาเลท Appearance Palatte ดบเบลคลกท Effect ของภาพ โดยจะดไดจากสญลกษณ fx ทายชอ Effect ดงรป

7.จะปรากฏหนาตางของ Effect ท าการเลอก Effect ตามทตองการ ดงรป

8.จะไดผลลพธ ดงรป

การสรางดอกไมเครองมอ Ellipse Tool

1. คลกเครองมอ เพอสรางรปวงกลม 2. คลกเลอกวตถทตองการ หลงจากนนคลกเมน Object> Distort&Transform>Pucker&Bloat

ท าการปรบคาตามความตองการดงภาพ

Administrator
Text box
Administrator
Text box
Page 88: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

3. ท าการคดลอกภาพ น ามาวางซอนทบกนจดใหไดสดสวนตามทตองการ ดงรป

4.ใหท าการคดลอก แลวเปลยนสของดอกไมแลวน ามาวางซอนทบกน โดยยอขนาดใหไดสดสวน ดง

รป

Administrator
Text box
Administrator
Text box
Page 89: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

5.น ามาวางเปนสวนประกอบของรปภาพ ดงน

การสรางการตน 1. คลกเครองมอ เพอสรางรปวงกลม เพอใชเปนรปหนา ท าการปรบสและเงาเพอใหการตนม

ความ สวยงามยงขน

2. ใชเครองมอ คลกวาดใบห หลงจากนนคดลอกใบหสงใหใบหทคดลอกมาไมมเสน เปลยนส

ใหออนลง น ามาวางซอนใบห เมอจดวางเรยบรอยแลว ใหคดลอกใบหมาวางอกดานดงรป

Administrator
Text box
Administrator
Text box
Administrator
Text box
Page 90: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

3. ท าสรางตา แลวจดรปแบบตามตองการ เมอสรางตาได หนงขางแลวใหท าการคดลอกมาวางอกขาง

หนง ดงรป

4.ใหท าสรางปาก หลงจากนนสรางปกของการตนโดยใชเครองมอ หลงจากนน ใชเครองมอ

ดานลางของวงกลมขนมาหาสวนของหว ดดใหไดรป แลวท าการตกแตงปก ดงรป

Administrator
Text box
Administrator
Text box
Page 91: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

5.สรางวงกลมแลวใสสน ามาวางซอนเปนสวนของล าตว ดงรป

การสรางโลโก

1. คลกเครองมอ เพอสรางรปวงร หลงจากนนท าการดดใหไดดงรป

2. คดลอกแลวหมนจดวางใหไดดงภาพ หลงจากนนวาดรปดาวมาวางพรอมเปลยนส ดงรป

Administrator
Text box
Administrator
Text box
Page 92: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

3. ท าสรางตา ดงรป

4.คลกทรปตาหลงจากนนไปทพาเลท Graphic Styles เลอกรปแบบ Type Effect ใหเลอกรปแบบตาม

ตามทลกศรช

5.จะไดดวงตาดงรป

6.น ารปตามาวางซอนรปทท าไวโดยสงใหอยดานหลงสด โดยการใชค าสงดงรป

Administrator
Text box
Administrator
Text box
Page 93: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

7. ท าการคดลอกรปดวงตาแลวยอจดไวดงรป

8. พมพตวอกษร โดยจดรปแบบตวอกษรตามตองการดงรป

Administrator
Text box
Administrator
Text box
Page 94: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การสรางวอลเปเปอร

1. สรางกระดาษขนาด 1024 x 768 แลวคลกเครองมอ เพอสรางเสน 2 เสนตดกนใหไดดงรป

2. ใชเครองมอ คลกทเสน ทง 2 เสน ดงรป

3. ใชเครองมอ คลกเพอดดเสนและปรบแตงรปแบบตามตองการ ดงรป

Administrator
Text box
Administrator
Text box
Page 95: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

4.ไปทเมน Object >Blend>Blend Option ปรบคาดงภาพ

5.สรางรปสเหลยมโดยสงไวหลงสด โดยคลกเมาสขวา แลวเลอกค าสงดงรป

Administrator
Text box
Administrator
Text box
Page 96: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

6.หลงจากนนเลอกพาเลท Graphic Style เลอก Buttons and Rollovers หลงจากนนคลกรปแบบ

ท าการตกแตงไดตามความตองการ ดงรป

Administrator
Text box
Administrator
Text box
Page 97: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

การออกแบบนามบตร 1. สรางกระดาษขนาด 9x5.5 ซม.แลวคลกเครองมอ สรางรปสเหลยมเพอใชเปนกรอบของ

นามบตร ดงรป

2.ก าหนดรปแบบของขอบนามบตรโดย เลอกพาเลท Brushes เลอก Border และเลอกรปแบบตามภาพ

Administrator
Text box
Administrator
Text box
Page 98: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

3. จะไดขอบของนามบตร ดงรป

4.ท าการตกแตงภาพโดยการแดรกเมาส เลอกรปแบบตามภาพ เมอไดภาพแลวท าการแยกกลมโดยคลกเมาส ขาวเลอกค าสง Ungroup

5.ท าการคดลอก ยอและขยายเพอน ามาตกแตงขอบดงภาพ

Administrator
Text box
Administrator
Text box
Page 99: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

6.เปดรปภาพขนมา แลววาดรปวงกลมบงสวนทตองการ หลงจากนนเลอกวตถทงภาพและวงกลม คลกเเมาส ขวา เลอกค าสง ดงรป

6.น าภาพทไดมาวางประกอบในนามบตร ท าการใสขนาดเสนและสเสน โดยใชเครองมอ คลก บนขอบภาพ ดงภาพ

Administrator
Text box
Administrator
Text box
Page 100: Bitmap Raster - โรงเรียนบ้าน ... · คลิกคาสั่ง Start > All Program >Adobe ... เป็นลิงค์ไปดูเทคนิคการใช้

เอกสารประกอบการเรยนการสอน วชา วาดภาพดวยโปรแกรมกราฟฟก

โดย นางทฤฒมน อมรไตรภพ

6.น าภาพมาประกอบ ตกแตง และใสอกษร ไดดงภาพ

Administrator
Text box
Administrator
Text box