シェア
みなさん、こんにちは！ 株式会社FORKの、webデザイナーのNorishioです。 ギリギリ４月になっちゃいましたが、動画チームの記事を描いていこうと思います(´ー｀) 今回はライト回です。 先日インスタで公開した動画を用いて解説していきます。 ▼今回使うアニメーションは以下の4点です。 ０１ レーザービーム ～行け！パスのトリミング！！～ ではサクッといきましょう！ 素材はイラレでサクッと作っておきます。 AEでコンポジションを作成し、イラレデータを読み込みし配置し
みなさん、こんにちは！ 株式会社FORKの、webデザイナーのNorishioです。 気がついたらもうバレンタインも終わり、もうすぐ3月･･･。 最近時間に取り残されている気がする、Norishioです(´ー｀) さて、今回は動画チームの記事を書いていきます～！（ウォークサイクルの記事は面倒で後回しに‥。すみません(T_T)） 内容はある程度AEの基本操作ができる方対象。 先日インスタで公開した動画を用いて解説していきます。ついでにどう作っているかも載せておきます。 とい
今回は、After Efffects + Photoshopでミニチュア風の動画を作成していきます。 使用エフェクト & 素材 ブラー & シャープ ▶︎ ブラー（カメラレンズ） カラー補正 ▶︎ 自然な彩度 ・使用素材 01 / コンポジションを作成 & 動画配置 新規コンポジションを作成（1080×1080,24f,デュレーション５秒) プロジェクトパネル内にある動画素材をタイムラインに配置します 02 / 画像を書き出す 今回は少し精度の高いぼかしを使
みなさん、こんにちは！ 株式会社FORKの、webデザイナーのNorishioです。 気がついたら月初になっていてとてもかなしい、Norishioです(´ー｀) noteに褒めてもらえなくなっちゃった…ｗ さて、今回は動画チームのレクチャー会の内容を外部向けに公開したいと思います。 記事の内容はある程度AEの基本操作ができる方向け +adobeのプランなどで無料版のCinema4D（Lite）をインストールできる方が対象です。 というわけで、テーマは 「意外と知らない？３
みなさん、こんにちは。 株式会社FORKの、webデザイナーのNorishioです。 聞いてください･･･！気がついたら知らない間に７月も末だったんです！ ビックリですよね･･･。いや、もうホラーかと思いました(゜-゜)やらなきゃいけないことほぼ終わっていなくて･･･((T_T)ｶﾅｼｲｷﾓﾁｦﾊﾞﾈﾆｶﾞﾝﾊﾞﾘﾀｲﾄｵﾓｲﾏｽ･･･。 さて今回の記事では、 先日上げたInstagram動画の作り方をざっくりまとめたいと思います。 ０１ パーツわけ 今回もパーツわけを見
みなさん、こんにちは。 株式会社FORKの、webデザイナーのNorishioです。最近気が合う友達のたいせつさを身にしみて感じるようになりましたｗ大人になるってこういうことなんだなと思います(゜-゜) さて今回の記事では、 先日公開されたFORKコーポレートサイトのKV動画の画面の作り方をざっくりまとめたいと思います。 まえにCinema4D Liteの記事書いていたのになんでBlender？ってなった方には言い訳をしておきますｗ などの理由から今回は断念しました…。
みなさん、こんにちは。もう5月も終わりですね。 さて、私が初めてAfter Effectsに触れたのは一昨年の夏、社内研修でのことでした。 その後、社内の動画チームに所属してちまちまと学びを積み上げること約1年半。全くの初心者の状態から、ある程度思い描いたアニメーションを実現できるレベルまでスキルアップしてこれたかなと思います。 そこで今回は、これまでどうやって学習してきたのか、インプットの方法や初学者に特におすすめのチュートリアルなどをまとめてみたいと思います。 これ
みなさん、こんにちは。 株式会社FORKの、webデザイナーのNorishioです。 今月は月末ギリギリの投稿ですｗみなさんはいかがお過ごしでしょうか。 わたしは最近新しいことを始めたいと意気込んだものの、自分らしくゆっくり進めていかないと続けられないなとスローペースでこちょこちょしています。みんないろいろ頑張れていてうらやまねたましい、1寸にも満たない小さき人間です。 ･･･春ってそういう季節ですよねｗ After EffectsやPremiereなど案件やアウトプットで
みなさん、こんにちは。 株式会社FORKの、webデザイナーのNorishioです。 …いつもわりとニッチな記事を書いているNorishioですｗ 最近blenderをさわれていないです…(´ー｀)かわりにaftereffectsの方よくさわってます。さわらない間にどんどん忘れていく…！w習慣って大事ですね。 さて、 今回はコチラのバズーカーを打って、ペンキが壁にぶつかるアニメーションをAfter Effects（AE）でつくっていきたいと思います。 ･･･うーんちょっ
みなさん、こんにちは🐾 今回は、社内の動画部のレクチャー会（Norishioさん記事参照）で取り上げたリング状に回転するテキストアニメーションの作り方をまとめたいと思います。 見た目より簡単なのでぜひ挑戦してみてください！ テキストレイヤーのアニメーターについて このアニメーションでは、文字をアニメーションさせる機能「アニメーター」を使用します。 AEにもともと入っているテキストアニメーションのプリセットもこの機能を組み合わせて作られているようです。 テキストレイヤーの中
みなさん、こんにちは！ 株式会社FORKの、webデザイナーのNorishioです。 いまだにお正月から心がカムバックしてくれない、Norishioです(´ー｀) さて、弊社では社内デザイナー全員でnote・Instagramの投稿をしています。 また部署をまたぎ、 と４つのチームに分かれてそれぞれインプット・アウトプットの学習もしております。わたしは動画部に所属しています。 今回はその動画チームの話にふれていきたいと思います。 ０１ 話して気づく、振り返りの大事さ
みなさん、新年あけましておめでとうございます。 株式会社FORKの、webデザイナーのNorishioです。 みなさん、お正月はいかがお過ごしでしたでしょうか？ わたしはお正月はゆっくり過ごせました(*´ω｀*) blenderの勉強は合間にときどきやっていますｗ(´ー｀) オリジナルでいろいろ作れるようになりたいな･･･道のりは長い･･･。 さて、愚痴はさておき… 今回はコチラの雪を降らせたり文字をふわふわさせる、アニメーションをAfter Effects（AE）でつく
こんにちは、みなさん年末年始はいかがお過ごしでしたか？ 私はみかんを30個食べました。 さて今回の記事では、先日公開されたFORKコーポレートサイトのKV動画から、冒頭で使用したアイソメトリックな画面の作り方をまとめたいと思います。 3Dレイヤーを用い、カメラをアイソメの角度に配置することで作成できます。 今回はアニメーションの作り方というより、アイソメトリックな画の作り方になるので、上の動画の角柱を例に挙げてご紹介したいと思います。 では、さっそく作り方です☟ 1.
みなさん、こんにちは。株式会社FORKの、webデザイナーのNorishioです。 最近は本当にさむいですね。何を言おうとしてたか、瞬間言葉を忘れるレベルでさむいです。（まだボケてないですｗ） 今回はコチラのグリッチノイズを使ったアニメーションをAfter Effects（AE）でつくって行きたいと思います。 ０１ 素材準備アニメーション作成前にメモやかるいイメージボード、絵コンテなどを作ってみてもよいかと思います。 動きが決まれば、つぎは絵を準備します。 絵は動かした
