Wink

デスクトップ上の動きを、フラッシュ（SWF or EXE）としてキャプチャすることができるソフト。
チュートリアルやプレゼンテーション用ムービーを作成するために作られたソフトで、Flash 内の特定
場面に “ 吹き出し ” や “ 説明ボックス ”、“ 矢印 ” 等を加えることができます。
音声を同時に録音する機能も付いています。

「Wink」は、デスクトップ上の動きを “ フラッシュ ” として録画することができるソフトです。
デスクトップ上の指定した領域を連続撮影し、それらをつなぎ合わせて1 つのフラッシュムービーに
変換します。
「デスクトップ録画ソフト」というか、実際には「プレゼンテーション用ムービー作成ソフト」なので、
撮影したフラッシュには色々と手を加えることができます^※1。
※1 指定したフレームに、吹き出し / 説明文 / 画像 などを添付したり、矢印や円などの図形を
添付したりすることができる。
さらに、指定したフレームへのリンクボタンや、URL リンクを付加することもできる。

基本的な使い方は以下の通り。

日本語化
1. 「Wink.exe」を実行します。
2. メニューバー上の「File」 → 「Choose Language」から、「Japanese」を選択します。
3. • Please restart the application to use the new settings.
     設定を有効にするために、アプリケーションを再起動させて下さい。
   というダイアログが表示されるので、「Wink」を再起動させます。

録画ステップ 1 of 2
1. メニューバー上の「ファイル」から「新規」を選択します。
2. 「新規プロジェクト作成ガイド - Step 1 of 2」というウインドウが表示されます。
   はじめに、“ キャプチャする領域 ” を指定します。
   キャプチャする領域は、
   • 「スクリーン」 （画面全体）
   • 「ウインドウ」 （任意のウインドウ）
   • 「カスタム矩形」 （マウスドラッグで指定した矩形範囲）
   • あらかじめプリセットされた矩形領域^※2
   の中から指定することができます。
   ※2 800 x 600 / 740 x 520 / 640 x 480 / 600 x 450 / 600 x 400 / 512 x 384 など。
   キャプチャ領域を「ウインドウ」または「カスタム矩形」にする場合は、プルダウンメニューから
   領域を選択した後、隣の「選択」ボタンをクリック → キャプチャするウインドウや矩形領域を
   指定します。
3. 音声も同時に録音する場合は、「オーディオ録音」にもチェック^※3。
   ※3 あらかじめ、 録音デバイスを正しく設定しておく必要がある。
4. 画面下部の「OK」ボタンを押します。

録画ステップ 2 of 2
1. 「新規プロジェクトガイド - ステップ 2 of 2」というウインドウが表示されます。
   ここには、“ キャプチャを開始する方法 ” が表示されています（ホットキー）。
   それらを確認してから、左下の「最小化してトレイに格納」ボタンをクリック。
2. これで準備は完了です。
   「Wink」のアイコンがタスクトレイに表示され、待機状態に入ります。
   このアイコンを右クリックして表示されるメニューからでもキャプチャを開始することはできますが,
   ホットキー^※3 を使ってキャプチャを開始する方法をオススメします。
   ※3 「Shiftキー」＋「Pauseキー」。
3. 録画が開始されます。
   タスクトレイ上のアイコンがアニメーションすると思います。
4. キャプチャを終了する時は、再度 「Shift」＋「Pause」を押します。
   そして、タスクトレイ上のアイコンを右クリック → 「キャプチャー完了」を選択。
5. メインウインドウが開き、キャプチャした動画の全フレームが
   サムネイルで一覧表示されます。

編集
1. 画面下部に、キャプチャしたフレームがサムネイルで一覧表示されます。
   必要であれば、各種編集を行っておきます。
   （編集する必要がない場合は、「プロジェクト」 → 「作成する」からファイルを保存する）


不要なフレームの削除
2. 削除したいフレームを選択^※4 → ツールバー上の ボタンをクリックします。
   ※4 複数選択 することも可。


注釈を付ける （吹き出し）
3. 注釈を付けたいフレームを選択^※4 → サイドバー上の ボタンをクリックします。
4. 選択中のフレームに、デフォルトの吹き出しが追加されます。
   そのまま、（サイドバー上の）「プロパティ」欄にある ボタンをクリック。
