マガジンのカバー画像

4009 Designer's Book

377
株式会社FORKのデザイナーたちが普段考えてる事や、デザインへの取り組みなど、多種多様なテーマで発信しております!
運営しているクリエイター

#fork動画部

AEの小技!ワクワクするアニメーションをつくろう

みなさん、こんにちは! 株式会社FORKの、webデザイナーのNorishioです。 ギリギリ4月になっちゃいましたが、動画チームの記事を描いていこうと思います(´ー`) 今回はライト回です。 先日インスタで公開した動画を用いて解説していきます。 ▼今回使うアニメーションは以下の4点です。 01 レーザービーム ~行け!パスのトリミング!!~ ではサクッといきましょう! 素材はイラレでサクッと作っておきます。 AEでコンポジションを作成し、イラレデータを読み込みし配置し

AEでメリーゴーランドを回そう!

みなさん、こんにちは! 株式会社FORKの、webデザイナーのNorishioです。 気がついたらもうバレンタインも終わり、もうすぐ3月・・・。 最近時間に取り残されている気がする、Norishioです(´ー`) さて、今回は動画チームの記事を書いていきます~!(ウォークサイクルの記事は面倒で後回しに‥。すみません(T_T)) 内容はある程度AEの基本操作ができる方対象。 先日インスタで公開した動画を用いて解説していきます。ついでにどう作っているかも載せておきます。 とい

実写映像をミニチュア風映像に変える

今回は、After Efffects + Photoshopでミニチュア風の動画を作成していきます。 使用エフェクト & 素材 ブラー & シャープ ▶︎ ブラー(カメラレンズ) カラー補正 ▶︎ 自然な彩度 ・使用素材 01 / コンポジションを作成 & 動画配置 新規コンポジションを作成(1080×1080,24f,デュレーション5秒) プロジェクトパネル内にある動画素材をタイムラインに配置します 02 / 画像を書き出す 今回は少し精度の高いぼかしを使

3Dレイヤーで立体表現をしよう!

みなさん、こんにちは! 株式会社FORKの、webデザイナーのNorishioです。 気がついたら月初になっていてとてもかなしい、Norishioです(´ー`) noteに褒めてもらえなくなっちゃった…w さて、今回は動画チームのレクチャー会の内容を外部向けに公開したいと思います。 記事の内容はある程度AEの基本操作ができる方向け +adobeのプランなどで無料版のCinema4D(Lite)をインストールできる方が対象です。 というわけで、テーマは 「意外と知らない?3

AEでちょうちょが飛ぶイラストアニメ

みなさん、こんにちは。 株式会社FORKの、webデザイナーのNorishioです。 聞いてください・・・!気がついたら知らない間に7月も末だったんです! ビックリですよね・・・。いや、もうホラーかと思いました(゜-゜)やらなきゃいけないことほぼ終わっていなくて・・・((T_T)カナシイキモチヲバネニガンバリタイトオモイマス・・・。 さて今回の記事では、 先日上げたInstagram動画の作り方をざっくりまとめたいと思います。 01 パーツわけ 今回もパーツわけを見

AEとBlenderでKV動画つくってみた。

みなさん、こんにちは。 株式会社FORKの、webデザイナーのNorishioです。最近気が合う友達のたいせつさを身にしみて感じるようになりましたw大人になるってこういうことなんだなと思います(゜-゜) さて今回の記事では、 先日公開されたFORKコーポレートサイトのKV動画の画面の作り方をざっくりまとめたいと思います。 まえにCinema4D Liteの記事書いていたのになんでBlender?ってなった方には言い訳をしておきますw などの理由から今回は断念しました…。

AfterEffects1年生が脱初心者のためにやったこと

みなさん、こんにちは。もう5月も終わりですね。 さて、私が初めてAfter Effectsに触れたのは一昨年の夏、社内研修でのことでした。 その後、社内の動画チームに所属してちまちまと学びを積み上げること約1年半。全くの初心者の状態から、ある程度思い描いたアニメーションを実現できるレベルまでスキルアップしてこれたかなと思います。 そこで今回は、これまでどうやって学習してきたのか、インプットの方法や初学者に特におすすめのチュートリアルなどをまとめてみたいと思います。 これ

Cinema4DLite2023さわってみた。

みなさん、こんにちは。 株式会社FORKの、webデザイナーのNorishioです。 今月は月末ギリギリの投稿ですwみなさんはいかがお過ごしでしょうか。 わたしは最近新しいことを始めたいと意気込んだものの、自分らしくゆっくり進めていかないと続けられないなとスローペースでこちょこちょしています。みんないろいろ頑張れていてうらやまねたましい、1寸にも満たない小さき人間です。 ・・・春ってそういう季節ですよねw After EffectsやPremiereなど案件やアウトプットで

AEでペイントバズーカーを打つ!

みなさん、こんにちは。 株式会社FORKの、webデザイナーのNorishioです。 …いつもわりとニッチな記事を書いているNorishioですw 最近blenderをさわれていないです…(´ー`)かわりにaftereffectsの方よくさわってます。さわらない間にどんどん忘れていく…!w習慣って大事ですね。 さて、 今回はコチラのバズーカーを打って、ペンキが壁にぶつかるアニメーションをAfter Effects(AE)でつくっていきたいと思います。 ・・・うーんちょっ

