高い！

実際の所、こんな場所に立っているのってすごく難しいだろうとは思うんですけどね。
風が強くて、きっと立ってなんかいられません。
そもそもまず登ることが出来ないってだろうってのはとりあえず置いとくとして。

‡　　　　‡　　　　‡

昔の話ですが、通ってた高校の屋上に、塔だか煙突だかよくわからない細くて高いものがあったんです。
屋上への出口はいつもカギがかかっていて入れないようになってたんですが、 ある日なぜか、カギがかかっていなかった。
チャンスだと思って屋上へ出てみると、その塔の壁面に手すりが一定間隔で付いていて、登れるようになってることがわかりました。

で、登ってみることにしたんです。

ところが、手すりを4つ分くらいまで登った所でそれ以上登れなくなってしまいまして…。 怖くて登れなくなったんです。
何が怖いって、まず風が恐ろしい。
壁面の手すりにつかまってるだけで体を支えるものが何もないので、突風が来ればそのまま空中に投げだされてしまう。
これは、実際に登ってみるまで全く想定していないものでした。

結局、ほんの少し登った所で恐る恐る周囲を見渡した後、すぐに降りようということに。

もともと屋上から伸びているものなので地面からの高さはかなりのもので、そこから見下ろした景色はかなり迫力があったのを覚えてます。
廊下の窓から驚いてこっちを見上げてる他の生徒たちの様子が面白かった。
全校生徒の中で今自分が最も高い場所にいるんだっていうよくわからない妙な優越感もあったりもして。

‡　　　　‡　　　　‡

ちなみに、この絵の風景は近所へ出て撮影したものを元に描いてます。
だからこの場所がどこなのかって、わかる人にはわかるでしょうね、特に後ろの家の住人とかには。

少し前に新しくモニタを買って、ノートPC本体と合わせてモニタ2枚体制でやってます。
絵を描く時は右モニタにSAI(お絵かきソフト)を全画面表示にして、
左のノート本体のモニタには絵の資料画像とかwebブラウザ、twitterやustを出してたり。
デュアルモニタにしてから作業が圧倒的に快適に！
一度これを導入するともう元には戻れないですね（そして今では3枚目が欲しかったり…）。

絵を描くのって深夜のことが多いのですが 、たいていの場合部屋の電気は豆電球だけにして真っ暗な中で描いてます。

何か特筆すべきことがあるとしたら、ペンタブのことかなと。

描く時の体勢としてペンタブをお腹に乗せてだらけた姿勢でラッコみたいになって描いてるんですが、
これだとキーボードまで手を伸ばすのがおっくうになるんです。
キーボードショートカットを多用したいのに、この不便さは困りもの。
ペンタブにもボタンは付いているのでそこにいくつかのショートカットを割り当てることも出来るのですが、
今使ってる機種(Wacom/ Bamboo)だとボタンが4つしかなく、圧倒的に数が不足しています。

そこで小型のテンキーボードを購入し、これにショートカットを割り当ててみました。
このテンキーをペンタブの左上に貼りつけて固定します。こんな感じ。

これのおかげで、キーボードに手を伸ばさなくても手元だけで操作が出来るようになりました。

実際の所、これでもまだボタンの数が足りなくて時々キーボードに手を伸ばす必要があるのですが、
大部分の作業は出来るのでまぁいいかなと。
使ったのは ELECOM タッチパッド機能付テンキーボード TK-TCT005 というもの。
細かい不満はいくつかあって、もっといいのも探せばありそうな気もします。

◇　　　　◇　　　　◇

とまぁ、そんな感じで制作環境の紹介でした。
ほんとは部屋の写真を撮ろうと思ったのですが、ものが散らかりすぎててこれは人には見せられないなって
思ったので絵にしましたよ。
普段から部屋の整理を心がけようと思いました。

ある日の紅魔館でのひととき。

個人的な紅魔館のイメージとしては、館の周囲は背の高い木に囲まれています。
その陰のおかげで日中でも日傘なしで歩き回れるというね。
本当にどうでもいい話ですが、この絵で描かれているのは紅魔館の裏側で、正面の玄関側ではないです。
つまりここは裏庭ですね。
自分の中では紅魔館の館全体のイメージは頭の中ですでに出来上がっているのですが、
その辺はもっと枚数を書いて徐々に全体像を 表現していきたいところ。

もともとその予定はなかったけど、画面の上の方がさみしいので後からパチェと魔理沙を追加してみました。
魔理沙はけっこうかわいく描けて気に行ってたんですが、このサイズだとつぶれちゃってほとんど見えないのが悲しい・・・。
多少無理やりではあるけど紅魔館キャラを全部入れる事が出来ました（実は小悪魔もいます）。

◇　　　　◇　　　　◇

今回も制作過程をまとめてみました。

ご覧の通り絵の左右を途中から逆にしています。 
その方が絵全体としてバランスがいいような気がしたんですが、どうでしょう。

