Successfully reported this slideshow.

How to become a design Rockstar

975 views

Published on

Published in: Design, Technology, Business
  • Be the first to comment

How to become a design Rockstar

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

×