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

5. 13年8月7日水曜日

6. 1.メモ帳
2.イラストレーター
3.ダウンロードデータ
必要なもの
https://dl.dropboxusercontent.com/u/797976/nmcd.eps
https://dl.dropboxusercontent.com/u/797976/ai_splitLine.zip
13年8月7日水曜日

7. 5.台紙とは？
6.原稿を入力する
7.レイアウトする
1.原稿を用意する
2.名刺を見てみよう
3.よい名刺ってなに？
4.コンセプトワーク
1min
5min
5min
10min
1min
5min
13年8月7日水曜日

8. 1.原稿を用意する
なにを伝えたい？
名前 メールアドレス 住所
13年8月7日水曜日

9. 2.名刺を見てみよう
13年8月7日水曜日

10. 13年8月7日水曜日

11. 3.よい名刺ってなに？
13年8月7日水曜日

12. 自分がちゃんと
伝わる名刺
でもそれだけじゃつまらない
13年8月7日水曜日

13. クリエイティブ
カッコいい
13年8月7日水曜日

14. クリエイティブ
カッコいい
13年8月7日水曜日

15. クリエイティブ
想像力×楽しい！
13年8月7日水曜日

16. 4.コンセプトワーク
13年8月7日水曜日

17. 13年8月7日水曜日

18. 例えばガム名刺
13年8月7日水曜日

19. 年賀状
「ハナ」のある1年に!
13年8月7日水曜日

20. 好きなもの
例：ビール大好き。
やってきたこと
例：バックパッカーでした。
13年8月7日水曜日

21. まとめ
1.いろいろ作ってみよう
2.よい名刺とは「自分が伝わる名刺」
3.カッコいいはクリエイティブのひとつの手段
4.相手に想像してもらえる名刺を作ろう
13年8月7日水曜日

22. じゃあ早速作ろう！
待って、待って、アイデアが思い付かない!
13年8月7日水曜日

23. 13年8月7日水曜日

24. シンプルな名刺は
それだけでカッコいい
13年8月7日水曜日

25. それぞれを洗練させるとカッコいい
カッコいい理由
色彩書体 レイアウト
13年8月7日水曜日

26. カッコいい書体使い
1.変わった書体は多用しない
2.サイズは12pt,5pt
3.文字同士が等間隔に見えるように
13年8月7日水曜日

27. カッコいいレイアウト
1.余白をいっぱいとる
2.関連情報は近づける
3.重要なものは上から
4.左・中央・右、いずれかに揃える
13年8月7日水曜日

28. カッコいい色彩
1.カッコ悪い色はない
2.気に入ったものをスポイトして研究
3.最初は2色だけで作ってみよう
4.白は難しい！
13年8月7日水曜日

29. フォローアップ
東京の人
名古屋の人
こけむさズコワーキングスペース
8/20 WCAN mini vol.2
13年8月7日水曜日

30. http://atnd.org/events/42126
13年8月7日水曜日

31. さまざまな経験と知識が集
まるQAサービス http://qixil.jp/
13年8月7日水曜日

33. 1.前回の復習
ワークスペースの説明
スクリプトの使い方
移動ツール
テキストツール
整列
2.名刺の紹介
10min
10min
3.Illustratorで解説
Photoshopデータを入れる
手書きをデジタルに
えんぴつツールで自由に描く
いろんな色展開をする
4.質疑応答
30min
15min

35. メニュー

36. メニュー
オプションバー

37. メニュー
ツール
パレット
オプションバー

38. メニュー
ツール
パレット
カンバス
オプションバー

39. メニュー
ツール
パレット
カンバス
オプションバー
パレット

40. スクリプトの使い方
ファイル
↓
スクリプト
↓
その他のスクリプト
使用したいスクリプ
トのファイルを開く

42. 移動ツール
キャンバスにある図形を
クリックで選択、
ドラッグで移動できる
図形を選択しているときに
Enterキーを押すと
数値移動が可能

43. 文字ツール
キャンバス上でクリックすると
文字を入力できるようになる
別のツールに切り替えたり、
command(Ctl)+Enterキーを
押すことで入力終了
ツールパレット上で
長押しすると
いろんな派生ツールが
使える

