Poster & Comic Design with FOSS Software
-
Upload
diki-andeas -
Category
Technology
-
view
2.446 -
download
6
description
Transcript of Poster & Comic Design with FOSS Software
![Page 1: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/1.jpg)
an Inkscape & GIMP introduction by [email protected]
with...Free/Open Source SoftwareFree/Open Source Software
![Page 2: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/2.jpg)
![Page 3: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/3.jpg)
WHO am I ?
(鷄 /niwat0ri)
![Page 4: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/4.jpg)
fossbasedartworks
![Page 5: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/5.jpg)
![Page 6: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/6.jpg)
![Page 7: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/7.jpg)
![Page 8: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/8.jpg)
![Page 9: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/9.jpg)
![Page 10: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/10.jpg)
free/opensourcesoftware
![Page 11: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/11.jpg)
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)
![Page 12: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/12.jpg)
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
![Page 13: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/13.jpg)
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
![Page 14: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/14.jpg)
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)
![Page 15: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/15.jpg)
foss&creativeindustry
![Page 16: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/16.jpg)
+/ $150$250 +/ $700 +/ $600/$350 +/ $1500
S/W
+H/W
![Page 17: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/17.jpg)
Free Free Free Free
S/W
+h/w(quite low specs)
![Page 18: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/18.jpg)
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
![Page 19: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/19.jpg)
/at leastaffordable creativity machine + production machine
(interoperability scenario)
$
$
$
$
$
$
$
$
![Page 20: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/20.jpg)
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
![Page 21: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/21.jpg)
bitmap&vector
![Page 22: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/22.jpg)
![Page 23: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/23.jpg)
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
![Page 24: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/24.jpg)
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
![Page 25: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/25.jpg)
inkscapetime!
![Page 26: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/26.jpg)
Vector graphic editor(seperti CorelDraw, AdobeIllustrator)
Multi platform(Linux, Windows, MacOSX)
Opensource & free(www.inkscape.org)
SVG files
Inks
c ape
![Page 27: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/27.jpg)
basic tools
![Page 28: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/28.jpg)
![Page 29: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/29.jpg)
fill & stroke
![Page 30: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/30.jpg)
![Page 31: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/31.jpg)
starburst
![Page 32: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/32.jpg)
create stroke (tips: use ctrl), connected node = path, resize, move center to the bottom edge (tips: use ctrl)
![Page 33: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/33.jpg)
right click, duplicate (Ctrl+D), open object transform window,rotate and apply (30 or 30 degree), repeat!
![Page 34: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/34.jpg)
select all, group (or combine), open fill & stroke window,stroke = none, fill = gradient
![Page 35: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/35.jpg)
create rectangle, select both (tips: use shift), path menu,select intersection
![Page 36: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/36.jpg)
create another rectangle, fill = gradient, lower one step,create another rectangle
![Page 37: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/37.jpg)
custom shape
![Page 38: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/38.jpg)
select, convert object to path, edit paths by node,
![Page 39: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/39.jpg)
import / insert
![Page 40: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/40.jpg)
Import, fill = green, duplicate & resize, ... , ... , ...
![Page 41: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/41.jpg)
with cartoon character?
![Page 42: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/42.jpg)
1. Draw freehand lines
2. Click,move,click twice,move...last clickon the first node
3. Roughoutlinesready
![Page 43: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/43.jpg)
4. Editpath nodes
5. Select area, fill with white color
![Page 44: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/44.jpg)
6. Lowering orraising objects
7. Set stroke style (outline width)
![Page 45: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/45.jpg)
8. Finishing
![Page 46: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/46.jpg)
comic?
![Page 47: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/47.jpg)
Create character/template collections
![Page 48: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/48.jpg)
create comic frame
![Page 49: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/49.jpg)
frame layer
actor layer
balloon textlayer
backgroundlayer
front view
![Page 50: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/50.jpg)
1. Draw rectangles
2. Select rectangles, use “Difference”from “Path” menu
3. Add another “hole”and add some stuff
![Page 51: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/51.jpg)
GIMPtime!
![Page 52: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/52.jpg)
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
![Page 53: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/53.jpg)
basic tools
![Page 54: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/54.jpg)
![Page 55: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/55.jpg)
customfonts
![Page 56: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/56.jpg)
Put fonts (.ttf etc.) in“ /home/username/.fonts “
![Page 57: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/57.jpg)
scanningartwork
![Page 58: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/58.jpg)
http
://w
ww
.flic
kr.c
o m/p
hoto
s /od
dwic
k/27
0765
1659
/
![Page 59: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/59.jpg)
onlineresources
![Page 60: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/60.jpg)
www.openclipart.org
![Page 61: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/61.jpg)
samples/inspirations
![Page 62: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/62.jpg)
Do you like this colour? Eco poster.by LEO+DESIGN (Anna Ciesla) Design by vamadesign
![Page 63: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/63.jpg)
EGP & Green Group's posters for the Climate [email protected]
Use (B)Rain Eco-Conscious Posterby Aviram Meir
![Page 64: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/64.jpg)
Save=Future©2009 STUBBORN SIDEBURN
Great Eastern Mall : ECO CampaignTsubaki Studio
![Page 65: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/65.jpg)
4block International Eco Poster Competition 2009, Ukraineby Ajay Gajjar
© 2009 ROBO Design
![Page 66: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/66.jpg)
Eco Calendar Competition The Fuel Film - Documentary Film
![Page 67: Poster & Comic Design with FOSS Software](https://reader033.fdocuments.net/reader033/viewer/2022042614/55516fecb4c9057f478b4869/html5/thumbnails/67.jpg)
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