This document discusses how to become a design rockstar using free tools. It begins by explaining the basic roots of design including consistency, space, and positioning. It then introduces some free desktop and web-based design tools that can be used, such as Picasa and Aviary. The document provides lessons on using the tools' libraries, editors, layers, and more. It also lists free resources for photos, fonts, and graphics. Finally, it proposes three design projects to practice the skills and provides ways to connect with the author.

1. ow t ob ea
H
De sign Rock star
Using free tools
Shahib Amin
Creative Development,

2. Getting started
How to be a Design Ro
ckstar using free tools

3. 1
What is Design?
How to be a Design Ro
ckstar using free tools

4. Communication
Design is communication. Great design is rational.
Rational design is filtered communication.
Thierry Loa Web Designer & Director, Hellohello.biz
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

5. Function
Design is not just what it looks like and feels like. Design is how it works
Steve Jobs CEO, Apple
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

6. Target Audience
Design is a response to social change.
George Nelson (1908-1986) Architect and Designer
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

7. Dakwah
Design is about Dakwah to the Muslims
Shahib Amin Creative Director, Syukran
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

8. 2
Understand the
Root of Design
How to be a Design Ro
ckstar using free tools

9. 3
3
Basic Roots
How to be a Design Ro
ckstar using free tools

10. 1. Consistency
Desktop
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

11. How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

12. Font
Color
Shape
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

13. 2. Space
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

14. Posters
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

15. How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

16. Web design
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

17. How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

18. How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

19. How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

20. How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

21. http://syukran.org/blog How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

22. 3. Positioning
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

23. Title
Details
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

24. Details
Title
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

25. How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

26. Billboard / latest update How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

27. Let’s get started
How to be a Design Ro
ckstar using free tools

28. The Tools
How to be a Design Ro
ckstar using free tools

29. Desktop based
Web based
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

30. 1 Desktop Application
Meet Picasa
How to be a Design Ro
ckstar using free tools

31. The Library
Editor
Collage
Export
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

32. Le sso n1
The Library
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

34. Le sso n2
Editor
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

37. Lesso n3
Collage
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

40. Le sso n4
Export
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

43. Demo
Let’s try it
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

44. 2 Web based Application
Meet
How to be a Design Ro
ckstar using free tools

45. It’s like a P ro tools
But it is much simpler and free
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

46. The Workspace
The Tools
The Layers
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

47. Go to
http://aviary.com
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

49. Le sso n1
The Workspace
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

50. A F
B G
H
C
E
I

51. A. Menu bar
B. Undo/Redo
C. Tool Palette
E. Canvas

52. F. Zoom Slider
G. Pan tool
H. Layer Sidebar
I. History Sidebar

53. Le sso n2
The Tools
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

55. Lesso n3
The Layers
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

58. Demo
Let’s try it
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

59. The Ideas
How to be a Design Ro
ckstar using free tools

60. Free Photo Resources
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

61. http://everystockphoto.com
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

63. Free Fonts Resources
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

64. http://dafont.com
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

66. Free Graphic resources
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

67. http://smashingmagazine.com
search for
How to be a Design Ro
ckstar using free tools
Shahib Amin, Creative Syukran.org

69. Let’s do it
How to be a Design Ro
ckstar using free tools

70. 1
Project one:
Website Banner
How to be a Design Ro
ckstar using free tools

71. 2
Project two:
A4 Poster Ads
How to be a Design Ro
ckstar using free tools

72. 3
Project three:
Banner Ads
How to be a Design Ro
ckstar using free tools

73. Download the slides
Shahib.com

74. Connect with shahib
facebook.com/shahib
twitter.com/shahib
shahib@syukran.org
9227 0244