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

1. with. . .
Free/Open Source Software
an Inkscape & GIMP introduction by niwatori@gmail.com

3. WHO am I ?
( 鷄 /niwat0ri)

4. fossbasedartworks

10. free/opensourcesoftware

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. 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. 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. 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. foss&creativeindustry

16. S/W
+/­ $150­$250 +/­ $700 +/­ $600/$350 +/­ $1500
+H/W

17. S/W
Free Free Free Free
+h/w
(quite low specs)

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. /at least
affordable creativity machine + production machine
(interoperability scenario)
$ $ $
$ $ $
$
$

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. bitmap&vector

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. 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. inkscapetime!

26. Vector graphic editor
(seperti CorelDraw, AdobeIllustrator)
Multi platform
(Linux, Windows, MacOSX)
Inkscape
Opensource & free
(www.inkscape.org)
SVG files

27. basic tools

29. fill & stroke

31. starburst

32. create stroke (tips: use ctrl), connected node = path,
resize, move center to the bottom edge (tips: use ctrl)

33. right click, duplicate (Ctrl+D), open object transform window,
rotate and apply (­30 or 30 degree), repeat!

34. select all, group (or combine), open fill & stroke window,
stroke = none, fill = gradient

35. create rectangle, select both (tips: use shift), path menu,
select intersection

36. create another rectangle, fill = gradient, lower one step,
create another rectangle

37. custom shape

38. select, convert object to path, edit paths by node,

39. import / insert

40. Import, fill = green, duplicate & resize, ... , ... , ...

41. with cartoon character?

42. 1. Draw
freehand lines
3. Rough
2. Click,
outlines
move,
ready
click twice,
move...
last click
on the
first node

43. 5. Select area, fill with white color
4. Edit
path nodes

44. 6. Lowering or
raising objects
7. Set stroke style (outline width)

45. 8. Finishing

46. comic?

47. Create character/template collections

48. create comic frame

49. balloon text
front view layer
background
layer
actor layer
frame layer

50. 1. Draw
rectangles
2. Select rectangles, use “Difference”
from “Path” menu
3. Add another “hole”
and add some stuff

51. GIMPtime!

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. basic tools

55. customfonts

56. Put fonts (.ttf etc.) in
“ /home/username/.fonts “

57. scanningartwork

58. http://www.flickr.com/photos/oddwick/2707651659/

59. onlineresources

60.
www.openclipart.org

61. samples/inspirations

62. Do you like this colour? Eco poster.
Design by vamadesign
by LEO+DESIGN (Anna Ciesla)

63. EGP & Green Group's posters for the Climate Campaign Use (B)Rain Eco-Conscious Poster
panu.laturi@europeangreens.org by Aviram Meir

64. Save=Future Great Eastern Mall : ECO Campaign
©2009 STUBBORN SIDEBURN Tsubaki Studio

65. 4block International Eco Poster Competition 2009, Ukraine © 2009 ROBO Design
by Ajay Gajjar

66. Eco Calendar Competition The Fuel Film - Documentary Film

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