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
16
光と色をコントロールすることで デザインのディテールを追い込む Photoshop & Illustrator
開催日:2022/10/8(土)21:00〜23:00
コネクリ
October 08, 2022
Tweet
Share
More Decks by コネクリ
See All by コネクリ
Illustrator ✕ Firefly|ベクターアートと構成参照で新たな表現に挑戦しよう!
connecre
0
16
未来の利用シーンを視覚化する! モックアップを作ろう
connecre
0
8
アピアランスとブラシで装飾するグラフィティアート
connecre
0
97
スタイル参照のおすすめの使い方!デザイン制作に活かすモノクロ素材
connecre
0
80
Photoshopの生成AIを全部まるっと総復習!Fireflyの基本と実践的な使い方
connecre
0
100
Photoshopの生成AIをデザイン制作に活かす実践的な使い方
connecre
0
28
幅広く色調補正に応用できる!グラデーションマップを使いこなそう
connecre
0
26
アピアランスで作る!かんたん水彩風加工
connecre
0
64
表現力アップ+効率化!描画モードで広がるFireflyの可能性
connecre
0
24
Other Decks in Design
See All in Design
Saudade typeface
tiagoporto
0
320
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
100
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.5k
freee + Product Design FY25Q4
freee
4
14k
問いの変遷
iflection
0
140
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
1.8k
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
670
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
150
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.7k
Echoes Boomerang
artcloudyu
PRO
0
240
CMS管理画面のアクセシビリティ
magi1125
6
1.7k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
130
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
Side Projects
sachag
455
42k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Site-Speed That Sticks
csswizardry
10
660
Fireside Chat
paigeccino
37
3.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.4k
Bash Introduction
62gerente
614
210k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
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などでお知らせください
終 企画・制作