Poster & Comic Design with FOSS Software

2,970 views

Published on

A slide for short workshop: "Workshop Desain Poster dan Komik Propaganda dengan Software Inkscape" at CommonRoom Bandung. (http://helarfest.com/2009/nu-substance-festival-2009-workshop-desain-poster-dan-komik-propaganda-dengan-software-inkscape/). Rangkaian acara NuSubstance & Helarfest 2009

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,970
On SlideShare
0
From Embeds
0
Number of Embeds
42
Actions
Shares
0
Downloads
105
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Poster & Comic Design with FOSS Software

  1. 1. with. . . Free/Open Source Software     an Inkscape & GIMP introduction by niwatori@gmail.com
  2. 2.    
  3. 3. WHO am I ? ( 鷄 /niwat0ri)    
  4. 4.   fossbasedartworks  
  5. 5.    
  6. 6.    
  7. 7.    
  8. 8.    
  9. 9.    
  10. 10.   free/opensourcesoftware  
  11. 11. Free Open Source Software (FOSS) Perangkat lunak / software bebas (free ~ bebas / freedom, free ~ gratis)  bersource code terbuka, bebas digunakan, bebas didistribusikan, bebas  dikembangkan, demi software yang lebih baik & bermanfaat bagi umat  manusia.     
  12. 12. Kebebasan untuk menjalankan  program, sesuai dengan yang  diinginkan oleh pengguna Kebebasan untuk mempelajari  definisi bebas bagaimana program berjalan  dan menerapkannya sesuai  dengan kebutuhan Kebebasan untuk  mendistribusikan ulang salinan  dari sebuah software Kebebasan untuk memperbaiki  sebuah program dan  merilisnya untuk kepentingan  publik    
  13. 13. Sejarah FOSS Richard M. Stallman               FSF     4                      Freedom (run, study, copy, improve) GNU Project & GPL License               GNU/Linux    OSI                                 Internet           definition         Netscape, Sun, Apache, MySQL dll. 10    
  14. 14. GNU/Linux (Linux) Sistem operasi opensource dengan banyak software FOSS di dalamnya  (beragam distribusi: Ubuntu, Fedora, OpenSUSE dll.) Handal di server, kini di dunia desktop untuk penggunaan sehari­hari ­ Linus Torvalds ­ UNIX – MINIX – Linux  ­ Kernel Linux (1991) + GNU Projects (1984) ­ CLI & GUI  ­ Maskot Penguin (Tux)    
  15. 15.   foss&creativeindustry  
  16. 16. S/W +/­ $150­$250                +/­ $700            +/­ $600/$350                     +/­ $1500     +H/W
  17. 17. S/W      Free                         Free                         Free                               Free     +h/w (quite low specs)
  18. 18. Features & maturity problems Not familiar + public knowledge Interoperability (getting better, find our own smart ways/solutions) Tricky installation (on some specific hardwares, better support now) Printing issue (CMYK)   (From audience?)  
  19. 19. /at least affordable creativity machine + production machine (interoperability scenario) $ $ $ $ $ $ $     $
  20. 20. Open & standard formats not always about costs Explore the codes, modify Virus free Technical advantages (multimedia, resource etc.) Online resources & community knowledge/support    
  21. 21.   bitmap&vector  
  22. 22.    
  23. 23. Kumpulan olah model geometris (titik, garis, kurva, polygon) dan formula matematik Scalable, editable+reusable, konversi ke raster/bitmap vector Extension: AI, CDR, SVG dll. Adobe Illustrator, CorelDraw, Inkscape    
  24. 24. Kumpulan titik/pixel dalam bentuk matriks yang memiliki atribut (warna) Kualitas tergantung zoom/scale factor, resolusi, color depth bitmap Extension: BMP, JPG, GIF dll. Adobe Photoshop, GIMP Ukuran dan kompresi    
  25. 25. inkscapetime!    
  26. 26. Vector graphic editor (seperti CorelDraw, AdobeIllustrator) Multi platform (Linux, Windows, MacOSX) Inkscape Opensource & free (www.inkscape.org) SVG files    
  27. 27. basic tools    
  28. 28.    
  29. 29. fill & stroke    
  30. 30.    
  31. 31. starburst     
  32. 32. create stroke (tips: use ctrl), connected node = path,    resize, move center to the bottom edge (tips: use ctrl)  
  33. 33. right click, duplicate (Ctrl+D), open object transform window,   rotate and apply (­30 or 30 degree), repeat!  
  34. 34. select all, group (or combine), open fill & stroke window,   stroke = none, fill = gradient  
  35. 35. create rectangle, select both (tips: use shift), path menu,   select intersection  
  36. 36. create another rectangle, fill = gradient, lower one step,   create another rectangle   
  37. 37. custom shape    
  38. 38. select, convert object to path, edit paths by node,     
  39. 39. import / insert    
  40. 40. Import, fill = green, duplicate & resize, ... , ... , ...    
  41. 41.      with cartoon character?    
  42. 42. 1. Draw  freehand lines 3. Rough 2. Click, outlines move, ready click twice, move... last click on the  first node    
  43. 43. 5. Select area, fill with white color 4. Edit path nodes    
  44. 44. 6. Lowering or raising objects 7. Set stroke style (outline width)    
  45. 45. 8. Finishing    
  46. 46.           comic?    
  47. 47. Create character/template collections    
  48. 48. create comic frame    
  49. 49. balloon text front view layer background layer actor layer     frame layer
  50. 50. 1. Draw  rectangles 2. Select rectangles, use “Difference” from “Path” menu 3. Add another “hole” and add some stuff    
  51. 51. GIMPtime!    
  52. 52. GNU Image Manipulation Program Image editing (raster/bitmap) Opensource Software + GPL License Linux/Unix, MacOSX, Microsoft Windows GIMP Default in many GNU/Linux distros SDI GUI (Single Document Interface)   XCF extension  
  53. 53. basic tools    
  54. 54.    
  55. 55.     customfonts
  56. 56. Put fonts (.ttf etc.) in “ /home/username/.fonts “    
  57. 57.   scanningartwork  
  58. 58. http://www.flickr.com/photos/oddwick/2707651659/    
  59. 59.   onlineresources  
  60. 60.   www.openclipart.org  
  61. 61.   samples/inspirations  
  62. 62. Do you like this colour? Eco poster. Design by vamadesign   by LEO+DESIGN (Anna Ciesla)  
  63. 63. EGP & Green Group's posters for the Climate Campaign Use (B)Rain Eco-Conscious Poster   panu.laturi@europeangreens.org   by Aviram Meir
  64. 64. Save=Future Great Eastern Mall : ECO Campaign   ©2009 STUBBORN SIDEBURN   Tsubaki Studio
  65. 65. 4block International Eco Poster Competition 2009, Ukraine © 2009 ROBO Design   by Ajay Gajjar  
  66. 66. Eco Calendar Competition The Fuel Film - Documentary Film    
  67. 67. ThankYou! http://www.slideshare.net/niwat0ri Diki Andeas aka. niwat0ri Email: niwatori@gmail.com Blog: chickenstrip.wordpress.com  Twitter: twitter.com/niwat0ri Facebook: facebook.com/niwat0ri                             This work is licensed under Creative Commons Attribution­Noncommercial­Share Alike 3.0                             Silakan disebarluaskan untuk keperluan non­komersil dan tetap sertakan nama penulis asli. Foto­foto merupakan koleksi pribadi Ikhlasul Amal, http://www.flickr.com/photos/ikhlasulamal Sebagian lagi berasal dari pustaka foto publik www.sxc.hu    

×