シナリオ執筆の為、更新停滞気味です

エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑨ 動的ページの画像とデータを紐づける編 データセットの選択、画像元の接続先の設定、CMSと動的ページを繋げる、レイヤーの使い方、EditorX

目次

背景画像の作成

次はこのあたりを
作っていく

男子C
男子C
男子D
男子D

画像貼って、
紐づけて、広げて
透明度下げればいいのかな?

これ、全部任せられるな?

男子C
男子C
男子D
男子D

やってみるよ。

画像を挿入

男子D
男子D

まず、「+」を押す

男子D
男子D

それから、
画像をクリック

男子D
男子D

これで画像が挿入された

画像をデータベースと紐づける

男子D
男子D

次に、
画像とデータベースを紐づけるよ

男子D
男子D

画像をクリックする

男子D
男子D

紐づけのボタンが出てくるから
それをクリックする

男子D
男子D

紐づけメニューが出るから
画像元の接続先をクリック

男子D
男子D

からの、背景(画像)を
クリック

男子D
男子D

背景が元データと
紐付けられた。

画像を広げる

男子D
男子D

次にクリックして
画像を広げる

男子D
男子D

こんな感じかな…?

画像を半透明にする(60%)

男子D
男子D

次に画像を半透明にする。

男子D
男子D

右上のボタンを
クリックする

男子D
男子D

メニューが出てきたら、
不透明度を変えるけど…
何%ぐらい?

見本は60%にしている

男子C
男子C
男子D
男子D

なら、それにする

※不透明度のメニューが出ていない場合は、ペンのボタンをクリックして下さい。

男子D
男子D

これで半透明になった

画像の場所を調整する

男子D
男子D

もう少し上にあるから、
この画像も上げるよ

男子D
男子D

これで背景画像は
大丈夫かな?

OK、そうなると
次は全身立ち絵になるか…?

男子C
男子C

全身立ち絵

全身立ち絵は言わずもがな
この部分だな

男子C
男子C
男子D
男子D

これなら、自分で出来る。

今回、すべて任せても
なんとかなるな?

男子C
男子C

画像を挿入する

まず、「+」をクリック

男子D
男子D

画像をクリック

男子D
男子D

画像が出てくるし、
紐付けもこの時に出てくるんだね

便利だよな

男子C
男子C

画像とデータベースを紐づける

男子D
男子D

なら、画像の接続先を押して

男子D
男子D

全身(画像)を押すよ

もちろんどうぞ

男子C
男子C
男子D
男子D

全身が出て来た。

サイズや比率を整える

男子D
男子D

サイズや比率を変更すると
勝手に良い感じになるから、

男子D
男子D

画像を縦長にするよ

男子D
男子D

縦長にして10秒ぐらいすると、
良い感じにそれっぽくなる

右側に移動させる

男子D
男子D

見本を見る限り、
右にあるから移動させるよ

男子D
男子D

クリックしながら
右に移動させる

男子D
男子D

だいたいこんな感じ?

それでOK!

男子C
男子C

バストアップ画像

最後にバストアップ画像だな

男子C
男子C
男子D
男子D

これもやってみるよ

頼んだ。

男子C
男子C

画像の挿入から紐づけまで

男子D
男子D

左端の「+」をクリック

男子D
男子D

画像をクリックするよ

男子D
男子D

画像が挿入されると、
紐付け画面が出る。

男子D
男子D

バストアップ(画像)を
選択するよ

男子D
男子D

画像が出たね

画像の移動

男子D
男子D

元の画像を見る限り、
全身の少し左にあるから
移動させるよ

画像を透明にする

男子D
男子D

画像の透明は
右の場所をクリック

男子D
男子D

更にペンのマークを
クリック

男子D
男子D

それから透明にする
これは何%ぐらい?

40%だな

男子C
男子C
男子D
男子D

透明になったね

バストアップを全身立ち絵の後ろに配置する

男子D
男子D

この状態だと、
バストアップが上だから
どうにかしないと。

レイヤーボタンを押せば
編集できるな

男子C
男子C
男子D
男子D

分かった押してみる

男子D
男子D

レイヤーの
メニューが出て来たよ

そうしたら、
上のセクションの▶を
クリックで!

男子C
男子C
男子D
男子D

コンテナが出て来たよ

そのコンテナが
一番初めに作ったやつだな

男子C
男子C

それをクリックすると
今さっき作ったやつが
全部入ってる

男子C
男子C
男子D
男子D

なら、コンテナの
▶をクリックして開くね


男子D
男子D

本当だ、
沢山入っている

その画像が3つ並んでいるのが
上から、バストアップ、
立ち絵、背景になっている。

男子C
男子C
男子D
男子D

つまり、
バストアップを真ん中に
動かせば良い?

それでOK!

男子C
男子C

便宜上、
名前を変更したから
動かして

男子C
男子C

見本画像の名前を「バストアップ」「全身」「背景」に変更しました

男子D
男子D

分かった。

男子D
男子D

こうして

男子D
男子D

こう

男子D
男子D

これで一先ず、
画像の紐づけ関係は
完成?

そう、完成!
お疲れ様

男子C
男子C

おわりに

後は装飾や
文字の紐づけとかだな…?

男子C
男子C
男子D
男子D

文字の紐づけは、
もうぱっと省略でも良いかな

テキストだけなら、
確かにカットで良いかもな

男子C
男子C
男子D
男子D

やった。

ということで、
少しはショートカットされると思う。

男子C
男子C

関連記事

TOP

多くの方に教えてくださると、喜びます!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

今はゲームシナリオを書いている者です。
アナログゲームを嗜む脚本家、小説家、人狼もマダミスも好き。

目次