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

エディターXを使って探索者まとめサイトやキャラクターまとめサイトを作る。WixSTUDIO、テンプレートを使って探索者まとめサイトやキャラクターまとめサイトを作る⑫ 動的ページの性格概要作成編 装飾の追加、装飾の色の変更、装飾の影の付け方、レイヤーの使い方、リッチテキストの紐づけ方、データセットの選択し方、テキストの接続先の設定し方、EditorX

目次

性格概要

これが最後の要素だな
性格概要

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

これあるだけで
メリハリあるよね

余白多すぎたから、
とりあえず長文に
頼っただけなんだけどな…

男子C
男子C

装飾を追加

まずは装飾の追加だ。
つまり、

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

「+」をクリック

正解!

男子C
男子C

から、どうする?

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

・・・・・

男子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

任せていいな?

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

拒否権あんまない言い方だね、
分かった

男子D
男子D

まず右上のボタンを押す

男子D
男子D

ペンみたいなボタンを押す

男子D
男子D

紫の正方形をクリックする

男子D
男子D

白色をクリックする

男子D
男子D

これで白くなった

ありがとう、
かなりスムーズだった

男子C
男子C

影を付ける

次は影を付ける方法だな

男子C
男子C

色を付ける場所の
2つ下の所にある
「影を付ける」をクリック

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

本当だ、こんなところに
「影を付ける」がある。

男子D
男子D

押そう

男子D
男子D

! 影がついた。

そう、
これだけで終わり。

男子C
男子C

微調整したい人は
お好みでどうぞ

男子C
男子C

レイヤー(順番・重なり優先度)を変更する

今のままだと
帯が下にあるから
これを変更する

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

レイヤーボタンを
クリックすればいい?

そう、そこ

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

良かった。

男子D
男子D

セクションを開いて、
コンテナを広く

男子D
男子D

今触っている白い四角は
★基本のシェイプ、だね

そうそう、
装飾で作ったものは
「基本のシェイプ」という名前になる

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

なら、
帯も基本のシェイプなんだ。

そうなる。

男子C
男子C

だから、
基本のシェイプ(帯)の
真下に置くと
帯の下に四角形がくるようになる

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

分かった。

男子D
男子D

よし、これで
良くなった。

そうだな。
文字が前に来た。

男子C
男子C

性格概要のテキスト

テキストに関しては、こう

男子C
男子C

データベースを使うテキストと、手入力のテキスト、どういう時にどっちを使う?

男子D
男子D

この文字を紐づけるものと
手入力なものの違いってなに?

キャラクター毎に
違うものは
データセットを使って紐づけ

男子C
男子C

STRとか、どのキャラクターでも
統一されている者に関しては
手入力、だ

男子C
男子C

「性格概要」のタイトルテキストについて

男子D
男子D

これも
テキストでいい?

OK!

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

なら、テキストを接続のページ
までは飛んだよ

なら、
「接続されていません」を
選んで

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

選ぶね

これで編集が可能になったから
「性格概要」と入力する

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

あとは色々変更して、
完了

「性格概要」の内容テキスト(リッチテキスト)について

男子D
男子D

これはリッチテキストで
作ったからどうやればいい?

気にせずに、
テキスト追加でOK!

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

分かった。
「+」を押す

男子D
男子D

テキストをクリック

男子D
男子D

テキストの接続先を
クリック

男子D
男子D

性格概要(リッチテキスト)を
クリック

男子D
男子D

すごい…
改行までしっかりできている

太字とか、斜め文字とかも
全部反映されるはず

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

便利だ…。

男子D
男子D

あとは
色々変更するだけだね

フォントはUD明朝で

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

分かった。

フォントサイズは
レスポンシブ対応にして
8~20にしようか

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

確かこれを押して

男子D
男子D

これで、
8~20にする

男子D
男子D

これで、
性格概要は完成かな?

そうだな、
後は文字が被らない様に
微調整しておわり

男子C
男子C

関連記事

TOP


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

この記事を書いた人

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

目次