最初の一枚目は何をやっているかと言うと、背景とキャラの配置を大雑把に検討しています。
キャラクターが入る位置や大きさを決めて、それに合わせて背景の配置を調整して、またそれに合わせて
キャラの入る位置を考えなおして、というような。
構図に関してはこの最初の段階でとことん吟味しておきます。絵の命だし、後になって修正の利かないことだしね。

今回は建物はきっちり線画を引いて、植物に関しては線画なしで直接塗りました。 
いつも背景を8割ほど先に描いて、キャラを描いて、背景を完成させてエフェクトを加えるという手順でやってます。

背景の仕上げや調整にはけっこう労力を使っていて、最後とその一つ手前の画像の間の作業がそれに当たる
のだけど、ここをしっかりやると画面がぐっと良くなるので頑張りどころです。
地面の木漏れ日とか左下のバラの葉とかけっこういい感じに描けてお気に入りだったり。

◇　　　　◇　　　　◇

ともあれ自分の思う紅魔館をようやくきっちり描けてよかったよかった。
次の絵では館の中に入って行きたいですね。

図書館パチュリー本生足！
パチュリー描くの久しぶりだったので気合い入れて描きましたよ！

◇　　　　◇　　　　◇

この絵の制作過程を簡単にまとめてみました。

左から順に

ラフ ｜ 色イメージ ｜ 背景線画 ｜ 背景彩色 ｜ キャラ線画 ｜ キャラベース塗り ｜ 背景と合わせる ｜ 細部仕上げのあと加工して完成

となってます。

2枚目の画像の段階で、色に関してはなるべく完成状態に持っていきます。形に関しては後半になってもいくらでもいじれるけど、色に関してはのちの工程に進むほど変更することが難しくなるし、適切な色を見つけるのが難しくなります。このため、最初のラフの段階で色はしっかり作っておきます。形（線）の精緻化はそのあとに。

ラフの段階で左上に描いていた空中書架とらせん階段は画面が狭く息苦しくなりそうだったので描くのをやめました。図書館の広さを表現するにはその方が良かったなと思います。

◇　　　　◇　　　　◇

今後の改善点とか。

・精緻な背景を描く際は線画をきっちり描く方が良い（いつもは線画を描かないか、描いてもラフの線をそのまま使ってる）。線画が無いとディティールアップの段階で結局また線を引くことになって2度手間で、それなら始めから線を引いた方が結局は近道。→制作工数の増加が難点。
・仕上げ段階での加工技術が足りない。ディフュージョンフィルタのようなよくある技法だけでなく色んな加工技術を取り入れるべき。今回の絵ではディフュージョンと画面全体に少し虹色をまぜる加工をしたけど、他にも被写界深度の演出を加えるべきだったしノイズ感や光や光粒子の効果も加えたかった。→フォトショ力が足りない。
・今回の絵ではテクスチャを遠景の本棚以外使わなかったけど、もっとテクスチャに頼るべき。
・キャラの線画は清書する必要はない（今回もしてない）。特に背景主体の環境イラストではそう。かといってあまりに適当だと彩色がやりにくい。
・キャラの色合いについて。今回の絵は画面全体の色彩を茶系に統一しキャラの色もそれに合わせたけど、キャラについてはできれば原色がそのまま出ている方が良いのでは？キャラの色は背景にひっぱられることなくそれ自体で綺麗に出ていた方がキャラ絵としての価値は高い気がする。アニメをお手本に。
・今回は自分には珍しくラフのイメージそのままで完成まで持って行けた。その後の作業がとてもスムーズに進むので、やはりラフの段階で仕上がりのイメージをきっちり持っておくのが大事。
・画像の縮小をこれまでSAIで行っていたけど、よーく見るとノイズがけっこう乗ってしまってる。次からは専用の縮小ソフトを使うべき。

そんな感じで。
次はそろそろ紅魔館を描きたいです。

2009年9月頃、サイトを作りたいと思い立つ。
とほほのhtmlなどを見てhtml/cssを3日ほど勉強したあと、初めて作ったサイトがこんなものでした。

大きなメニューアイコンが特徴。サイト名が現在と異なります。
ABOUTのアイコンのデザインで悩んだ記憶があります。顔のようにも見えるし、ブタの鼻にも見える。

やがてこれはマイナーチェンジされました。メニューが簡素化されています。

ロゴがお祭り気分です。ヘミングウェイの移動祝祭日にちなんだ名前でした。里見英樹氏のかつてのサイト名でもある（むしろこっちに影響された）。
ちなみに文章中で紹介しているサイトはこちら。
http://www.tomasschats.nl/EN/mz_main.html
このミニマルさには本当にしびれます。かっこよすぎる。

htmlを勉強したてということで質素なデザインになってましたが、もうちょっと大胆なものを作りたいと思い次に作ったのがこれです。

