SlideShare una empresa de Scribd logo
1 de 37
1.前回の復習
ワークスペースの説明
スクリプトの使い方
移動ツール
テキストツール
整列
2.名刺の紹介
10min
10min
3.Illustratorで解説
Photoshopデータを入れる
手書きをデジタルに
えんぴつツールで自由に描く
いろんな色展開をする
4.質疑応答
30min
15min
メニュー
メニュー
オプションバー
メニュー
ツール
パレット
オプションバー
メニュー
ツール
パレット
カンバス
オプションバー
メニュー
ツール
パレット
カンバス
オプションバー
パレット
スクリプトの使い方
ファイル
↓
スクリプト
↓
その他のスクリプト
使用したいスクリプ
トのファイルを開く
移動ツール
キャンバスにある図形を
クリックで選択、
ドラッグで移動できる
図形を選択しているときに
Enterキーを押すと
数値移動が可能
文字ツール
キャンバス上でクリックすると
文字を入力できるようになる
別のツールに切り替えたり、
command(Ctl)+Enterキーを
押すことで入力終了
ツールパレット上で
長押しすると
いろんな派生ツールが
使える
整列
上に揃える、真ん中に揃える、等間隔に
並べるなどお手のもの。
ふたつ以上の図形を選択するとオプションバーに表示される
整列する時の基準も
選べます。
2.名刺を見てみよう
Photoshopと連携
Photoshopのデータを読み込んでいる
Photoshopのデータを読み込んでいる
Photoshopのデータを読み込んでいる
Photoshopファイルを更新すると自動的に
Illustrator上のデータも更新される。
Illustratorで解説
手書きをデジタルに
1.読み込んだファイルを選択すると
オプションバーに「画像トレース」が
表示される
2.クリックするとプレビューができる
3.イメージに近い
パスができたら
「拡張」で決定
Illustratorで解説
えんぴつで自由な線
出来上がった線を少し直したいとき
線の付近をドラッグすればOK
エンピツツールでなぞると
修正できる
えんぴつツールは線がな
めらかになるように設定
されている。
Illustratorで解説
いろんな色を試す
各色の置き換えができる
タブの「編集」を押すことで色相で見やすくなる
Illustratorで解説
手書きをデジタルに
色の置き換え
背景とロゴを
Photoshopで
加工し配置
えんぴつツールで
背景のイラストを
描く
1.Photoshopとの連携
2.手書きをパスデータに
3.えんぴつで自由に描く
4.色の置き換えを直感で
まとめ
フォローアップ
東京の人
名古屋の人
こけむさズコワーキングスペース
8/20 WCAN mini vol.2
http://atnd.org/events/42126
さまざまな経験と知識が集
まるQAサービス http://qixil.jp/

Más contenido relacionado

Destacado

i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...schoowebcampus
 
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1schoowebcampus
 
【Schoo web campus】現代アートが生まれるところ 先生:飯田志保子
【Schoo web campus】現代アートが生まれるところ 先生:飯田志保子【Schoo web campus】現代アートが生まれるところ 先生:飯田志保子
【Schoo web campus】現代アートが生まれるところ 先生:飯田志保子schoowebcampus
 
【Schoo web campus】アイデアを苦しまずに出す方法
【Schoo web campus】アイデアを苦しまずに出す方法 【Schoo web campus】アイデアを苦しまずに出す方法
【Schoo web campus】アイデアを苦しまずに出す方法 schoowebcampus
 
WebデザイナーのためのSass/Compass入門 先生:石本 光司
WebデザイナーのためのSass/Compass入門 先生:石本 光司WebデザイナーのためのSass/Compass入門 先生:石本 光司
WebデザイナーのためのSass/Compass入門 先生:石本 光司schoowebcampus
 
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次schoowebcampus
 
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮schoowebcampus
 
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】schoowebcampus
 
起業家プレゼンテーション術【事業概要編】
起業家プレゼンテーション術【事業概要編】起業家プレゼンテーション術【事業概要編】
起業家プレゼンテーション術【事業概要編】schoowebcampus
 
補助金の流れ(実②)Share
補助金の流れ(実②)Share補助金の流れ(実②)Share
補助金の流れ(実②)Sharexuhiro
 
