√â“ß √√§åß“π°√“ø⫬ Inkscape ‚ª√·°√¡«“¥¿“æ„π·∫∫‡«°‡µÕ√å 2 ¡‘µ‘ ‚¥¬„™âøÕ√å·¡µ¡“µ√∞“π‡ªî¥¢Õß W3C ∑’Ë™◊ËÕ«à“ scalable vector graphics (À√◊Õ SVG) „πµ—«‚ª√·°√¡¬—ß¡’‡§√◊ËÕß¡◊Õ„π·∫∫‡«°‡µÕ√åµà“ßÊ ·≈– ‰ø≈å SVG ¬—ß “¡“√∂·≈°‡ª≈’ˬπ°—∫‚ª√·°√¡Õ◊ËπÊ ‰¥âÕ’°¥â«¬ ∑’π’È∑ÿ°∑à“π∑’Ë¡’§«“¡™◊Ëπ™Õ∫ß“π¥â“π »‘≈ª–°ÁÀâ“¡æ≈“¥‡≈¬π–§√—∫ ≈Õß≈ß´Õøµå·«√åπ’È·≈â«„™â¥Ÿ´‘«à“ Inkscape π’È®–™à«¬„Àâ§ÿ≥ √â“ß √√§å º≈ß“π‰¥â‡®ãß·§à‰Àπ
‚ª√·°√¡«“¥¿“æ„π·∫∫‡«°‡µÕ√å 2 ¡‘µ‘ ‚¥¬„™â øÕ√å·¡µ¡“µ√∞“π‡ªî¥¢Õß W3C ∑’™Ë Õ◊Ë «à“ scalable vector graphics(À√◊Õ SVG) „πµ—«‚ª√·°√¡¬—ß¡’‡§√◊ËÕß ¡◊Õ„π·∫∫‡«°‡µÕ√åµà“ßÊ ·≈–‰ø≈å SVG ¬—ß “¡“√∂ ·≈°‡ª≈’ˬπ°—∫‚ª√·°√¡Õ◊ËπÊ ‰¥âÕ’°¥â«¬ ∑’π’È∑ÿ°∑à“π∑’Ë¡’ §«“¡™◊πË ™Õ∫ß“π¥â“π»‘≈ª–°ÁÀ“â ¡æ≈“¥‡≈¬π–§√—∫ ≈Õß≈ß ´Õøµå·«√åπ·’È ≈â«„™â¥´Ÿ «‘ “à Inkscape π’®È –™à«¬„Àâ§≥ ÿ √â“ß √√§åº≈ß“π‰¥â‡®ãß·§à ‰Àπ
ë °“√‡√’¬°„™âß“π Inkscape
1. §≈‘È°ªÿÉ¡ Start ‡≈◊Õ° All Programs 2. ·≈⫧≈‘È°‡≈◊Õ° Inkscape ·≈⫇≈◊Õ° Inkscape 3. À√◊Õ¥—∫‡∫‘È≈§≈‘È°™Õ√嵧—µ‚ª√·°√¡ Inkscape 4. ®–· ¥ßÀπ⓵à“ß‚ª√·°√¡ Inkscape
ë °“√ √â“ß√Ÿª∑√ß·≈–≈“¬‡ âπ √Ÿª¿“æ à«π„À≠à°Á‡°‘¥®“°√Ÿª∑√ß∑—Èß ’ˇÀ≈’ˬ¡ “¡‡À≈’ˬ¡ µà“ßÊ‚¥¬„™â‡§√◊ËÕß¡◊Õ«“¥¿“楗ßπ’È 1. §≈‘È°ªÿÉ¡ ‡æ◊ËÕ √â“ß√Ÿª∑√ß ’ˇÀ≈’ˬ¡ 2. §≈‘È°‡≈◊Õ° ’¢Õß√Ÿª∑√ß 3. ·≈â«≈“°‡¡“ å≈߉ª∫πæ◊πÈ ∑’∑Ë ”ß“π °Á®–‰¥â√ªŸ ∑√ß „π·∫∫∑’˵âÕß°“√
Inkscape( 286
4. °“√ √â“ß«ß°≈¡À√◊Õ«ß√’°Á„Àâ§≈‘È°ªÿÉ¡ 5. §≈‘È°‡≈◊Õ° ’∑’˵âÕß°“√ 6. ·≈â«„™â‡¡“ å«“¥√Ÿª∑√ß«ß°≈¡À√◊Õ«ß√’≈߉ª
7. °“√ √â“ß«ß°≈¡À√◊Õ«ß√’°Á„Àâ§≈‘È°ªÿÉ¡ 8. §≈‘È°‡≈◊Õ° ’∑’˵âÕß°“√ 9. ·≈â«„™â‡¡“ å«“¥√Ÿª∑√ߥ«ß¥“«≈߉ª
10. √â“ß¡â«π‡ªìπ«ß„Àâ§≈‘È°ªÿÉ¡ 11. ·≈â««“¥√Ÿª¿“æ‡ âπ¡â«π‡ªìπ«ß
12. ≈“°‡ âπµ“¡≈“¬¡◊Õ ‚¥¬°“√§≈‘È°ªÿÉ¡ 13. „™â‡¡“ å≈“°‰ªµ“¡≈“¬¡◊Õ
14. √â“߇ âπ‚§âß·≈–‡ âπµ√ß „Àâ§≈‘È°ªÿÉ¡ 17. ·≈â«≈“°‡ âπ æ√âÕ¡§≈‘°È Àπ÷ßË §√—ßÈ °Á®–‰¥â≈“¬‡ âπ 15. ·≈⫧≈‘È°µ”·Àπà߇√‘Ë¡µâπ ¥—ß¿“æ 16. ≈“°‰ª¬—ßµ”·Àπàß∑’˵âÕß°“√ ·≈⫧≈‘È°Àπ÷Ëߧ√—Èß
287 ) Inkscape
18. ‡¡◊ËÕ≈“°‡ âπ§√∫∂â«π°Á ‰¥â√Ÿª·∫∫≈“¬‡ âπ
19. «“¥≈“¬‡ âπ„π·∫∫°√“øî°„Àâ§≈‘È°ªÿÉ¡ 20. §≈‘È°‡≈◊Õ° ’¢Õ߇ âπ°√“øî° 21. ·≈â«„™â‡¡“ å≈“°µ“¡∑‘»∑“ß∑’˵âÕß°“√
ë °“√ √â“ß·≈–·°â‰¢¢âÕ§«“¡ ‡ªìπ°“√ √â“߇∑Á°´å≈߉ª„π™‘Èπß“π·≈–°“√·°â ‰¢√Ÿª·∫∫¢Õ߇∑Á°´å¢âÕ§«“¡∑’˪√“°Ø 1. §≈‘È°ªÿÉ¡ 2. §≈‘È°‡≈◊Õ° ’„Àâ°—∫¢âÕ§«“¡ 3. „™â‡¡“ å§≈‘È°≈߬—ßæ◊Èπ∑’Ë∑”ß“π·≈â«æ‘¡æå¢âÕ§«“¡ 4. ºŸâ „™âß“π “¡“√∂°”Àπ¥øÕπµå ·≈–¢π“¥‰¥â®“° à«π‡¡πŸ∫“√å 5. À“°µâÕß°“√¬â“¬µ”·ÀπàߢâÕ§«“¡ „Àâ§≈‘È°ªÿÉ¡ 6. ·≈â«„™â‡¡“ å§≈‘È°·≈–≈“°¢âÕ§«“¡‰ª¬—ßµ”·Àπàß ∑’˵âÕß°“√ 7. „π°“√¢¬“¬¢π“¥¢âÕ§«“¡ “¡“√∂§≈‘°È ‡¡“ å·≈â« ≈“°‡æ◊ËÕ‡æ‘Ë¡À√◊Õ≈¥¢π“¥
Inkscape( 288
ë °“√ √â“ß®ÿ¥‡™◊ËÕ¡µàÕ „π°“√ √â“ß®ÿ¥‡™◊ËÕ¡µàÕ√–À«à“ß«—µ∂ÿ Õß«—µ∂ÿ°Á “¡“√∂∑”‰¥â ‰¡à¬“°¥â«¬°“√∑”¥—ßπ’È... 1. §≈‘È°ªÿÉ¡ (Button-Connect.tif) 2. §≈‘È°µ√ß°≈“ߢÕß«—µ∂ÿ·√° 3. ·≈â«≈“°‡ âπ‰ª¬—ß°÷Ëß°≈“ߢÕß«—µ∂ÿ∑’Ë Õß 4. °Á®–‰¥â≈“¬‡ âπ∑’ˇ™◊ËÕ¡√–À«à“ß Õß«—µ∂ÿ
ë °“√´Ÿ¡-¬àÕ‡Õ° “√ ∂Ⓡ√“ √â“ß™‘Èπß“π·≈â«¡Õ߉¡à™—¥ µâÕß°“√ ¢¬“¬¬—ß∫√‘‡«≥∑’˵âÕß°“√ À√◊ÕµâÕß°“√¬àÕ‡æ◊ËÕ¥Ÿ ¿“æ∑—ÈßÀ¡¥‚¥¬√«¡°Á “¡“√∂∑”‰¥â ‚¥¬ 1. „Àâ§≈‘È°‡¡πŸ View > Zoom ®–· ¥ß‡¡πŸ‡°’ˬ« °—∫°“√´Ÿ¡„Àâ‡≈◊Õ°„™âß“πÀ≈“¬§” —Ëß 2. À√◊Õ·°â ‰¢µ—«‡≈¢„π™àÕß Zoom §à“µ—«‡≈¢¡“° §◊Õ°“√´Ÿ¡Õ‘π ·µà∂⓵—«‡≈¢πâÕ¬§à“°“√´Ÿ¡‡Õ“µå 3. ≈Õß·°â ‰¢§à“‡ªìπ 100 ‡ªÕ√凴Áπµå
289 ) Inkscape
ë °“√‡§≈◊ËÕπ¬â“¬«—µ∂ÿ ¿“æ√Ÿª∑√ß∑’ˇ√“«“¥≈߉ªπ—ÈπÕ“®‰¡à≈ßµ—«°—∫¿“æ∑’Ë √â“ߢ÷Èπ°Á “¡“√∂ª√—∫‡ª≈’Ë¬π ‚¬°¬â“¬µ”·Àπàß ‰¥âµ“¡µâÕß°“√
1. §≈‘È°ªÿÉ¡ 3. ·≈â « „™â ‡ ¡“ å ≈ “°‰ª¬— ß µ”·Àπà ß ª≈“¬∑“ßµ“¡ 2. ·≈⫧≈‘È°‡≈◊Õ°ÕÕ∫‡®Á°µåÀ√◊Õ«—µ∂ÿ∑’˵âÕß°“√¬â“¬ µâÕß°“√ µ”·Àπàß
ë °“√À¡ÿπ«—µ∂ÿ ‡¡◊ÕË π”«—µ∂ÿ‰ª«“ß‚¥¬°“√«“¥À√◊Õ°“√¬â“¬ ∫“ß¡ÿ¡Õ“®‰¡à‰¥âµ“¡µâÕß°“√ Õ“®µâÕß¡’°“√·°â ‰¢∑‘»∑“ß ¢Õß√Ÿª∑√ß®–∑”‰¥âÕ¬à“߉√
1. ∑¥≈Õß √â“ß¿“æ√Ÿª∑√ß Polygon §≈‘È°ªÿÉ¡ 2. §≈‘È°‡≈◊Õ°ÕÕª™—π Polygon 3. „™â‡¡“ å«“¥√Ÿª∑√ߢ÷Èπ¡“ 4. §≈‘È°ªÿÉ¡ Inkscape( 290
5. ·≈⫉ª§≈‘È°‡≈◊Õ°√Ÿª∑√ß∑’˵âÕß°“√À¡ÿπ 6. ®“°π—Èπ§≈‘È°ªÿÉ¡ ‡§√◊ËÕß¡◊Õ‡æ◊ËÕ∑”°“√À¡ÿπ„π√Ÿª ·∫∫µà“ßÊ «—µ∂ÿ°Á∂Ÿ°‡ª≈’ˬπ∑‘»∑“߉ªµ“¡ªÿÉ¡§” —Ëß ∑’ˇ≈◊Õ°
ë ≈∫√Ÿª∑√ßÀ√◊Õ¢âÕ§«“¡ ∂Ⓡ√“¡’°“√·∑√°√Ÿª∑√ß ·≈–æ‘¡æå¢âÕ§«“¡ ≈߉ª„π™‘Èπß“π ·≈⫵âÕß°“√≈∫«—µ∂ÿπ—ÈπÊ ∑‘È߉ª°Á “¡“√∂∑”‰¥â 1. §≈‘È°‡≈◊Õ°ªÿÉ¡‡§√◊ËÕß¡◊Õ 2. π”‡¡“ å ‰ª§≈‘È°‡≈◊Õ°«—µ∂ÿ∑’˵âÕß°“√≈∫ 3. §≈‘È°ªÿÉ¡ À√◊Õ°¥·ªÑπ Delete ∫π·ªÑπ§’¬∫å Õ√å¥ °Á ‰¥â
ë °“√®—¥ÀπⓇհ “√ „π°√≥’∑‡’Ë √“æ‘¡æå¢Õâ §«“¡≈߉ª ‡æ◊ÕË ®—¥√Ÿª·∫∫‡Õ° “√ æ√âÕ¡·∑√°√Ÿª¿“æ≈߉ª ®–µâÕß∑”Õ¬à“߉√ 1. ‡ªî¥Àπ⓵à“߇հ “√·≈⫧≈‘È°ªÿÉ¡ 2. ‡≈◊Õ°øÕπµå·≈–¢π“¥ 3. §≈‘È°‡¡“ å≈߉ª‡æ◊ËÕæ‘¡æå¢âÕ§«“¡ 4. ‰ª§≈‘°È ¬—ßµ”·Àπàß∑’µË Õâ ß°“√ ·≈â«æ‘¡æå¢Õâ §«“¡„π à«π∂—¥‰ª 5. À“°µâÕß°“√·°â ‰¢¢âÕ§«“¡„Àâ§≈‘È°ªÿÉ¡ 6. ·≈⫉ª¥—∫‡∫‘È≈§≈‘È°≈ß∫π¢âÕ§«“¡∑’Ë®–·°â ‰¢ 7. æ‘¡æå¢Õâ §«“¡≈߉ª 8. À“°µâÕß°“√‡≈◊ÕË π¢âÕ§«“¡™ÿ¥∑’‡Ë æ‘ßË æ‘¡æå≈߉ª°Á„Àâ §≈‘È°ªÿÉ¡ 9. ·≈⫧≈‘È°≈“°™ÿ¥¢âÕ§«“¡‰ª¬—ß à«π∑’˵âÕß°“√
291 ) Inkscape
ë ª√—∫·µàߢâÕ§«“¡ À“°‡√“¡’°“√¢÷ÈπÀ—«¢âÕ„À¡àÕ“®¡’°“√‡πâπ¢âÕ§«“¡ ‡æ◊ËÕ‡æ‘Ë¡§«“¡‚¥¥‡¥àπ„Àâ°—∫ª√–‚¬§¥—ß°≈à“«°Á “¡“√∂∑”‰¥â¥ß— π’.È .. 1. π”‡¡“ 嫓߇À≈◊Õ™ÿ¥¢âÕ§«“¡ æ√âÕ¡‡≈◊Õ°§≈ÿ¡ ¢âÕ§«“¡∑’Ë®–·°â ‰¢ 2. ·≈⫧≈‘È°ªÿÉ¡ ‡æ◊ËÕ √â“ßµ—«Àπ“ 3. ¢âÕ§«“¡∑’ˇ≈◊Õ°®–‡ªìπµ—«Àπ“∑—π∑’ 4. ∂⓵âÕß°“√„À⇪ìπµ—«‡Õ’¬ß§≈‘È°ªÿÉ¡ 5. ¢âÕ§«“¡¥—ß°≈à“«®–‡ªìπµ—«‡Õ’¬ß
ë ·∑√°√Ÿª¿“殓°¿“¬πÕ° „π‡Õ° “√∫“ߧ√—ÈßÕ“®µâÕß¡’°“√ 1. §≈‘È°‡¡πŸ File ·≈⫇≈◊Õ°√“¬°“√ Import... 2. „π‰¥Õ–≈ÁÕ°∫ÁÕ°´å Select file to import ‡æ◊ËÕ„Àâ§≈‘È°‡≈◊Õ°‚ø≈‡¥Õ√å 3. §≈‘È°‡≈◊Õ°‰ø≈å√Ÿª¿“æ 4. ·≈⫧≈‘°È ªÿ¡É
Inkscape( 292
5. · ¥ß√Ÿª¿“æ„π™‘Èπß“π „Àâ§≈‘È°ªÿÉ¡ 6. ·≈⫇≈◊ËÕπ√Ÿª¿“扪¬—ßµ”·Àπàß∑’˵âÕß°“√
7. ∑”°“√¬àÕ¿“æ ‚¥¬π”‡¡“ å ‰ª≈“°µ√ß¡ÿ¡¢Õß¿“æ
ë °“√´âÕπ«—µ∂ÿ „π∫“ß√Ÿª¿“æÕ“®‡°‘¥®“°°“√π”‡Õ“«—µ∂ÿÀ≈“¬Ê™‘Èπ¡“«ß“´âÕπ°—π‡æ◊ËÕ √â“ß¿“æ °Á “¡“√∂∑”‰¥â
1. §≈‘È°ªÿÉ¡ ‡æ◊ËÕ √â“ß√Ÿª∑√ß ’ˇÀ≈’ˬ¡ 2. §≈‘È°‡≈◊Õ° ’¢Õß√Ÿª∑√ß 3. ·≈â«≈“°‡¡“ å≈߉ª∫πæ◊Èπ∑’Ë∑”ß“π 4. §≈‘È°ªÿÉ¡ 5. °”Àπ¥ ’ „Àâ°—∫«ß°≈¡ 6. „™â‡¡“ å«“¥√Ÿª∑√ß°≈¡¢÷Èπ¡“ 7. À“°µâÕß°“√‡ª≈’ˬπ¬â“¬µ”·Àπàß„Àâ§≈‘È°ªÿÉ¡
‡æ◊ËÕ≈“°«ß°≈¡‰ªµ“¡µâÕß°“√
293 ) Inkscape
ë ·°â‰¢¿“殓° Open Clip Art À“°‡√“®–∑”°“√·°â ‰¢√Ÿª¿“殓° à«π Open Clip Art °Á “¡“√∂·°â ‰¢√Ÿª¿“楗߰≈à“«‰¥â¥â«¬ ‚ª√·°√¡π’È 1. ‰ªÕ‘¡æÕ√åµ√Ÿª¿“懢ⓡ“„π‚ª√·°√¡ „Àâ§≈‘°È ‡¡πŸ File ·≈⫇≈◊Õ°√“¬°“√ Import...
2. §≈‘È°‡≈◊Õ°µ”·Àπà߇°Á∫‰ø≈å 3. §≈‘È°‡≈◊Õ°‰ø≈å√Ÿª¿“æπ“¡ °ÿ≈ .svg 4. ®–· ¥ßÀπ⓵à“ßæ√’«‘«√Ÿª¿“æ 5. ·≈â«„Àâ§≈‘È°ªÿÉ¡
6. · ¥ß√Ÿª¿“懫°‡µÕ√套߰≈à“«∑—π∑’ 7. §≈‘È°ªÿÉ¡ 8. ·≈â««“¥√Ÿª∑√ß≈ß∫π√Ÿª¿“æ
ë °“√‡ÕÁ°æÕ√åµ ‡¡◊ËÕ·°â ‰¢√Ÿª¿“殓° Open Clip Art ·≈â«°Á ∑”°“√‡ÕÁ°æÕ√嵇æ◊ÕË π”‰ª„™âß“π ·®°®à“¬„Àâ°∫— ºŸÕâ π◊Ë 1. §≈‘È°‡¡πŸ File > Export BitmapÇ
Inkscape( 294
2. ®–· ¥ßÀπ⓵à“ß Export Bitmap ‡æ◊ËÕ„Àâµ—Èß™◊ËÕ‰ø≈å 3. §≈‘È°ªÿÉ¡ ‡æ◊ËÕ∑”°“√‡ÕÁ°æÕ√åµ√Ÿª¿“æ
ë ‡ª√’¬∫‡∑’¬∫øÕ√å°—∫‚ª√·°√¡ Illustrator ‡§√◊ËÕß¡◊Õ√Õß√—∫°“√ √â“ß ·°â‰¢ «“¥·≈–Õ◊ËπÊ √Õß√—∫°“√Õ‘¡æÕ√嵉ø≈å PDF, CDR, SWF, DXF ´Ÿ¡‡Õ° “√‰¥â∂÷ß 25600 ‡ªÕ√凴Áπµå °“√‡ÕÁ°æÕ√嵉ø≈凫°‡µÕ√å CDR, SWF, DXF
Inkscape
Illustrator
¡’ ‰¡à¡’ ¡’ ‰¡à¡’
¡’ ¡’ ‰¡à¡’ ¡’
ë √â“ߢâÕ§«“¡ Drop Shadow ‡ªìπ°“√ √â“ߢâÕ§«“¡‚¥¬
1. §≈‘È°ªÿÉ¡ 2. °”Àπ¥øÕπµå·≈–¢π“¥ 3. æ‘¡æå¢âÕ§«“¡∑’˵âÕß°“√
4. §≈‘È°‡≈◊Õ°¢âÕ§«“¡∑’˵âÕß°“√ 5. ·≈⫧≈‘°È ªÿ¡É
295 ) Inkscape
6. ®“°π—πÈ §≈‘°È ªÿ¡É 7. §≈‘È°‡≈◊Õ° ’·≈–¢âÕ§«“¡®–‡ª≈’Ë¬π ’‰ª∑—π∑’
8. „™â‡¡“ å‡≈◊ËÕπ¢âÕ§«“¡‰ª«“ߥ—ß¿“æ
∑’πº’È ÕŸâ “à π∑ÿ°∑à“π°Á§ß®–‰¥â∑√“∫∂÷ß«‘∏°’ “√ √â“߉ø≈å°√“øî°·∫∫ßà“¬Ê °—π·≈â«π–§√—∫ ®–‡ÀÁπ‰¥â™¥— «à“ ‰¡à„™à¢Õ߬“°‡≈¬ ºŸâ „™âß“π “¡“√∂π”¡“ √â“߇ªìπ‰ø≈åµ—«Õ—°…√ «¬ß“¡ ”À√—∫∑”ªÑ“¬ ∑”°“√奵à“ßÊ ‰¥â ·∫∫‰¡à´È”„§√ À√◊Õ§π∑’¡Ë æ’ √ «√√§å¥“â 𥑮µ‘ Õ≈Õ“√åµ°Á “¡“√∂À—¥„™â ‚ª√·°√¡π’È ‰¥â ´÷ßË °Á ‰¡à‰¥â¬“°‡¬ÁπÕ¬à“ß∑’Ë §‘¥‡≈¬
Inkscape( 296