Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
光と色をコントロールすることで デザインのディテールを追い込む Photoshop & Ill...
Search
コネクリ
October 08, 2022
Design
47
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
光と色をコントロールすることで デザインのディテールを追い込む Photoshop & Illustrator
開催日:2022/10/8(土)21:00〜23:00
コネクリ
October 08, 2022
More Decks by コネクリ
See All by コネクリ
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
440
次世代のクリエイティブ体験!Photoshopの最新機能で新しい未来を切り開こう
connecre
0
200
テクスチャを生成して活用するデザインアイディア、テクスチャ生成×描画モード!光と影を使ってブラッシュアップ
connecre
0
42
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
300
アピアランスとブラシで装飾するグラフィティ・アート
connecre
1
62
即戦力アップ!Photoshopバナー制作実践セミナー
connecre
0
59
生成ベクターでアナログ感のある手書き風アートを生成しよう
connecre
0
52
Photoshopが劇的進化!デザインに使えるFireflyの活用&最新テク
connecre
0
87
Illustrator ✕ Firefly|ベクターアートと構成参照で新たな表現に挑戦しよう!
connecre
0
100
Other Decks in Design
See All in Design
decksh object reference
ajstarks
2
1.8k
ISO 9241-171:2025っていうのがあってな
shosira
1
320
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
180
LP制作のための熱量ハーネス -人の熱量を、AIとの制作につなぐ-
niccy
0
1.5k
タイル紹介サイト「タイルだもんで」
calpin
0
190
PLATEAUで白い街を作る
aikautau
0
190
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
320
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
250
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
1.1k
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
720
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
680
Agentic Design Workflowを育てる 「三層デザインハーネス」の現在地
sayadesign2
0
610
Featured
See All Featured
First, design no harm
axbom
PRO
2
1.3k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
42k
Typedesign – Prime Four
hannesfritz
42
3.2k
ラッコキーワード サービス紹介資料
rakko
1
5M
Visualization
eitanlees
153
17k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
The Cost Of JavaScript in 2023
addyosmani
55
10k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.6k
WCS-LA-2024
lcolladotor
0
830
Evolving SEO for Evolving Search Engines
ryanjones
0
300
Code Reviewing Like a Champion
maltzj
528
40k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
300
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などでお知らせください
終 企画・制作