Page2015-Akatsuki_InDesignForAiUser
Page2015-Akatsuki_InDesignForAiUserPage2015-Akatsuki_InDesignForAiUser
Page2015-Akatsuki_InDesignForAiUserSatoru Obana
 
資料なし新規事業企画のためのUX Study〜ユーザー体験を考え、サービスに落としこむ方法
資料なし新規事業企画のためのUX Study〜ユーザー体験を考え、サービスに落としこむ方法資料なし新規事業企画のためのUX Study〜ユーザー体験を考え、サービスに落としこむ方法
資料なし新規事業企画のためのUX Study〜ユーザー体験を考え、サービスに落としこむ方法schoowebcampus
 
IllustratorでWebデザインする方法
IllustratorでWebデザインする方法IllustratorでWebデザインする方法
IllustratorでWebデザインする方法Tsuzurahara Tohru
 
Adobe Illustrator はじめてのスクリプト
Adobe Illustrator はじめてのスクリプトAdobe Illustrator はじめてのスクリプト
Adobe Illustrator はじめてのスクリプトnaichilab
 
表現別、PhotoshopとIllustratorの使い
表現別、PhotoshopとIllustratorの使い表現別、PhotoshopとIllustratorの使い
表現別、PhotoshopとIllustratorの使いwebcampusschoo
 
イラレでサクッとイラストを描く方法
イラレでサクッとイラストを描く方法イラレでサクッとイラストを描く方法
イラレでサクッとイラストを描く方法由美 木田
 

Destacado (17)

i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...
 
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
 
2479
24792479
2479
 
【Schoo web campus】現代アートが生まれるところ 先生:飯田志保子
【Schoo web campus】現代アートが生まれるところ 先生:飯田志保子【Schoo web campus】現代アートが生まれるところ 先生:飯田志保子
【Schoo web campus】現代アートが生まれるところ 先生:飯田志保子
 
【Schoo web campus】アイデアを苦しまずに出す方法
【Schoo web campus】アイデアを苦しまずに出す方法 【Schoo web campus】アイデアを苦しまずに出す方法
【Schoo web campus】アイデアを苦しまずに出す方法
 
WebデザイナーのためのSass/Compass入門 先生:石本 光司
WebデザイナーのためのSass/Compass入門 先生:石本 光司WebデザイナーのためのSass/Compass入門 先生:石本 光司
WebデザイナーのためのSass/Compass入門 先生:石本 光司
 
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
ウェブディレクションの基礎(第1回:設計編) 先生:高瀬 康次
 
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
 
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
 
起業家プレゼンテーション術【事業概要編】
起業家プレゼンテーション術【事業概要編】起業家プレゼンテーション術【事業概要編】
起業家プレゼンテーション術【事業概要編】
 
補助金の流れ(実②)Share
補助金の流れ(実②)Share補助金の流れ(実②)Share
補助金の流れ(実②)Share
 
Page2015-Akatsuki_InDesignForAiUser
Page2015-Akatsuki_InDesignForAiUserPage2015-Akatsuki_InDesignForAiUser
Page2015-Akatsuki_InDesignForAiUser
 
資料なし新規事業企画のためのUX Study〜ユーザー体験を考え、サービスに落としこむ方法
資料なし新規事業企画のためのUX Study〜ユーザー体験を考え、サービスに落としこむ方法資料なし新規事業企画のためのUX Study〜ユーザー体験を考え、サービスに落としこむ方法
資料なし新規事業企画のためのUX Study〜ユーザー体験を考え、サービスに落としこむ方法
 
IllustratorでWebデザインする方法
IllustratorでWebデザインする方法IllustratorでWebデザインする方法
IllustratorでWebデザインする方法
 
Adobe Illustrator はじめてのスクリプト
Adobe Illustrator はじめてのスクリプトAdobe Illustrator はじめてのスクリプト
Adobe Illustrator はじめてのスクリプト
 
表現別、PhotoshopとIllustratorの使い
表現別、PhotoshopとIllustratorの使い表現別、PhotoshopとIllustratorの使い
表現別、PhotoshopとIllustratorの使い
 
イラレでサクッとイラストを描く方法
イラレでサクッとイラストを描く方法イラレでサクッとイラストを描く方法
イラレでサクッとイラストを描く方法
 

