実技 写真合成・補正加工実習⑤

-本日のアジェンダ-

1限目
実技 写真合成・補正加工実習⑤
グラデーションパネル

2限目
実技 写真合成・補正加工実習⑤
文字のアウトライン

3限目
実技 写真合成・補正加工実習⑤
作品制作

4限目
実技 写真合成・補正加工実習⑤
作品制作

5限目
実技 写真合成・補正加工実習⑤
作品制作

本日のテーマ

チラシを仕上げましょう。

課題

Illustratorで、チラシ(フライヤー)を作成してください。
pdfで提出です。
5限目修了時までに提出です。
スケジュールと提出場所:
Dropbox
 【作品】フライヤー(デザインカンプ)_20210205
 【作品】フライヤー(中間報告)_20210208
 【作品】フライヤー(最終稿)_20210209

ファイル名:
  work_〇〇〇〇 _yyyymmdd.pdf


チラシ制作の流れ

参考サイト

チラシに掲載する情報が浮かばない場合、実在のチラシを参照したり、
『(企画したジャンル) チラシ』等で画像検索してみましょう。

・チラシ・フライヤーの無料デザインテンプレート一覧
・チラシのデザインテンプレートで初心者もプロの仕上がり!
 ※『チラシ デザインテンプレート』等で検索


写真素材について

利用時には権利を確認(規約を一読)しましょう。

フリー素材(例)
・【2019年版】フリー写真素材のおすすめサイト完全まとめ58選【商用利用無料】
・無料の写真素材はフリー素材のぱくたそ
・食材・料理や野菜・果物のフリー写真素材 無料画像のフード・フォト

有料の素材(例)
・画像・写真・ベクター画像・動画・音楽素材 | Shutterstock
・写真素材・ストックフォト | 日本最大級の画像素材サイト – PIXTA


レイアウトデザイン

見やすいレイアウト、わかりやすいレイアウトを作るときの重要なポイントは、ただ闇雲に文字や絵を配置するのではなく、発表者の頭の中にある「ロジック」や「事柄と事柄の関係性」に即して文字や絵を配置することです。関係性の強いもの同士は、近くに配置したり、同じ色を使ったり、線で結んだり、大切な事項を目立つ色にしたり、目立つ場所においたり、という簡単なことです。「理論やストーリーをレイアウトする」ことが大切であるということを忘れないでください。

文字デザイン

長い文章を書くとき、文字が小さければ読みにくいのは当たり前です。なるべく文字を大きくすることは、ユニバーサルデザインのために欠かすことができません。とはいえ、読みやすい書体を選んで、大きな文字で書けば、必ず読みやすい文章ができるわけでもありません。ちょっとしたレイアウトや文字の使い方によって、読みやすくも読みにくくもなります。

デザインに関すること:
・文章 – 伝わるデザイン
・デザイン初心者向け!やりがちなダサいデザインを手っ取り早く回避するチェックポイント

写真と文字の関係:
・プロ直伝!Illustrator(イラレ)で写真の上の文字を読みやすくする6つのテクニック
・写真背景の上に文字をのせた際、文字を見やすくする方法
・写真に重ねた文字を見やすくデザインする9つのコツ
 ※『写真 文字 イラレ』『イラストレーター 写真の上に文字』等で検索

Adobe Fontsについて

Adobe Creative Cloudユーザーが利用できるサービスの一つです。
Webフォントとしてはもちろん、PC上のデスクトップフォントとしても使用可能です。(Photoshopやllustratorはもちろん、Microsoft OfficeなどAdobe以外のソフトにも対応しています。)


Illustrator操作の補足

グラデーション

【Illustrator・基礎】グラデーションツール3種の違い
だんだん透明になっていく画像を作りたい!~Illustrator編~
 ※『イラレ 半透明』等で検索
グラデーションガイド、グラデーションスライダーが出ない
 ※グラデーションスライダーの出し方を忘れるときがあります。

アピアランス(効果)

Illustrator(イラストレーター)で文字にボカシの入った白フチを付ける一番カンタンな方法
 ※『イラレ 文字 ぼかし』等で検索


実技 写真合成・補正加工実習④

-本日のアジェンダ-

1限目
実技 写真合成・補正加工実習④
写真素材について

2限目
実技 写真合成・補正加工実習④
文字の表現について

3限目
実技 写真合成・補正加工実習④
作品制作

4限目
実技 写真合成・補正加工実習④
作品制作

5限目
実技 写真合成・補正加工実習④
作品制作

本日のテーマ

デザインカンプを元にチラシを制作しましょう。

課題

Illustratorで、チラシ(フライヤー)を作成してください。
pdfで提出です。
5限目修了時までに提出です。
スケジュールと提出場所:
Dropbox
 【作品】フライヤー(デザインカンプ)_20210205
 【作品】フライヤー(中間報告)_20210208
 【作品】フライヤー(最終稿)_20210209

ファイル名:
  work_〇〇〇〇 _yyyymmdd.pdf


チラシ制作の流れ

参考サイト

チラシに掲載する情報が浮かばない場合、実在のチラシを参照したり、
『(企画したジャンル) チラシ』等で画像検索してみましょう。

・チラシ・フライヤーの無料デザインテンプレート一覧
・チラシのデザインテンプレートで初心者もプロの仕上がり!
 ※『チラシ デザインテンプレート』等で検索


写真素材について

利用時には権利を確認(規約を一読)しましょう。

フリー素材(例)
・【2019年版】フリー写真素材のおすすめサイト完全まとめ58選【商用利用無料】
・無料の写真素材はフリー素材のぱくたそ
・食材・料理や野菜・果物のフリー写真素材 無料画像のフード・フォト

有料の素材(例)
・画像・写真・ベクター画像・動画・音楽素材 | Shutterstock
・写真素材・ストックフォト | 日本最大級の画像素材サイト – PIXTA


レイアウトデザイン

見やすいレイアウト、わかりやすいレイアウトを作るときの重要なポイントは、ただ闇雲に文字や絵を配置するのではなく、発表者の頭の中にある「ロジック」や「事柄と事柄の関係性」に即して文字や絵を配置することです。関係性の強いもの同士は、近くに配置したり、同じ色を使ったり、線で結んだり、大切な事項を目立つ色にしたり、目立つ場所においたり、という簡単なことです。「理論やストーリーをレイアウトする」ことが大切であるということを忘れないでください。

文字デザイン

長い文章を書くとき、文字が小さければ読みにくいのは当たり前です。なるべく文字を大きくすることは、ユニバーサルデザインのために欠かすことができません。とはいえ、読みやすい書体を選んで、大きな文字で書けば、必ず読みやすい文章ができるわけでもありません。ちょっとしたレイアウトや文字の使い方によって、読みやすくも読みにくくもなります。

・プロ直伝!Illustrator(イラレ)で写真の上の文字を読みやすくする6つのテクニック
・写真背景の上に文字をのせた際、文字を見やすくする方法
・写真に重ねた文字を見やすくデザインする9つのコツ
 ※『写真 文字 イラレ』『イラストレーター 写真の上に文字』等で検索


Adobe Fontsについて

Adobe Creative Cloudユーザーが利用できるサービスの一つです。
Webフォントとしてはもちろん、PC上のデスクトップフォントとしても使用可能です。(Photoshopやllustratorはもちろん、Microsoft OfficeなどAdobe以外のソフトにも対応しています。)

Illustrator ヘルプ | フォントとタイポグラフィ