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  
   

Poster & Comic Design with FOSS Software