シング｜thingnld

デザイナーの「もっと良くしたい」を応援｜現役デザイナー/ディレクター/PMが現場のリアルTipsをシェアします🔥サンプルデザインで即実践／ディレクション・PM視点のクオリティ術／オリジナル素材（Studio.Stock）配布／「これどう思う？」の相談も大歓迎！ リプ・DMでお気軽に😉

[シング｜thingnld @thingnld]

駆け出しWebデザイナーさんへ😘
thingnld（読み：シングナルド／呼び：シング）です。
ここはデザインを『ちょい上げ』して高単価案件を目指す場所。サンプルデザインとMidJourney素材を配布しつつ、発注側のホンネ／案件の獲り方／現場で重宝されるムーブを共有します！
お気軽にフォロー＆リプくださいね🔥

[シング｜thingnld @thingnld]

実はこれ秘密なんですけど🤫
手順をChatGPTに教えるだけで、かなり近いところまで再現できます。

こういう加工はAIの得意分野。早いよねマジで。
だからこそ「どう作るか」よりも「なぜその表現を選ぶのか」ってほうが大事になってきた感じありますよね。

フォトショの技術は不要にならないけど、手順を知ってるだけじゃ差が付きにくくなってるのは事実。

どんな雰囲気で何を伝えたいのか、ってことを考える力の価値はむしろ上がっている予感がします😘

[シング｜thingnld @thingnld]

「なんか物足りない…」と思ったらこれ！！🔥

すぐ真似できるプロ技⚡ ノイズ加工編

アナグリフ × 走査線で、「ちょいレトロ × 未来感」を一発追加できるやつです。

👀 Photoshop手順

① フィルター → ノイズ →「ノイズを加える」を薄めに適用

② レイヤーを複製

③ 複製レイヤーの
レイヤースタイル →「高度な合成」で
G・BチャンネルをOFF

④ 移動ツールで数pxだけ横にずらす
⑤ 白塗りレイヤーを作成し、
フィルター → ハーフトーン（線）
⑥ 描画モードを「オーバーレイ」
不透明度10〜25％に調整

完成😉

赤と青がズレたアナグリフ感と、CRT風の走査線が加わって一気に雰囲気がでます。Y2Kっぽいやつ、サイバー系はもちろん合います！人物写真や風景にも使ってみると、意外といい感じになるんですよ。

よく見かける技だけど、覚えておくと使いどころの多い加工です！
※私は結構な頻度で使っていますｗ

[シング｜thingnld @thingnld]

デザイン上手くなりたかったら、量をこなすのはやっぱり近道だよ。裏技みたいなもの期待しちゃダメよ。って話をしたのに、
GPT images2で綺麗なの出来ました！
みたいなこと言ってて、あー伝わってないｗと思いました😂

[シング｜thingnld @thingnld]

こちらこそありがとうございます！
今週ずっと悩んでいたとこが、今日1日で大幅アップデートされました！
クオリティアップもちろんですが、それ以上に「良い原稿を作ることが先」という当たり前＆大切なことに立ち返れたのがめちゃ大きかったです。
気づけばAIの出力に期待しすぎていた部分もあったなと反省です。
おかげさまで、スライドの作り方そのものを見直す良いきっかけになりました！感謝です！

[すぅ| PM & PdM🐈 @suh_sunaneko]

神コメントありがたい。こだわった部分をちゃんと拾っていただきありがとうございます。

[シング｜thingnld @thingnld]

めちゃくちゃ良かったです！！超助かりました！！

私も同じような構成でスライド生成を試していたのですが、どうもクオリティが安定せず、毎回どこかを手直しする必要がありました。
今回このスキルを試したところ、初回の出力から「これ、そのまま全然イケるんじゃ…！？」と思えるレベル！！

特によかったのは、見た目ではなく「スライドの中身」を整理する考え方まで含まれていたことです。
noteの内容を参考にスライド原稿自体を見直した結果、構成がかなり整理されて分かりやすくなりました。

さらにですね、スライドを見返す中で「この説明が足りないかも」という不足点まで発見できました。
スライド生成のクオリティだけじゃなくて「そもそも原稿をどう作るか」という部分までアップデートできたのが一番の収穫でした🫶

[すぅ| PM & PdM🐈 @suh_sunaneko]

