よったろーのせーさく日記3

よったろーのせーさく日記からの引き継ぎです。
ちょちょいのよったろーと申します。
改めましてよろしくお願いします。

クアンスティータ・スペースワールド第三階層

2015-04-18 17:26:35 | 日記
最後に【クアンスティータ・スペースワールド】の第三階層になります。

これは一番上にクアンスティータ・スペースワールドの表紙、その下にクアンスティータの第一世界の表紙をそれぞれ、高さを低くして入れて、その下に物語りの表紙を持ってこようと思います。

これだけあると迷いそうなので、この階層から下はパンくずを入れて位置を示すようにしようと思っています。

その下は序章や第一章などの選択ページという事になり、その横に例えば序章の本文とその下にキャラクター説明を入れようと思っています。

キャラクター説明の横にはレイアウトはみ出しありの物語の主要キャラクターのイラストもしくはアニメーションを入れようと思っています。

この階層もいくつかパターンがあると思いますが、代表的なパターンとしてこれを利用していこうと思っています。

クアンスティータ・スペースワールド第二階層

2015-04-18 17:14:25 | 日記
続いて【クアンスティータ・スペースワールド】の第二階層になります。

この階層と下の階層は何種類か作ると思いますが、とりあえず代表的なものとして第一世界のレイアウト案になります。

一番上にクアンスティータ・スペースワールドの共通の表紙として、高さのあまりない共通表紙をつけるのと第一世界をイメージする表紙をつけます。

これは例えば第二世界の場合は共通表紙は一緒で、第二世界をイメージする世界を下につけるという形で変更します。

その下のBXスライダーですが、これも重たいようなら撤去する事も考えています。

一応、トップページはクアンスティータ全体のイメージ、この階層のBXスライダーは第一本体、第一側体をイメージしたものにする予定です。

その下にオルオティーナ様による第一本体と第一側体の特徴、もしくは世界のイメージなどを解説していただく形をとります。

その下が、各物語などを選択するボタンになります。

一応、第一世界は第一本体のセレークトゥース・ワールドと第一側体のトルムドア・ワールドに分かれています。

その下に、プロフィールや物語を選択するようにしています。

一応、一つずつを予定していますが、場合によっては、複数の物語を提供する事になるかもしれません。

第一本体はすでに物語以外に【化け道化の絵本】のコーナーもありますしね。

その選択のボタンの横に、セレークトゥースとトルムドアのイラスト(アニメ?)を入れる予定です。

今回は仮配置なので、使い回しのイラストを入れていますが。


4号店第二階層

2015-04-18 17:12:58 | 日記
という訳で、まずは、【よったろー屋本舗】4号店の第二階層のレイアウト案になります。

これは、作品の序章または、第一章のページとなります。

本店、2号店、3号店の作品と同様に、序章または第一章を基本ページにして、そこから第二章などに移動していくという形をとります。

一応、BXスライダーも入れる予定ですが、トップページよりスライダーの数は減らして4つにしようと思っています。

訓練校の課題でやったように【起・承・転・結】の形をとって簡単に物語りの説明が出来るようになれば良いかな?と考えています。

でもあんまり重たくなるようなら、この部分はとる方向で考えています。

作品タイトルの上に共通で4号店の作品だという事をわかるように、小さな表紙もつけようと思っています。

基本的には、これまでの作品のように、ボックス内にストーリーとキャラクター説明をそれぞれ作ろうと思っています。

ここで、三号店の【フィアエリスと魔女神殺し・再臨】で実験したレイアウトの外にイラストをはみ出すこともやろうと思っています。

これだけ、やるので、今までのようにサクサク作れるのではなく、ボタンなどもいろいろ作らないといけないので、公開まではかなり、時間がかかると思っています。

後、先ほど、トップページにも加えましたが、ページにトップに戻るボタンも付けます。


予定変更

2015-04-18 16:54:19 | 日記
すみません、予定変更して制作を続けています。

少し先の話になりますが、ゴールデンウィークに多目に番組を見ていく事にして、今日のところは作業を優先させることにして、お昼の後、すぐに制作をしていました。

おかげで、全部、レイアウト案だけですが、【よったろー屋本舗】4号店の第二階層と、【クアンスティータ・スペースワールド】の第二階層と第三階層の基礎の部分を作る事が出来ました。

第二、第三階層はたくさんあるので、これを元に、画像などを差し替えて、作って行くことになりますね。

出来れば、骨組みの部分も作りたかったのですが、さすがに、三つのレイアウト案を作っていたら、こんな時間になってしまったので、ここまでだと判断しました。

次の更新から、そのレイアウト案をブログで公開して、作業の締めとさせていただきます。

この後の予定

2015-04-18 12:23:07 | 日記
この後の予定ですが、まずはお昼を食べるのと、残りの時間は番組を倍速で見ていく時間にあてたいと思っています。

作業が予定より早く終わって、番組を見る時間が多く確保出来たので、気が向いたら、今日か明日、もう少し、制作をするかも知れません。

でも、とりあえずは、番組をどんどん見ていく事が先決です。

では、お昼を食べて来ますので、一旦失礼します。

よったろー屋本舗4号店トップページ骨組み

2015-04-18 12:08:22 | 日記
という訳で、画像が文字ばっかりになって申しわけありませんが、一応、【よったろー屋本舗】4号店のトップページの骨組みが完成しました。

後で画像とかは総取っ替えになると思いますが、このままでもBXスライダーや表紙やボタンなどにアニメーションは組み込まれています。

背景アニメーションも変えました。

【クアンスティータ・スペースワールド】もそうですが、トップページと下層のページはレイアウトを少し変更しようと思っていますので、下層ページの骨組みもそれぞれ別に作らないといけないな~と思っています。

4号店はトップページの下の階層は各作品の第一話、もしくは序章につながるスタイルを作りますが、【クアンスティータ・スペースワールド】の方は、例えば、【第一世界】を選択したら、その下にも第一本体と第一側体の世界に分かれますので、4号店より最低1つ階層が多くなるはずですので、さらにもう一つ基本になる骨組みを作らないと行けないと思っています。

物語が出来るまで開通させないつもりではいますが、【第一世界】には第一本体の世界に【化け道化の絵本】が入れられますので開通させようと思っています。

どちらにしてもまだ、トップページの骨組みが出来ただけですので、これらの画像を入れ替えないといけないし、下の階層も別に作らないといけないので、まだ、物語を作るという段階にはなりそうもないですね。

頑張って、作っていきたいと思っています。

今日の作業

2015-04-18 12:07:55 | 日記
今日の予定ではなくて、今日の行った作業になるのですが、まずは、【クアンスティータ・スペースワールド】のトップページに昨日、教えてもらったアニメーションを組み込んでみました。

表紙の部分とボタンの部分に別のアニメーションを加えたのですが、無事、成功しました。

それが上手くいったので、今度は、【よったろー屋本舗】四号店の方の作業に移りました。

まずは、レイアウト案をイラストレーターで作りました。

実際に切り取るので、サイズを測りながら、【クアンスティータ・スペースワールド】に習う形で作りましたね。

その後はフォトショップで加工するために書きだして、その後フォトショップで画像を切り出したりして、ドリームウィーバーで、骨組みをくみ上げる作業をしました。

そして、その骨組みにはBXスライダーや昨日教えてもらったアニメーションも組み込みました。

それだけの作業をして、午前中いっぱいで、終わることが出来たのは我ながらなかなかのスピードだったのではないかと思っています。