an Inkscape & GIMP introduction by niwatori@gmail.com

with...Free/Open Source SoftwareFree/Open Source Software

   

   

WHO am I ?

(鷄 /niwat0ri)

   fossbasedartworks

   

   

   

   

   

   free/opensourcesoftware

   

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. 

Free Open Source Software (FOSS)

   

Kebebasan untuk menjalankan program, sesuai dengan yang 

diinginkan oleh penggunaKebebasan untuk mempelajari 

bagaimana program berjalan dan menerapkannya sesuai 

dengan kebutuhanKebebasan untuk 

mendistribusikan ulang salinan dari sebuah software

Kebebasan untuk memperbaiki sebuah program dan 

merilisnya untuk kepentingan publik

definisi bebas

   

Richard M. Stallman               FSF                        Freedom (run, study, copy, improve)

GNU Project & GPL License               GNU/Linux   

OSI                                 Internet          definition         Netscape, Sun, Apache, MySQL dll.

Sejarah FOSS

4

10

   

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

GNU/Linux (Linux)

­ Linus Torvalds­ UNIX – MINIX – Linux ­ Kernel Linux (1991) + GNU Projects (1984)­ CLI & GUI ­ Maskot Penguin (Tux)

   foss&creativeindustry

   

+/­ $150­$250                +/­ $700            +/­ $600/$350                     +/­ $1500

S/W

+H/W

   

     Free                         Free                         Free                               Free

S/W

+h/w(quite low specs)

   

Features & maturity

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

prob

lem

s

   

/at leastaffordable creativity machine + production machine

(interoperability scenario)

$

$

$

$

$

$

$

$

   

Open & standard formats

Explore the codes, modify

Virus free

Technical advantages(multimedia, resource etc.)

Online resources & community knowledge/support

not  a

l wa y

s ab

out c

o st s

   bitmap&vector

   

   

Kumpulan olah model geometris (titik, garis, kurva, polygon) dan formula matematik

Scalable, editable+reusable, konversi ke raster/bitmap

Extension: AI, CDR, SVG dll.

Adobe Illustrator, CorelDraw, Inkscapeve

ctor

   

Kumpulan titik/pixel dalam bentuk matriks yang memiliki atribut (warna)

Kualitas tergantung zoom/scale factor, resolusi, color depth

Extension: BMP, JPG, GIF dll.

Adobe Photoshop, GIMP

Ukuran dan kompresibitm

ap

   

inkscapetime!

   

Vector graphic editor(seperti CorelDraw, AdobeIllustrator)

Multi platform(Linux, Windows, MacOSX)

Opensource & free(www.inkscape.org)

SVG files

Inks

c ape

   

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

2. Click,move,click twice,move...last clickon the first node

3. Roughoutlinesready

   

4. Editpath nodes

5. Select area, fill with white color

   

6. Lowering orraising objects

7. Set stroke style (outline width)

   

8. Finishing

   

          comic?

   

Create character/template collections

   

create comic frame

    frame layer

actor layer

balloon textlayer

backgroundlayer

front view

   

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

Default in many GNU/Linux distros

SDI GUI (Single Document Interface)

XCF extension

GIM

P

   

basic tools

   

    customfonts

   

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

   scanningartwork

   

http

://w

ww

.flic

kr.c

o m/p

hoto

s /od

dwic

k/27

0765

1659

/

   onlineresources

   www.openclipart.org

   samples/inspirations

   

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

   

EGP & Green Group's posters for the Climate Campaignpanu.laturi@europeangreens.org

Use (B)Rain Eco-Conscious Posterby Aviram Meir

   

Save=Future©2009 STUBBORN SIDEBURN

Great Eastern Mall : ECO CampaignTsubaki Studio

   

4block International Eco Poster Competition 2009, Ukraineby Ajay Gajjar

© 2009 ROBO Design

   

Eco Calendar Competition The Fuel Film - Documentary Film

   

ThankYou!

http://www.slideshare.net/niwat0ri

Diki Andeas aka. niwat0riEmail: niwatori@gmail.comBlog: chickenstrip.wordpress.com Twitter: twitter.com/niwat0riFacebook: 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/ikhlasulamalSebagian lagi berasal dari pustaka foto publik www.sxc.hu