[PR]今日のニュースは
「Infoseek モバイル」


壁紙作りのすすめ/その7 解像度関係

 さて前々から作者が悩みまくりの「解像度問題」。
 作者のディスプレイは800横で、ついでに言うなら、1024にすると、いきなり色がとんでもないことになるのである。ついでに言うと、文字が小さくなって非常に見づらい。目が決して良くないので、今も、エディタのフォントを14pから18pに上げたくらいである。
 かと言って別にだから買い換えるというのもやだし、おそらくワタシと同時期に買った人々は、最低作者くらいはマシンの寿命も保つだろう。
 それを頭においた上で、これから作るものに関しては、「基本的には1024横」に切り替えてくこととする。
 640横〜800横になるあたりもきっとその問題はつきまとったんだろーなあ。だから商業用のHPは800画面で見ても左端に寄ってるものが多いんだよ。全対応しようとさ。
 と、能書きはいいから、実際的なことについて考えてみよう。



●現在ある800横の壁紙を1024にする場合・もしくはその逆に1024の壁紙を800にする場合

 ワタシがサイドバータイプで作って、両側に何らかの画像が入る場合、その「テキストが入るべき真ん中」には大きく分けて3種類ある。

1.真ん中が真っ白の場合
2.真ん中が一色の場合
3.真ん中がエアブラシ効果の場合

 ま、1.と2.に関してはあまり手間は要らない。

*800の壁紙を用意し、photoshop等の(何だっていいのよ別に!!jpegファイルを加工できるんだったら!)写真加工もしくはお絵かきソフトで開く。
 とりあえず割と人気があるらしい「バスルーム」で試してみよう。この時点では下の壁紙をそのまま敷くとこうなる



*その画像の「画面サイズ」を横1024にする。「画面解像度」ではない。ただしその場合、画像は左または右に寄せておくこと。



*寄せてない方の画像を指定し、右または左にずらす。真ん中が白の場合はそれで終わり。



*真ん中が一色の場合は、ずらしてのち、その空いた部分を、塗りつぶす。その時には、色をスポイトで抽出してから塗るといい。



 するとこうなる訳だ。
 ワタシは800でこういう感じの画面をねらって作っていた訳である。

●1024横の奴を800横にする場合は、この応用。切り取って、寄せて、サイズを変更して、場所を端につめる。それだけ。操作自体に関しては、ソフトによって違うので、好きな様にやってくれい。
 作者は「白」と「黒」に関しては、単純な「白」と「黒」しか使ってはいない。
 なので、「完全に白い」「完全に黒い」部分がどこかに見つかれば、この方法は有効である。3.のパターンに見えても、だ。
 「一色」は「ポートギイ3」「スパニッシュ1」がいい例。
 だけどこの操作で1KBは確実に重さがあがることは覚悟すること。
 なお、右側に画像がある場合(窓など)は、一度800画面で確認することをおすすめする。かなり間の抜けたものになる可能性もあるぞ。



●さて3.の場合。
 これがやっかいなのである。正直言ってこのタイプは作者もてきとーに作っているので、そもそも存在自体が汎用ではない。
 それでも無理にやる場合だが。
 サンプルとして、「花28」をやってみよう。最初はこんな感じである。



*途中までの手順は上と同じである。ずらしたところから。



*ここでは結局ぼかしのテクニックを駆使するしかないので、スクロールのできるソフトが必要になる。
 まずぼんやりさせていたはずがくっきり分かれ目のついてしまったあたりをぼかす。
 そのくっきり分かれたところがいいというならそれで終わり。
 それであかんというなら、とにかく「消しゴム」ツールをエアブラシのように使い、ぼかす。



*ぼかしたものを垂直にスクロールして、ぼかし方に違和感がなければおっけー。あったらそこをひたすら塞ぐ。
 中が白でいいなら、適当に自分の好きなあたりまで垂直にスクロールして戻して終わり。
 だが中を全部その色なり何なりで埋めたかったら、スポイトでその色を抽出し、その上にふりかける。
 真ん中あたりでエアブラシで色をふりかけ、垂直スクロールで具合を確かめ、上下の違和感のないようにする。



*そうやってできたのが、こんな感じとなる。



*色が混在してる場合も何だが、「一度消してから上から色を振りかける」が有効である。



●そして最後の手段だが、もういっそ「画面解像度」でサイズそのものを縦横比そのままに全部上げてしまう、というのも手である。
 写真加工ものなら上記のものでいいのだが、ワタシが自分のページで使ってるようなこんなやつの場合…



 これが、こうなる。




●さていかがでしたか? ま、たいがいは1.2.のパターンなので、この方法で何とかできると思います。画像ソフトがある方は、活用してみてください。
 で、この方法が判ると、「めいきんぐ壁紙」もわかりやすくなります。つなぎ目の部分の色を自分で工夫するのもいいでしょう。
 …さてワタシのページ方も何とかせんとなー。