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

WHO am I ?
( 鷄 /niwat0ri)

fossbasedartworks

free/opensourcesoftware

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.

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

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

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)

foss&creativeindustry

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

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

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?)

/at least
affordable creativity machine + production machine
(interoperability scenario)
$ $ $
$ $ $
$
$

Open & standard formats
not always about costs
Explore the codes, modify
Virus free
Technical advantages
(multimedia, resource etc.)
Online resources & community
knowledge/support

bitmap&vector

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

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

inkscapetime!

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

basic tools

fill & stroke

starburst

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

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

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

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

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

custom shape

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

import / insert

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

with cartoon character?

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

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

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

8. Finishing

comic?

Create character/template collections

create comic frame

balloon text
front view layer
background
layer
actor layer
frame layer

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

GIMPtime!

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

basic tools

customfonts

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

scanningartwork

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

onlineresources

www.openclipart.org

samples/inspirations

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

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

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

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

Eco Calendar Competition The Fuel Film - Documentary Film

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