Document Design by Adobe Illustrator - 1

28
資料作成のための Adobe ® Illustrator ® 入門 Adobe および Illustrator は、Adobe Systems Incorporated (アドビシステムズ社)の商標です。 時限目 1 2013年6月17日 金澤 直毅 schoo WEB-campus

description

Slides for schoo WEB-campus http://schoo.jp/class/156

Transcript of Document Design by Adobe Illustrator - 1

Page 1: Document Design by Adobe Illustrator - 1

資料作成のためのAdobe® Illustrator®入門Adobeおよび Illustratorは、Adobe Systems Incorporated(アドビシステムズ社)の商標です。

時限目12013年6月17日金澤 直毅

schoo WEB-campus

Page 2: Document Design by Adobe Illustrator - 1

金澤 直毅Naoki Kanazawa

designless.net

Page 3: Document Design by Adobe Illustrator - 1

1  デザインの視点

2  イラレは道具

3  文書は情報

Page 4: Document Design by Adobe Illustrator - 1

1

Page 5: Document Design by Adobe Illustrator - 1

設計 / 応用美術 / 再構築 / 問題解決 / 工夫 / 伝える / 繋ぐ…

Design

Page 6: Document Design by Adobe Illustrator - 1

Everything is design.Everything!

Paul Rand

Page 7: Document Design by Adobe Illustrator - 1

Design is a relationshipbetween form and content.

Paul Rand

Page 8: Document Design by Adobe Illustrator - 1

content中身 形

form

Page 9: Document Design by Adobe Illustrator - 1

It is important to

use your hands,this is what distinguishes youfrom a cow or a computer operator.

Paul Rand

Page 10: Document Design by Adobe Illustrator - 1

2

Page 11: Document Design by Adobe Illustrator - 1

Workspace

Page 12: Document Design by Adobe Illustrator - 1
Page 13: Document Design by Adobe Illustrator - 1
Page 14: Document Design by Adobe Illustrator - 1
Page 15: Document Design by Adobe Illustrator - 1

Computers are likea bicycle for our minds.

Steve Jobs

Page 16: Document Design by Adobe Illustrator - 1
Page 17: Document Design by Adobe Illustrator - 1

Cmd(Ctrl)Space

Page 18: Document Design by Adobe Illustrator - 1

Option(alt) Cmd(Ctrl) 1

拡大・縮小

+

+

+ + +

100%

Page 19: Document Design by Adobe Illustrator - 1

shiftoption(alt)

++

clickdrag

Page 20: Document Design by Adobe Illustrator - 1

補助機能

バウンディングボックス スマートガイド

Page 21: Document Design by Adobe Illustrator - 1

click drag

click

文字

T

Page 22: Document Design by Adobe Illustrator - 1

パネル

線 透明カラー

Page 23: Document Design by Adobe Illustrator - 1

3

Page 24: Document Design by Adobe Illustrator - 1

配置

タイトル

連絡先

プレスリリースの内容が入ります。プレスリリースの内容が入ります。プレスリリースの内容が入ります。プレスリリースの内容が入ります。プレスリリースの内容が入ります。プレスリリースの内容が入ります。プレスリリースの内容が入ります。プレスリリースの内容が入ります。

ロゴ写真

図解

Page 25: Document Design by Adobe Illustrator - 1

パスファインダー / レイヤー / ガイド / 文字組み / 写真の配置…

Next

Page 26: Document Design by Adobe Illustrator - 1

Q& A

Page 27: Document Design by Adobe Illustrator - 1

金澤 直毅

Thank You!@designless0

[email protected]

http://designless.net

Page 28: Document Design by Adobe Illustrator - 1

レポート課題

よいプレスリリースの条件とは