7. 配信
 
完成したイメージ  
■ウェブページにする
透明1ドットイメージ
 4コマが描き上がっても、それだけではホームページで掲載できません。ホームページに掲載するためには HTML ファイルを用意してそこに貼り付ける必要があります。もちろん4コマのイメージファイルだけ表示する、という方法もありますが、前後移動ができなかったりするので読みにくいかなと。
 というわけで、最終回はウェブとしての公開方法について説明します。
 
出力設定  
■GIF化
透明1ドットイメージ
 まずは4コマファイルを GIF ファイル化します。
 というか、まずは画像のフォーマットを決めましょう。縦x横の大きさ、色数、画質を元に、まず GIF 、 JPEG 、 PNG の中から選びます。 GIF は色数やサイズにかなり制限があります。また、 JPEG はセル塗りのような絵だと画質が落ちる傾向にあります。 PNG は比較的新しいフォーマットですが、 PNG が比較的安定かもしれません。
 ほとはーは GIF にしています。ほとはーは色数が少なく、またべた塗りが基本のためです。ほとはーを始めた頃は PNG はそれほど広まっていませんでしたし(今もそれほどかも)。
 
 フォーマットを決めたら、次は出力時のパラメーターを決めます。フォーマット毎に設定が異なるうえ、しかも設定はかなり難しい部分もあるため、このあたりは勉強と試行錯誤が必要でしょう。
 ほとはーでは左図のように設定しています。ただ、これはかなり前に設定したものなので、これが最適かどうかは微妙です。かといって、ちょっと色々変えてみても見た目はあまり変わらなかったりするので微妙です(汗)。
 とりあえずは、最終的に出力したい画面サイズとクオリティを決めて、それを元に圧縮率を変えてファイルサイズを小さくする、という方向がいいでしょう。
 
リサイズ設定  
■リサイズ
透明1ドットイメージ
 以上の操作方法について、具体的に説明します。
 まずメニューの「ファイル」から「 Web 用に保存」を選びます。そうすると「出力時のイメージ」を確認できる画面が表示されます。
 次にリサイズします。ほとはーは 2000x5000 ピクセルというサイズで描いているため、出力前にリサイズする必要があります。「画像サイズ」タブを開いて 400x1000 にリサイズします。
 ここで、「画質」はバイリニア法を選びます。普通の写真とかだと他の方法がきれいに縮小できるのですが、セル絵を、小さい絵に縮小する場合には、バイリニア法の法がくっきりとした絵になります。
 
 リサイズができたら、上の設定を決めます。ほとはーの場合には上のプリセットで「 GIF 128 ディザ」か「 GIF 128 ディザなし」を選びます。
 ディザがあるのとないのとでは、絵の質が大きく変わります。 GIF は色数が少ないため、「ディザ=違う色をタイル状に描くことで混色する方法」を使うと中間色が近い色で表示されるため、グラデーションがきれいになります。反面、キャラの色など変わって欲しくない色がディザリングされてしまい、色味が変わるというデメリットもあります
 基本的には「ディザなし」を選びます。そのため、ほとはーの背景グラデーションは「がこん」と大きく変わります。問題がない場合には「ディザ」を選ぶようにします。
 
HTMLファイル(秀丸エディタ)  
■HTMLファイル
透明1ドットイメージ
 設定が完了したら「保存」してファイルを出力します。
 出力時には、画像のみにするのか、 HTML ファイルも出力するのかを決めます。4コマのように「決まったページを何枚も作る」場合には、画像だけ出力し、 HTML ファイルはテンプレートを元に作る方がいいでしょう。
 
 次に HTML ファイルを用意します。このファイルも、ほとはーイメージファイルと同じようにテンプレートを用意するのがいいでしょう。
 ……といいつつ、ほとはーはテンプレートを使用していません(汗)。最後のファイルを複製してそれを修正する、という方法を取っています。
 
 本当のことを言うと、これは危険です。ついうっかり HTML ファイルを修正してしまうと、そのあとに複製したファイルすべてに影響してしまいます。また、毎回手作業で修正すると修正漏れが出てきてしまい、リンク切れ等が発生してしまいます。
 そのため、できる限りテンプレートファイルを作りましょう。また、そのテンプレートファイルにはコメントの形式で「修正すべき箇所」を書いておきましょう。そうすれば、そのコメントを検索することで、修正漏れを無くすことができます。
 最善の方法は、何らかのプログラムで出力する方法です。いくつかパラメーターを設定するだけで自動的に出力されるというものです。まぁ4コマなのでそこまでする必要はないかも……。
 
WEB 出力  
■完成!
透明1ドットイメージ
 というわけで、ついにほとはー1話分が完成しました!
 
完成!
 
 イメージの出力とファイルの複製その他、10分ほどでできるでしょう。
 
 ここまでが、ほとはー1話分の工程です。
 工程としての量は多いですし、作業時間も2〜3時間掛かります。しかし、逆に言えば、週2〜3時間確保できれば、4コママンガの週刊連載が可能になるわけです。時間があれば、毎日だって……。
 自分も4コママンガを描いてみたい! という方は、以上の作業を参考にして、ぜひぜひ描いてみてください。
 
透明1ドットイメージ 透明1ドットイメージ
透明1ドットイメージ
[COLUMN] ほとはーに足りないもの
透明1ドットイメージ
 ほとはーは……以下の点がダメだと思います(爆)。
 
・掲示板がない
 最近致命的かなと思いつつある弱点です。ほとはーは基本的に萌えキャラ多いですし、伏線も結構張ってるんでネタには困らない……のにそれを話題にする場がないですし、読者の方々も共通認識を持てないですし。
 でも……掲示板作るのは簡単だけど、管理できないです……誰か作って……リンク張るから……。
 
・横の継ながりが弱い
 マンガやイラストの仲間っていないですよ、基本的に他の掲示板とかに出入りしないですしー。って、プログラミングもそうなんだけど、プログラミングは何もしなくても向こうから来るし(爆)。
 
・微妙にアピールが弱い
 ほとはーをまだ押し切れてないかなーと。 Codian やプログラミング辞書の方がまだ人気あるからねぇ。もっとイラストまわり増やしたりしたいし。
 
・絵が不安定
 絵……ある程度安定してきてはいるけど、まだまだだ……。背景ヒドいしね。
 
・話に偏りがある
 学校が全然舞台になってねぇよ(爆)。
 
 そんな感じ。この辺を反面教師にしてください。いいとこは「フルカラー」「毎週追加」「ほんわか」「伏線張りまくり」「毎回笑える」とかでしょうか。
 ほとはーは2004年3月時点で週350ヒット、追加したページが週160ヒットする人気コンテンツになりました。でもプログラミング辞書には遠く及ばない(泣)。なのでこれからもがんばりますので、皆さんもがんばってください!
透明1ドットイメージ
透明1ドットイメージ
 
 
 
<前  
もくじ
 
 
 
(C)KAB-studio 2004 ALL RIGHTS RESERVED.