Menu Search
Jump to the content X X
The Smashing Book #5

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. new Smashing Book 5 features smart responsive design techniques and patterns.

The Ultimate Motion Graphics Tutorials Round-Up

Advertisement

Although static graphics is obviously much easier to scan and therefore can be easily perceived, motion graphics brings dynamics and life into otherwise static content. Animation can help designers to convey a deeper meaning with the use of various video-techniques. It can also provide a better data visualization than the static graphics. How and where you use it in real-life situations is totally up to your talent and your abilities to express yourself.

Motion graphics are not only created using digital techniques; also traditional animation and special effects techniques are used. However, digital techniques help to minimize production costs and achieve nice results with less effort. For example, the Juno opening sequence1 was a hand-made motion graphics which took painstakingly long time to finish.

A couple of weeks ago we presented Best Tutorials For Cinematic Visual Effects2. In this post we present a collection of useful Tutorials for motion graphics – created with the use of digital techniques. These tutorials focus on the designing skills of a motion designer and not on the modeling or the animation. You can use these techniques to create stunning motion graphics or improve upon these ideas and come up with your own creative ideas that will be truly remarkable. Most of the tutorials are from similar sources, because of its quality and usefulness.

Useful Tutorials for Motion Graphics Link

Stormy and Electric Type Reveal3
This Adobe After Effects tutorial uses a form plug-in to create a mysterious and electric type reveal.

4

Text Explosion
Create text explosion with the help of 3DS Max and Adobe After Effects software. Part 1 and Part 2

Old Paper Look5
Create an Old Paper texture to add old look to the title animation using the Fractal Noise Effect in Adobe After Effects.

6

Dunk Your Logo in a Wave World7
This Adobe After Effects tutorial uses Wave World plug-in to achieve this effect.

8

Sound Reacting 3D Waveform9
Create a sound reacting 3D waveform animation in Adobe After Effect using built-in plug-ins.

10

Stunning Website Demo Presentation11
This tutorial shows how to create a clean and elegant solution to show off your website.

12

Forging Fire13
Give a forging fire effect to title in Adobe After Effects.

14

Particolor
In this After Effects tutorial you will learn to create colourful dynamic particles by controlling their motion using Trapcode particular.

Elegantly Handwritten Text Reveal15
This Adobe After Effects tutorial will teach you how to animate a handwritten text sequence with ink bleeding through the paper to create an elegant old-world style title reveal.

16

Awesome 80’s Inspired Title Animation17
Design an Awesome 80’s Inspired Title Animation in Adobe After Effects.

18

Ethereal Morphing Letter Canvas19
This tutorial shows how to use the built-in radio waves plug-in to create an incredibly beautiful and ethereal animation of morphing letters.

20

Beautifully Animated Faux 3D Flower Scene21
In this tutorial you will learn how to create and animate a beautiful 3D flower that can be a design element of any motion graphics piece.

22

Chromatic Aberration23
Learn how to virtually create Chromatic Aberration – The failure of a lens to focus light rays to the same point. Images obtained from the lens having chromatic aberration are always colourful.

24

iPod Commercial 25
Create iPod ad in Cinema 4D using tracer tool and later composite the final video in Adobe After Effects.

26

Light-tastic” Logo Reveal27

This 2 part tutorial you will learn to create some beautifully organic light streaks that are used for logo reveal. This tutorial makes use of expressions in After Effects. Part 128 and Part 229

30

Dreamy Logo in the Clouds31
This tutorial shows how to use a particle generator to create 3D clouds and use them as a transitional device to reveal a logo.

32

Cinematic Opening Title Redux33
This 2 part tutorial uses freely available scripts and expressions to create stunning Hollywood movie style opening. This is deep skill based tutorial which will show some techniques to harness a large amount of text and quickly format and animate it in a cinematic style and use scripts to split up and animate a logo into hundreds of pieces. Part 134 and Part 235

The Juno Opening Credit Look36
Adobe After Effects tutorial to create famous handmade juno opening sequence37.

38

Cinematic Opening Title39
Another Adobe After Effects tutorial to learn how to create a beautiful cinematic opening title using Trapcode Form.

