Materi presentasi seminar 2D & 3D creation di Opacity 2011 UPI, Bandung

1. http://www.flickr.com/photos/naudinsylvain/4423742869
BERKREASI DENGAN
INKSCAPE
Diki Andeas (niwat0ri)
Seminar Opacity 2011, Universitas Pendidikan Indonesia - Bandung

2. INTRODUCTION

5. 2800 views/day
Comicstrip B&W + blog posts

6. 105700 Yahoo! Mim readers
Comicstrip mingguan berwarna

7. 6000 fans
Aggregation & interaksi

8. 3000 followers
Update terbaru & strip spontan

9. 4000 buku #1
Diterbitkan oleh PT Elex Media Komputindo

10. 500-1000 downloads
Android & iPhone Applications

11. PCPlus
Comicstrip B&W dwi-mingguan

12. KOMPAS Tekno
Comicstrip-comicstrip pilihan editor

13. DIBUAT DENGAN:

15. FREE / OPEN
SOURCE
SOFTWARE

16. MULTI PLATFORM

17. COST & LEGAL

18. S/W
+/- $150-$250 +/- $700 +/- $600/$350 +/- $1500
+H/W

19. S/W
Free Free Free Free
+H/W

20. FEATURES & MATURITY
NOT FAMILIAR
INTEROPERABILITY
PRINTING ISSUE (CMYK)

21. FRIENDLY COST & LEGAL
OPEN & STANDARD FORMAT
EXPLORATION, MODIFICATION
VIRUS FREE
COMMUNITY SUPPORT

22. BITMAP

23. 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 kompresi

24. GIMP

25. 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

27. VECTOR

28. 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,
Inkscape

29. INKSCAPE

30. Vector graphic editor
Opensource Software + GPL License
Linux/Unix, MacOSX, Microsoft
Windows
Softer lines
SVG files

34. Courtesy of carmenrussell.net
Courtesy of rabbitsagainstmagic.blogspot.com
© Copyright 2009 J. Lemon
Courtesy of Dilbert.com
© Copyright 2009 Suparmanibab.com

35. CASE STUDY

36. FILL & STROKE

38. STARBURST

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

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

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

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

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

44. CUSTOM SHAPE

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

46. IMPORT /
INSERT

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

48. CUSTOM
OBJECTS

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

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

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

52. 8. Finishing

53. THE MAKING OF
CHICKENSTRIP
http://youtube.com/watch?v=_MSsiZ_P01Q
http://www.youtube.com/watch?v=ZwTqakUvN7E

54. NON
TECHNICAL
TIPS

55. Photo courtesy of http://flickr.com/photos/aperturismo/4488250788/
PASSION

56. Photo courtesy of http://flickr.com/photos/neilconway/3792906411/
CREATIVITY

57. Creativity is a habit,
not genetic
Left brain:
+ analysis, logic
- routines, procedures
Right brain:
+ imagination, creativity
- plain beauty, idealism
Balance (left+right):
creativity + analysis + logic =
innovation & competitive =
value

58. Photo courtesy of http://flickr.com/photos/christyxcore/2638646802/
ONLINE SHOWCASE

59. Photo courtesy of http://flickr.com/photos/ben_grey/4582294721/
SHARING

60. OPENESS, peering, SHARING,
acting globally
Riding the rise of
user-generated content
(crowdsourcing) and free
access social networking
platforms

62. Photo courtesy of http://flickr.com/photos/priki/2245819838/
BRANDING

63. Photo courtesy of http://www.flickr.com/photos/a-barth/5002408951
CONSISTENT

64. THANK YOU!

65. http://slideshare.net/niwat0ri