自社テンプレート依存を卒業することで品質の高いスライド生成することを実現するスキルを作ったのでnoteに書きました。

本質であるスライドの中身の品質にこだわる人ほど良いスライド生成ができると思います。

よければどうぞ。
https://t.co/Py3vfkENsW

[シング｜thingnld @thingnld]

怪しい画像は、さらに怪しさを追加出来る簡単なTipsなので、是非お試しあれ～✨
YouTubeのサムネでもかなり使える簡単テクですよ🫶

[シング｜thingnld @thingnld]

「なんか物足りない…」と思ったらこれ！！🔥

すぐ真似できるプロ技⚡ ノイズ加工編

アナグリフ × 走査線で、「ちょいレトロ × 未来感」を一発追加できるやつです。

👀 Photoshop手順

① フィルター → ノイズ →「ノイズを加える」を薄めに適用

② レイヤーを複製

③ 複製レイヤーの
レイヤースタイル →「高度な合成」で
G・BチャンネルをOFF

④ 移動ツールで数pxだけ横にずらす
⑤ 白塗りレイヤーを作成し、
フィルター → ハーフトーン（線）
⑥ 描画モードを「オーバーレイ」
不透明度10〜25％に調整

完成😉

赤と青がズレたアナグリフ感と、CRT風の走査線が加わって一気に雰囲気がでます。Y2Kっぽいやつ、サイバー系はもちろん合います！人物写真や風景にも使ってみると、意外といい感じになるんですよ。

よく見かける技だけど、覚えておくと使いどころの多い加工です！
※私は結構な頻度で使っていますｗ

[シング｜thingnld @thingnld]

「なんか物足りない…」と思ったらこれ！！🔥

すぐ真似できるプロ技⚡ ノイズ加工編

アナグリフ × 走査線で、「ちょいレトロ × 未来感」を一発追加できるやつです。

👀 Photoshop手順

① フィルター → ノイズ →「ノイズを加える」を薄めに適用

② レイヤーを複製

③ 複製レイヤーの
レイヤースタイル →「高度な合成」で
G・BチャンネルをOFF

④ 移動ツールで数pxだけ横にずらす
⑤ 白塗りレイヤーを作成し、
フィルター → ハーフトーン（線）
⑥ 描画モードを「オーバーレイ」
不透明度10〜25％に調整

完成😉

赤と青がズレたアナグリフ感と、CRT風の走査線が加わって一気に雰囲気がでます。Y2Kっぽいやつ、サイバー系はもちろん合います！人物写真や風景にも使ってみると、意外といい感じになるんですよ。

よく見かける技だけど、覚えておくと使いどころの多い加工です！
※私は結構な頻度で使っていますｗ

[シング｜thingnld @thingnld]

「なんか物足りない…」と思ったらこれ！！🔥

すぐ真似できるプロ技⚡ ノイズ加工編

アナグリフ × 走査線で、「ちょいレトロ × 未来感」を一発追加できるやつです。

👀 Photoshop手順

① フィルター → ノイズ →「ノイズを加える」を薄めに適用

② レイヤーを複製

③ 複製レイヤーの
レイヤースタイル →「高度な合成」で
G・BチャンネルをOFF

④ 移動ツールで数pxだけ横にずらす
⑤ 白塗りレイヤーを作成し、
フィルター → ハーフトーン（線）
⑥ 描画モードを「オーバーレイ」
不透明度10〜25％に調整

完成😉

赤と青がズレたアナグリフ感と、CRT風の走査線が加わって一気に雰囲気がでます。Y2Kっぽいやつ、サイバー系はもちろん合います！人物写真や風景にも使ってみると、意外といい感じになるんですよ。

よく見かける技だけど、覚えておくと使いどころの多い加工です！
※私は結構な頻度で使っていますｗ

[シング｜thingnld @thingnld]

@tomo006279 思わぬところにニーズがあって良かったです😆👻✨

[シング｜thingnld @thingnld]

あまりにも忙しいと画像生成しちゃいますよね🥁

[シング｜thingnld @thingnld]

@tomo006279 反応がポジティブー！！！☺️👻

[シング｜thingnld @thingnld]

三行で撃つはヤバイ、めちゃ面白い。
※とても読んだとは思えない引用ポスト

[ハヤカワ五味 @hayakawagomi]

