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
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
140
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
1.7k
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
株式会社バクタム 会社説明資料
bactum
0
250
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
harutaka Vision Deck
zenkigenforrecruit
0
150
マンガで分かるサービスデザインガイドライン
senryakuka
1
900
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
370
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
520
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.3k
sachi_y_portfolio
sachi337
0
280
AI時代に淘汰されないデザインのしごと
akinen
1
140
Featured
See All Featured
Music & Morning Musume
bryan
46
6.6k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
GitHub's CSS Performance
jonrohan
1031
460k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Scaling GitHub
holman
460
140k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Raft: Consensus for Rubyists
vanstee
140
7k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
Fireside Chat
paigeccino
37
3.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
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などでお知らせください
終 企画・制作