Webデザイナーが「サービス紹介動画」を構造分析してみた（8事例）｜nanami

2024/04/24 22 users nanami 株式会社Rabee デザイナー プロダクト 手段

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。 最近、プロダクトやサービスの内容を紹介する手段として、イラストやモーショングラフィックなどを用いた動画が使用されているのをよく見かけます。 そこで今回は、サービスの内容を1~2分でまとめたサービス紹介動画を複数ピックアップし、その構造を... 続きを読む

商用利用無料！動画やアニメのさまざまなエフェクト・モーショングラフィックがパーツとして利用できる素材 | コリス

2018/04/05 41 users オープニング アニメーション ボリューム コリス エフェクト

動画やアニメで使用されるさまざまなエフェクト・アニメーション・モーショングラフィックがパーツとして利用できる無料素材を紹介します。 オープニングや切り換え、強調する時に見かけるアニメーションが、これでもかというボリュームで揃っています。 続きを読む

デザイナーでもできる、 AfterEffectsからのSVGアニメーション書き出し - LOGzeudon

2017/06/11 70 users LOGzeudon AfterEffects デザイナー

2017 - 06 - 11 デザイナーでもできる、 AfterEffectsからのSVGアニメーション書き出し デザイン 日記 After Effects でつくったモーショングラフィックは、プラグインを利用して簡単に書き出し、ブラウザ表示できます。 （複雑なアニメーションだと重たいので注意） 書き出す方法 まずはごにょごにょしてアニメーションをつくります。 Bodymovin Add-on で... 続きを読む

CSS3とHTML5 Canvasで作るモーショングラフィック - ICS MEDIA

2015/11/25 150 users 形状 ICS MEDIA サンプル ステップ形式 ソースコード

ICS MEDIAリニューアル後の トップページ に掲載しているモーショングラフィック。これはCSS3とHTML5 Canvas要素を使って作成したものです。時間経過とともに波の形状と色彩が変化し、多彩な表現を楽しめるようになっています。 本記事ではCSS3とHTML5 Canvasの理解につながることを目標に、このモーショングラフィックの作成方法をステップ形式で解説します。サンプルのソースコード... 続きを読む

スタイリッシュなモーショングラフィックまとめ「17 Motion Graphic Animations sure to Inspire」 | DesignDevelop

2011/03/27 31 users グラフィックデザイン 強いインパクト CM制作 現実 向上

スタイリッシュなモーショングラフィックまとめ「17 Motion Graphic Animations sure to Inspire」現実にはないことを強いインパクトで表現するモーショングラフィック、グラフィックデザインを活かしたCM制作など、映像表現になくてはならないものとなっています。パソコン性能の向上とともにモーショングラフィック技術も日々進化し続けており、表現力の豊かさに魅了される方も多... 続きを読む

映画のタイトルシーンデザインの歴史100年（動画あり） : ギズモード・ジャパン

2011/03/23 43 users ギズモード ジャパン タイポグラフィー 映画 動画

アート , 動画映画のタイトルシーンデザインの歴史100年（動画あり）2011.03.23 18:00[0][0]シェアTweetCheck映画好きにはうれしいまとめ動画ですね。タイポグラフィーやらモーショングラフィックやらが好きな人も見てて楽しめそうな動画。映画のタイトルシーンって凝ってるもの多いですものね。各映画の色を出す重要なシーンでもあると思います。[Art of the Title vi... 続きを読む