2013年10月5日

[ 裏ワザ ] スクリーンショット・ドット画像をフォトショップで綺麗に拡大&画像化する方法

dot-magnify-250

こんにちは! 小学校~20歳までゲームに人生を捧げてしまっていたヨス(@yossense)です。

高校のときは、押入れにこっそり買ったテレビを隠して、一晩中スーパーファミコンをしていました。夜の9:00ぐらいから朝の5:00ぐらいまでドラクエとかファイナルファンタジーを、ひたすら。なので高校では体育と美術の時間以外はほぼ全時間が睡眠でした。

さて、ヨスがいかにアホだったかという話は置いといてw、今日はゲームのドット絵とか、スクリーンショットの画像をガタガタのドット絵ちっくなまま、拡大して画像化する方法の紹介です!

ドット絵/スクリーンショット画像を綺麗に拡大する

拡大したい画像を開く

Adobe Photoshopなどの画像加工ソフトで、拡大したい画像を開きます。

例えば、ドラクエに出てくる「はぐれメタル」の画像。ガタガタのドット絵感がいいですね。

この画像をドット絵らしさを残したまま拡大したい。

……でも、普通に拡大するとこうなるんよねー。

拡大
Adobe Photoshopで普通に拡大した。

Adobe Photoshopで、データ自体を普通に拡大するとこんな風になります。フォトショは気が利くソフトなので、ガタガタを綺麗にしようとしているんですね。でもね、それがかえって汚くなってますよ!

え? 「なにゆえ、はぐれメタルなのだ?」って言いましたか? ……だってこれ見てるとテンション上がりますもん。逃げないかな……経験値いっぱいゲットできるかな……宝箱落とさないかな……と。ゲーム馬鹿だったころの血が騒ぐんですw。

「表示を」拡大する

その画像を拡大するとボケてしまうのでいけません。どうすればいいのでしょうか?

では、まず表示を拡大して下さい。あくまで表示をです。虫眼鏡ツールで200%ぐらいにしておきましょうか。

虫眼鏡で拡大
虫眼鏡であくまで表示上、拡大する。表示上の拡大ならこんなに綺麗なガタガタ。

スクリーンショットを撮る

拡大した画面をスクリーンショットで撮影します!! なんとまぁ!!

スクショを撮る
スクリーンショットを撮る

出来上がり!

そのスクリーンショットを開くと、なんと! ボヤけずに綺麗にドット絵の画像を拡大できました!

ほ~ら綺麗なガタガタ
ほ~ら、綺麗なガタガタ。

今度は私のTwitterのアイコン画像をガタガタのまま拡大。これはスクリーンショットで撮ったものを拡大表示して、もう一度スクリーンショットで撮りました

Twitterアイコン画像の拡大
私のTwitterの小さなアイコンの拡大

さて、このガタガタのドット絵風のまま拡大する技ですが、私的にどうしたらいいのか悩みまくりました。実はこんな指マークカーソルが、ガタガタのまま欲しかったんです。

カーソル指マーク
カーソルの指マーク

で、どうやったと思いますか? なんと! Adobe Illustratorで、本物の小さいカーソルを見ながら、四角ツールをいっぱい使って、描画したんです!!

指カーソルをイラレで制作
指カーソルをイラレで描いた! 昔の指マークなので今とデザインが違います。

今思うと、無知とは哀れじゃのぅ……って思いますが、まぁ、当時はこれ以外思い浮かびませんでした。というかそれ以前に「スクリーンショットって何? おいしいの?」でしたからねw。

ちなみにこの記事を書いた後、気づいたんですが、Windowsに最初から入っているペイントなんかだと、普通に拡大したらいけるみたいですね。使いにくいので私は使ったことないですが。

この記事が気に入ったら
「いいね!」で情報GET!

Twitterでヨスをフォローしよう!

この記事のシェアはこちら♪

※ 微妙だったら、そっと閉じるか、ほかの記事を見ていただけるとうれしいです!

Comment

  1. […] ◆ [ 裏ワザ ] スクリーンショット・ドット画像をフォトショップで綺麗に拡大&画像化する方法 ( via yossense ) […]