読者です 読者をやめる 読者になる 読者になる

Hope is a Dream. Dream is a Hope.

非公開ふぃふぃ工房ブログ

↓LINE登録はこちら↓

定期的につぶやいてます. 記事に興味を持って頂いたかたや、Line Botを使ってみたいかたは試しに登録どうぞ

友だち追加

自動スライドショー作成スクリプトのUIをつくる その2 | AfterEffects Scripts UI

After Effectsで結婚式の余興用のスライドショーを自動で作れないか試しています。

今日はユーザがスライドショーを作る際に操作する画面を作りました。

f:id:hope_is_dream:20150211023954p:plain

汚いですがコードはこのようになっています。

//***********************************************//
// 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(); 

こんなカンジになります。

f:id:hope_is_dream:20150211023952p:plain

一応スライドショーの時間と、ちょっとしたエフェクトとして画像のズームイン・ズームアウトが調整できるように作りました。

本当は無名関数や、フローティングパレットへ対応したかったのですが、なにかうまくいかず、今回はWindowを新しく開くやつまでとなっています。まだまだ勉強がたりません。

参考

いつもお世話になっている参考記事です。

  • Adobe CC 用のリファレンス

Adobe CC バージョンJavaScript ファレンス

  • 50個近いスクリプト集。適当に中身をのぞいて勉強させていただいております。

redefinery.com: rd: scripts

  • 26個のスクリプト集。勉強させていただいております。

Nabscripts::Downloads

  • こちらは実践的なTipsが紹介されております。

After Effects スクリプティングメモ - hiroshisaito.net blog

  • After Effectsユーザーのための、プログラミング入門

After Effectsユーザーのための、プログラミング入門 その8 小物toolsスクリプト at AEP Project