AEでリング状に回転するテキストアニメーションをつくる

みなさん、こんにちは🐾 今回は、社内の動画部のレクチャー会(Norishioさん記事参照)で取り上げたリング状に回転するテキストアニメーションの作り方をまとめたいと思います。 見た目より簡単なのでぜひ挑戦してみてください! テキストレイヤーのアニメーターについて このアニメーションでは、文字をアニメーションさせる機能「アニメーター」を使用します。 AEにもともと入っているテキストアニメーションのプリセットもこの機能を組み合わせて作られているようです。 テキストレイヤーの中

動画部、AEのレクチャー会はじめました!

みなさん、こんにちは! 株式会社FORKの、webデザイナーのNorishioです。 いまだにお正月から心がカムバックしてくれない、Norishioです(´ー`) さて、弊社では社内デザイナー全員でnote・Instagramの投稿をしています。 また部署をまたぎ、 と4つのチームに分かれてそれぞれインプット・アウトプットの学習もしております。わたしは動画部に所属しています。 今回はその動画チームの話にふれていきたいと思います。 01 話して気づく、振り返りの大事さ

AEで文字をふわふわ浮かせる

みなさん、新年あけましておめでとうございます。 株式会社FORKの、webデザイナーのNorishioです。 みなさん、お正月はいかがお過ごしでしたでしょうか? わたしはお正月はゆっくり過ごせました(*´ω`*) blenderの勉強は合間にときどきやっていますw(´ー`) オリジナルでいろいろ作れるようになりたいな・・・道のりは長い・・・。 さて、愚痴はさておき… 今回はコチラの雪を降らせたり文字をふわふわさせる、アニメーションをAfter Effects(AE)でつく

AEでアイソメトリック表現をつくる

こんにちは、みなさん年末年始はいかがお過ごしでしたか? 私はみかんを30個食べました。 さて今回の記事では、先日公開されたFORKコーポレートサイトのKV動画から、冒頭で使用したアイソメトリックな画面の作り方をまとめたいと思います。 3Dレイヤーを用い、カメラをアイソメの角度に配置することで作成できます。 今回はアニメーションの作り方というより、アイソメトリックな画の作り方になるので、上の動画の角柱を例に挙げてご紹介したいと思います。 では、さっそく作り方です☟ 1.

AEでグリッチノイズアニメーション!

みなさん、こんにちは。株式会社FORKの、webデザイナーのNorishioです。 最近は本当にさむいですね。何を言おうとしてたか、瞬間言葉を忘れるレベルでさむいです。(まだボケてないですw) 今回はコチラのグリッチノイズを使ったアニメーションをAfter Effects(AE)でつくって行きたいと思います。 01 素材準備アニメーション作成前にメモやかるいイメージボード、絵コンテなどを作ってみてもよいかと思います。 動きが決まれば、つぎは絵を準備します。 絵は動かした