Inkscape กับงานออกแบบกราฟิก

1. Inkscape Inkscapeกับงานออกแบบกราฟิก (Graphic Design By Inkscape) http://inkscape.org/ “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

2. InkScapeกับงานออกแบบกราฟิก Inkscapeคือซอฟต์แวร์Open Source สำหรับ สร้างและแก้ไขภาพกราฟิกเวกเตอร์ สามารถทำงานได้หลายระบบปฏิบัติการ เช่น Windows, Mac OS X และ Unix-likeOSโดยใช้มาตรฐานแฟ้มข้อมูลในรูปแบบ Scalable Vector Graphics (SVG) ของ W3C ภาพกราฟิกเวกเตอร์ โดยทั่วไปคือคอมพิวเตอร์กราฟิกที่เกิดจากการกำหนดพิกัดและการคำนวณค่าบน ระนาบสองมิติ รวมทั้งมุมและระยะทาง ตามทฤษฎีเวกเตอร์ใน ทางคณิตศาสตร์ ในการก่อให้เกิดเป็น เส้น หรือรูปภาพ ข้อดีคือ สามารถย่อขยายได้ โดยคุณภาพไม่เปลี่ยนแปลง ข้อเสียคือภาพไม่เหมือนภาพจริงเป็นได้เพียงภาพวาด หรือใกล้เคียงภาพถ่ายเท่านั้น ข้อมูลภาพพวกนี้ได้แก่ไฟล์สกุล svg, ps, eps, ai(adobe illustrator) และฟอนต์แบบ TrueType ต่างๆเป็นต้น โปรแกรมที่ใช้สร้างข้อมูลภาพประเภทนี้เช่น Adobe Illustrator , InkScape

3. Example “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

4. Example

5. InkScape ความต้องการของระบบกับซอฟต์แวร์ InkScape คอมพิวเตอร์ที่มี CPU รุ่น Pentium III หรือ 4 หรือเครื่องที่เร็วกว่านั้น ระบบปฏิบัติการ Linux, Windows 2000/2003/XP/Vista/7 หน่วยความจำ RAM อย่างน้อย 128 MB หรือมากกว่านั้น ฮาร์ดดิสก์เนื้อที่ว่างอย่างน้อย 60 MB การ์ดจอที่แสดงสีได้ระดับ 16 บิตขึ้นไปหรือใช้การ์ดวิดีโอ จอภาพที่แสดงผลด้วยความละเอียดอย่างน้อย 1,024x768 พิกเซลหรือมากกว่านั้น “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

