.k

勝手に横浜PR 横浜ブルー🩵 #横浜 #yokohama #ブルー #blue #青 #color #神奈川 #pr #アニメーション #3danimation #横浜市

Appeal は、アニメーション12原則の最後に置かれた「魅力の原則」です キャラクターの魅力は、デザインだけで決まるわけではありません 形、性格、感情、そして動き—— これらがひとつの方向に揃ったとき、初めて視聴者は 「このキャラ、なんか好きだな」 と感じます その好きを生み出すのが Appeal です 他の11原則をどう使うか、その方向性を決めるのが Appeal です #アニメーション #デザイン #知識 #動画制作

Solid Drawing は、立体として理解して描くための原則 ただの平面の絵じゃなく絵やグラフィックの厚み・重さ・奥行き・バランスを意識して描くことで、 どんな角度でも自然に見えるように表現することができる #アニメーション #デザイン #映像制作 #動画制作

誇張は、動きや感情をちょっと大げさにすることで、さらに伝わりやすくする技術。 リアルより少し強く、少し大きく、少し速くするだけで、オブジェクトやキャラの気持ちや動きが一気に見やすくなる。 現実よりちょっとだけ盛ることで、視聴者は 「何を感じてるのか」「何が起きてるのか」 を一瞬で理解できるようになる。 #アニメーション #aftereffects #デザイン #映像制作 #知識

Timing は、動きの“空気感”を作る魔法 何フレームで動かすかを変えるだけで、グラフィックやキャラの気持ちも世界観も一瞬で伝わる重要な原則 アニメの動きが気持ちよく見えるかどうかは、どのくらい速く動くか、どのくらいゆっくり動くか タイミングでほぼ決まります #アニメーション #デザイン #映像制作 #知識

アニメーション12原則 ・副次アクション 副次アクションは、メインの動きをもっと分かりやすく、もっと魅力的に見せるためのサブの動き。 キャラが動いたときに“つられて起きる小さな動き”のこと。 大事なのは、メインの動きを邪魔しないこと。 副次アクションはあくまで　補強。 入れすぎるとゴチャつくけど、ちょうど良い量だと一気にプロの動きになる。 副次アクションは“動きの説得力を底上げするサブ演出 #アニメーション #動画制作 #デザイン #aftereffects

アニメーションの動きが自然に見える理由のひとつが Arcs（運動曲線） 人や動物の動きは、まっすぐではなく 必ず“弧（カーブ）”を描いて動きます 手を振るときも、 頭を向けるときも、 走るときの腕や足も、 全部が少し丸い軌道で動いています この“カーブの軌道”を意識して動きを作ると、 アニメーションが一気に 滑らかで、気持ちよくて、リアル に見えます 逆に、動きが直線的すぎると ぎこちない・ロボットっぽい動きになるので使い分けが大事になります。 #アニメーション #動画制作 #デザイン #知識 #BrilhaSemMedoEstácio

アニメーションの動きが“気持ちよく見える”理由のひとつが Slow In & Slow Out（両端詰め）という技法です。 たとえば—— ・手を伸ばすとき、最初はゆっくり動き出す ・止まる直前は、スッとスピードが落ちる ・ボールも、落ち始めはゆっくりで、途中から一気に加速する この“ゆっくり→速い→ゆっくり”のリズムがあるだけで、 動きが一気に自然で、プロっぽく見える 逆に、ずっと同じスピードだと ロボットみたいで不自然に見えてしまいます 使い分けが大事になります Slow In & Slow Out は、 アニメーションに“人間らしさ”と“気持ちよさ”を与える魔法のリズムです #アニメーション #動画制作 #デザイン #知識

アニメーションを自然に見せるための大事な原則。 Follow Through は、動きが止まったあとに髪や服が“少し遅れて”止まる動き。 Overlapping Action は、体のパーツが“同時に動かず、少しズレて”ついてくる動き。 走って止まったときの髪の揺れ、 ジャンプ後に服がふわっと落ち着く感じ、 歩くときに腕や頭がワンテンポ遅れて動く—— こうした“ズレ”があるだけで、キャラが一気に生き物らしく見える。 止まる瞬間も、動き始める瞬間も、 全部が同時に動かないこと。 この小さな差が、アニメーションのリアルさを作る。 #アニメーション #動画制作 #デザイン #知識

アニメーションの動きを作るときの2つの方法。 Straight Ahead は、最初から最後まで“流れのまま”描いていく方法。 動きが自然で勢いが出るけど、コントロールは少し難しい。 Pose-to-Pose は、 最初・途中・最後の“重要なポーズ”を先に決めて、 その間をつないでいく方法。 動きの計画が立てやすく、演技の意図も伝わりやすい。 自然な流れを作りたいときは Straight Ahead。 しっかりした演技や構成を作りたいときは Pose-to-Pose。 #アニメーション #デザイン #動画編集 #aftereffects

「何を見せたいか」をハッキリ伝えるための見せ方の工夫。 カメラの位置、キャラの動き、光、構図—— 全部を使って “視聴者の目をどこに誘導するか” を決める技術 Stagingは、 “ここを見て！” を自然に伝えるためのアニメーション。 人の目は、同時にたくさんの情報を処理できない。 だから画面に情報が多すぎると、 大事な動きが埋もれてしまう。 Stagingは、 “視線の誘導”と“情報の整理” をして大事な動きを一番目立つ場所に置くための工夫。 #アニメーション #デザイン #動画編集 #aftereffects

