1. ow t ob ea
H
Design Rock star
Using free tools
Shahib Amin 12 September 2009
Creative Development, Virtual Assistance Workshops
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

2. Getting started
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

3. 1
What is Design?
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

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
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.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
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.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
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.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
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

8. 2
Understand the
Root of Design
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

9. 3
3
Basic Roots
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

10. 1. Consistency
Desktop
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

11. How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

12. Font
Color
Shape
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

13. 2. Space
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

14. Posters
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

15. How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

16. Web design
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

17. How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

18. How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

19. How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

20. How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

21. http://syukran.org/blog How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

22. 3. Positioning
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

23. Title
Details
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

24. Details
Title
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

25. How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

26. Billboard / latest update How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

27. Let’s get started
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

28. The Tools
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

29. Desktop based
Web based
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

30. 1 Desktop Application
Meet Picasa
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

31. The Library
Editor
Collage
Export
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

32. Lesso n1
The Library
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

33. Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

34. Le sso n2
Editor
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

35. Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

36. Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

37. Le sso n3
Collage
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

38. Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

39. Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

40. Le sso n4
Export
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

41. Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

42. Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

43. Demo
Let’s try it
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

44. 2 Web based Application
Meet
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

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
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

46. The Workspace
The Tools
The Layers
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

47. Go to
http://aviary.com
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

48. Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

49. Lesso n1
The Workspace
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

50. A F
B G
H
C
E
I
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

51. A. Menu bar
B. Undo/Redo
C. Tool Palette
E. Canvas
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

52. F. Zoom Slider
G. Pan tool
H. Layer Sidebar
I. History Sidebar
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

53. Le sso n2
The Tools
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

54. Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

55. Le sso n3
The Layers
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

56. Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

57. Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

58. Demo
Let’s try it
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

59. The Ideas
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

60. Free Photo Resources
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

61. http://everystockphoto.com
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

62. Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

63. Free Fonts Resources
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

64. http://dafont.com
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

65. Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

66. Free Graphic resources
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

67. http://smashingmagazine.com
search for
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

68. Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

69. Let’s do it
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

70. 1
Project one:
Website Banner
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

71. 2
Project two:
A4 Poster Ads
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

72. 3
Project three:
Banner Ads
How to be a Design Ro
ckstar using free tools
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

73. Download the slides
Shahib.com
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org

74. Connect with shahib
facebook.com/shahib
twitter.com/shahib
shahib@syukran.org
9227 0244
Presentation Copyright© 2009 Syukran.org. All Rights Reserved. These slides may not be used or distributed without written permission of Syukran.org. http://www.syukran.org