ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 http://schoo.jp/class/903/room ーーーーーーーーーーーーーーーーーーーーーーー

1. ロゴ・デザインワークショップ
第三回目
-Illustratorでの仕上げ方-
1

2. 今回の課題
2

3. 課題：下記のテーマでカフェのロゴデザインをして下さい。
3
Pelican Cafe
Coffee and Japanese Tea
Since 2013
店舗のイメージにあったデザインであること。
大文字・小文字など表記は問わない。
アルファベット表記とし、和文表記は行わない。

4. 4
鎌倉市内の閑静なエリアにあるカフェ。客席は30席程度。早
朝から夜遅くまで営業。平日休日を問わず、まちの人々の憩
いの場となっています。かつて食料品メーカーに十数年勤め
たオーナーが当時のノウハウを活かしながら、学生時代の友
人たちと一緒に古民家をモダンに改装して経営しています。
太陽のひかりが差し込むテラスが印象的なお店です。定番の
ブレンドコーヒーは700円。自家製パンでつくる人気のラン
チセットは1,500円。ひとりでふらりと訪れ寛ぐひともいれ
ば、家族団欒の場にもなっている場所です。

5. 皆さんから提出された
デザインスケッチの課題
5

6. 6

7. 7

8. 8

9. 9

10. 10

11. 皆様ありがとうございました。
11

12. 今回の採用は…。
12

13. では、デザインスケッチを元に
Adobe Illustratorを使って仕上げて
いきましょう。
13

14. その前に…。
14

15. Adobe Illustratorとは？
15
よく比較されるAdobe Photoshopとの
違いをもとにおさらいしてみましょう。

16. IllustratorとPhotoshopの大きな違い
16
ベクトル画像 ビットマップ画像
利用するファイルの画像形式が違う。

17. 17
ベクトル画像とビットマップ画像
ベクトル画像 ビットマップ画像
画像を、点の座標とそれを結ぶ線
（ベクター、ベクトル）などの数
値データをもとにして演算によっ
て再現する方式
→ロゴマークなどに適している。
画像を色のついたドットと呼ばれ
る点の羅列・集合として表現する
データ再現方式
→写真やデジタルイラストなどの
細かい色合いの再現に適している。

18. つまり…。
18
様々な場面やサイズで使われる
ことになるロゴをデザインする
場合はベクトル画像を使う、Illustratorを
使用した方がいい。

19. では、実際にAdobe Illustratorを使って
ロゴデザインを仕上げていきましょう。
19