【After Effects】複数のシェイプの結合する方法 | CGメソッド
サンプル1 左側のアニメーション シェイプレイヤーに『移動する側のシェイプ（楕円形）』と『受ける側のシェイプ（長方形）』を作成 『パスの結合』をの追加。モードは『追加』にして2つの形状の輪郭が突っつくように 2つのシェイプとパスの結合をグループ化『図形グループ』 右半分をすべて覆った長方形シェイプを追加。 『パスの結合』をの追加。モードは『型抜き』にして画面右半分を削る 更にグループ化して、『アニメーショングループ_左』とする 右側のアニメーション 『アニメーショングループ左』を複製して、『アニメーショングループ右』とする 『図形グループ』に『パスのオフセット』を2つ追加、線の結合を『ラウンド』にして『量』で丸みを調整。もう片方の量はエクスプレッションで反対の数字になるように入力する -content("アニメーショングループ_右").content("図形グループ").content("
011_After Effectsのカメラワーク講座 Part.1 〜まずは押さえたい基本の3つ〜
この記事が良かったと思った方は ハートマークとクリップマークを忘れずにお願いします！！ こんちゃ！ 映像クリエイターのサンゼです！YouTubeで映像制作のテクニックを分かりやすく解説しています...
【After Effects】フラクタルノイズでリアルな水面を作る方法を解説!!
『フラクタルノイズ』でリアルな水面を作る方法『After Effects』の超万能エフェクト『フラクタルノイズ』で、リアルな水面を作る方法を紹介しますd(ﾟ∀ﾟ)
Harmony（ハーモニー） | アニメ制作を強力にサポート | Toon Boom
今年のアニメ市場では、2Dテレビシリーズや長編映画、そしてゲームの需要が高まっています。Toon Boomは、業界をリードする2Dアニメーションソフトウェアとして、2Dのインディーゲーム開発者のために新しい機能セットを設計し、さらなるパワーとパフォーマンスを追加しました。世界最大級のアニメーションスタジオたちは、Harmonyを利用し、最高品質の制作に取り組み、その都度、物語づくりグローバルスタンダードを上げています。Toon Boomのオールインワンかつエンドツーエンドのアニメーションソフトを使えば、アニメーターは想像を超えるあらゆるスタイルでカットアウトとペーパーレス作画を作成することができます。
【AE】タービュレントディスプレイスでにじみっぽいトラジション | OLDROOKIE
知らないとなんか大変そうだなと思っていたが、わかってしまえば単純な事だったんだと。 流れ 平面を2色作成して シェイプレイヤーで円を0〜平面を覆うぐらいの大きさにアニメーションさせる 平面レイヤーをシェイプ円にトラックマット＿アルファにして シェイプ円にタービュレントディスプレイスを設定する タービュレントディスプレイス設定1（細くてザラザラの方） タービュレントディスプレイス設定2（丸い方） コンポジションの設定 タービュレントディスプレイスなし
【ディズニー発】魅力的なアニメーションを実現する12の基本原則（動画あり）
ウェブデザインにおいて、デザイン性だけでなく、インタラクティブなアニメーションは重要な要素のひとつとなってきています。 長年にわたって人々を魅了し、夢を与え続けるディズニー社のトップクリエイターFrank ThomasとOllie Johnstonが苦心して作成、まとめたアニメーションの基本原則12個を元に、各ポイントごとに詳しく解説した動画「An In-depth Resource for Animators」が、YouTubeで公開されていたのでご紹介します。 各ポイントを2分ほどの短い動画にまとめ、アニメーションを使って分かりやすく説明されています。ウェブサイトやモバイルアプリに面白いアニメーションを加えようと検討している方は、一度目を通しておくと良いかもしれません。 詳細は以下から。 ディズニー発！魅力的なアニメーションを実現する12の基本原則 アニメーターのAlan Becker
Live2D Cubism | イラストに命が宿る感動を - 描かれた「絵」そのものを自在に動かす表現技術。
2024.09.04aliveLive2D主催のイベント『alive』会場にてブース展示をされたいクリエイターを今年も募集します！2024.07.30UpdateCubism Editor 5.1.00 正式版リリース！2024.07.12SalePROライセンスが20%OFF！Live2D サマーセール スタート！2024年7月29日(月)まで2024.06.14Creative AwardsLive2Dの世界一を決めるコンテスト『第11回 Live2D Creative Awards』作品募集開始！9月30日(月)まで2024.03.28NewsCubism 5.1 alpha版リリースのお知らせ～ダウンロード方法もご紹介！～2023.12.01Creative AwardsLive2D Creative Awards 2023 受賞者公開！2023.11.29News年末年始の営業に
水っぽい動きのjQueryプラグイン3選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ゆたろです。どうもです。 皆さんは案件などで「水っぽい動き」を求められたことはありませんか？ ゼロから実装するとかなり時間がかかってしまいますが、プラグインを使えば簡単に実装することができます。 というわけで今回は、水っぽい表現をするプラグインの紹介と、それを使用したsampleソースを紹介していきます。 ▼目次 ぷよぷよ動く水玉風 jquery.morphing.js 水たまりの波紋風 jquery.ripples.js フラットデザインと相性抜群 raindrops.js まとめ ぷよぷよ動く水玉風 jquery.morphing.js jquery.morphing.jsは、要素に対して、ぷよぷよと動く円形のクリッピングマスクを作ってくれるプラグインです。 https://github.com/ANTON072/jquery.morphing.js html ダウンロードしたファイル
jQuery WebGL Ripples
Background images are often boring. Use this effect to make your static CSS background images more interactive! It's as easy as: $('body').ripples({ resolution: 512, dropRadius: 20, perturbance: 0.04, }); You can add drops programmatically by doing $('body').ripples("drop", x, y, radius, strength) And you can change its state: $('body').ripples("pause") $('body').ripples("play") Download or fork t
【After Effectsで手軽にWebアニメーション】Lottieを使えるようにするまで – 制作編 | ティブる！
TOP デザイン 【After Effectsで手軽にWebアニメーション】Lottieを使えるようにするまで – 制作編 【After Effectsで手軽にWebアニメーション】Lottieを使えるようにするまで – 制作編 アニメーションを作る できる事・できない事 さあ後は作るだけだろう！といきたいのですが、Lottieには出来ないことがあります。 サポートされているAfterEffectsの機能 特に厄介なのはillustratorのAiファイルが、そのままだとLottieで読み込めない事です。 なので一度AfterEffects内でシェイプにする必要があります。 AiデータをAfter Effects上でシェイプに変換する まずはシェイプにしたい部分をillustrator上でレイヤーに分けます。 （レイヤー名はちゃんとつけた方が良いですが見逃してください…） レイヤーを分けた
Webディレクター向け！業務がはかどるGoogle Chromeのおすすめ拡張機能7選！ | ティブる！
みなさん、こんにちは。 Google Chromeには便利な拡張機能がたくさんあるのはみなさんご存知かと思います。 いろいろなウェブサイトをチェックしたり、出来上がったサイトを確認したりするのもWebディレクターの仕事の一つ。 そこで今日は、ディレクターの業務を効率良く進めていくために役立つ拡張機能をご紹介します。 ページのスクリーンショットに便利な「FireShot」！ https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg Webディレクターがもっとも使う機能の一つがスクリーンショットと言っても過言では無いでしょう。 参考画像の共有から修正の指示出しまで、使う機会は数え切れないほど。 このFireshotの場合、ウインドウに収まりきらない縦長の
アニメーションの制作工程（ワークフロー） | Autodesk :: AREA JAPAN
企画 なにをどう作りたいのかを文書にまとめたもの。この作品を作ることによって、何を達成したいのか。作品のテーマは何なのか。どんなキャラクターを登場させて、どこで何をさせるという、簡単なストーリー展開の説明。ターゲットのお客さんは誰なのか、どういう形式とメディアでそのお客さんに見せるのか。公開後の展開を想定しているかどうか（例：グッズの販売などのキャラクタービジネスも視野に入れている）。等々。要は、「こんな作品を作りたい」を説明している文書です。 作品のテーマを決める 作品のテーマはコンセプトと共に一番最初に決めておくべきポイントですが、この作品のテーマは一体何なのか？すごく簡単に言うとしたら、「何を作りたいのか」「この作品で何を描きたいのか」「どんなお話を語りたいのか」という根本的なを内容を示すものです。 主題であるテーマは、その作品のタイトルを通してお客さんに一番ダイレクトに伝わりやすい
中割りの基本 "うごくイラストの作り方&描き方 #2" by ClipStudioOfficial - お絵かきのコツ | CLIP STUDIO TIPS
■絵に生命を与えるアニメーション アニメーションは、少しずつ変化をつけたたくさんの絵を、画面上で素早く入れ替える事で、見ている人に“動いている”と錯覚させる表現手法です。CLIP STUDIO PAINTでは、誰もが手軽にアニメーションを作ることができます。 しかし単純な図形を動いたように見せるだけならともかく、複雑な絵をアニメーションにするのは、何も知らない初心者には難しいでしょう。アニメ制作を始めたいなら、絵を動かすためのテクニックを知っておいたほうが、だんぜん有利です。 本講座では、プロの技術を紹介しながら、アニメ制作の基礎を解説していきます。 [1]ポーズトゥポーズ アニメ制作において最もポピュラーな手法といえるのが「ポーズトゥポーズ」です。 これは動きのポイントとなる絵だけを先に描き、次いで間の絵を描き加えて動きを完成させる手法です。 ■原画 ポイントになる絵を描きます。アニメの
Lottieで作ったアニメーションをWebサイトで実装（レスポンシブ対応） | ティブる！
Lottieでjsonファイルとして書き出されたアニメーションをWebサイトで表示させてみたいと思います。 https://airbnb.design/lottie/ After Effectsでjson形式で書き出すまでの記事やスマホアプリに組み込む記事はちらほらあったのですが、webで表示させるための手順はあまりなかったので実際にWebページで実装してみたいと思います。 といっても、もうできあがっているアニメーションを表示させるだけなので難しいことはありませんでした。 After Effectsでjson形式で書き出すまではこちらの記事をご覧ください。 【After Effectsで手軽にWeb用アニメーション】Lottieを使えるようにするまで – インストール編 【After Effectsで手軽にWebアニメーション】Lottieを使えるようにするまで – 制作編 ファイルを用意
[After Effects CC] Illustratorで作成したパスに沿って線を描く最も簡単な方法 | bakuBLOG+
[AfterEffects] Illustratorで作成したパスに沿って線を描く最も簡単な方法 AfterEffects 2017.01.26 aiデータをAfterEffectsに読み込んで、線をなぞる動画をつくる簡単な方法をご紹介します。初心者向けに書いてますので、動かす部分だけを見たい方は[4. 読み込んだレイヤーを動かす]からご覧ください。作成データはbakuのロゴを変更しました。の記事に使用しています。 STEP1：完成をイメージする どのようなアニメーションにするかをイメージします。今回は[細い線を引く]→[太い線を引く]→[塗りつぶす]→[ロゴタイプ出現]のという流れのアニメーションをイメージしました。 STEP2：Illustratorデータの準備 次にIllustratorのデータを準備します。 AfterEffectsでは、aiデータのレイヤーを保持して読み込むことが
![[After Effects CC] Illustratorで作成したパスに沿って線を描く最も簡単な方法 | bakuBLOG+](https://cdn-ak-scissors.b.st-hatena.com/image/square/0d4912bdf51bbd45d2a609cad8231f57fff8fd2d/height=288;version=1;width=512/https%3A%2F%2Fbaku-blog.com%2Fwp-content%2Fuploads%2F2021%2F07%2Flogo_1200x1200_2.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.mouse-jp.co.jp/creator/ss/daiv/case_study/tuyu.html
波紋エフェクトプラグイン「jquery.ripples」 - 株式会社ネディア │ネットワークの明日を創る│群馬
【コピペで簡単！】CSSで作る雨や波、水滴など水系のエフェクトアニメーション7選！
motiontable
Fabeee株式会社
