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
コネクリ
October 08, 2022
Design
0
17
光と色をコントロールすることで デザインのディテールを追い込む Photoshop & Illustrator
開催日:2022/10/8(土)21:00〜23:00
コネクリ
October 08, 2022
Tweet
Share
More Decks by コネクリ
See All by コネクリ
Illustrator ✕ Firefly|ベクターアートと構成参照で新たな表現に挑戦しよう!
connecre
0
19
未来の利用シーンを視覚化する! モックアップを作ろう
connecre
0
8
アピアランスとブラシで装飾するグラフィティアート
connecre
0
97
スタイル参照のおすすめの使い方!デザイン制作に活かすモノクロ素材
connecre
0
83
Photoshopの生成AIを全部まるっと総復習!Fireflyの基本と実践的な使い方
connecre
0
100
Photoshopの生成AIをデザイン制作に活かす実践的な使い方
connecre
0
28
幅広く色調補正に応用できる!グラデーションマップを使いこなそう
connecre
0
26
アピアランスで作る!かんたん水彩風加工
connecre
0
66
表現力アップ+効率化!描画モードで広がるFireflyの可能性
connecre
0
24
Other Decks in Design
See All in Design
How to get a Tiger to Tulsa
mcduckyart
0
110
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
290
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
990
NAHO SHIMONO_Portfolio2025
nahohphp
0
880
AIで加速するアクセシビリティのこれから
magi1125
3
560
AI時代に淘汰されないデザインのしごと
akinen
1
140
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
210
アクセシビリティに取り組むメリット
magi1125
1
170
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
320
株式会社バクタム 会社説明資料
bactum
0
250
Featured
See All Featured
Site-Speed That Sticks
csswizardry
10
690
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Bash Introduction
62gerente
613
210k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
The Language of Interfaces
destraynor
158
25k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
How to Ace a Technical Interview
jacobian
278
23k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
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などでお知らせください
終 企画・制作