フォトチェンジ

使い方と設定の選び方

仕上がりを大きく変えるのはドットの粗さと色数の2つです。 残りは好みで足していってください。

3ステップ

  1. 写真を選ぶドラッグ、貼り付け(⌘V / Ctrl+V)、ボタンのどれでも。サンプルもあります
  2. プリセットを選んで「反映する」押すまで変換は走りません。設定はいくつ変えてもかまいません
  3. 保存するPNG / JPEG / WebP。ドットの輪郭を保つならPNG

写真は端末の外に出ません。通信が切れていても動きます。

スタイル

最初に決める方向性です。仕上がりは作例ギャラリーで見比べられます。

スタイルどんな絵になるか
ドット絵レトロゲームの画面。迷ったらこれ試す
ドット絵(くっきり)1マスが正確な正方形。作品にするならこちら試す
手描き風マス目のない柔らかいイラスト調。処理は重い試す
油絵風輪郭は残り、面だけが平らに。筆致が出る試す
網点印刷物の点。拡大すると花びらのような模様試す

ドットの粗さ

何画素を1マスにまとめるか。数字が大きいほど粗くなります。まずここを触ってください。

値印象向いている写真
2ほぼ元の写真。色を絞った効果だけ細部を残したいとき
4被写体がはっきり分かる人物、SNSのアイコン
8ドット絵らしさが出る。定番風景、建物
12・16かなり粗い。形が読み取りにくい輪郭のはっきりした被写体

粗くして何か分からなくなったら、先に写真を切り抜いて被写体を大きくしてください。

色数

使う色を何色に絞るか。少ないほど古い機械のような見た目になります。

色数どうなるか
4・8広い面がべた塗りになり、絵として抽象化される(手描き風の初期値は8)
16レトロさと分かりやすさの釣り合いが取れた定番
32・64元の写真の雰囲気が残る。粗いドットでも色は自然

階調が階段状に見えたら、次のディザリングで滑らかになります。

色づかい

「写真から自動抽出」はその写真の色を使います。固定の色づかいは写真に関係なく塗り直すので、 印象を変えたいときや複数の写真の色味を揃えたいときに。

色づかいどうなるか
8bit家庭用機風原色寄りで数の少ない色
携帯ゲーム機風(緑)緑一色の濃淡だけ
携帯ゲーム機・実機の4色本当に4色。階調はディザリングで作る
PICO-8(16色)暗部から明部まで散っていて破綻しにくい
初期PC(CGA 16色)原色が強く中間色がない。版画のような荒さ
モノクロ白黒の濃淡のみ
セピア / ブルー古写真、夜の雰囲気
ビビッド彩度の高い色。ポップに
夕焼け / フォレスト紫〜オレンジ、緑〜茶

固定の色づかいでは色数の設定が効きません(使う色が決まっているため)。携帯ゲーム機風を試す

抽出方法

「写真から自動抽出」のときだけ効きます。思った色にならないときはここを切り替えてください。

方法やっていること向いている写真
バランス色の空間を半分ずつ割り、各領域から代表色を取る風景、色数の多い写真
主役重視よく使われている色を優先人物、物撮り
明暗重視明るさの範囲から均等に選ぶグラデーションの多い写真
色まとめ似た色を群れにまとめ、中心を採用手描き風、ベタ塗り

肌の色がくすむときは「主役重視」へ。背景に色数を取られている場合があります。

ディザリング

隣り合う色を細かく混ぜて、実際にはない中間色があるように見せます。 色数を絞ったときの階段状の縞が消えます。

方式見え方向いている場面
使わないいちばん近い色に置き換えるだけベタ塗り。手描き風の初期値
Floyd-Steinbergズレを4方向へ配る。癖が出にくい迷ったらこれ
Riemersma16方向へ広く散る。粒立ちが細かい写真らしさを残したいとき
Atkinsonズレを4分の1捨てる。白は白く黒は黒く明暗をはっきりさせたいとき
粗いドット 2×2網目が大きくはっきり見える粗いドットと組み合わせて
標準ドット 4×4網目と階調の釣り合いが取れるパターン系の定番
細かいドット 8×8網目が目立たず滑らかに寄る粒を抑えたいとき
青ノイズ網目が浮かないのに粒は散る階調を素直に見せたいとき
ドット密度 2×2 / 4×4 / 8×81マス内の点の多さで明るさを表す新聞のような点描。モノクロと相性が良い

パターン系は写真の明るさと色数に応じて効き具合が自動で変わります。 青は強く、緑は弱くかけてあります(人の目が緑の違いに敏感で青に鈍いため)。ディザの強さは0〜100%で加減でき、40〜60%あたりが 「階調はつなぐが粒は目立たせない」設定です。ドット密度には効きません。

ざらついて見えるときは、ドットを粗くするか色数を増やしてください。Floyd-Steinbergを試す

輪郭線

色を減らすと明るさの近いもの同士が溶けます。境目に線を足して形を取り戻す機能です。 線を引く場所は写真ごとに変化の大きい上位数%を選ぶので、写真によらず線だらけにはなりません。

輪郭線どうなるか
なし初期値。色の面だけで表現する
やわらかい線控えめな線。手描き風と組み合わせるとアニメ寄りに
はっきりした線濃い線。被写体と背景を明確に分ける

線画つき手描き風を試す

仕上げ

設定どうなるかいつ使うか
ドットの作り方「そのまま」は1画素を拾うのでざらつく(昔のドット絵らしさ)。 「なめらか」は平均を採るので形が読み取りやすい細かい模様が騒がしいと感じたら「なめらか」
彩度色の鮮やかさ。100%が元のまま色を減らすとくすむので110〜120%に上げると良いことが多い
コントラスト強化画面を細かい区画に分けて、それぞれで明暗の差を広げる逆光、日向と日陰が混ざった写真
影を飛ばす暗い部分を持ち上げて影を薄くする(手描き風は初期値で有効)立体感が欲しいときは切る

写真別のおすすめ

迷ったときの出発点です。

風景・空

誤差拡散で階調を保ち、色数は多めに。

この設定で試す

人物・ポートレート

肌の色を優先する主役重視で、細かめに。

この設定で試す

建物・街並み

直線が多く粗くても形が残る。振り切って。

この設定で試す

料理・物撮り

色を残しつつ、輪郭線で境目を立てる。

この設定で試す

ペット・動物

毛が失われやすいので手描き風でベタ塗りに。

この設定で試す

SNSのアイコン

小さく表示されるので、顔が分かる細かさで。

この設定で試す

よくある質問

写真はどこかに送信されますか
いいえ。画像をサーバーへ送る仕組み自体がありません。(プライバシーポリシー)
変換した画像は自由に使えますか
権利は元の写真の権利者にあります。自分で撮った写真なら自由に使えます。(利用規約)
手描き風が遅いのはなぜですか
工程が多いためです。大きな写真では先に下書きを出すので、その時点で設定を変えれば待たずに次を試せます。
設定は次に開いたときも残りますか
残ります。「この設定で試す」を押したときだけ、その設定で上書きされます。
スマートフォンでも使えますか
使えます。ホーム画面に追加すればアプリのように起動できます。

作例ギャラリーを見る / 変換画面に戻る