3行で撃つって本読んでて「うまい文章を書く人は謙虚」とあり分かるな〜と思った。逆に(最低限の日本語力があるのに)文章が下手な人は偉そう、傲慢な人が多い。

[シング｜thingnld @thingnld]

おじさん素材を作るつもりが髭もじゃイケおじ量産😅

[シング｜thingnld @thingnld]

@tkmk_lat なんですか、このモフモフしたやつは…めちゃくちゃ良いです、すごく良いです…🫶

[シング｜thingnld @thingnld]

デザインって、意匠することだけじゃなくて、計画・設計することでもあるんだよなぁ！って気づくと、グッと関わり方が変わるんですよね✨そうやって深く関わることが出来るようになるですよね〜

[すぎそん｜デザイナー @suuun82]

デザイナーになりたての頃は
「イケてるものを作りたい！」って気持ちで、
ロゴとかWebとか“狭義のデザイン”に
夢中だった⋯！！

デザインで喜んでもらえるようになると
「デザインしたものがどんな結果を生むのか」
「もっと成果を出すためには？」を考えるようになり、
「上流から関わりたい」となりましたね〜☺︎

[シング｜thingnld @thingnld]

久しぶりにアヴリル・ラヴィーン聴いたら、めちゃくちゃ良かった記念🛹👦

ChatGPT Images 2.0良いですね✨

[シング｜thingnld @thingnld]

皆さん自分好みのカラーやトーンってあります？？
私、久々に迷子になりました！！😂

ド定番ですけど、バケペン＋Kodak Portra 400の組み合わせが好きで、大体それっぽい色味を目指して調整や現像をしていたのですけど、最近は好みの変化もあり、色々試していたら、なんかやりすぎちゃって。シャドウに緑をちょっと足すくらいのはずが、なんか彩度も下げすぎちゃって顔色わるくなったり。
血色悪いのはちょっとねーなんて思ってたら、なんか黄色いやつが出来上がったりね。いやーなんだんだろう。

ここにきてこんなに迷うとはねー
フォトグラファーの作品や広告を見て、多くのインスピレーションを得るのは当然なんだけど、ここ最近はAIで生成された色々なポトレやグラフィック見ていると、俺やこれやと目移りしちゃうというか、色々私もやってみたいなー！！なんて思っていたら、自分の軸からすっかりズレちゃって収集付かなくなった感じですかね！！ウケるーー！

基本的にはWebやグラフィックの為に画像をイメージに近づけるために現像しているんだから、迷う必要はなくて、最終的にアウトプットしたいものに近づけるだけなんだけどね。何かちょっと欲張っちゃった感じですね。
でもなんか、ちょっとスッキリしたので、それぞれプリセットに保存して、数日置いて再確認ですね。
自分が作ったものを、別人になり切ってレビューするの大切ですよね。金曜の夜に何やってるんだか。
皆さんも良い週末をお過ごしください🫶
(ここまでオタク特有の早口)

画像は現像に疲れてモノクロに表情をプラスしようと思ってアレコレしてみました。うにょうにょしたやつをぼかして作ったテクスチャ素材重ねてます✨

[シング｜thingnld @thingnld]

@Design_emotto ありがとうございます！✨AIの偶然性も考えながらプロンプトあれこれするのも楽しいですね！！

[シング｜thingnld @thingnld]

観察して、分解して、再配置する。情報を整理して崩す。人物の動きが色相で分解される。それが同時に存在する。タイポグラフィーは画面設計の中であくまでも記号。視線をどうやって導くか。

そんなことを考えながら、プロンプトをあれやこれやと直していくのは、グラフィックデザインにおいても、良いトレーニングになりますね！🫶
シングっぽさってどうやったら出るんだろ？とか考えられてとても良かった✨

[ɘtoИ @etoNdesreveR]

いつも思いつきで作って載せて、それを見てまた思いついたら作って載せて…って感じでやってて
「作りたい物」に向かって作ったり「一枚を追い求める」みたいな作り方をしてないから常に『未完成』とか『途中経過』な状態なんだけど…
ふとetoNじゃない人ならここからどう進むんだろう？完成ってあるのかな？って思ったので↓

Grok用ほぼそのままでリファレンス邪魔しない様に女性の外見を削っただけの状態のこのpromptをどう完成させてくれますか？

