UI演出– category –
-
UIデザイナーが演出の勉強を始める時の流れ
UIデザイナーの方がUIアニメーションや遷移アニメーション、レベルアップアニメーション(総合してUI演出と呼ぶ)などをつけることもあると思いますが、UI演出をやったことがない方が初めて演出をつけようと思った場合、何をすればいいか迷うかと思います。 ... -
演出と感情の紐づき
演出の出し方が多様化する中で、演出がどういう役割を持つのか複雑でよくわからなくなることもあるかと思いますが、今回は演出と感情ということにフォーカスしていこうと思います。 演出は現実にない感情表現を視覚化しているものでもあり、感情にどう紐づ... -
Texture_Ideas_100
テクスチャ(素材系)アニメーションのアイデア出し用に作成しました。 AEPデータ販売中 -
アニメーションの良い動き/悪い動き
これからアニメーション(UIアニメーション/演出)を学んでいきたいという方向けにゲームの演出に使われるアニメーションについて、動きをつける時に何を考えるのか、どう動かすのが良い動きになるのか、その考えを書いていきます。 良い動き、悪い動き アニ... -
Blender→AE→PS→Unityでエフェクトを作る
Blenderで3Dメッシュを作り、AfterEffectsで連番テクスチャを作り、Photoshopで画像を一枚にまとめてUnityで表現する流れをまとめてみました。 細かい画面の説明はせずに流れを書いていきます。 まずはBlenderの準備編になりますが、インストール編が不要... -
Text Animation Idea_100
テキストアニメーションのアイデア出し用に作成しました。AEPデータ販売中 -
光の影と残像表現
光は演出を作る上で重要な役割を持っていますが、UI上で目にする光の演出は現実的な光(影の落ちる光)ではなく、全方向均等に光の当たるデジタル的な表現になります。 余分な影の情報がないので、純粋に光だけでユーザーの視線を誘導し、ゲームを遊ぶための... -
Transition Idea_100
トランジションのアイデア出し用に作成しました。AEPデータ販売中 -
AE Default Effects_100
AEPデータをBOOTHで配布中 AfterEffectsのシェイプレイヤーに使えそうな標準エフェクトを集めてみました。AEのエフェクトを使えば簡単にエフェクトを表現できますが、量が多すぎて大変ですね。一覧化してみたのでお役に立てれば幸いです。 Default Effects... -
MOTION Ideas 100
モーションのアイデア出し用にただただ思いついた動きを作ったものです。AEPデータ販売中 Outline Rotation Scale Tile Transparency Position Deformation Other ここまで読んでくださりありがとうございました!ご意見ご感想はお問い合わせホームから、... -
演出の導入
UIアニメーションの導入演出は最初に目に入るため、どのようにユーザーへ見せたいかで導入の見せ方が変わってきます。今回はそんな演出の導入について書いていきます。 2つの導入 演出の導入には「視線誘導させてから出す」「突発的に出す」の2つがありま... -
絶対にやってはいけない演出表現
ゲームの演出はユーザーを楽しませるために必殺技やカットイン、進化、ガチャ演出などでなるべく派手にしようと暗い空間に光をつけて視覚に訴えようとします。そんな演出でやってはいけないのがコントラストの強い点滅になります。 この光の点滅は光過敏性...