5. 「吹き出しを選択」というウインドウが表示されるので、ここで吹き出しの形状や色を
   選択します^※5。
   ※5 任意のものをクリックするとプレビューが表示されるので、それを確認して「OK」ボタンを
   押せばよい。
   右上の「編集」ボタンをクリックすることで、選択している吹き出しのデザインをカスタマイズする
   こともできる。
   （吹き出しを新たに「新規作成」することも可）
   選択できる形状には、以下のようなものがあります。
   • 3D Box
     3D （風）のボックス
   • 3D Box With Arrow
     矢印付きの3D ボックス
   • 3D Box With Beak
     吹き口付きの3D ボックス
   • 3D Box With Handle
     取っ手付きの3D ボックス
   • 3D Note
     立体風ノート
   • Box　-　平面ボックス
   • Bubbles　-　思考吹き出し
   • Road Sign　-　ロードサイン
   • Transparent　-　透過背景ボックス
6. 選択中のフレームに、指定した吹き出しが追加されます。
   これをドラッグし、好きな位置に移動させます。
   吹き出しの四隅や各辺をドラッグすることで、大きさを変更することもできたりします。
   付加された吹き出しを削除する時は、目的のものを選択 → ツールバー上の ボタンを
   クリックします^※6。
   ※6 後述の「図形」「画像」「前へ / 次へ ボタン」等も、同じようにして削除できる。
7. 続いて、（サイドバー上の） ボタンをクリックし、吹き出し内で使用するテキストのフォント /
   文字セット / 色 / サイズ 等を設定します^※7。
   ※7 日本語のテキストを入力する場合、「ＭＳ Ｐゴシック」等、日本語を使用できるフォントを
   選択する。
   （「文字セット」を「日本語」にするのも忘れずに）
8. 吹き出しをダブルクリックし、テキストを編集します。
9. 必要であれば ボタンをクリックし、テキストの配置を変更します。


図形を付ける
10. まず、図形を付加したいフレームを選択します^※4。
11. サイドバー上の ボタンをクリック。
12. 「プリセット図形を選択」というウインドウが表示されます。
    左のツリービューの中から、フレームに付加する図形を選択^※8 → 「OK」ボタンをクリック。
    （任意の図形を選択すると、右側にプレビューが表示される）
    ※8 図形を選択後、右上の「編集」ボタンをクリックすることにより、選択している図形の
    デザインをカスタマイズすることもできる。
    （図形を新たに「新規作成」することも可）
    付加できる図形には、以下のようなものがあります。
    • Arrow　-　矢印
    • Ellipse　-　楕円
    • Heart　-　ハート
    • Magnifying Glass　-　虫めがね
    • Rectangle　-　矩形
    • Rounded Rectangle　-　角丸矩形
    • Sign　-　各種記号
    • Sky　-　雲
    • Smiley　-　顔
    • Star　-　星
13. 選択中のフレームに、指定した図形が追加されます。
    これをドラッグし、好きな位置に移動させます。
    図形の四隅や各辺をドラッグすることで、大きさを変更することもできます。
    また、サイドバー上の「% 不透明」欄で、図形の透明度を調整することも可能。


画像をオーバーレイ（合成）
14. まず、画像を合成させたいフレームを選択します^※4。
15. サイドバー上の ボタンをクリック。
16. 「選んだ画像を読み込む」というダイアログが表示されるので、合成させたい画像を
    選択します^※9。
    ※9 読み込める画像ファイルは、bmp / jpg / png / tiff / gif / pnm / pcx / ico / cur / ani / xpm。
17. 選択中のフレームに、指定した画像が合成されます。
    これをドラッグし、好きな位置に移動させます。
    画像の四隅や各辺をドラッグすることで、大きさを変更することもできます。
    また、サイドバー上の「% 不透明」欄で、画像の透明度を調整することも可能。


フレームの表示時間変更
18. 表示時間を変更するフレームを選択します^※4。
19. サイドバー上の「フレームの停止秒数」欄に、該当フレームを表示させておく時間を入力します。


「前へ」「次へ」ボタンを付ける
20. 指定したフレームに、ナビゲートボタンを付加することもできます。
    ナビゲートボタンを付けると、視聴者がなんらかのボタンを押すまで、フレームの表示が
    停止したままになります。
