StreamElements（ストリームエレメンツ）で自作オーバーレイを作る方法（その２）

StreamElementsアカウントにログイン後、My overlaysを選択し「Go to overlay editor」を選択します。

まずは、編集画面のアイコンについて説明します。

編集画面左上部分からざっと解説していきます。

②WIDGETS：ウィジェットの設定画面。

• 下記画像が代表的なStreamElementsのウィジェットでかなり多くのコンテンツが用意されてます。各ウィジェットを選らびADDを押すと編集画面に反映されます。

④INSERT TEXT：テキストを挿入です。押すたびに複数追加可能

• 「Custom Widget name」任意のテキストボックス名設定可能、「Message」に入力したテキストが反映されます。

⑤INSERT IMAGE：画像を挿入します。押すたびに複数追加可能。

⑥INSERT VIDEO：映像を挿入します。押すたびに複数追加可能

• アップロードのやり方は上のINSERT IMAGEと同様でアップロード後、Video sizeの項目でScaled to fitを選ぶと拡大・縮小ができます。

次に編集画面右上部分を解説していきます。

①緑色の部分：プレビュー画面くらいのイメージで大丈夫です。

②レイヤー：ここで詳細設定をおこないます。

編集におけるレイヤーとは直訳すると階層という意味で、ここではざっくり透明のシートのようなものが重なっているイメージで大丈夫です。

①Position,size and style：位置、サイズやスタイルを変更します。

②Text settings：テキストの設定です。

フォントの種類や文字サイズ、色などテキストに関する様々な設定ができます。

Text shadow（文字に影をつける）Text scrolling（文字をスクロールさせる）といった動きをつけることもできます。

③Animation settings：アニメーションを設定します。アニメーションはBounce（弾む感じ）Fade In（徐々に表示）Flip In（くるっと回転）など様々な動きが用意されています。

④Move Layer up ∧／down ∨：レイヤー（階層）を上や下に移動させます。

⑤Duplicate widget：選択したレイヤーを複製してこのオーバーレイ、もしくは他のオーバーレイ（複数選択可能）に表示させます。

⑥Delete widget：選択したレイヤーを削除します。

⑦Toggle visibility on／off：選択したレイヤーを表示／非表示します。

⑧Lock Layer：選択したレイヤーをロックします。