[prompt]

高解像度のポートレート。フォトリアルをベースにした、現実と非現実が溶け合うデジタルポップアート表現。
アート性を極限まで強調したミニマルインスタレーション構成。被写体・光・色彩・視点・動作が分解され、色相によって再構成されたコマ割りマルチアングル構造。
背景・人物・動き・カメラアングルがそれぞれ独立したレイヤーとして干渉し合う視覚実験的ビジュアル。

日本人の女性モデル（20歳）。

画面全体は「色相環順に分割されたコマ割り構造」で構成され、各コマが異なるアングル・動作・時間軸を同時提示する多層構成。
色相順（赤 → 橙 → 黄 → 黄緑 → 緑 → シアン → 青 → 藍 → 紫）に従い、視覚的ストーリーが連続的に変化する。

コマ構造（色相順マルチアングル＋動作バリエーション）
各コマは単なる視点違いではなく、「動きの段階」と「カメラの位置」が同時に変化する設計。

・赤コマ：ローアングル正面。モデルは一歩踏み出す直前、重心が前足へ移る瞬間（静→動の起点）
・橙コマ：斜め45度。歩き出し、肩と髪がわずかに遅れて追従するモーションブラー
・黄コマ：やや俯瞰。ターン動作中、身体が回転し始める中間フレーム
・黄緑コマ：側面構図。歩行中、脚の伸びと布の揺れが最も強調される動的瞬間
・緑コマ：正面中距離。立ち止まりかけ、視線がカメラ方向へ一瞬戻る
・シアンコマ：背面寄り視点。振り返り動作、髪が空気抵抗で遅れて流れる
・青コマ：望遠圧縮構図。動作が停止した直後の余韻、呼吸のみが見える静止に近い状態
・藍コマ：クローズアップ。瞬きの途中、肌の質感と光の揺らぎが時間分解される
・紫コマ：抽象視点。動きの残像のみが残り、身体が光とノイズへ分解される

ポーズと動作設計
全体として同一人物の連続動作を「色相ごとのフレーム分解」として再構築。
歩行・ターン・視線移動・髪の遅延動作・衣服の慣性がコマごとに異なる時間スライスで描写される。
結果として、静止画でありながら一連の動作シークエンスが同時に存在する。

外見
日本人。
動作の強弱に応じて髪の発色と流れが変化し、時間差残像を伴う。

服装
原宿ファッションとサイバーパンクファッションの融合。
オーバーサイズストリートジャケット、PVC光沢素材、テクニカルファブリック、ホログラム繊維が混在。
動作に応じて布の形状が変化し、ストリート要素と未来的素材が同期して揺れる。

技術的要素
超高解像度。
肌はフォトリアルな質感（毛穴・微細な産毛・光の反射・湿度感）を保持しながら、コマごとに異なる動作フレームとしてレンダリングされる。
被写界深度は浅く（f1.8相当）、各コマで異なるシャッター速度のような表現差が発生する。
背景は白を基調にしつつ、動作に応じて微細な光の歪みが発生する。
モーションブラーは意図的に分解され、色相ごとの時間差として視覚化される。

前面レイヤー
色相環を厳密な順序（赤 → 橙 → 黄 → 黄緑 → 緑 → シアン → 青 → 藍 → 紫）で分割したコマ割りパネルが画面全体に配置される。
各パネルは独立した動作フレームとカメラアングルを持ち、時間軸を分解した視覚構造を形成する。

印象
一人の人物の「動き」が色相によって分解され、複数のアングルと時間として同時に存在する視覚実験。
静止画でありながら、歩行・視線・呼吸・回転が分割されたフレームとして共存し、身体そのものが時間構造として再設計されている。

[シング｜thingnld @thingnld]

ありがとうございます！！
そう言ってもらえるのめちゃくちゃ嬉しいです😆

9マスのストーリーを、どう再構築して1枚の絵として見せるか？を考えるのが楽しくて、まさにデザイナーの仕事だなぁと思いながら作ってました！

正直、自分でPhotoshopやイラレで組んだほうが、もっと細かい配置や余白、文字の入り方まで調整できるなぁ…とも思いつつ、プロンプトだけでどこまで形にできるか試すのもかなり楽しかったす！

デザイナー視点の考え方まで見てもらえて嬉しいです🫶