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
18
光と色をコントロールすることで デザインのディテールを追い込む Photoshop & Illustrator
開催日:2022/10/8(土)21:00〜23:00
コネクリ
October 08, 2022
Tweet
Share
More Decks by コネクリ
See All by コネクリ
テクスチャを生成して活用するデザインアイディア、テクスチャ生成×描画モード!光と影を使ってブラッシュアップ
connecre
0
2
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
130
アピアランスとブラシで装飾するグラフィティ・アート
connecre
0
5
即戦力アップ!Photoshopバナー制作実践セミナー
connecre
0
13
生成ベクターでアナログ感のある手書き風アートを生成しよう
connecre
0
6
Photoshopが劇的進化!デザインに使えるFireflyの活用&最新テク
connecre
0
9
Illustrator ✕ Firefly|ベクターアートと構成参照で新たな表現に挑戦しよう!
connecre
0
35
未来の利用シーンを視覚化する! モックアップを作ろう
connecre
0
26
アピアランスとブラシで装飾するグラフィティアート
connecre
0
130
Other Decks in Design
See All in Design
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
2k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
500
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.8k
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
860
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
650
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
400
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
1
440
Findyのプロデチームの 歩みとこれから
satty9556
0
290
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.5k
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
630
mento Design Team Portfolio
mento0fficial
1
860
Yumika Yamada Portfolio
yumii
0
1.8k
Featured
See All Featured
Writing Fast Ruby
sferik
629
62k
We Have a Design System, Now What?
morganepeng
53
7.8k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Thoughts on Productivity
jonyablonski
70
4.9k
Context Engineering - Making Every Token Count
addyosmani
5
200
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
850
The Cult of Friendly URLs
andyhume
79
6.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
A designer walks into a library…
pauljervisheath
209
24k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.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などでお知らせください
終 企画・制作