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

エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑤ トップページの装飾前編 背景画像を付ける 画像を不透明にするやり方 レイヤーの使い方等、Editor X

目次

導入

これを

男子C
男子C

こうする、

男子C
男子C

だけのやり方だ

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

そっか

結構簡単に出来るんだけどさ、

男子C
男子C

作業が増えるから
すべてを任せた、
とBに言われた

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

……それは、まあ、
そうなる。

男子D
男子D

ちょっとBが可哀想

…反省と後悔も含めて
ここからは全部伝えるわ

男子C
男子C

ってことで、
完成しているのを、
見栄え良くしたい人用。

男子C
男子C

蛇足ページだと感じる場合は、
動的ページに進んでもOK!
とは言いつつ、
見てって欲しいのが本音

男子C
男子C

プレビューになっていた場合…

プレビューを押したままの場合は
「サイトを編集」を押して、
編集ページに戻って欲しい

男子C
男子C

アイコン→全身立ち絵に変更する

画像を、全身立ち絵サイズにする

まず、アイコンを
全身立ち絵に
変更する作業だ。

男子C
男子C

アイコンを2回クリックして
選択して欲しい

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

分かった

その画像の場所が
全身立ち絵が入る予定の場所

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

そっか

だから、
縦長に引き延ばして欲しい

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

これでいい?

OKOK、完璧

男子C
男子C

アイコンを全身立ち絵に差し替える

なら、その部分を
差し替えるとするか

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

上にある
青い紐を押せばいいかな

そうそう、
それ押して欲しい

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

アイコン(画像)を押せば
良いかな?

察しが良くて助かる。
続けて何やればいいか、
は、分かるか?

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

全身(画像)をクリックだね

完全に理解している…

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

無事に変更出来たよ

文字をずらす…微調整

次は
文字の微調整だ

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

確かに、
ちょっと文字が上すぎるかも

そう、
だから移動させたい

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

文字の枠部分であろう所を
クリックしたよ

OK、そうしたら
文字を下に動かして欲しい

男子C
男子C

目印は青い点線の枠、
それに合わせる!

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

分かった

男子D
男子D

こう、かな?

OK!
良い感じに整ったと思う

男子C
男子C

背景画像を敷く

画像を置く

次は背景画像を
置く作業だ

男子C
男子C

画像を挿入するには
「+」をクリックする

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

分かった

男子D
男子D

クイック追加の
メニュー画面になっているよ

助かる。
次は「画像」を選択して欲しい

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

分かった、
画像を選択する

男子D
男子D

画像が置かれた

画像を広げる

次は画像の右上にある
ストレッチボタンをクリック

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

この拡大っぽいボタン、
ストレッチボタンって言うんだ

画面の目一杯まで
広げるって意味のストレッチだ

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

本当だ、
画像が広がった

画像を透明にする

次は画像を
透明にする作業だ

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

色や透明の編集は
ペンのボタンだった?

そうそう、
デザインツールだ

男子C
男子C

そこにある不透明度を
25%にして欲しい

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

25%、分かった。

男子D
男子D

透明には…なったけど、

男子D
男子D

……

……

男子C
男子C

言いたいことは
分かる。

男子C
男子C

背景画像を立ち絵の後ろに設置しよう

と言うことで、
立ち絵を前面にする作業に入る

男子C
男子C

紙が重なった様な
レイヤーボタンをクリックして

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

レイヤーの
メニューが開いたよ

更にセクションの▶で
開けると思うから、
それ押して

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

分かった。

男子D
男子D

開いた。

男子D
男子D

これって、
この画像や文字の
重なっている順番を
変えれるメニュー?

良く気づいたな、
レイヤーはそういう機能だ

男子C
男子C

つまり、重なり優先度

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

その単語好きだね

・・・…それは良いから、

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

『つまり、重なり優先度』

黙って画像を文字よりも
後ろに配置しろよ

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

分かった、
配置する。

男子D
男子D

立ち絵が、
前面になった

そう、
これで前面にする作業は完成

男子C
男子C

関連記事

TOP

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

この記事を書いた人

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

目次