44. 整列
上に揃える、真ん中に揃える、等間隔に
並べるなどお手のもの。
ふたつ以上の図形を選択するとオプションバーに表示される
整列する時の基準も
選べます。

45. 2.名刺を見てみよう

47. Photoshopと連携

49. Photoshopのデータを読み込んでいる

50. Photoshopのデータを読み込んでいる

51. Photoshopのデータを読み込んでいる

52. Photoshopファイルを更新すると自動的に
Illustrator上のデータも更新される。

53. Illustratorで解説

54. 手書きをデジタルに

55. 1.読み込んだファイルを選択すると
オプションバーに「画像トレース」が
表示される
2.クリックするとプレビューができる
3.イメージに近い
パスができたら
「拡張」で決定

56. Illustratorで解説

57. えんぴつで自由な線

58. 出来上がった線を少し直したいとき
線の付近をドラッグすればOK
エンピツツールでなぞると
修正できる
えんぴつツールは線がな
めらかになるように設定
されている。

59. Illustratorで解説

60. いろんな色を試す

62. 各色の置き換えができる
タブの「編集」を押すことで色相で見やすくなる

63. Illustratorで解説

64. 手書きをデジタルに
色の置き換え
背景とロゴを
Photoshopで
加工し配置
えんぴつツールで
背景のイラストを
描く

65. 1.Photoshopとの連携
2.手書きをパスデータに
3.えんぴつで自由に描く
4.色の置き換えを直感で
まとめ

66. フォローアップ
東京の人
名古屋の人
こけむさズコワーキングスペース
8/20 WCAN mini vol.2

67. http://atnd.org/events/42126

68. さまざまな経験と知識が集
まるQAサービス http://qixil.jp/

70. 1.印刷の仕様
カラーモード
解像度
塗り足し
印刷可能範囲
10min
10min
4.おすすめの印刷所
5.質疑応答
30min
15min
2.ミスを防ぐ
レイヤー
ロック
表示/非表示
3.入稿する
アウトラインをとる
画像の埋め込み
スクリーンショット

71. 1.印刷仕様

72. カラーモード
解像度
RGB × CMYK ○
RGB はモニタの色、CMYKはインクの色
72dpi× 350dpi ○
印刷で汚くなっちゃう (Photoshopのデータを読み込むとき注意)

73. 新規作成

74. 途中で変更

75. 塗り足し

76. 印刷可能範囲

77. 2.ミスをふせぐ

78. レイヤーパレット
新しく作れる
表示/非表示
ロック

79. ズレると困る台紙
よく動かすもの
一度配置したら
もう動かさないも
の
ミスしにくいレイヤー

80. 操作、選択で
間違えないコツ
間違えて移動しちゃってズレてる…を無くす

81. 邪魔なものをどける
方法

82. 邪魔なものをどける
方法
右クリックで

83. 隠してしまう
見えなくなるだけで印刷もできる

84. ロック
動かしたくない、選択したくないものを
固定しておける
細かく切り替えるもの
↓
ロック
たまにしか切り替えない
↓
レイヤーでロック

85. 3.入稿準備

86. 自分のパソコンにしか入ってない書体は
他の人は開けません。

87. アウトラインをとる

88. 画像も忘れずに
同じフォルダに
入れておく。

89. 画像がないと
こんな画面が
無理矢理開くと画像が表示
されず、透明の四角だけ。
←正しい表示

90. 間違えない作り方
1
2
データが完成し
たら埋め込んで
しまう

91. 間違えを見つけてもらう
印刷所さんも確認
してくれる
完成図をスクリー
ンショットやPDF
など開きやすいも
ので用意しておく

92. おすすめの印刷所

93. プリントパック グラフィック
よく使っています

94. ラクスル アドプリント
価格の安さに惹かれる

95. 1.CMYKにする
2.アウトラインをとる
3.画像を埋め込む
4.スクリーンショット
手順

96. さまざまな経験と知識が集
まるQAサービス http://qixil.jp/

97. http://www.dot-ai.com/vol02/
Illustratorのお祭り

98. 良かったら買ってね