40

Mac OS X Leopard-style Aura Effect41
In this After Effects tutorial you learn how to create beautiful Mac OS X Leopard-style aura effect.

42

Radio Detection and Ranging43
This tutorial will teach you to create 3 types of animated radar displays using expressions rather than keyframes which will help you to save time.

44

Lottery Balls45
This Adobe After Effects tutorial demonstrates how to use expressions to generate multiple custom particles in Particular to create an animation of bouncing and floating Ping Pong balls.

46

Heart Monitor47
Create a heart monitor display using Adobe After Effects.

48

Volume Meter49
Create a Volume Meter that is reactive to change in sound. It uses expressions in Adobe After Effects to achieve this sound reacting motion graphics.

50

Flying through a tunnel51
Create a flying through tunnel effect in After Effects. Also check the similar tutorial at www.maxafter.com52

53

Automated Odometer54
This tutorial will show you how to create automated odometer in After Effects using expressions.

55

Sunrise56
Create a stylized sun using expressions in Adobe After Effects.

57

Dropping into water58
Create an effect of an object dropping into water, using the Caustics and WaveWorld filters in Adobe After Effects.

59

Line Chart Diagram60
This tutorial will show you to create diagram which can be animated with use of expressions in Adobe After Effects.

61

3D City62
Using this tutorial you can create a stylistic 3D city with 2D images in Adobe After Effects.

63

Card Dance64
Create a effect of millions of pictures flying around.

65

The 007 Intro66
This tutorial shows you how to achieve the classic introduction of James Bond films using only basic After Effects plug-ins.

67

Earth Zoom68
Create a cosmic Earth zoom in Adobe After Effects.

69

Welding Sparks70
Create welding sparks effect using Trapcode particluar in Adobe After Effects.

71

Spin Orbs72
Create a spinning orb in Adobe After Effects that self animates with times

73

Fun with Ink74
This Adobe After Effects tutorial uses Particle World to create ink spatter elements.

75

Swirls76
Learn to create animated swirls in Adobe After Effects.

Moving 3D Lines77
This tutorial will teach you to create flowing light streams using Adobe After Effects.

78

The Blue Planet9179
This tutorial will teach you to create an earth in After Effects with atmosphere, rotation, solar eclipse and lighting. This tutorial uses CC sphere plug-in to convert flat map to 3d earth.

80

Car Racing Scene81
Create a scene of cars racing down a road towards camera from photographs. Part 182 and Part 283

84