21. 操作は、ボタンを付けたいフレームを選択^※4 → サイドバー上の 　 　or 　　 ボタンを
    クリックするだけ^※10。
    ※10 「前へ」は、“ 前回ボタンを配置したフレームまで戻る ” を意味する。
    （ボタンを配置したフレームが前にない場合は、先頭に戻る）
    「次へ」は、単純に次のフレームへと進む。
    追加されたボタンは、マウスドラッグで好きな位置に配置させておくことができます。
22. 必要に応じて、ボタン画像は変更することもできます。
    ボタン画像を変更する場合は、サイドバー上の「プロパティ」欄にある ボタンをクリックし、
    変更先の画像ファイルを選択すればOK^※9。
    「Wink」のインストールフォルダ内にある「Buttons」フォルダ内にも、ボタン画像がいくつか
    用意されています。


URL リンク（ボタン）を作成
23. 指定したフレームに、Web ページへのリンクボタンを付けることもできます。
    Web ページへのリンクボタンを付ける場合、まずリンクを挿入したいフレームを選択^※4 →
    サイドバー上の ボタンをクリックします。
24. 「開始するURL を指定」というウインドウが表示されるので、「開始するURL」欄にリンク先の
    URL を入力します。
25. 「ウインドウ 名称」欄はそのままでもOK ですが、「_blank」と入力することにより、リンク先の
    ページを新しいウインドウで表示させることができます。
    （通常は同じウインドウで開く）
26. あとは、「OK」ボタンをクリックすればOK。
27. 「前へ」「次へ」ボタンの時と同じく、ボタン画像を変更することもできます。


指定したフレームへのジャンプボタンを作成
28. ジャンプボタンを添付したいフレームを選択し^※4、 ボタンをクリック。
29. 「ターゲットファイルを選択」というウインドウが表示されるので、ジャンプ先のフレームを
    選択 → 「OK」ボタンを押せばOK。
30. ここでも、ボタン画像を変更することができます。


指定したフレームに効果音を添付^※11
※11 フレームに音声ファイルを添付すると、添付したファイルの再生が終わるまで、
次のフレームに移動できなくなるので注意。

31. 効果音 / BGM を添付したいフレームを選択します。
32. サイドバー上の ボタンをクリック。
33. 「オーディオエディター」というウインドウが表示されます。
    ツールバー上の ボタンをクリックし、添付する音声ファイルを選択します^※12。
    ※12 添付できるファイルは、WAVE / MP3。
    （サンプルレートは11025Hz に変換される）
34. 読み込んだファイルの波形が表示されます。
    この波形内の任意の部分をドラッグ → ツールバー上の ボタンをクリックすることで、
    選択した場面をカットすることもできたりします。
    （オリジナルのファイルも編集されてしまう訳ではない）
35. 最後に「OK」ボタンをクリックします。


フレームをリサイズ
36. 必要に応じて、キャプチャしたフレームをリサイズすることもできるようになっています。
    （全てのフレームが、一括してリサイズされる）
    リサイズを行う場合、メニューバー上の「プロジェクト」から「全てのフレームサイズを変更」を
    選択します。
37. 「全てのフレームサイズを変更」という画面が表示されます。
    ここの下部の欄で、リサイズ後のフレームサイズを設定します。
    「パーセントにサイズ変更」欄では、現在のサイズからの相対値でフレームサイズを指定する
    ことができ、「フルサイズ」欄では、フレームのサイズを横 × 高さ で指定することができます。


ファイルを書き出す
38. 作業が完了したら、メニューバー上の「プロジェクト」から「作成する」を選択します。
39. 「プロジェクト設定」というダイアログが表示されます。
    一番上の「出力ファイル名」欄の右端にある「参照」ボタンをクリックし、ファイルの
    出力先フォルダ＆ファイル名 を指定します。
40. 次に、右側中段の「Flash 出力にプリローダを加える」欄の右側にある「選択」ボタンを
    クリックし、フラッシュ読み込み時に表示させる進捗メーターのデザインを選択します。
41. すぐ下の「追加 flashコントロールバーを出力」欄の隣にある「選択」ボタンをクリック →
    フラッシュの再生コントロール（再生 / 停止ボタン ＋ シークバー）のデザインを 選択します。
42. 最後に、左下の「フレームレート」欄でフラッシュのフレームレート^※13 を調整し、下部の
    「OK」ボタンを押せばOK！
    ※13 この値が大きいほど、動きは滑らかになる
    （...が、マシンスペックによる）

　Wink チュートリアルFlash （作ってみました...）

　プレゼンテーション用ムービー作成のお供に...
■ Target