KusakabeWorks

Girl 11

Kusakabe — Sat, 06 Mar 2010 15:15:44 +0000

Windows 7 にアップグレード（厳密には新たにインストール）した環境でリハビリ。先月、某人が “うさみみニット帽かわいい” と Post したのを見たり、自分が地下街の片隅でハーゲンダッツを食べている女子高生を見たので描いた落描き。

線を細くすれば落描きでも見栄えは少しはよくなるかな。太く描いたラフから線の位置を決めるのが難しいので、はじめから細めに描く訓練が必要そう。

あと最近サイトに絵を載せていないのはよろしくない。深夜起きている間4，5時間を絵を描く時間に費やしても完成していないとか、どれだけ効率が悪いんだ……

サイトをちまちまとリニューアル

Kusakabe — Thu, 25 Feb 2010 16:21:12 +0000

新たに画像を組み込んだ CSS Sprite。疑似要素おいしいです

リニューアル作業とか特定の時期に大幅にやるものじゃないけどちまちまと蓄積されていたものがあったので、この時期に一括していろいろと変更しました。

本来なら改善前の動作解析結果を載せるべきだけど、記録を取り忘れたのでどのように改善されたかを示す資料がまったくない状態ですなので説明しづらい…。

とりあえず、一番遅くなる原因は外部 RSS の読み込みとか Flickr のウィジェットだったので、それらをばっさり捨ててあとはサーバーの設定とかスタイルの見直しを行ったら、とりあえず以前より軽くなった感じです。

これで一段落したのであとはイラスト制作を残すのみ。描きかけを描き直していきます。

やったことまとめ

Firefox アドオンの YSlow でざっと検証していろいろ改善。

複数あるCSSファイルを少数に整理、書式をよりコンパクトに
JavaScriptファイルの統合（ただしサイドバーの表示に用いるもののみ分割）
必要としないページにも出力されるプラグインの CSS や JavaScript のリンクを削除
擬似要素を多用して CSS Sprite をもっと多くの場所で使う（その分IE7以下のブラウザ対策も多くなる）
サーバーで zlib を使えるよう設定（gzipファイルをあらかじめ作成しておくのとどちらが効率がよいのかまで分からない）
Etagを無効にする（ほどYSlowの点稼ぎみたいなもの）

あとはどんなにがんばっても HTML ファイルには勝てないということで。次に高速化について検討するときは、サムネイル量が多くなったときにしたいです

COMITIA91 お疲れさまでした

Kusakabe — Mon, 15 Feb 2010 18:01:57 +0000

COMITIA お疲れさまでした。ここ最近参加者も多いというのに自分は特に何も用意できなくて申し訳ないです。またしばらく時間も空いたので、今ある資料を基に引き続き作品制作の方を続けていきます。

また当日は多くの人に差し入れを戴いたり（野郎からチョコレートが贈られたり）、Twitterで会った人とOFF会をしたりと充実した一日を過ごせました。長く続けていると多くの人との繋がりがより広がっていきとても嬉しいです。

あと当日は上の絵のどちらかを飾っていたけど、「見せるならばどちらもよいところがあるから難しい」みたいな意見をもらい、なんか気まぐれで表裏替えていました。次からはちゃんと完成した絵を用意したいです。多分未完成に終わった下の絵を印刷することはもうないかもしれません。多分空想ではなく東京を描くことになるかもしれないので。

Girl 10

Kusakabe — Mon, 15 Feb 2010 18:00:59 +0000

COMITIA91 では既刊しか用意してないです

Kusakabe — Fri, 12 Feb 2010 16:11:30 +0000

また新刊落とした……

半年に一度くらい何か発表したいですが、期限内に根詰めて作業をしていると粗を妥協することが多すぎて泣けます。今まで同人誌を作ってこれたのが「自分の下手さに気付かなかったから」であってほしいです。

落とすことを決定した後も作品制作は続けていますが、ここ数日はサイトリニューアル作業の方に時間を割り振っているので、 COMITIA 終了後に新しい作品を順次公開していく予定です。

当日は既刊の残りしか用意していないですがよろしくお願いします。上京しないと鬱になりそうです。

COMITIA91 告知

Kusakabe — Fri, 15 Jan 2010 12:43:17 +0000