Más de schoowebcampus

PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~schoowebcampus
 
i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...schoowebcampus
 
i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...schoowebcampus
 
i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...schoowebcampus
 
i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...schoowebcampus
 
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司schoowebcampus
 
ゲームや映像で使えるフリー音楽素材「魔王魂」の運営者に聞く、BGM・効果音活用講座
ゲームや映像で使えるフリー音楽素材「魔王魂」の運営者に聞く、BGM・効果音活用講座ゲームや映像で使えるフリー音楽素材「魔王魂」の運営者に聞く、BGM・効果音活用講座
ゲームや映像で使えるフリー音楽素材「魔王魂」の運営者に聞く、BGM・効果音活用講座schoowebcampus
 
会社設立時の株価は?共同出資の仲間との資本比率は?-起業前の資金調達よくある質問TOP5
会社設立時の株価は?共同出資の仲間との資本比率は?-起業前の資金調達よくある質問TOP5会社設立時の株価は?共同出資の仲間との資本比率は?-起業前の資金調達よくある質問TOP5
会社設立時の株価は?共同出資の仲間との資本比率は?-起業前の資金調達よくある質問TOP5schoowebcampus
 
Aidちゃんねる 400万dlの女性向けカメラアプリ_その企画_デザイン_prとは__有限会社アンジー (1)
 Aidちゃんねる 400万dlの女性向けカメラアプリ_その企画_デザイン_prとは__有限会社アンジー (1) Aidちゃんねる 400万dlの女性向けカメラアプリ_その企画_デザイン_prとは__有限会社アンジー (1)
Aidちゃんねる 400万dlの女性向けカメラアプリ_その企画_デザイン_prとは__有限会社アンジー (1)schoowebcampus
 
Unityゲームにかける情熱とその技術の磨き方 -ドラゴンファング開発トイディアに聞く-
Unityゲームにかける情熱とその技術の磨き方 -ドラゴンファング開発トイディアに聞く-Unityゲームにかける情熱とその技術の磨き方 -ドラゴンファング開発トイディアに聞く-
Unityゲームにかける情熱とその技術の磨き方 -ドラゴンファング開発トイディアに聞く-schoowebcampus
 
2限目 先生!投資家は起業家の何を見て投資をしているんですか!?
2限目 先生!投資家は起業家の何を見て投資をしているんですか!?2限目 先生!投資家は起業家の何を見て投資をしているんですか!?
2限目 先生!投資家は起業家の何を見て投資をしているんですか!?schoowebcampus
 
1限目 先生!起業家にとって、資金調達や投資家って何ですか!?
1限目 先生!起業家にとって、資金調達や投資家って何ですか!?1限目 先生!起業家にとって、資金調達や投資家って何ですか!?
1限目 先生!起業家にとって、資金調達や投資家って何ですか!?schoowebcampus
 
「宇宙起業家」養成カリキュラム--3限目:宇宙技術と商業宇宙プロジェクト~イノベーションの起こし方~
「宇宙起業家」養成カリキュラム--3限目:宇宙技術と商業宇宙プロジェクト~イノベーションの起こし方~「宇宙起業家」養成カリキュラム--3限目:宇宙技術と商業宇宙プロジェクト~イノベーションの起こし方~
「宇宙起業家」養成カリキュラム--3限目:宇宙技術と商業宇宙プロジェクト~イノベーションの起こし方~schoowebcampus
 
授業資料質問学 03
授業資料質問学 03授業資料質問学 03
授業資料質問学 03schoowebcampus
 
【AIDちゃんねる】アプリ生産数日本一!? Goodia代表に聞く ”アプリを創ること”「ほろ酔いナイト」vol.01
【AIDちゃんねる】アプリ生産数日本一!? Goodia代表に聞く ”アプリを創ること”「ほろ酔いナイト」vol.01【AIDちゃんねる】アプリ生産数日本一!? Goodia代表に聞く ”アプリを創ること”「ほろ酔いナイト」vol.01
【AIDちゃんねる】アプリ生産数日本一!? Goodia代表に聞く ”アプリを創ること”「ほろ酔いナイト」vol.01schoowebcampus
 

Más de schoowebcampus (19)

