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
40
0
Share
光と色をコントロールすることで デザインのディテールを追い込む Photoshop & Illustrator
開催日:2022/10/8(土)21:00〜23:00
コネクリ
October 08, 2022
More Decks by コネクリ
See All by コネクリ
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
370
次世代のクリエイティブ体験!Photoshopの最新機能で新しい未来を切り開こう
connecre
0
130
テクスチャを生成して活用するデザインアイディア、テクスチャ生成×描画モード!光と影を使ってブラッシュアップ
connecre
0
36
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
240
アピアランスとブラシで装飾するグラフィティ・アート
connecre
1
53
即戦力アップ!Photoshopバナー制作実践セミナー
connecre
0
50
生成ベクターでアナログ感のある手書き風アートを生成しよう
connecre
0
42
Photoshopが劇的進化!デザインに使えるFireflyの活用&最新テク
connecre
0
66
Illustrator ✕ Firefly|ベクターアートと構成参照で新たな表現に挑戦しよう!
connecre
0
69
Other Decks in Design
See All in Design
Storyboard Assignment: Storyboard from Comic Strip
lynteo
3
250
Figma MCPを活用するためのデザインハンドブック
vivion
7
16k
decksh object reference
ajstarks
2
1.6k
チームをデザイン対象にする / Design for your team
kaminashi
1
1.1k
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
pixyzehn
0
160
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
kumanoayumi
6
1.1k
体験負債を資産に変える組織的アプローチ
hikarutakase
0
1k
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
260
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
290
Spacemarket Brand Guide
spacemarket
2
460
タイル紹介サイト「タイルだもんで」
calpin
0
110
kintone_aroma
kintone
0
1.9k
Featured
See All Featured
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
210
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
Fireside Chat
paigeccino
42
3.9k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
1
180
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
760
Joys of Absence: A Defence of Solitary Play
codingconduct
1
340
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
110
Testing 201, or: Great Expectations
jmmastey
46
8.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Optimising Largest Contentful Paint
csswizardry
37
3.6k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
410
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.6k
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などでお知らせください
終 企画・制作