自動スライドショー作成スクリプトのUIをつくる その2 | AfterEffects Scripts UI
After Effectsで結婚式の余興用のスライドショーを自動で作れないか試しています。
今日はユーザがスライドショーを作る際に操作する画面を作りました。
汚いですがコードはこのようになっています。
//***********************************************// // UI SETTING //***********************************************// var res = "window {\ info3: Panel{orientation:'column', alignChildren:'right',\ text:'Movie time setting',\ n1: Group{ orientation: 'row',\ st: StaticText{text:'長さ :'},\ etm: EditText{characters:3, text:'5'},\ st: StaticText{text:'分'},\ ets: EditText{characters:3, text:'00'},\ st: StaticText{text:'秒'},\ bt: Button{text:'set',property:{name:'movieTimesetBtn'}}, \ },\ },\ info4: Panel{orientation:'column', alignChildren:'right',\ text:'Zoom In/Out Scale',\ n1: Group{ orientation: 'row',\ st: StaticText{text:'In :'},\ etm: EditText{characters:3, text:'100'},\ st: StaticText{text:'Out:'},\ ets: EditText{characters:3, text:'105'},\ st: StaticText{text:'%'},\ bt: Button{text:'set',property:{name:'movieTimesetBtn'}}, \ },\ },\ info2: Panel { orientation: 'column', alignment:['fill', 'right'], alignChildren:'right',\ text: 'Create movie',\ createBtn: Button { text: 'スライドショーを作る', alignment:['fill','top'] ,property:{name:'createBtn'}}\ resetBtn: Button { text:'プロジェクトをリセットする', alignment:['fill','top'] ,property:{name:'ccBtn'}} \ } \ dlg: Group { orientation: 'row', \ okBtn: Button { text: 'OK',property:{name:'okBtn'}}, \ ccBtn: Button { text:'Cancel',property:{name:'ccBtn'}} \ } \ }"; var win = new Window (res); win.center(); win.show();
こんなカンジになります。
一応スライドショーの時間と、ちょっとしたエフェクトとして画像のズームイン・ズームアウトが調整できるように作りました。
本当は無名関数や、フローティングパレットへ対応したかったのですが、なにかうまくいかず、今回はWindowを新しく開くやつまでとなっています。まだまだ勉強がたりません。
参考
いつもお世話になっている参考記事です。
- Adobe javascript Tools Guide
- Adobe CC 用のリファレンス
Adobe CC バージョンJavaScript ファレンス
- 50個近いスクリプト集。適当に中身をのぞいて勉強させていただいております。
- 26個のスクリプト集。勉強させていただいております。
- こちらは実践的なTipsが紹介されております。
After Effects スクリプティングメモ - hiroshisaito.net blog
- After Effectsユーザーのための、プログラミング入門
After Effectsユーザーのための、プログラミング入門 その8 小物toolsスクリプト at AEP Project