Compl exxx after
Compl exxx afterCompl exxx after
Compl exxx after
 
Compl exxx before
Compl exxx beforeCompl exxx before
Compl exxx before
 
PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~
 
i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...
 
i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...
 
i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...
 
i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...
 
1840
18401840
1840
 
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
 
ゲームや映像で使えるフリー音楽素材「魔王魂」の運営者に聞く、BGM・効果音活用講座
ゲームや映像で使えるフリー音楽素材「魔王魂」の運営者に聞く、BGM・効果音活用講座ゲームや映像で使えるフリー音楽素材「魔王魂」の運営者に聞く、BGM・効果音活用講座
ゲームや映像で使えるフリー音楽素材「魔王魂」の運営者に聞く、BGM・効果音活用講座
 
会社設立時の株価は?共同出資の仲間との資本比率は?-起業前の資金調達よくある質問TOP5
会社設立時の株価は?共同出資の仲間との資本比率は?-起業前の資金調達よくある質問TOP5会社設立時の株価は?共同出資の仲間との資本比率は?-起業前の資金調達よくある質問TOP5
会社設立時の株価は?共同出資の仲間との資本比率は?-起業前の資金調達よくある質問TOP5
 
Aidちゃんねる 400万dlの女性向けカメラアプリ_その企画_デザイン_prとは__有限会社アンジー (1)
 Aidちゃんねる 400万dlの女性向けカメラアプリ_その企画_デザイン_prとは__有限会社アンジー (1) Aidちゃんねる 400万dlの女性向けカメラアプリ_その企画_デザイン_prとは__有限会社アンジー (1)
Aidちゃんねる 400万dlの女性向けカメラアプリ_その企画_デザイン_prとは__有限会社アンジー (1)
 
Unityゲームにかける情熱とその技術の磨き方 -ドラゴンファング開発トイディアに聞く-
Unityゲームにかける情熱とその技術の磨き方 -ドラゴンファング開発トイディアに聞く-Unityゲームにかける情熱とその技術の磨き方 -ドラゴンファング開発トイディアに聞く-
Unityゲームにかける情熱とその技術の磨き方 -ドラゴンファング開発トイディアに聞く-
 
2限目 先生!投資家は起業家の何を見て投資をしているんですか!?
2限目 先生!投資家は起業家の何を見て投資をしているんですか!?2限目 先生!投資家は起業家の何を見て投資をしているんですか!?
2限目 先生!投資家は起業家の何を見て投資をしているんですか!?
 
1限目 先生!起業家にとって、資金調達や投資家って何ですか!?
1限目 先生!起業家にとって、資金調達や投資家って何ですか!?1限目 先生!起業家にとって、資金調達や投資家って何ですか!?
1限目 先生!起業家にとって、資金調達や投資家って何ですか!?
 
Schoo5
Schoo5Schoo5
Schoo5
 
「宇宙起業家」養成カリキュラム--3限目:宇宙技術と商業宇宙プロジェクト~イノベーションの起こし方~
「宇宙起業家」養成カリキュラム--3限目:宇宙技術と商業宇宙プロジェクト~イノベーションの起こし方~「宇宙起業家」養成カリキュラム--3限目:宇宙技術と商業宇宙プロジェクト~イノベーションの起こし方~
「宇宙起業家」養成カリキュラム--3限目:宇宙技術と商業宇宙プロジェクト~イノベーションの起こし方~
 
授業資料質問学 03
授業資料質問学 03授業資料質問学 03
授業資料質問学 03
 
【AIDちゃんねる】アプリ生産数日本一!? Goodia代表に聞く ”アプリを創ること”「ほろ酔いナイト」vol.01
【AIDちゃんねる】アプリ生産数日本一!? Goodia代表に聞く ”アプリを創ること”「ほろ酔いナイト」vol.01【AIDちゃんねる】アプリ生産数日本一!? Goodia代表に聞く ”アプリを創ること”「ほろ酔いナイト」vol.01
【AIDちゃんねる】アプリ生産数日本一!? Goodia代表に聞く ”アプリを創ること”「ほろ酔いナイト」vol.01
 

Illustratorでクリエイティブ名刺をつくってみよう! 先生:イシジマ ミキ