SlideShare a Scribd company logo
1 of 28
資料作成のための
Adobe®
Illustrator®
入門
AdobeおよびIllustratorは、Adobe Systems Incorporated(アドビシステムズ社)の商標です。
時限目12013年6月17日
金澤 直毅
schoo WEB-campus
金澤 直毅
Naoki Kanazawa
designless.net
1  デザインの視点
2  イラレは道具
3  文書は情報
1
設計 / 応用美術 / 再構築 / 問題解決 / 工夫 / 伝える / 繋ぐ…
Design
Everything is design.
Everything!
Paul Rand
“
Design is a relationship
between form and content.
Paul Rand
“
content
中身 形
form
It is important to
use your hands,
this is what distinguishes you
from a cow or a computer operator.
Paul Rand
“
2
Workspace
Computers are like
a bicycle for our minds.
Steve Jobs
“
Cmd(Ctrl)Space
手
Option(alt) Cmd(Ctrl) 1
拡大・縮小
+
+
+ + +
100%
shift
option(alt)
形
+
+
clickdrag
補助機能
バウンディングボックス スマートガイド
click drag
click
文字
T
パネル
線 透明カラー
3
配置
タイトル
連絡先
プレスリリースの内容が入ります。プレスリ
リースの内容が入ります。プレスリリースの
内容が入ります。プレスリリースの内容が入
ります。プレスリリースの内容が入ります。
プレスリリースの内容が入ります。プレスリ
リースの内容が入ります。プレスリリースの
内容が入ります。
ロゴ
写真
図解
パスファインダー / レイヤー / ガイド / 文字組み / 写真の配置…
Next
Q& A
金澤 直毅
Thank You!
@designless0
info@designless.net
http://designless.net
レポート課題
よいプレスリリースの条件とは

More Related Content

Similar to 資料作成のためのIllustrator入門

Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法Takuya Nishitani
 
ゴールから始めよう!
ゴールから始めよう!ゴールから始めよう!
ゴールから始めよう!VOYAGE GROUP
 
ゴールから始めよう! 公開版 - リーンスタートアップの仮説を「デザイン」する方法
ゴールから始めよう! 公開版  - リーンスタートアップの仮説を「デザイン」する方法ゴールから始めよう! 公開版  - リーンスタートアップの仮説を「デザイン」する方法
ゴールから始めよう! 公開版 - リーンスタートアップの仮説を「デザイン」する方法Mikihiro Fujii
 
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼうAkiko Kurono
 
Document Design by Adobe Illustrator - 2
Document Design by Adobe Illustrator - 2Document Design by Adobe Illustrator - 2
Document Design by Adobe Illustrator - 2Naoki Kanazawa
 
ワイヤーフレームを高速にXDらしく作る
ワイヤーフレームを高速にXDらしく作るワイヤーフレームを高速にXDらしく作る
ワイヤーフレームを高速にXDらしく作るRisa Yuguchi
 
Sustainable Software Development
Sustainable Software DevelopmentSustainable Software Development
Sustainable Software DevelopmentKenji Hiranabe
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Chihiro Tomita
 
実演・開発の進め方
実演・開発の進め方実演・開発の進め方
実演・開発の進め方TechGardenSchool
 
