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
No.102
Search
SORICH
April 16, 2024
26
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
No.102
SORICH
April 16, 2024
More Decks by SORICH
See All by SORICH
No.156
creative2019
0
11
No.137
creative2019
0
19
No.136
creative2019
0
8
最近触れたAIツール共有
creative2019
0
10
No.131
creative2019
0
13
No.130
creative2019
0
14
No.126
creative2019
0
21
No.125
creative2019
0
11
最近体験したDXアプリーChocoZAPに入会してみて-
creative2019
0
13
Featured
See All Featured
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
12k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
4
1.2k
We Have a Design System, Now What?
morganepeng
55
8.4k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
1
280
Building AI with AI
inesmontani
PRO
1
1.3k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Documentation Writing (for coders)
carmenintech
77
5.6k
Marketing to machines
jonoalderson
1
5.9k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
120
120k
The SEO Collaboration Effect
kristinabergwall1
1
590
Fashionably flexible responsive web design (full day workshop)
malarkey
409
67k
Building Applications with DynamoDB
mza
96
7.2k
Transcript
2024.04.16 KAWAMURA グラフ ィ ックデザイン デジタルデザイン
グラフィック・デジタルデザイン 作るとき何が違う? グラフィ ック デジタル CMYK カラーモード RGB mm 単位
px 300~350dpi 解像度 72dpi 紙媒体 納品物 データ 紙ならではの表現ができる メリット 表現の制限が少ない コスト・修正ハードルが高い デメリット 無断複製・無断使用が容易
グラフィックならではの注意点 同じサイズ 同じサイズ これで同じ14ptでMediumです! パート1 書体でフォントサイズの下限値が変わる (ゴシック体なら5〜6pt、明朝体なら7〜8ptなど) 抜き文字だと、小さいサイズや細い ウェイトは潰れるため、配慮する CMYKの合計値が高いとインクの乾きや
裏移り、使用量も増えるため配慮が必要 ゴシック体 これに明朝体が組み合わさると もう地獄です... 業者に合計値を300%以内と 言われたら使用色の値を足し算 C100% M60% Y 50% K100% × 310%
グラフィックならではの注意点 オフセット印刷、デジタル印刷 オンデマンド印刷...難しい...... パート2 A 社 B 社 C 社
業者によりK100%は強制的に オーバープリントになる所も! 文字 文字 文字 文字 オーバープリント 未対応の場合 CMY版が白抜きに 白がはみ出す事が オーバープリント 白抜きにならない C100%、M100%、Y100%、 K100%が4色ベタの黒です 4色ベタ 黒を表現する際、4色ベタは使用せず、 リッチブラック(混色の黒)を使用する K100%の黒を使う際、見当ズレを防ぐ為 オーバープリントが必要になる 印刷会社で入稿ルールが変わる! これが一番大変かも
Adobe Illustratorのおすすめ設定 グラフィックの場合 新規ドキュメント作成時は【ミリメートル】【CMYKモード】【高解像度300ppi】 裁ち落としのあるデザインは、アートボードの天地左右に3mmを設定するとOK 環境設定の単位は【一般→ミリメートル】【線→ポイント】【文字→ポイント】 色を作成するときは必ず「ウィンドウ」の「カラー」を【CMYK】表示にする オーバープリント設定する時は「ウィンドウ」から「属性」を表示すると出来ます オーバープリントを試すなら「ウィンドウ」から「分版プレビュー」を表示する
Adobe Illustratorのおすすめ設定 デジタルの場合 新規ドキュメント作成時は【ピクセル】【RGBカラー】【スクリーン(72ppi)】 環境設定の単位は【一般→ピクセル】【線→ピクセル】【文字→ピクセル】 色を作成する、拾うときは必ず「ウィンドウ」の「カラー」を【RGB】表示にする 線があるデータをSVG化する時は「オブジェクト」の 【パスのアウトライン】をする パターンのあるデータをSVG化する時は「オブジェクト」の【分割・拡張】をする WebPを書き出したい時は「ファイル」→「書き出し」→「書き出し形式」で可能
Adobe Photoshopのおすすめ解像度設定 グラフィックとデジタルでの解像度 写真などの解像度設定は「イメージ」より「画像解像度」で変更できます。 グラフィックでのおすすめ解像度 幅と高さの単位を【mm】 解像度を【350dpi】 デジタルでのおすすめ解像度 幅と高さの単位を【pixel】 解像度を【72dpi】
※解像度を変えた時は【再サンプル】のチェックを入れ直すと 正しい幅と高さが更新されます。 71mmまで劣化せずに使用できる 987pxまで劣化せずに使用できる