イベント名:: COMITIA91
開催場所:: 東京ビッグサイト東4ホール
開催日時:: 2月14日（日） 11:00～15:30
スペース:: い11b KusakabeWorks

Circle.ms でサークルカットを保険として前回のものを仮で上げていたらそのまま〆切が過ぎていたから、次回のためにも使い回し用を制作しておかないと。

前回の COMITIA90 から2ヶ月以上経っているというのに、大方完成しているから気になるところを修正して高品質な絵に差し替えとか、そんな安定した時間の使い方はできませんでした。あれこれ気に入らなくて半分くらい直し、最初から描き直している絵も多く、完成できるのかも分からないくらいまるで成長してないです。これはダメ社会人だ。

まずは今月いっぱいがんばります。

年末年始東京旅行

Kusakabe — Sun, 03 Jan 2010 07:00:48 +0000

まず C77 お疲れさまです。年賀状交換したり同人誌戴いたりいろいろお話しできたりととても楽しかったです。

次は自分が冬ティアで出す番です。上京できるほど余裕なんてないですよ。

足りない資料を収集

どこかで拾った画像がそこまで役に立たないので、結局自分で調べに行ってました。別に「東京を完璧に描く」わけではないのにそれっぽくしたいからととにかく調べるのです。あとは他でも使うかもしれないし、本当に東京を描くときが来るかもしれないからストックとして。

古い建物をなるべく多めにするつもりなので、東上野や銀座を歩いたりしてました。

その昔、シールドトンネル駅を描いたことがあったけど、また地下鉄駅をリベンジしようかと。線路間の支柱が鉄骨柱の地下鉄は国内だと東京へ行かないと見れないものなので（名古屋市営地下鉄だと鉄筋コンクリート製）、この辺りの資料はかなり前から撮影していたのですが、銀座線に乗る機会があれば毎回撮影しています。多くは「前回の手ぶれがひどいから再学習して取り直し」というパターンの繰り返し。

デジカメの使い方を最初からやり直すべきなのだろう。使いこなせている気がしないです。資料としては何とか使えても写真としては酷いものが多いのがなぁ。いい機械があれば万事OKってわけでもないけど、例えば光と時間の関係を把握して撮影のタイミングを見計らったりとか、そういった工夫をすればよかったのかなぁと後悔。

その内使うかもしれないもの

谷中で見つけたお地蔵さん。いくつかのフォトログで取り上げられていたものの場所が分からず自力で検索してきました。

同じ場所を春夏頃に再訪したいですね。軒下の草木の緑や花の色が綺麗だと思います。

柳橋の火災現場。ニュースで知って、コミケ3日目よりもこちらの方が特殊と判断しとりあえず行ってみました。

本当に使うか分からないですけど、消防や警察の動きを観察するいい機会です。自分が訪れた頃はちょうど撮影の前でした（このあと、路地に停車している消防車をどかし道路を一次封鎖して、中央分離帯あたりから鑑識の人が火災現場を撮影していました）。

そういえば旅行中に絵とか全然描いてなかったです。今回も移動は電車で7時間くらい揺られていましたが、寝るようになってしまいました。静岡県内の駅では毎回駅員に肩を叩かれていたと思います。

時間が勿体ないね。

新年明けましておめでとうございます

Kusakabe — Sun, 03 Jan 2010 02:00:14 +0000

新しいものに描き直したかったけど気付いたら3日になってた。まだ当落結果の出ていない COMITIA 91 の新刊制作をこれ以上止めてもいけないから、年末に備えてうさぎの練習でもしよう。

ものの配置とかでいろいろ失敗している感が強すぎて死にたくなってくるけど、今年もよろしくお願いします。

オマケ

トラだけだとこんな感じ。獣むずかしいよ。描いている途中で猫なのか猛獣なのか分からなくなったし。けどトラかわいいね、ネコ科だもんね。

WordPress 2.9 の画像編集機能を実践

Kusakabe — Sun, 27 Dec 2009 10:15:33 +0000

当サイトも WordPress 2.9 にアップグレードしました。個人的にはWordPress MU の複数ブログの仕組みの導入を期待していたのですがそれについては見送られたようで、しばらくサイト構造の大幅な変更は必要なさそうです。

