Figma to After Effects Exporter
Figmaの画面を、レイヤー構造と配置情報を保ったままAfter Effectsコンポへ変換するツールです。
- 位置・サイズ・回転を反映
- 各パーツをAEレイヤー化
- コンポジションを自動作成
TAKAYU STUDIO / GAME UI CREATION
FLAGSHIP COURSE 日本版 全37講公開中・期間制限なしで受講可能
ゲームUIを
デザインから実装まで
UIデザイン、After Effectsによるアニメーション、Unity実装。日本・韓国で展開するColoso講座を中心に、ゲームUI制作の学びと実践を支えます。
- 全37講
- UIデザイン
- After Effects
- Unity
- 講義資料付き
- 日本・韓国で展開
FLAGSHIP COURSE / JAPAN & KOREA
プロ仕様のゲームUI制作
世界観に基づくUIデザインから、After Effectsでのアニメーション、Unityでの実装まで。一貫した制作フローを37講で解説。日本版に加え、韓国語対応の韓国版も展開します。
- 01DESIGN
- 02MOTION
- 03IMPLEMENT
- 2作品完成まで制作
- 制作データPSD・AEP・Unity
- GrupicoAEスクリプト付属
TAKAYU STUDIO ECOSYSTEM
学ぶ 調べる 効率化する
TOOLS & IDEAS / BOOTH
つくりたいことから選ぶ
PORTFOLIO PREVIEW
ゲームUI演出の制作例
About
たかゆ / UI演出デザイナー
AfterEffects / UnityでUI演出を制作。
Coloso講座ではTakayu StudioとしてゲームUI制作を解説。
Designer × AI も探求中。
- ツールAfter Effects, Unity, Photoshop, Codex
- タグゲームUIアニメーション / 演出設計 / モーション
Journey
自分の軌跡
-
スマホアプリ業界にジョイン
グラフィックデザイナーとしてキャリアをスタート。
-
アニメーションデザイナーへ転職
デザインに動きを掛け合わせる領域へ軸足を移す。
-
ゲームUI演出ブログ開始
UI演出の知見や制作プロセスを発信し始める。
-
デザニメ・ラボを開始
デザイン x アニメーションの発信を本格化。
-
個人事業主として開業
会社員と並行しながら、登壇・特別講師・月次支援など活動の幅を広げる。
-
ビデオサロン登壇
UI演出やモーション制作の知見を外部イベントで共有。
-
ゲームUIの書籍をリリース 転職
制作・発信・キャリアの次のステージへ進む。
-
スクリプト制作と交流会企画を開始
制作支援ツールを作りつつ、外部の方と20回弱のデザイナー交流会を行う。
-
HapticLabをリリース、Coloso講座ページ公開
ハプティクス研究アプリと、日本版ゲームUI制作講座の全37講を公開。
Product
これまでに制作・運営してきたブログ、アプリ、ブラウザツール、講座、販売コンテンツです。
販売
Shop / BOOTH
演出素材
UIアニメーションやエフェクト制作のアイデア・素材集
AE_演出アイデア集 5点まとめ
Motion・Transition・Text Animation・Texture・UI Effectの5分野、計500例。AEPを開いて構成を確認できます。
AEP + MP4 / After Effects
収録内容をBOOTHで見る
演出アイデア集 6点まとめ
5点セットの500例に、Unity用「06_Particle_Ideas_100」の100例を追加。計600例をまとめて見たい方へ。
AEP + unitypackage + MP4
収録内容をBOOTHで見るセットと単品の選び方
複数の分野をまとめて参照するならセット、必要な分野だけ追加するなら下の単品へ。セットと単品の同名アイデア集は内容が重複します。
6点セットに含まれるのはUnity用の素材集です。制作ツール「Takayu Particle」は含まれません。
単品のアイデア集を見る必要な分野を単品で選ぶ
制作ツール
After Effectsの制作工程を効率化するスクリプト・連携ツール
Grupico
After Effectsのレイヤーをグループ化。開閉・検索・リネームでタイムラインを整理するツール。
機能・対応環境をBOOTHで見る パーティクル制作・Unity連携Takayu Particle
After Effectsでパーティクルを制作。完全版は100種類のAEPとUnityとの読み込み・書き出しに対応。無料版も用意しています。
無料版・完全版をBOOTHで見る
LayoutKit+
整列・アンカーポイント移動・素材整理をまとめたAfter Effects用の作業補助ツール。
ColorConductor
色の組み合わせを管理し、UIのカラーバリエーションを素早く作れるツール。
SaveAnimation
プリセットやアニメーション設定を保存・呼び出しできるAfter Effects用ツール。
AESpriteGrid
スプライトシートの配置と書き出しを効率化するゲームUI素材向けツール。
AlignLab
レイヤーの整列や間隔調整をまとめて行えるレイアウト補助ツール。
ブログ
Blog & Reference
ゲームUI演出ブログ
UI演出の研究・制作技法をまとめた個人ブログ。
AE リファレンス
After Effectsの演出・エフェクト制作リファレンスを集めたサイト。
FX リファレンス
シェーダー・WebGL・Unity・リアルタイムVFXの表現を探せるサイト。
モーションリファレンス
Webモーションの動き・イージング・演出を、162種類の実例から探せるサイト。
プロモ リファレンス
プロモーション動画をジャンル・地域・表現から探せるサイト。
Blender リファレンス
つくりたい表現から、Blenderの技法や教材を探せるサイト。
Prompt Shelf
開発・仕事・文章・画像制作のプロンプトを、原文と出典から探せるサイト。
光リファレンス
光源・影・材質・大気・レンズを、92種類のリアルタイム3D表現で比較できるサイト。
アプリ
Application
Kinen Cal
大切な日を家族で共有できる、記念日カレンダーアプリ。
Haptic Lab
触感を作り、比べ、UIやゲームの中で体感するハプティクス研究アプリ。
そろそろリスト
交換日・保証期限・定期払いをまとめて通知する予定管理アプリ。
ブラウザツール
Browser Tool
TextureCreate
50種類以上のパターンから、ゲームUI用テクスチャを作れるWebGLツール。
MeshCreate
テクスチャを貼り、形状・UV・アニメーションを調整できるエフェクトメッシュ制作ツール。FBX・Unity用ZIPの書き出しに対応。
FXEL
ボクセル・ドット絵・光のゲームエフェクトをノードで作れる無料ブラウザツール。GIF・スプライトシート出力に対応。PC推奨。
ShaderCreate
パラメータを調整してゲームUIエフェクトを作れる、ブラウザシェーダーツール。
クリスタルシミュレーター
形状・屈折・ライト・写真合成を調整して、ガラスやクリスタル表現を制作・書き出しできるWebGLツール。
SUMIIID
墨の描画・イラストの墨画変換・3D制作ができる無料ブラウザツール。透過PNG・GLB出力に対応。PC推奨。
講座
Course & Book
Portfolio
UI演出を中心に制作した作品の一覧です。サムネイルをクリックで再生、外部リンクの作品は別タブで開きます。
Contact
TakayuStudioへのご相談・お問い合わせはこちらからどうぞ。
フォーム送信時にメール内容のプレビューを作成します。
宛先: takayustudio@gmail.com