
Photoshopでイラストなどを昔懐かしのレトロゲーム風に加工するpsdファイルです。
レトロゲーム機の解像度[W:160(px) x H:144(px)]の10倍サイズ[W:1600(px) x H:1440(px)]で作成していて、スマートオブジェクトの中身を差し替えることで簡単にお手元の画像を加工できます。
ベースイラストの濃淡と主線の量をそれぞれ調整できるように設定しています。
イラストを基調に調整していますが、写真などにも適用できます。
設定値をいろいろ変更して遊んでみてください。
使用イメージ




基本的な使い方
YouTubeに使い方の動画をアップしたのでご覧ください。
レイヤー構成


- [←レイヤーサムネイルをダブルクリックして差し替え]レイヤーのスマートオブジェクトの中の画像を変更することで差し替えることができます。
- 調整レイヤーの[レベル補正]でベースの濃淡を、[2階調化]で主線の量を調整します。
- [bg]レイヤーの色を変更すると液晶の色を調整できます。また、[img]グループの不透明度を変更すると全体の濃淡を調整できます。
設定値などは適宜ご変更ください。
写真に適用するコツ
イラストを基調として調整していますが写真にも適用できます。
写真の場合はそのままだと階調が少ないため、[retouch]グループの[ポスタリゼーション:3]にして階調を増やすのがおすすめです。
みなさまからいただいた感想
ありがとうございます!
これは楽しそう!! https://t.co/mPNTIRWqjn
— ICO(イコ)|デジタルコラージュ作家 |winage (@ICO36) October 3, 2024
コレは遊べる🤤 https://t.co/yyqWsA7mox pic.twitter.com/0uqpbm4zOg
— セス@3Dで遊びたいだけの人 (@ces3d0112) October 3, 2024
とってもかわいい!使ってみたいな😍 https://t.co/Bw1ykY7vPm
— 三毛乃トラ丸 (@3ketoraNEKO) October 3, 2024
コネクリさんが無料配布していた
— めがらい🦁サムネバカ (@Glasses_Lion) October 3, 2024
ドット絵変換のデータを覗いて使ってみました!
スマートオブジェクト内の
画像変更だけで作れるはすごい…
モザイクと輪郭検出を使うとは…
発見だらけのPSDでした!
Photoshopでここまでできるか…!という喜びと… https://t.co/T5VJeFy3aR pic.twitter.com/nSZKfnyVgM
神psdすぎる!配布ありがとうございます! https://t.co/kryK152QQv
— ななみん│ChatGPT×SNS集客 (@nanamincrear) October 3, 2024
たのしい! https://t.co/lEVt2fsbEq pic.twitter.com/9xsE5SRRw5
— LEO@サムネご依頼受付中! (@LEO_design2024) October 3, 2024
めちゃくちゃ可愛いぃぃぃぃぃい!! https://t.co/EmctlOmr1q
— すおるん (@suorun_design) October 3, 2024
フォトショで出来るのが凄い! https://t.co/7TJBAGCp4A
— 🎨holosuke®︎🎨簿記3級勉強中 (@holo_horo) October 3, 2024
でけた!かわいい〜😍 https://t.co/UY6a5aQG5L pic.twitter.com/BouPMyVwDl
— ドルちゃん (@design_dolphins) October 4, 2024
楽しい~かわいい~🥰
— あすふぁむ|流浪のFigma使い (@asufamm) October 4, 2024
コネクリさんの技をお借りしました。 https://t.co/bpcp3ClBwc pic.twitter.com/d1N3JEF2Im
おお!これは面白い!こういうアプローチで作ることもできるのだなぁとちょっと感動してます! https://t.co/zeUW4iXizq pic.twitter.com/KQx6EwOvkX
— シガニー〄 (@tokitamonta) October 4, 2024
楽しいなー🎮️ https://t.co/DHiLyhKk3v pic.twitter.com/VUCLfGXP5I
— 澤田圭(キャラクターデザイナー) (@keisawada) October 4, 2024
\なかまに なりたそうに こちらをみている!/
— ロコヒー丨野良デザイナー (@locohy77) October 5, 2024
懐かしのゲームボーイの色合い!
神psdの無料配布は明日まで!急げ🏃♀️✨️
楽しく遊ばせていただきました!
コネクリさん、ありがとうございました😊 https://t.co/6a3RNqEsFy pic.twitter.com/P6Xn50YFET
カイラくんをレトロゲーム風に加工してみた! https://t.co/EnwqBcAtY5 pic.twitter.com/hUN8hGBwYu
— sousou (@sou_squared) October 6, 2024
わお!おもしろい!!!
— CyberPenguinPaPa(さいぺんパパ) (@CyPenguinTech) October 6, 2024
私のオタ垢のアイコンもファミコンになった!!www
(๑>◡<๑)b
ありがとうございます!!! https://t.co/SX4mWQfLOY pic.twitter.com/gCbvGoh3mi
コネクリ様のPhotoshopデータで遊ばせていただきました! https://t.co/NRpoI3TkMn pic.twitter.com/DybATvMRDf
— watambo (@watambo0124) October 6, 2024
ショップ
現在BOOTHにて販売中です!
お知らせ
今後もデザインで活用できる素材やフォントを作成する予定です。
公開やキャンペーンの情報はX(旧Twitter)にて行っておりますのでぜひチェックしてみてください。

ウェブデザイナーとしてキャリアをスタートして、スマートフォンの台頭によりUI/UX・ゲームデザインを担当、現在はインハウス寄りのアートディレクター兼デザイナー。
社内外のディレクション・ワイヤー設計・デザイン・コーディングを行う。
自社、受託ともにウェブ・アプリ・グラフィック・ゲームの実績多数。
本サイトやX、YouTube、Instagram、TikTokなどの各種SNSにてPhotoshop、Illustrator、Fireflyの作例を発信中!
個人としての仕事は、動画制作『【アーティストに学ぶ】#33 – アドビ公式』、オンラインセミナー『朝までイラレ』『朝までフォトショ』、著書『デザインの仕事がもっとはかどるAdobe Firefly活用テクニック50』(インプレス)など。
詳しくはWorkにてご覧ください。
また、お仕事等のご依頼はContactよりご連絡くださいませ。
おすすめ書籍
PhotoshopやIllustratorの使い方についての書籍ではありませんが、イラストを主軸に活動している方は元よりデザインに関わるすべての方におすすめできる書籍です。
どちらかというと中~上級者向けの書籍で、光が色に及ぼす影響や配色の理論から技術的なテクニックまで根本から学べます。
私はディレクションすることも多々あり、今まで感覚的に伝えていた部分の言語化に大いに役立てることができました。