Downloaded 100 times
Uploaded byFaith Heart
โปรเเกรมIllustratorพื้นฐาน
นำโปรแกรม Illustrator (อิลัสเทรเทอร์) และพูดถึงพื้นฐานการใช้งาน โปรแกรม Illustrator ในส่วนของเครื่องมือต่างๆที่มีอยู่ในโปรแกรม ฯลฯ
โปรเเกรมIllustratorพื้นฐาน
- 1. อะโดบี อิล ลัสเตรเตอร์ (Adobe Illustrator) เป็นโปรแกรมวาดภาพกราฟิก แบบเวกเตอร์ ซึ่งพัฒนาโดยบริษัทอะโดบี ซิสเต็มส์ รุ่นแรก จัดทำาขึ้นในปี ค.ศ. 1986 เพื่อใช้งานกับเครื่องแมคอินทอช และได้ พัฒนารุ่นที่ 2 ออกมาให้ใช้งานได้กับ วินโดวส์ ซึ่งได้รับความพึงพอใจ และ การ ตอบรับที่ดีจากผูใช้เป็นจำานวนมาก จน ้ ปัจจุบนได้พัฒนาออกมาจนถึงรุ่นที่ 15 และ ั ได้รวบรวมเข้าไปเป็น 1 ในโปรแกรมชุด Adobe Creative Suite 3 (CS5)
- 2. โปรแกรม illustrator 1. ชื่อและรุ่นของซอฟต์แวร์ 2. ประเภทของซอฟต์แวร์ 3. รายละเอียดของซอฟต์แวร์ 4. ราคาของซอฟต์แวร์ 5. ภาพของซอฟต์แวร์ 6. เว็บไซต์ของซอฟต์แวร์ 7. วิธีการใช้งานซอฟต์แวร์เบื้องต้น
- 3. รุ่น ต่า งๆ Adobe Illustrator 1.0 (Mac OS) (มกราคม ค.ศ. 1987) Adobe Illustrator 1.1 (Mac OS) (มีนาคม ค.ศ. 1997) Adobe Illustrator 88 (Mac OS) (มีนาคม ค.ศ. 1988) Adobe Illustrator 2.0 (Windows) (มกราคม ค.ศ. 1989) Adobe Illustrator 3.0 (Mac OS) (ตุลาคม ค.ศ. 1990) Adobe Illustrator 3.5 (Solaris, Silicon Graphics) (ค.ศ. 1990) Adobe Illustrator 4.0 (Windows) (พฤษภาคม ค.ศ. 1992) Adobe Illustrator 5.0 (Mac OS) (มิถุนายน ค.ศ. 1993) Adobe Illustrator 5.5 (Mac OS) (มิถนายน ค.ศ. 1994) ุ Adobe Illustrator 4.1 (Windows) (ค.ศ. 1995) Adobe Illustrator 6.0 (Mac OS) (กุมภาพันธ์ ค.ศ. 1996) Adobe Illustrator 7.0 (Mac/Windows) (พฤษภาคม ค.ศ. 1997) Adobe Illustrator 8.0 (Mac/Windows) (กันยายน ค.ศ. 1998) Adobe Illustrator 9.0 (Mac/Windows) (มิึึถุนายน ค.ศ. 2000) Adobe Illustrator 10.0 (Mac/Windows) (พฤศจิกายน ค.ศ. 2001) Adobe Illustrator CS (Mac/Windows) (11.0) (ตุลาคม ค.ศ. 2003) Adobe Illustrator CS2 (Mac/Windows) (12.0) (เมษายน ค.ศ. 2005) Adobe Illustrator CS3 (Mac/Windows) (13.0) (มีนาคม ค.ศ. 2007) Adobe Illustrator CS4 (Mac/Windows) (14.0) Adobe Illustrator CS5 (Mac/Windows) (15.0)
- 4. โปรแกรมประเภทเดีย วกัน นอกจาก AdobeIllustrator แล้ว ยังมีโปรแกรมวาด ภาพกราฟิกแบบเวกเตอร์ อีกหลายโปรแกรมที่พฒนา ั มาจากบริษทอื่นๆ เช่น ั ACD Canvas Macromedia FreeHand CorelDRAW Microsoft Expression Graphic Designer, based on Creature House Expression Microsoft Expression Interactive Designer Paint Shop Pro Vector Effects Xara Xtreme
- 5. ภาพหน้าจอของ Adobe Illustrator
- 6.
- 7.
- 8. โปรแกรม Illustrator เป็นโปรแกรมสำาหรับสร้างภาพลายเส้นที่ มีความคมชัดสูงงานภาพประกอบและงานกราฟิกแบบ 2 มิติ ต่างๆ เช่น การสร้างโลโก้สินค้า จนไปถึงการจัดเลย์เอาต์งาน สิ่งพิมพ์ และมีเครื่องมึอที่ช่วยเหลือในงานเว็บไซต์อีกด้วย ภาพกราฟิกสามารถแบ่งได้เป็น 2 แบบคือ 1.ภาพแบบพิก เซล (pixel) คือ ภาพที่เกิดจากจุดภาพใน รูปภาพที่รวมกันเป็นภาพขึ้น โดยภาพหนึ่งๆ จะประกอบไปด้วย จุดภาพหรือพิกเซลมากมาย และเเต่ละภาพที่สร้างขึ้นจะมีความ หนาเเน่นของจุดภาพ หรือบางครั้งแทนว่าความละเอียด (ความ คมชัด)ที่เเตกต่างกันไป จึงใช้ในการบอกคุณสมบัติของภาพ จอภาพ หรือ อุปกรณ์แสดงผลภาพได้ 2.ภาพกราฟิก ส์เ วกเตอร์ (vector graphics) คือ ภาพที่เกิด จากการกำาหนดพิกัดและการคำานวณค่าบนระนาบสองมิติ รวม ทั้งมุมและระยะทาง ตามทฤษฎีเวกเตอร์ในทางคณิตศาสตร์ ใน
- 9. เครื่อ งมือ Selection tool (ลูกศรสีดำา)ใช้เลือก Selection tool เครื่องมือกลุ่ม วัตถุทงชิ้น ั้ นี้ว่าด้วยเรื่องการเลือกวัตถุ Direct-selection tool Lasso tool ใช้เลือกโดยการ Pen tool สร้างเส้น คลิกเมาส์ Drag เลือก points หรือ (ลูกศรสขาว)ใช้การใช้งานเหมือน parthอย่างแม่นยำา โดยการ ใน Photoshopต(ถุ (กดคีAlt และ path ของวั กดคีย์ ย์ Alt) Type tool ใช้พิมตัวหนังสือ ใช้แขน มีผลทำาให้ object มี Shift) จุดน้อย-น้อยมาก ส่วนเครื่อง ข้อความต่างๆ ส่วนเครื่องมือ Lineอsegment ช้ปรับแต่ง ้ไว้ มือย่ ยจะเอาไว้ใ tool อันนี ย่อย ก็ง่ายๆตามรูป ใช้พิมพ์ตัว curved ลากเส้นตรง ในรายละเอียด หนังสือให้อยูในกรอบบ้าง ทำาตัว ่ Basic shape tool เอาไว้วาด ของเครื่องมือย่อยก็ไม่มอะไร ี อักษรวิ่งตาม 3-4-หลาย รูปทรงพื้นฐาน มาก เช่นไว้ทำาขดก้นหอย ทำา เหลี่ยม และวงกลม shape รูป grid ของตารางหมากรุก gridถุ โดยการกำาหนด Twist tool ใช้ในการบิดวัต ดาว แต่ทเด่นทีสุดคือ flare ี่ ่ แบบใยแมงมุจึงทำาการบิด ซึงสามารถกำาหนดได้ จุดก่อนแล้ว ม ่ tool ใช้สร้างเอฟเฟค lens- Reflect toolflareนการกลัAltาหรือ Shift (กดค ใช้ใ (กดคีย์ บด้ นของวัตถุ ว่าต้องการบิดมากน้อย (กดคีย์ Alt) Rotate tool ใช้ในการหมุน และ Alt+Shift) Scale tool ย่อขยายวัตถุ (กดคีย์ Alt และ S วัตถุ โดยการกำาหนดจุดหมุน ก่อนแล้วจึงทำาการหมุน ซึ่ง Pencil tool จะคล้ายๆ สามารถกำาหนดได้ว่าต้องการ paintbrush tool แต่จะมี หมุนกี่องศา (กดคีย์ Alt) เครื่องมือย่อยให้เรียกใช้ในการ แก้ไขเส้น ซึงจะช่วยในการ ่
- 10. Transform tool เครื่องมือกลุ่มนี้ใช้ใน การปรับแต่งรูปทรงของ วัตถุ ไม่ว่าจะเป็นหมุน เอียง บิด กลับด้าน ย่อ ขยาย นอกจากนี้ยังมี เอฟเฟคด้วย The warp tool ใช้โน้มวัตถุ ให้บิดเบี้ยว (กดคีย์ Alt หรือ Shift และ Alt+Shift) Free transform tool ย่อ PuckerBloatให้วัต ตบิดให้ว าถุแ ุดกงคลื่น(กดคีย์ สร้างรอยหยั ขยาย หมุน เอียง วัตถุ โดย Twirl tooltoolดึดึดูวัถุทำาให้เเข้ัตศูนบออก กกดคีวัตAltกดคีย์ Alt ก Scalloptool tool จุถุใตามจุดทีย์ศูหนดลางมกับ (ย์ ทำา Wrinkle tool ่จ ่กาลางพร้อ ยกดคี ง ง ด ด ห้ ข้าสู สร้ำ นย์ ( ให้ ( ์ ถุ อิสระ Altกดคียอหรือหรือ Shift และ Alt+Shift) Alt หรื ์Shift ShiftAlt+Shift) Alt+Shift) ( หรือ Alt และ อและ Alt+Shift) Shift และ Alt+Shift) หรื Shift และ Reshape tool ใช้เพิมจุด และดึงยืดวัต ่ Shear tool ใช้เอียงวัตถุ (กดคีย์ Alt) Crystallize tool ขยายวัตถุให้ ออกจากศูนย์กลางพร้อมกับสร้างรอย หยัก (กดคีย์ Alt หรือ Shift และ Alt+Shift)
- 11. Special tool เป็นเครื่องมือใหม่ที่จัดการเกียวกะ ่ Symbol และ graph Symbol tool ใช้จัดการเกียว ่ Graph tool ใช้สร้าง graph กับ symbol ซึ่งมีเครื่องมือย่อย ในรูปแบบต่างๆ ซึ่งง่ายต่อการ มากมาย แต่จะไม่ขอกล่าวถึง เข้าใจ และจะไม่ขอกล่าวถึง เพราะเครื่องมือแต่ละชิ้นมี เช่นกัน (กดคีย์ Alt หรือ Shift ไอคอนทีง่ายต่อการเข้าใจอยู่ ่ และ Alt+Shift) แล้ว ขอให้ทดลองนำาไปใช้เอง แล้วจะเข้าใจว่า tool แต่ละชิ้น ใช้ทำาอะไรได้บ้าง (กดคีย์ Alt)
- 12. Paint bucket toolส่วนใหญ่จะใช้ควบคู่กับ eyedropper tool โดยใช้เทสีลงบนวัตถุ (กดคีย์ Alt) Paint color tool เป็นกลุ่มเครื่องมือที่ใช้จัดการ เรื่องของสี Mesh tool เป็นเครื่อหลอดที่ Eyedropper tool งมือสี Blend tool เครื่องมือไล่ระดับ เจ๋งสุดใช้ (แต่ควบคุมยาก ถุ สา ดูดสี ขีด copy สีของวัต การเปลี่ยนรูปร่างและสี เหมือนกัน)โดยการสร้าง มารกำาหนดได้ด้วยว่าจะ สามารถควบคุมการไล่ระดับได้ point และมีแกนในการอะไร copy ลักษณะอย่างไร 3 ชนิด Gradient tool เครื่องมือไล่ ควบคุ(กดคีย์ Alt และ บ้าง ม (กดคีย์ Alt และ Shift) Alt+Shift) ระดับสี ซึ่งมีการไล่ระดับอยู่ด้วย กัน 2 แบบ คือ Linear และ Measure tool เครื่องมือวัดขนาด (กดคีย์ Shift) Radial ใช้การลากจากจุดเริ่ม ต้น และ สิ้นสุดที่จดปล่อยเมาส์ ุ
- 13. View tool กลุ่มเครื่องมือกลุ่มนี้จะเน้นที่มุมมองเป็น หลัก Slice tool ใช้เกี่ยวกับการ Hand tool ใช้เลื่อนดู Scissors tool ยอ คลิก Zoom tool ใช้ ใช้ และ ่ ตัดเวณพื้นทีการทำางานบน ใช้ บริ แบ่งภาพออกเป็นส่วนๆ ่ บริเวณ ้นที่การทำางาน ตกดคี่อ ์ ขยายพื outine ของวั ( ถุเพื ย ในงานเวบ ย์ Spacebar) หน้าจอ (กดคี กำาหนดจุดตัด 2 จุดเพือแยก ่ Knife tool ใช้ drag ลากผ่านวัตถุเพื่ออแยก และ Ctrl+Spacebar วัตถุออกจากกัน (กดคีย์ Alt) Ctrl+Alt+Spacebar) Page tool ตถุออกจากกันเป็น sizeวน โดยจะทำาการ วั ใช้กำาหนด print 2 ส่ close paths ให้เราโดยอัตโนมัติ (กดคีย์ Alt)
- 14. ขั้น ตอนการทำา การใช้งาน Vertical Type Tool หลายๆ คนอาจ จะเคยพิมพ์ตัวอักษรมาแล้ว ส่วนใหญ่จะเป็นการพิมพ์ใน แนวนอน จากซ้ายไปขวา คราวนี้มาดูการพิมพ์แนวตั้งกัน 1. สร้างเอกสารขึ้นมา ากัอมกับใช้เครื่องมือ บ้างมาดูการทำ พร้ นเลยครับ Vertical Type Tool ดัง ภาพ การเรียกใช้เมนู Vertical Type Tool 2. พิมพ์ขอความลงในเอกสาร ดังภาพ ้ 3. ตบแต่งเล็กน้อย เพียงเท่านี้เราก็มีข้อ ความเก๋ๆ เอาไว้ใช้ในงานสิ่งพิมพ์ของเรา แล้วล่ะครับ ลองนำาไปฝึกใช้ดูนะครับ
- 15. การทำาธงพริ้วไหว ในบทความนี้จะให้รู้จัก การใช้เครื่องมือ Distort เพื่อประยุกต์ใช้กับงาน ไม่ว่าจะเป็นตัวอักษร หรือวัตถอื่นๆ อย่างใน สร้างเอกสารเปล่าขึนมา พร้อมเลือดังนี้ งมือ ตัวอย่้ างการทำา กเครื่อ Rectangle Tool วาดธงขึ้นมา ดัง 2. นำา Mouse เลือกวัตถุทั้งหมด แล้วทำาการ Group โดยเข้าไปที่เมนู Object --> Group (Ctrl+G)
- 16. 3. ใช้เครื่องมือ EnvelopeDistort โดยเข้าไปที่เมนู Object --> Envelope Distort --> Make with Warp เพื่อทำาการเปลี่ยนแปลงรูปทรงของธง ดังภาพ
- 17. 4. ตบแต่งวัตถุเพิ่มเติม เพียงเท่านี้เราก็สามารถทำาธงที่ดูพริ้วไหวได้แล้ว ครับไม่ยากเลยใช่ไหมครับ ลองนำาไปใช้กันดูนะครับ
- 18.
- 19. จบการนำา จัดทำาโดย เสนอ 1.นายฮาซันบัสรีย์ หะยีเจะเฮง 2.นายอิรฟานเจ๊ะเต๊ะ 3.นายอับดุลฮามิต สาม็ง 4.นายมูฮมหมัดอิลมี มะเซ็ง ั เทคโนโลยีคอมพิวเตอร์(เทียบ)