Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
光と色をコントロールすることで デザインのディテールを追い込む Photoshop & Ill...
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
コネクリ
October 08, 2022
Design
0
39
光と色をコントロールすることで デザインのディテールを追い込む Photoshop & Illustrator
開催日:2022/10/8(土)21:00〜23:00
コネクリ
October 08, 2022
Tweet
Share
More Decks by コネクリ
See All by コネクリ
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
290
次世代のクリエイティブ体験!Photoshopの最新機能で新しい未来を切り開こう
connecre
0
97
テクスチャを生成して活用するデザインアイディア、テクスチャ生成×描画モード!光と影を使ってブラッシュアップ
connecre
0
26
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
220
アピアランスとブラシで装飾するグラフィティ・アート
connecre
0
35
即戦力アップ!Photoshopバナー制作実践セミナー
connecre
0
43
生成ベクターでアナログ感のある手書き風アートを生成しよう
connecre
0
29
Photoshopが劇的進化!デザインに使えるFireflyの活用&最新テク
connecre
0
44
Illustrator ✕ Firefly|ベクターアートと構成参照で新たな表現に挑戦しよう!
connecre
0
54
Other Decks in Design
See All in Design
DESIGNEAST 2025 A-3
_kotobuki_
0
130
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
bitkey
PRO
0
140
図じゃなく言語で描く - Common Ground for Design AI Operations.
kazukiikeda
1
650
Franks Myth
gfht1
1
400
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1k
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
uto
0
170
AI情報に溺れながら、それでも頑張って泳ぐための思考法
yoriss67
0
120
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
muture
PRO
0
420
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
0
470
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
1.3k
maki setoguchi
maki_setoguchi
0
660
Spacemarket Brand Guide
spacemarket
2
140
Featured
See All Featured
Practical Orchestrator
shlominoach
191
11k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
180
Google's AI Overviews - The New Search
badams
0
900
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
320
Fireside Chat
paigeccino
41
3.8k
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Leo the Paperboy
mayatellez
4
1.4k
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
0
190
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
It's Worth the Effort
3n
188
29k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
0
1.8k
Transcript
None
そもそも誰…?
Web Graphic UI/UX Game
Twitter YouTube
デザインのネタ帳 プロ並みに 使える写真加⼯ Photoshop MdN エムディーエヌコーポレーション・共著 2022/8/31発売
光と⾊をコントロールすることで デザインのディテールを追い込む Photoshop & Illustrator 今回のテーマ
None
None
近未来的なネットワークの表現 1つめの作例
カラーモード RGB アートボード :1440 (px) :1920 (px) w h 基本情報
(Illustrator)
基本情報 (Photoshop) カラーモード RGB カンバス :1440 (px) :1920 (px) w
h 解像度 72 (ppi)
1:2 3:4 9:16 フルHD (1080x1920) h:2160 (px) w:1440 (px) 画⾯仕様
1:2 :1080 (px) :2160 (px) w h 3:4 :1440 (px) :1920 (px) w h
h:2160 (px) w:1440 (px) 実際の作品 1:2 :1080 (px) :2160 (px)
w h 3:4 :1440 (px) :1920 (px) w h
h:2160 (px) w:1440 (px) モックアップ ゲームアプリのUI設計 1:2 :1080 (px) :2160
(px) w h 3:4 :1440 (px) :1920 (px) w h
視線誘導 A B 1 2 3
合成の流れ A B
合成の違和感を軽減 調整⽅法 ① 光 ② ⾊ ③ 被写界深度 A B
ゲームで⾒かけるような⽯板 2つめの作例
描画モード 暗く 明るく コントラスト 差 HSL
スクリーン + =
乗算 + =
オーバーレイ + =
オーバーレイの応⽤
絵の持つ情報量とターゲット A B
告知
None
123RF ロイヤリティフリーストックフォト 低価格・ハイクオリティ おすすめ 1 ニーズに合わせた専⽤ライセンス おすすめ 2 電話サポート おすすめ
3
ご視聴いただきありがとうございました! やってみた! をSNSで投稿するのは⼤歓迎です ハッシュタグ「#光と⾊のコントロール」 または引⽤RTなどでお知らせください
終 企画・制作