poster & comic design with foss software
DESCRIPTION
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 2009TRANSCRIPT
an Inkscape & GIMP introduction by [email protected]
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 seharihari
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 [email protected]
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: [email protected]: chickenstrip.wordpress.com Twitter: twitter.com/niwat0riFacebook: facebook.com/niwat0ri
This work is licensed under Creative Commons AttributionNoncommercialShare Alike 3.0 Silakan disebarluaskan untuk keperluan nonkomersil dan tetap sertakan nama penulis asli.
Fotofoto merupakan koleksi pribadi Ikhlasul Amal, http://www.flickr.com/photos/ikhlasulamalSebagian lagi berasal dari pustaka foto publik www.sxc.hu