定期・APゲー初心者向け画像編集講座
メリークリスマスイブ。ふじむらと申します。
ご存じの方はまた会いましたね。はじめましての方ははじめまして。
定期更新型ネットゲーム Advent Calendar 2022の12/24分の記事となります。
prev>>定期更新ゲームぽいものをつくった話
next>>ChatGPTは定期ゲーのスキルを考案することができるか？
来る2023/2/18に暗夜迷宮登録開始ということで、だいぶ界隈に新規の方の顔も見えてきたところで、No image縛りでもしない限り定期・APゲーでは避けられない画像の加工や登録についての記事をしたためることにしました。普段から絵を描いていたり定期ゲーをやっている方には何を今更当たり前なことを、みたいな内容になります。
知らないことで起きる悲劇
まずは画像加工の知識がないままにやってしまうと起こりがちな悲劇を挙げてみます。サンプル画像としてセーラー服の女の子を用意しました。
横に無理に引き伸ばされて太ましくなってしまったり……
モザイクがかかったようにガビガビになってしまったり……
暗い背景のサイトで謎の白いオーラが出てしまったり……
上記のような悲しき画像がこの世から1つでも減らせるようにと祈りを込めて書いた記事となります。
実践編
今回はヒサギ氏運営のPBCサイト、Clip Travelerを例として説明します。
今回プロフ画像として登録するのはこちら。
編集にははフリーソフトのFireAlpacaを使用します。
他にいい感じなソフトは後述します。
アップローダーを使おう
まずはキャラ設定のページを見て画像の様式を確認しましょう。
横380px,縦自由という画像サイズを指定されています。
今回のサンプルイラストは皆様ご存じであろうみふねたかし氏運営のいらすとやの素材なわけですが、このURL欄にいらすとやの画像ファイルのURLを直接入力……してはいけません。先方のサーバーに負担がかかるため、素材サイトの画像URLを直接入力するのはご法度です。なので、素材サイトから自分の端末にダウンロードする→何かしらの手段でweb上にアップロードする→そのURLをこのフォームに入力する、という手順を踏むことになります。
今回は御茶請 稔氏運営の定期更新向けアップローダー、てぃろだを紹介させていただきます。既に他のアップローダーを使用している方、自前のサーバーをお持ちの方はそのままそちらを使用してください。
まずは右の新規登録のフォームに必要事項を入力しアカウントを取りましょう。画像が出来たらこのサイトにアップロードしますので、一旦画像の編集に戻ります。
画像のサイズを変えよう
画像編集ソフト（今回はFireAlpaca）で先ほどの画像を開きます。
そして、編集＞画像解像度 か編集＞キャンバスサイズ で元画像が何px*何pxなのか確認します。横643px*縦800pxでした。これを作品ごとに定められたサイズにリサイズします。
画像解像度変更でも、キャンバスサイズ変更でもサイズ変更可能なのですが、ざっくりと違いを解説すると、以下の図の通りになります。
どっちが良いかは場合によるので、良い感じに使い分けるといいでしょう。
今回は全身が映る前者にします。だいたいのソフトで『比率の維持』とか『縦横比の維持』とかのチェックボックスがあるので、そこは忘れずにチェックしておきましょう。
で、リサイズができたら保存して終了……なのですが。
保存時にこの選択肢が出てきたら、背景が透明になっている画像の場合は必ず『透過PNG』とか『32bit-PNG』と書いてある方を選択しましょう。
アップロードしてURL入力！
あとはアップローダーに画像をアップし、
URLを入力して、変更を保存すれば……
完成！お疲れ様でした！アイコンも同じような要領でリサイズしてアップロードしましょう。
補足
※わかりやすさを重視して専門的な正しさは窓から投げ捨てた記述になります。
pxって何？
今あなたがこの記事を見ているモニター。スマホでもPCでもいいのですが、このモニターの表示は多数の光る点の集合体で表現されています。
この点1個の単位がピクセルないしpxとなります。
つまり、200*200pxの画像と言われたら縦横に200個点が並んでいる大きさの画像となります。
補足:最近のモニターは高性能化してきて、1*1pxの面積に対して2*2px以上の点があてがわれている事があります。最近の定期、APゲーだとアイコンなどは表示は60px四方ですが、画像の登録は120px、240pxまで許可しているというケースが増えてきました。
画像の保存形式について
とりあえず定期APゲーで使う分にはpng形式にしておけば基本問題ないかと思います。ただし、pngは透過pngとそうじゃないpngがあるので注意。
コミッションで画像などを依頼する方はpsdも開けるソフトが必要になるかもしれません。
白と透明は違う
あなたは以下の画像の右と左の違いがお分かりでしょうか？
正解は『背景の色が違う』です。背景を黒にすれば一目瞭然です。
左のような背景のある画像から無理矢理背景を抜こうとすると、境目に白く残るという惨事になります……。
見分け方としては、ペイントソフトで開いた場合の背景。白と灰色の市松模様であれば背景が透明ということになります。
また、『透過PNG』『32bit-PNG』で保存しなければ透明であるという情報は保存されません。
画像は大きすぎても小さすぎてもいけない
プロフィールのところにアイコンサイズの小さい画像を無理に入れても
半ばモザイクのかかったようなガビガビの画像が出力されてしまいます。
逆に、過去に60*60pxのアイコンに5桁pxの画像をぶちこんで他人の通信量をおしまいにしていた、なんて事件もありました。
画像ファイルの大きさは、ゲームのレギュレーションに合わせようね！
おススメのペイントソフト
今回は例としてFireAlpacaを使用しましたが、無料で使えるソフトでスマホでも使えるものを少し調べてきましたので参考までに。
有料だとClipStudio,Photoshopあたりになるかと思います。
FireAlpaca
フリーソフト、Windows,MacOS
ibispaint
無料プラン（広告あり）と有料プランあり、Windows,iphone,ipad,Android
MediBang Paint
フリーソフト（広告あり、消すのは有料）Windows,MacOS,iphone,ipad,android
GIMP
フリーソフト、Windows
いかがでしたか？
よいこのみんなはアドカレの記事チキレはやめようね！！
（現在時刻:12/24の22:00）
この記事が気に入ったらサポートをしてみませんか？