[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザイン
[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザイン[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザイン
[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザインYuki Koyama
 
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携についてAndroid開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携についてlychee .
 
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツMori Keita
 
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能youten (ようてん)
 
SocialGame 20130130 KnowledgeCommons vol.19
SocialGame 20130130 KnowledgeCommons vol.19SocialGame 20130130 KnowledgeCommons vol.19
SocialGame 20130130 KnowledgeCommons vol.19Visso株式会社
 
WordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったこと
WordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったことWordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったこと
WordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったこと勇一 大山
 

Similar to 資料作成のためのIllustrator入門 (15)

Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
 
ゴールから始めよう!
ゴールから始めよう!ゴールから始めよう!
ゴールから始めよう!
 
ゴールから始めよう! 公開版 - リーンスタートアップの仮説を「デザイン」する方法
ゴールから始めよう! 公開版  - リーンスタートアップの仮説を「デザイン」する方法ゴールから始めよう! 公開版  - リーンスタートアップの仮説を「デザイン」する方法
ゴールから始めよう! 公開版 - リーンスタートアップの仮説を「デザイン」する方法
 
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
 
Document Design by Adobe Illustrator - 2
Document Design by Adobe Illustrator - 2Document Design by Adobe Illustrator - 2
Document Design by Adobe Illustrator - 2
 
ワイヤーフレームを高速にXDらしく作る
ワイヤーフレームを高速にXDらしく作るワイヤーフレームを高速にXDらしく作る
ワイヤーフレームを高速にXDらしく作る
 
Sustainable Software Development
Sustainable Software DevelopmentSustainable Software Development
Sustainable Software Development
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
 
実演・開発の進め方
実演・開発の進め方実演・開発の進め方
実演・開発の進め方
 
[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザイン
[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザイン[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザイン
[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザイン
 
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携についてAndroid開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
 
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
 
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
 
SocialGame 20130130 KnowledgeCommons vol.19
SocialGame 20130130 KnowledgeCommons vol.19SocialGame 20130130 KnowledgeCommons vol.19
SocialGame 20130130 KnowledgeCommons vol.19
 
WordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったこと
WordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったことWordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったこと
WordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったこと
 

More from webcampusschoo

再放送キャンペーン0103
再放送キャンペーン0103再放送キャンペーン0103
再放送キャンペーン0103webcampusschoo
 
再放送キャンペーン 1231
再放送キャンペーン 1231再放送キャンペーン 1231
再放送キャンペーン 1231webcampusschoo
 
再放送キャンペーン 123
再放送キャンペーン 123 再放送キャンペーン 123
再放送キャンペーン 123 webcampusschoo
 
再放送キャンペーン 1229
再放送キャンペーン 1229再放送キャンペーン 1229
再放送キャンペーン 1229webcampusschoo
 
再放送キャンペーン1228
再放送キャンペーン1228再放送キャンペーン1228
再放送キャンペーン1228webcampusschoo
 
再放送キャンペーン1227
再放送キャンペーン1227再放送キャンペーン1227
再放送キャンペーン1227webcampusschoo
 
再放送キャンペーン1225
再放送キャンペーン1225再放送キャンペーン1225
再放送キャンペーン1225webcampusschoo
 
再放送キャンペーン1224
再放送キャンペーン1224再放送キャンペーン1224
再放送キャンペーン1224webcampusschoo
 
Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!webcampusschoo
 
これからはじめるWebプロジェクトマネジメント
これからはじめるWebプロジェクトマネジメントこれからはじめるWebプロジェクトマネジメント
これからはじめるWebプロジェクトマネジメントwebcampusschoo
 
ホームルーム12月_2
ホームルーム12月_2ホームルーム12月_2
ホームルーム12月_2webcampusschoo
 
schoo WEB-campus ホームルーム12月
schoo WEB-campus ホームルーム12月schoo WEB-campus ホームルーム12月
schoo WEB-campus ホームルーム12月webcampusschoo
 
デザイナー・コーダーのための黒い画面入門
デザイナー・コーダーのための黒い画面入門デザイナー・コーダーのための黒い画面入門
デザイナー・コーダーのための黒い画面入門webcampusschoo
 
表現別、PhotoshopとIllustratorの使い
表現別、PhotoshopとIllustratorの使い表現別、PhotoshopとIllustratorの使い
表現別、PhotoshopとIllustratorの使いwebcampusschoo
 
1119 高倉さま fixfix
1119 高倉さま fixfix1119 高倉さま fixfix
1119 高倉さま fixfixwebcampusschoo
 
株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析webcampusschoo
 
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶカフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶwebcampusschoo
 

More from webcampusschoo (20)

再放送キャンペーン0103
再放送キャンペーン0103再放送キャンペーン0103
再放送キャンペーン0103
 
再放送キャンペーン 1231
再放送キャンペーン 1231再放送キャンペーン 1231
再放送キャンペーン 1231
 
再放送キャンペーン 123
再放送キャンペーン 123 再放送キャンペーン 123
再放送キャンペーン 123
 
再放送キャンペーン 1229
再放送キャンペーン 1229再放送キャンペーン 1229
再放送キャンペーン 1229
 
再放送キャンペーン1228
再放送キャンペーン1228再放送キャンペーン1228
再放送キャンペーン1228
 
再放送キャンペーン1227
再放送キャンペーン1227再放送キャンペーン1227
再放送キャンペーン1227
 
1226
12261226
1226
 
1226
12261226
1226
 
再放送キャンペーン1225
再放送キャンペーン1225再放送キャンペーン1225
再放送キャンペーン1225
 
再放送キャンペーン1224
再放送キャンペーン1224再放送キャンペーン1224
再放送キャンペーン1224
 
1223 再放送
1223 再放送1223 再放送
1223 再放送
 
Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!Webサイトのライブデザイン&コーディング実演授業!
Webサイトのライブデザイン&コーディング実演授業!
 
これからはじめるWebプロジェクトマネジメント
これからはじめるWebプロジェクトマネジメントこれからはじめるWebプロジェクトマネジメント
これからはじめるWebプロジェクトマネジメント
 
ホームルーム12月_2
ホームルーム12月_2ホームルーム12月_2
ホームルーム12月_2
 
schoo WEB-campus ホームルーム12月
schoo WEB-campus ホームルーム12月schoo WEB-campus ホームルーム12月
schoo WEB-campus ホームルーム12月
 
デザイナー・コーダーのための黒い画面入門
デザイナー・コーダーのための黒い画面入門デザイナー・コーダーのための黒い画面入門
デザイナー・コーダーのための黒い画面入門
 
表現別、PhotoshopとIllustratorの使い
表現別、PhotoshopとIllustratorの使い表現別、PhotoshopとIllustratorの使い
表現別、PhotoshopとIllustratorの使い
 
1119 高倉さま fixfix
1119 高倉さま fixfix1119 高倉さま fixfix
1119 高倉さま fixfix
 
株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析株式会社LIGを事例に学ぶ、実践的アクセス解析
株式会社LIGを事例に学ぶ、実践的アクセス解析
 
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶカフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
 

資料作成のためのIllustrator入門