某サイトのデザインをそのまま真似して作ったものです。
背景を黒にすると絵が映えるのが利点です。でも、個人的に黒背景はあまり好きにはなれませでした。どうも窮屈に感じてしまうんですよね。息苦しい。
自分のサイトは特に用もなく毎日見るんですが、それが黒色をしてるとどんどんストレスがたまってくるんですよね。

そこで「白背景」かつ「シンプル（ミニマル）」なデザインに戻ることになります。

余計な要素は全て排するという方針でした。
あとトップページに日本語がないようにしてます。国際化の時代なので。
せっかくだし Sorry, This page is english only とか遊び半分で書こうかと思った（冗談ですよ、念のため

ここまで作って来たものはどれもミニマルを志向したものでしたが、徐々にそれに不満を感じるようになります。
絵とメニューだけというのは見た目に「つまらない」のではないかなと。また機能的な点として、できればトップページに色々な情報を置いておきたい。ABOUTページなどの別のページに記述するのではなく、トップページに色々な情報がまとまっているほうが利便性が良いだろうと思うようになりました。そこで作ったのがこれ。

トップページにおよそ全ての情報が出るようになりました。
ギャラリーやブログへはメニューのリンクから移動するようになっています。
トップページの画像はスライドショーになっていて、5秒ごとに画像がフェードして切り替わるようにしました。
サイト名がこの時からYUKITGRAPHになっています。

コンセプトとしては良かったので、しばらくはこのバージョンのマイナーチェンジが続くことになります。
まずは見た目の芋さを消すことから。

狭い場所に詰め込み過ぎて窮屈だったので、各要素を全て並列的に縦に並べました。
すっきして見やすくなったと思います。やはり背景色は白がいいです。
左上のメニューはクリックしても同じ画面内で下の方の当該項目の位置まで移動するだけだったのであまり存在意義はありませんでした。

いらない要素を削れば縦の長さを短くできるだろうし、見せ方を工夫すればもっとコンパクトにできるだろうと思ってこうなりました。スクロールせずとも1画面に全てがおさまってるというのはやはり気持ちが良いのです。でも、これは見た目の猥雑さがどうしても気になりました。右下の画像サムネイルを虹色にすることで多少なりとも統一感と言うかデザインされてる感を出そうとしたものの、やはり全体として見た時に猥雑さを感じてしまいます。
スクロールしなくてもブラウザの1画面の中に全てがおさまっている。それはいい。だけど、そのために詰め込み過ぎが起こってとてもごちゃごちゃしてしまっている。もっと、ミニマルにしたい。余計なものは一切排除してしまいたい。どうせなら徹底的に。

トップページに最低限必要なものは何だろうかと考えると、イラストサイトなので絵は表示させたい。メニューも必ずいる。とりあえずこの2つがあれば成立するだろう、そう考えました。利便性のために後でブログの更新履歴を右上に追加したけどね。ミニマルなものを目指すならこれがたぶん完成形なんだと思います。初めて作ったサイトとほぼ同じデザインなのが面白い。これが自分の趣味なんでしょうね。

別の話として、この時からサイト構築にWordpressを用いるようになりました。

それまでブログをfc2ブログに持っていたのですが、サイトとブログを別ドメインで個別にやるのを不都合に感じていました。サイトとブログがバラバラだと、更新する際に例えば新しい絵を投稿する場合などサイトとブログの両方を更新することになって手間です。また、見る側としてもサイトとブログの両方があるとどっちを見ればいいんだという問題があると思います。そういったことを考えると、サイトとブログは同一ドメインに一体化していることが望ましい。トップページは通常のサイトのようでありながら、同時にブログの機能も持ったサイトを作りたい。fc2ブログを見た目をカスタマイズしてサイトのようにするのも可能なのかもしれませんが、どうせならCMSを使った方がいいでしょう。

このような事情から、サイト制作にCMSを導入することにし、Wordpressを使うことにしました。html/cssはだいたい分かってはいたもののphpの知識はゼロでしたが、入門書を一冊読めばすぐにWordpressを使ったサイト構築は出来るようになりました。どこかのテンプレートを使うということはせず、０から自作しています。

Wordpressの扱い方がある程度わかるようになり、その便利さがわかるようになるにつれて、サイトのトップページをリッチなものにしたいという欲求が再び出てきました。

Wordpress（というかphpと言うべきなのかもしれないけど）を使えるということが、これまでのサイト制作とは違う点です。phpを使えば、ブログで新しい記事を投稿すればそれに合わせてトップページが自動で書き変えられるように出来ます。いちいちトップページのhtmlを自分で書き変えなくても自動で更新されたページが生成されるので、サイトの更新の手間がかなり減ります。これならば、トップページがリッチであっても更新の手間に煩わされる心配はかなり軽減できる、というわけです。

そして今回の。ずいぶん縦長になりました。