それでアップグレードしたこともあって、早速いくつかの機能を実践してみました。まずは画像編集機能でサムネイルを弄りましたよ。

サムネイル編集過程

編集したい画像を選択 – 画像を追加したらアップロードしたメディアについての詳細情報を表示すると 画像を編集 ボタンがあるのでそこをクリックすると、編集画面が表示されます。

編集画面の表示 – 編集画面には画像全体と現在のサムネイル画像が表示されます。このサムネイル画像だと前回公開したミクさんの胴体のあたり（その部分が画像中央に当たる）にトリミングされて顔が切れてしまいバランスもよくないので、顔がちゃんと映るようにサムネイルのトリミング範囲を上にずらすことにします。

選択範囲の設定 – 表示された画像の上をドラッグすると即トリミング範囲の指定ができるので、必要な範囲を手動で指定することができますが、それではいい加減なのでここではとりあえず範囲を指定するのみ。

画像のトリミングの詳細な設定 – 画像のトリミングは縦横比や選択範囲の詳細な設定ができます。このサイトでのサムネイルの条件は以下のようにしています。

正方形であること
画像最小幅を1辺の長さとする

だから選択範囲に短い方の辺の数値を縦横双方に入力すれば必要範囲は取得できたので、あとは選択範囲をドラッグまたはカーソルキーで移動させます。カーソルキー移動についてはカーソルキーのみだとおおざっぱな移動をしますが、　Shift キーと併せて押すことで 1 ピクセル単位での移動ができます。

トリミング開始 – 範囲が指定できたらあとは左上のトリミングボタンを押すだけ。

サムネイル設定 – トリミングした画像の変更をサムネイルのみに適用するよう設定します。すべての画像サイズに適用すると、WordPress のアップローダーから画像を貼り付けた場合トリミングされた画像が貼り付けられます。関数を使って画像を呼び出す場合もトリミングされた画像が表示されます。ただしオリジナル画像は残っているので、ファイルパスを編集すると表示は可能です。しかしゴミファイルを増やすのは非効率なので必要な画像のみの作成するのがベストです。

サムネイルを設定した結果

サイドバーに Scribble のサムネイルを表示させていますが、今回の編集によってこのように表示範囲の変更をしたことで印象が変わりました。

こんな感じで別途サムネイルを生成する必要もなく WordPress 管理画面内で済んでしまうので、新しく落描きを公開するときからは積極的に使って行く運びになります。

どんどん WordPress が便利になっていって面白いですね。

ミクさん

Kusakabe — Sun, 13 Dec 2009 03:00:32 +0000

モニター新調とか描き方が変わったりとかで、実験的にミクさん描いたり塗ったり。右手の爪塗り忘れた。

モニター新調したら古いモニターとの色の差が酷すぎて、マルチディスプレイの効果がイマイチ発揮できてないです。それでベーシックモデルでもいいからとキャリブレーションを試してみたところ、そもそも Windows の場合ディスプレイに個々のプロファイルの割り当てることができるのは Vista 以降な様で、 XP Home を使っている自分だと何の意味もないらしい。

まだいくつかの方法を試していないので、 Windows 7 環境を得るための小遣いが貯まるまでは試行錯誤することになりそうです。

ただそれだけでは終わらず、今度はPhotoshop側の設定にも問題がありました。

校正設定の重要さとか

カラープロファイルの設定を特に考えずに塗り進めていたら、保存したときにやたらと彩度が高する結果に。

プロファイル変換やカラーマネジメントを行わないなどの設定を行っても結果は同じでどうしようかと迷っていたところ、校正設定でモニタRGBを表示してみたら高彩度で表示されました。何をやって保存しても、この絵のモニタでの色合いは使用として鮮やかになるようでした。

ただ色の違いの原因が何となく分かっても、どうやってモニタ表示で理想の色に変換させるのかも分からず、諦めて PrintScreen でコピーした画像を理想に少しでも近づくよう補正するというみじめなやり方で通すことにしました。

次からは色の確認は忘れないで作業していこう。

ファイルの設置ディレクトリを変えてみた

特に意味はないです。ただ WordPress のコアファイルなどが格納されたディレクトリではなく、それらの外側に配置したかっただけです。別にやらなくても画像は表示されるのだから、ファイルの URL が短くなるくらいしか利点がないよ。