動きを分かりやすくするための「前フリ」のこと。 キャラや物が何かをする前に、少しだけ逆方向に動く動作 この“ため”があるだけで、 次の動きが 強く・自然で・気持ちよく 見える もし予備動作がなかったら、 急に動き出してしまうことによって「なんで今？」 と違和感が出る 人間は見慣れない動きに対して違和感や恐怖を感じてしまうため、動き始めは重要な表現方法です。 #アニメーション #デザイン #動画素材 #知識

アニメーションの世界でいちばん最初に覚えたい技法。 それが Squash and Stretch（押し潰しと伸ばし）。 物が動くときに、 ぐにゃっ と潰れたり、 びよーん と伸びたりするあの感じ。 ただ形を変えてるだけなのに、 キャラが急に“生きてるっぽく”見える。 ボールが跳ねるときも、 キャラが走るときも、 驚くときも、 ちょっと伸び縮みさせるだけで動きがいきているように見やすくなる。 固いものは控えめに、柔らかいものは大胆に。 これだけでアニメーションの温度が一段上がる。 押し潰しと伸ばしは、命を吹き込む最初のスイッチ。 その8の考え方結構大事かも お楽しみにー #モーショングラフィックス #アニメーション #デザイン #動画制作

length と sub() を使うと、**「シェイプレイヤーの大きさを“中身の長さ”に合わせて自動調整する」**ことができる。 つまり、キーフレームなしで“伸び縮みするシェイプ”が作れる。 テキストの長さに合わせて背景バーが伸びるUIなど、実務でめちゃくちゃ便利。 • sub()：パスの中の「特定の区間」を切り出す • length：その区間の「長さ」を数値で返す この2つを組み合わせると、 「パスの長さを測って、その長さでシェイプのサイズを決める」 という、キーフレームでは絶対に面倒な処理が自動化できる。 #モーショングラフィックス #アニメーション #デザイン #動画制作

**「オブジェクトがターゲットを追いかけるように回転する」**モーションが、 キーフレームなしで自動生成できる。 UI、キャラ、矢印、ポインター…どれでも“生き物みたいに追従”させられるから、仕事でめちゃくちゃ便利で楽しい。 ✦ 仕事で本当に便利な使い方② キャラの目線がターゲットを追う 目のレイヤーに同じ式を入れるだけで、 キャラが **「視線で追ってくる」**アニメが完成。 #モーショングラフィックス #アニメーション #デザイン #動画制作

Math.pow() を使うと、「キーフレームなしで“勢い・強弱・クセ”をデザインできる」。 ただ動くんじゃなくて、“感情のある動き” を作れるから、実務でめちゃくちゃ役立つ。 • 最初はゆっくり • 後半は一気に明るくなる • イージーイーズより“感情のあるフェード” #モーショングラフィックス #アニメーション #動画制作 #デザイン

Math.sin() と Math.cos() は、「自動で気持ちいい波の動きを作る魔法の関数」。 円やUIやロゴが “呼吸する・揺れる・回る・浮く” を勝手にやってくれる • random → 予測不能な揺れ • wiggle → 自然なノイズ揺れ • sin / cos → 規則的で気持ちいい波の動き • sin/cos は「気持ちいいリズム」を作る最強の関数 • キーフレーム不要で“呼吸・浮遊・周回”が作れる • UI・ロゴ・キャラ・粒子に“生命感”が出る #aftereffect #モーショングラフィックス #アニメーション #動画制作

Math.round() Math.floor() Math.ceil() は、 「数字をいい感じに丸めて、動きを“扱いやすくする”魔法の3兄弟」。 random や wiggle と組み合わせると、仕事でめちゃくちゃ便利な“制御されたランダム” が作れる。 #アニメーション #モーショングラフィックス #aftereffect #動画制作

位置に random() を使うと、「勝手に動き回るキャラ」 が一瞬で作れる。 ただの丸や四角が、“意思を持ったオブジェクト” に変わるからめちゃくちゃ楽しいし便利 random を使うと、 「どこ行くの!?」って思うくらい予測不能な動き が生まれる。 これが キャラ感・生き物感・UIのノイズ感 を一気に作ってくれる。 • PosterizeTime ×と組み合わせると 手描き感・アナログ感 が出る #モーショングラフィックス #アニメーション #aftereffect #動画制作

不透明度に random() を使うと、**「勝手にチラつく・勝手に揺れる・勝手に表情が変わる」**という、 “手間ゼロでプロっぽい質感” が作れる。 ✦ なぜ不透明度 × random が便利なのか 普通の点滅アニメは、 • キーフレームを打つ • 強弱を調整する • タイミングを微調整する …と地味に面倒 #モrandomを使うと#randomを使うと0%のどこかに勝手に変わる • ランダムな点滅が自動生成される • キーフレーム不要 これだけで： UIのノイズ、ネオンのチラつき、ホログラムの揺れ… 全部“勝手に”できる。 #アニメーション #aftereffect #動画制作