6. การติดตั้งโปรแกรม Inkscape 1. หลังจากดาวน์โหลดโปรแกรมติดตั้งมาแล้วให้ดับเบิลคลิกที่ไอคอน (สามารถดาวน์โหลดโปรแกรมได้ที่ http://inkscape.org/download/?lang=en) 2. เลือกภาษาในการติดตั้งและคลิก OK “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

7. การติดตั้งโปรแกรม Inkscape 3. เป็นการแนะนำให้ปิดโปรแกรมอื่นก่อนการติดตั้ง จากนั้นคลิก Next 4. อธิบายสิทธิในการใช้โปรแกรม คลิก Next “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

8. การติดตั้งโปรแกรม Inkscape 5. แสดง Component คลิก Next 6. กำหนดตำแหน่งในการติดตั้ง คลิก Install “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

9. การติดตั้งโปรแกรม Inkscape 8. เมื่อติดตั้งเสร็จ คลิก Next 7. รอขณะติดตั้งโปรแกรม 9. ให้เลือกเปิดโปรแกรม คลิก Finish “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

10. เริ่มต้นกับ Inkscape Inkscape “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

11. หน้าจอโปรแกรม Inkscape 1 2 3 5 6 7 8 9 4 13 14 15 10 11 12 16 “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

12. เครื่องมือ Inkscape Menu Bar เป็นแถบเมนูที่รวบรวมคำสั่งต่างๆตามหมวดหมู่ Tool Controls เป็นส่วนแสดงการปรับตั้งตัวเลือกของเครื่องมือใน Tool Box Rulersเป็นส่วนแสดงไม้บรรทัด ในแนวแกน X และแกน Y เมื่อคลิกค้างแล้วลากมาที่ Canvas จะเป็นการสร้าง Guide Line Tool Boxเป็นส่วนแสดงเครื่อมือในการทำงานต่างๆ เช่นเครื่องมือสร้างสี่เหลี่ยม Command Bar เป็นส่วนรวบรวมไอคอนของคำสั่งที่ใช้งานบ่อยๆ ใน Menu Bar “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

13. เครื่องมือ Inkscape Snap Barเป็นส่วนเก็บไอคอนควมคุมการ snapping Pageเป็นพื้นที่ส่วนหนึ่งที่อยู่ใน Canvas แสดงขอบเขตของส่วนที่จะพิมพ์ Canvasเป็นพื้นที่สำหรับวาดภาพหรือจัดการงาน Scroll Bars เป็นส่วนในการเลื่อนเพื่อแสดงส่วนต่างๆ ของ Canvas Style Indicatorเป็นส่วนแสดงรูปแบบในเส้นขอบ และการเติมสีในวัตถุ “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

14. เครื่องมือ Inkscape Colors Palette เป็นแถบแสดงค่าสีต่างๆ ขณะที่เลือกวัตถุสามารถคลิกเลือกค่าสีของการ Fill หรือใช้ คลิก + Shift เป็นการเลือกสีของ Stroke Layer Information เป็นส่วนแสดงสถานะของ Layer ปัจจุบัน Notification Region เป็นส่วนอธิบายการทำงานของเครื่องมือที่ถูกเลือกใน Tool Box Pointer Positionเป็นส่วนแสดงค่าของตำแหน่ง Pointer ในแกน X และแกน Y Zoom เป็นส่วนแสดงค่าของระดับการซูม และปรับค่าได้ Resize เป็นตำแหน่งในการเปลี่ยนขนาดของหน้าต่างโปรแกรม ทำงานโดยคลิกค้าง และเลื่อนเพื่อปรับขนาด “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

15. การใช้งานคำสั่งพื้นฐานของ Inkscape การเปิดไฟล์ ทำได้ 3 วิธี 3. เปิดคีย์ลัด (Ctrl+O) 1.คลิกไอคอน Open 2. เปิดจาก Menu Bar : File > Open “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

16. การสร้างไฟล์ใหม่ การใช้งานคำสั่งพื้นฐานของ Inkscape 1.คลิกไอคอน New 3. เปิดคีย์ลัด (Ctrl+N) 2. เปิดจาก Menu Bar : File > New จะมี template ให้เลือกว่าจะสร้างไฟล์แบบไหน “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

17. การใช้งานคำสั่งพื้นฐานของ Inkscape เลื่อนมุมมองภาพ (Ctrl+ลูกศร) หรือ Shift+กลิ้งลูกกลิ้งเม้าท์) ซูมเข้า-ออก (+ ซูมเข้า /- ซุมออก) หรือ (Ctrl+เม้าท์ขวา) ซูมเข้า , (Shift+เม้าท์ขวา) ซูมออก หรือ สร้างรูปทรง และลายเส้น การเคลื่อนย้าย, ขยาย, หมุน เลือกรูปทรง Group (Ctrl+G) ยกเลิก (Ctrl+U) “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

18. Fill และ Stroke (Shift+Ctrl+F) การใช้งานคำสั่งพื้นฐานของ Inkscape Fill ใช้ในการเติมสีในรูปแบบต่างๆ ลงไปยังวัตถุที่ถูกเลือก Stroke paint ใช้ในการเติมสีให้กับเส้นรอบวัตถุที่ถูกเลือก Stroke style ใช้ในการกำหนดลักษณะของเส้นรอบวัตถุที่ถูกเลือก “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

19. ลำดับชั้นของรูปทรง ปุ่ม Homeเพื่อย้ายมาด้านบนสุด ปุ่ม Endเพื่อย้ายไปด้านล่างสุด ปุ่ม PageUPเพื่อย้ายไปด้านบน 1 ระดับ ปุ่ม PageDownเพื่อย้ายลงล่าง 1 ระดับ การสร้างรูปทรงอิสระ Freehand Tool Bezier Tool Draw Calligraphic (Brush Stroke) การใช้งานคำสั่งพื้นฐานของ Inkscape “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

20. WORK SHOP Flags “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

21. Editing Basic “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

22. View “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

23. Layer “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

24. Object “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

25. Paths Path คือ เส้นตรงและเส้นโค้งที่เชื่อมต่อกันระหว่างจุดหนึ่งไป ยังอีกจุดหนึ่ง เพื่อให้มีรูปร่างตามความต้องการ (เรียกว่าเส้น Path) “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

26. Text “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

27. Filter “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

28. LinkInkscpae Tutorial http://wiki.inkscape.org/wiki/index.php/ReleaseNotes047 http://inkscape.org/screenshots/index.php?lang=en http://tavmjong.free.fr/INKSCAPE/MANUAL/html/ http://inkscapetutorials.wordpress.com/ VDO Tutorial การตัดเอาคนจากที่หนึ่งไปไว้อีกที่หนึ่ง http://www.youtube.com/watch?v=GcmgoGon0G0&feature=related การเปลี่ยนสีผม http://www.youtube.com/watch?v=2514BOmKA0U&feature=related การเปลี่ยนใบหน้า http://www.youtube.com/watch?v=D9InDwSI_wo&feature=related “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

29. WORKSHOP LOGO “การตกแต่งภาพและงานกราฟิกด้วยซอฟต์แวร์ Open Source (GIMP & Inkscape)”

30. Work Shop Name Card

31. Ps.saharach@gmail.com worrachett@gmail.com msn: vitamin29@hotmail.com 086-337-3419