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
12
光と色をコントロールすることで デザインのディテールを追い込む Photoshop & Illustrator
開催日:2022/10/8(土)21:00〜23:00
コネクリ
October 08, 2022
Tweet
Share
More Decks by コネクリ
See All by コネクリ
アピアランスとブラシで装飾するグラフィティアート
connecre
0
35
スタイル参照のおすすめの使い方!デザイン制作に活かすモノクロ素材
connecre
0
45
Photoshopの生成AIを全部まるっと総復習!Fireflyの基本と実践的な使い方
connecre
0
68
Photoshopの生成AIをデザイン制作に活かす実践的な使い方
connecre
0
23
幅広く色調補正に応用できる!グラデーションマップを使いこなそう
connecre
0
20
アピアランスで作る!かんたん水彩風加工
connecre
0
29
表現力アップ+効率化!描画モードで広がるFireflyの可能性
connecre
0
19
Adobe Firefly徹底攻略!Photoshopの新機能で生成結果をイメージに近づけよう
connecre
0
24
生成結果をイメージに近づける!Fireflyの参照機能を使いこなそう
connecre
0
49
Other Decks in Design
See All in Design
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
51
33k
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
200
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
500
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
370
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
590
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
4
230
プロダクトデザインの「守破離」の「破」について
hayashirine
0
230
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
420
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
2
2.6k
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
320
Night Shift (beginning sequence)
cpineda57
0
920
Design System for training program
mct
0
290
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
GitHub's CSS Performance
jonrohan
1030
460k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Side Projects
sachag
452
42k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Optimising Largest Contentful Paint
csswizardry
33
3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
1
150
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.2k
Statistics for Hackers
jakevdp
796
220k
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などでお知らせください
終 企画・制作