Medical Zoom85
This 3 Part tutorial will show you how to model a blood cell (3D Max) and use it in After Effects to create the effect, where a camera goes inside a person`s body. Part186, Part2 87and Part388

89

Dead Planet90
This tutorial is similar to “The Blue Planet9179 ” which will show you to create a dying planet with visible lava and cracks.

92

Planet Explosion93
This tutorial will teach you to create explosion using shatter effect in After Effects.

94

Fancy Title Plate95
Create a beautiful fancy 3D Title in Adobe After Effects.

96

Flaming Chrome Text97
Creates flaming chrome text in Adobe After Effects using the glow and liquefy effects.

98

Growing 3D Vines99
This tutorial will teach you to create growing 3D vines over a water floor in 3D Max and later composite it in After Effects.

100

Smokey Type Effect101
This tutorial will teach you to create Smokey Type animation in Adobe After Effects.

102

Colorful Universe103
This tutorial Uses expression in Adobe After Effect to create a 3D dynamic space world with light streams.

104

Breathtakingly Awesome Rain Scene105
Adobe After Effects tutorial shows how to create the dramatic slow motion rain drops falling scene. Part 1106 and Part 2107

108

Organic Mesh109
This tutorial will teach you to create an bloody wet organic mesh using 3DMax.

110

Spray Paint and Stencil Effect111
In this tutorial you will learn how to create a spray paint effect using After Effects.

112

Shiny Ring113
This tutorial will teach you to create a silver ring in After Effects with a particle wipe and some expressions.

114

TV Screens115
This Adobe After Effects tutorial will teach you to create many TV screens placed in a grid. Also some optical effects are added to make it look interesting.

116

DVD Motion Menu Design117
Major difference between this tutorial and the other DVD menu design tutorial is that it shows you create interactive menus from pen-and-paper sketches.

118

Graffiti Writing119
This is an awesome After Effect tutorial to simulate graffiti writing on a wall in 3D along with some paint splatter elements.

120

Ink Bleeding Effect121
Create an ink bleeding effect. This tutorial makes use of Photoshop, Illustrator and Adobe After Effects with Trapcode’s Particular

122

Cool TV bumper123
In this tutorial you will learn to create a cool TV bumper using mattes in Adobe After Effects.

124

Speed Particles125
Create sandy like particles that fly off of text using expressions to drive particles based on speed.

126

3D Watch Animation127
This 3 part tutorial will teach you to create a 3D Watch Animation. This tutorial makes use of Adobe Photoshop CS3 Extendend with Google 3D Warehouse128 Plug-in and Adobe After Effects. Part 1129, Part 2130 and Part 3131.

132

Droste Effect133
This tutorial demonstrates the use of new Pixel Bender plug-in134 to obtain “Droste Effect”.

135

Retro Style136
Learn how to create a vintage retro style.

137

Building and animating a CGSnake138
Learn how to create a animated snake in Adobe After Effects based on a “chain rig”.

139

3D Toon on Paper140
Transform your hand drawn sketch from paper to digital animation.

141

Fracture Design142
Use expressions and scripts to create a distressed title in Adobe After Effects.

143

Best Sources for Motion Graphics Tutorials Link

  • aetuts+144
    Website is full of great Adobe After Effects tutorials.
  • Video Copilot145
    High quality After Effects video tutorials for motion graphics and visual effects presented by Andrew Kramer.
  • Creative Cow146
    Support community for digital video, video editing, and media production professionals in broadcasting, motion graphics, special FX and film.
  • GREYSCALEGORILLA147
    Blog dedicated to Graphic Design.
  • maltaannon.com148
    Adobe After Effects and Production Studio Video Tutorials
  • GomediaZine149
    Resources for artists and designers.
  • Digital Arts150
    A place for digital artist to find articles, reviews and tutorials.
  • Layers Magazine151
    Everything about Adobe.
  • ayato@web152
    Japanese website providing useful Adobe After effects tips and tutorials.
  • Maxafter153
    Visual Effects and Motion Graphic Design tutorials.
  • www.henrythejedi.com154
    New website providing visual effects, motion graphic and animation tutorials.

Footnotes Link

  1. 1 http://www.shadowplaystudio.com/juno/
  2. 2 https://www.smashingmagazine.com/2009/05/04/best-tutorials-for-cinematic-visual-effects/
  3. 3 http://ae.tutsplus.com/tutorials/motion-graphics/create-a-stormy-electric-type-reveal/
  4. 4 http://ae.tutsplus.com/tutorials/motion-graphics/create-a-stormy-electric-type-reveal/
  5. 5 http://library.creativecow.net/articles/zwar_chris/OldPaper.php
  6. 6 http://library.creativecow.net/articles/zwar_chris/OldPaper.php
  7. 7 http://ae.tutsplus.com/tutorials/motion-graphics/dunk-your-logo-in-a-wave-world/
  8. 8 http://ae.tutsplus.com/tutorials/motion-graphics/dunk-your-logo-in-a-wave-world/
  9. 9 http://ae.tutsplus.com/tutorials/motion-graphics/create-a-sound-reacting-3d-waveform-animation-without-3rd-party-plugins/
  10. 10 http://ae.tutsplus.com/tutorials/motion-graphics/create-a-sound-reacting-3d-waveform-animation-without-3rd-party-plugins/
  11. 11 http://ae.tutsplus.com/tutorials/motion-graphics/create-a-stunning-website-demo/
  12. 12 http://ae.tutsplus.com/tutorials/motion-graphics/create-a-stunning-website-demo/
  13. 13 http://tutorials.forgingfire.com/2009/02/forging-fire-after-effects-tutorial/
  14. 14 http://tutorials.forgingfire.com/2009/02/forging-fire-after-effects-tutorial/
  15. 15 http://ae.tutsplus.com/tutorials/motion-graphics/create-an-elegantly-handwritten-text-reveal/
  16. 16 http://ae.tutsplus.com/tutorials/motion-graphics/create-an-elegantly-handwritten-text-reveal/
  17. 17 http://ae.tutsplus.com/tutorials/motion-graphics/design-an-awesome-80s-inspired-title-animation/
  18. 18 http://ae.tutsplus.com/tutorials/motion-graphics/design-an-awesome-80s-inspired-title-animation/
  19. 19 http://ae.tutsplus.com/tutorials/motion-graphics/create-an-ethereal-morphing-letter-canvas/
  20. 20 http://ae.tutsplus.com/tutorials/motion-graphics/create-an-ethereal-morphing-letter-canvas/
  21. 21 http://ae.tutsplus.com/tutorials/motion-graphics/create-a-beautifully-animated-faux-3d-flower-scene/
  22. 22 http://ae.tutsplus.com/tutorials/motion-graphics/create-a-beautifully-animated-faux-3d-flower-scene/
  23. 23 http://ae.tutsplus.com/tutorials/motion-graphics/learn-how-to-create-chromatic-aberration/
  24. 24 http://ae.tutsplus.com/tutorials/motion-graphics/learn-how-to-create-chromatic-aberration/
  25. 25 http://library.creativecow.net/articles/mylenium/Mograph_ipod.php
  26. 26 http://library.creativecow.net/articles/mylenium/Mograph_ipod.php
  27. 27 http://ae.tutsplus.com/tutorials/motion-graphics/create-a-light-tastical-logo-reveal-animation-part-1/
  28. 28 http://ae.tutsplus.com/tutorials/motion-graphics/create-a-light-tastical-logo-reveal-animation-part-1/
  29. 29 http://ae.tutsplus.com/tutorials/motion-graphics/create-a-light-tastical-logo-reveal-animation-part-2/
  30. 30 http://ae.tutsplus.com/tutorials/motion-graphics/create-a-light-tastical-logo-reveal-animation-part-1/
  31. 31 http://ae.tutsplus.com/tutorials/motion-graphics/create-a-logo-in-the-clouds-animation/
  32. 32 http://ae.tutsplus.com/tutorials/motion-graphics/create-a-logo-in-the-clouds-animation/
  33. 33 http://ae.tutsplus.com/tutorials/motion-graphics/cinematic-opening-title-redux-day-1/
  34. 34 http://ae.tutsplus.com/tutorials/motion-graphics/cinematic-opening-title-redux-day-1/
  35. 35 http://ae.tutsplus.com/tutorials/motion-graphics/cinematic-opening-title-redux-day-2/
  36. 36 http://library.creativecow.net/articles/bonner_simon/The_Juno_Look.php
  37. 37 http://www.youtube.com/watch?v=20PQBtyfNZY
  38. 38 http://library.creativecow.net/articles/bonner_simon/The_Juno_Look.php
  39. 39 http://ae.tutsplus.com/tutorials/motion-graphics/how-to-create-a-cinematic-opening-title/
  40. 40 http://ae.tutsplus.com/tutorials/motion-graphics/how-to-create-a-cinematic-opening-title/
  41. 41 http://ae.tutsplus.com/tutorials/motion-graphics/quick-effect-create-a-mac-os-x-leopard-style-aura-effect/
  42. 42 http://ae.tutsplus.com/tutorials/motion-graphics/quick-effect-create-a-mac-os-x-leopard-style-aura-effect/
  43. 43 http://maltaannon.com/articles/after-effects/radar/
  44. 44 http://maltaannon.com/articles/after-effects/radar/
  45. 45 http://library.creativecow.net/articles/agliata_tony/lotto_balls.php
  46. 46 http://library.creativecow.net/articles/agliata_tony/lotto_balls.php
  47. 47 http://library.creativecow.net/articles/rabinowitz_aharon/CC_Heart_Monitor.php
  48. 48 http://library.creativecow.net/articles/rabinowitz_aharon/CC_Heart_Monitor.php
  49. 49 http://maltaannon.com/articles/after-effects/smart-volume-meter/
  50. 50 http://maltaannon.com/articles/after-effects/smart-volume-meter/
  51. 51 http://library.creativecow.net/articles/zwar_chris/tunnel.php
  52. 52 http://www.maxafter.com/tunnel.htm
  53. 53 http://library.creativecow.net/articles/zwar_chris/tunnel.php
  54. 54 http://library.creativecow.net/articles/rabinowitz_aharon/Odometer_2/
  55. 55 http://library.creativecow.net/articles/rabinowitz_aharon/Odometer_2/
  56. 56 http://library.creativecow.net/articles/mylenium/sun.php
  57. 57 http://library.creativecow.net/articles/mylenium/sun.php
  58. 58 http://library.creativecow.net/articles/tierney_jim/caustics.php
  59. 59 http://library.creativecow.net/articles/tierney_jim/caustics.php
  60. 60 http://library.creativecow.net/articles/mylenium/line_chart.php
  61. 61 http://library.creativecow.net/articles/mylenium/line_chart.php
  62. 62 http://www.videocopilot.net/tutorials/3d_city/
  63. 63 http://www.videocopilot.net/tutorials/3d_city/
  64. 64 http://www.maxafter.com/carddance.htm
  65. 65 http://www.maxafter.com/carddance.htm
  66. 66 http://library.creativecow.net/articles/park_michael/007_Intro.php
  67. 67 http://library.creativecow.net/articles/park_michael/007_Intro.php
  68. 68 http://www.videocopilot.net/tutorials/earth_zoom/
  69. 69 http://www.videocopilot.net/tutorials/earth_zoom/
  70. 70 http://www.maxafter.com/weldingParticular.htm
  71. 71 http://www.maxafter.com/weldingParticular.htm
  72. 72 http://www.videocopilot.net/tutorials/spin_orbs/
  73. 73 http://www.videocopilot.net/tutorials/spin_orbs/
  74. 74 http://www.videocopilot.net/tutorials/fun_with_ink/
  75. 75 http://www.videocopilot.net/tutorials/fun_with_ink/
  76. 76 http://www.layersmagazine.com/animated-swirls-in-adobe-after-effects.html
  77. 77 http://www.videocopilot.net/tutorials/moving_3d_lines/
  78. 78 http://www.videocopilot.net/tutorials/moving_3d_lines/
  79. 79 http://www.videocopilot.net/tutorials/the_blue_planet/
  80. 80 http://www.videocopilot.net/tutorials/the_blue_planet/
  81. 81 http://greyscalegorilla.com/blog/2009/04/15/after-effects-tutorial-build-a-car-racing-scene-from-photographs-part-1/
  82. 82 http://greyscalegorilla.com/blog/2009/04/15/after-effects-tutorial-build-a-car-racing-scene-from-photographs-part-1/
  83. 83 http://greyscalegorilla.com/blog/2009/04/16/after-effects-tutorial-build-a-car-racing-scene-from-photographs-part-2/
  84. 84 http://greyscalegorilla.com/blog/2009/04/15/after-effects-tutorial-build-a-car-racing-scene-from-photographs-part-1/
  85. 85 http://www.videocopilot.net/tutorials/medical_zoom_01/
  86. 86 http://www.videocopilot.net/tutorials/medical_zoom_01/
  87. 87 http://www.videocopilot.net/tutorials/medical_zoom_02/
  88. 88 http://www.videocopilot.net/tutorials/medical_zoom_03/
  89. 89 http://www.videocopilot.net/tutorials/medical_zoom_01/
  90. 90 http://www.videocopilot.net/tutorials/dead_planet/
  91. 91 http://www.videocopilot.net/tutorials/the_blue_planet/
  92. 92 http://www.videocopilot.net/tutorials/dead_planet/
  93. 93 http://www.videocopilot.net/tutorials/planet_explosion/
  94. 94 http://www.videocopilot.net/tutorials/planet_explosion/
  95. 95 http://www.videocopilot.net/tutorials/fancy_title_plate/
  96. 96 http://www.videocopilot.net/tutorials/fancy_title_plate/
  97. 97 http://www.layersmagazine.com/flaming-chrome-text-in-after-effects.html
  98. 98 http://www.layersmagazine.com/flaming-chrome-text-in-after-effects.html
  99. 99 http://www.videocopilot.net/tutorials/growing_3d_vines/
  100. 100 http://www.videocopilot.net/tutorials/growing_3d_vines/
  101. 101 http://www.layersmagazine.com/smokey-type-effect-in-after-effects.html
  102. 102 http://www.layersmagazine.com/smokey-type-effect-in-after-effects.html
  103. 103 http://www.videocopilot.net/tutorials/colorful_universe/
  104. 104 http://www.videocopilot.net/tutorials/colorful_universe/
  105. 105 http://ae.tutsplus.com/tutorials/vfx/create-a-breathtakingly-awesome-rain-scene-part-1/
  106. 106 http://ae.tutsplus.com/tutorials/vfx/create-a-breathtakingly-awesome-rain-scene-part-1/
  107. 107 http://ae.tutsplus.com/tutorials/vfx/create-a-breathtakingly-awesome-rain-scene-day-2/
  108. 108 http://ae.tutsplus.com/tutorials/vfx/create-a-breathtakingly-awesome-rain-scene-part-1/
  109. 109 http://www.videocopilot.net/tutorials/organic_mesh_in_3d_max/
  110. 110 http://www.videocopilot.net/tutorials/organic_mesh_in_3d_max/
  111. 111 http://www.gomediazine.com/tutorials/animating-spray-paint-and-stencil-effect-in-after-effects/
  112. 112 http://www.gomediazine.com/tutorials/animating-spray-paint-and-stencil-effect-in-after-effects/
  113. 113 http://www.videocopilot.net/tutorials/the_ring/
  114. 114 http://www.videocopilot.net/tutorials/the_ring/
  115. 115 http://www.maxafter.com/tvscreen.htm
  116. 116 http://www.maxafter.com/tvscreen.htm
  117. 117 http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1717
  118. 118 http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1717
  119. 119 http://www.videocopilot.net/tutorials/graffiti_writing/
  120. 120 http://www.videocopilot.net/tutorials/graffiti_writing/
  121. 121 http://www.gomediazine.com/tutorials/ink-bleeding-effect-in-after-effects-like-gnarls/
  122. 122 http://www.gomediazine.com/tutorials/ink-bleeding-effect-in-after-effects-like-gnarls/
  123. 123 http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1598
  124. 124 http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1598
  125. 125 http://www.videocopilot.net/tutorials/speed_particles/
  126. 126 http://www.videocopilot.net/tutorials/speed_particles/
  127. 127 http://library.creativecow.net/articles/stern_eran/3D_Watch_pt_1.php
  128. 128 http://labs.adobe.com/wiki/index.php/Photoshop_CS3_Extended_Plug-In_for_Google_3D_Warehouse
  129. 129 http://library.creativecow.net/articles/stern_eran/3D_Watch_pt_1.php
  130. 130 http://library.creativecow.net/articles/stern_eran/3D_Watch_pt_2.php
  131. 131 http://library.creativecow.net/articles/stern_eran/3D_Watch_pt_3.php
  132. 132 http://library.creativecow.net/articles/stern_eran/3D_Watch_pt_1.php
  133. 133 http://library.creativecow.net/articles/larsen_carl/droste_effect.php
  134. 134 http://labs.adobe.com/technologies/pixelbender/
  135. 135 http://library.creativecow.net/articles/larsen_carl/droste_effect.php
  136. 136 http://www.graymachine.com/tutorials/retro-style-graphics
  137. 137 http://www.graymachine.com/tutorials/retro-style-graphics
  138. 138 http://maltaannon.com/articles/after-effects/cgsnake/
  139. 139 http://maltaannon.com/articles/after-effects/cgsnake/
  140. 140 http://library.creativecow.net/articles/val_mark/3d_toon.php
  141. 141 http://library.creativecow.net/articles/val_mark/3d_toon.php
  142. 142 http://www.videocopilot.net/tutorials/fracture_design/
  143. 143 http://www.videocopilot.net/tutorials/fracture_design/
  144. 144 http://ae.tutsplus.com
  145. 145 http://www.videocopilot.net/
  146. 146 http://www.creativecow.net/
  147. 147 http://greyscalegorilla.com
  148. 148 http://maltaannon.com/
  149. 149 http://www.gomediazine.com
  150. 150 http://www.digitalartsonline.co.uk
  151. 151 http://www.layersmagazine.com/
  152. 152 http://www.ayatoweb.com/ae_tips_e.html
  153. 153 http://www.maxafter.com
  154. 154 http://www.henrythejedi.com/
SmashingConf Oxford

Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Oxford, on March 15—16, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Vailancio Rodrigues is a web ninja who bakes semantic muffins. Apart from that he is also interested in Motion Graphics, Visual Effects, Photography and knows little bit of Physics due to his college education . He is from Goa - a beautiful tropical paradise in India.

Advertisement
  1. 1

    Grrreat…although, too much to consume at once…

    2
  2. 2

    First! Great article!

    -3
  3. 3

    Interesting article. I’ve always been fascinated at how movie studios (Paramount, Universal, Bad Robot, Spyglass) have taken their once-still logos and added life to them with motion.

    0
  4. 4

    Nice Compilation Rodrigues… Thanks for sharing !!

    DKumar M.
    @instantshift

    0
  5. 5

    ABSOLUTELY FAB! This is just what i’ve been after for the last few days!! Such a shame it wasnt featured on friday! haha. Thanks guys keep up the great work!

    1
  6. 6

    Wawooooooooo
    Nice article

    0
  7. 7

    Informative article..
    Thanks Smashing.

    0
  8. 8

    Azrie Muzaffar

    May 26, 2009 1:37 am

    excellent. Love this.

    0
  9. 9

    I was expecting for this article.

    thank you SM

    0
  10. 10

    Thanks For Sharing. Nice Article.

    0
  11. 11

    Another resource:
    1001 Adobe After Effects Tutorials: 1001 Adobe After Effects Tutorials

    0
  12. 12

    wonderfull!

    0
  13. 13

    Wow, great roundup… although it heavily relies on Andrew Kramer (which is not so bad)

    0
  14. 14

    Great! Thank you!

    0
  15. 15

    I realize “AfterEffects” is sort of the deFacto but I can’t believe there was not one mention/tutorial for “Motion”. Would be nice to add a few of them to the list. ;-)

    0
  16. 16

    First one doesn’t seem to work.

    0
  17. 17

    is there something like a flash-video-tutorial?
    similar to these for after-effects?

    0
    • 18

      Flash and After Effects talk to each other. There’s a book about it. Search: Flash AfterEffects Book” I cannot remember the name, sadly.

      0
      • 19

        the correct name is: From After Effects to Flash: Poetry in motion graphics.

        0
  18. 20

    Great motion Graphics. I enjoyed most of the pics. Also Really wonderful collection of links for tutorials.

    0
  19. 21

    nice post smashingmagazine!!

    0
  20. 22

    amazing article, opens a whole new world for me!

    0
  21. 23

    great feature article.
    cheers.

    0
  22. 24

    Thanks pretty good tutorials :)

    0
  23. 25

    Huge thumbs up. Andrew Kramer is my new After Effects hero.

    0
  24. 26

    I am starting learning one by one tutorial I have came across 2-3 now. they are really rocking my design knowledge.

    0
  25. 27

    Nice collection, thanks.

    0
  26. 28

    Brilliant, been looking for some quality motion graphics tutorials!

    0
  27. 29

    awesome, nice collection
    thanks

    0
  28. 30

    bg7566@gmail.com

    May 31, 2009 2:20 pm

    When did you start working for Adobe?

    -1
  29. 31

    Great tutorials! One thing almost all of these revolve around After Effects any similar tutorials that use Apple’s Motion?

    -1
  30. 32

    Nice collection keep it gng…!!!

    0

↑ Back to top