いくら美しく正確なトレース線を描けても、それに時間がかかっているようでは仕事にはなりません。

IllustratorとPhotoshopに関して、作業スピードを上げる最初の一歩は、ショートカットを使いこなすことです。

当たり前の事なのですが、これが出来ているかどうかは、プロとアマを分ける大きな差になります。

１.ショートカットキーとホームポジションの確認

今、あなたの左手はどこにありますか？

膝の上などはもっての他ですが、指がキーボドの左下端に乗っていない方は、今すぐ作業用のホームポジションに置いてください。

最も初歩でありながら、多くの人が出来ていないのはショートカットキーを「必ず」使う意識です。
メニューのプルダウンを開いてコマンド名の横にショートカットの表示がある場合には、必ずプルダウンを一度閉じて左手で操作しましょう。
一回やればすぐ覚えます。わざわざショートカットを勉強する時間は必要ありません。必要があったら必ず実践する意識を付けます。

そのためには、左手のホームポジションを死守することです。右手をマウスに置き、左手の指を以下のように置いてみましょう。

Win：【Ctrl（小指）】、【Alt(中指）】、【space（人差し指）】
Mac：【command（中指）】、【option(薬指）】、【space　（人差し指）】

※以下Winを基本にしますので、Macの方は、【Ctrl】→【command】、【Alt】→【option】に読み替えてください。

上記は手の向きに負担がかからない基本のポジションですが、実際の仕事現場では個人によって千差万別です。

ちなみに、私は 最速を求めたポジションとして、【Ctrl（小指)】、【Shift（薬指）】、【Alt（親指）】としています。

このポジションの特徴は、3つの大切な補助キーに常に指が乗っている状態だという点です。
自由になる人差し指で補助キー以外を押し、親指で【space】です。

右手がマウスを離れてキーボードに触れることはあっても、左手のホームポジションが移動することは文字入力時以外にはありません。

自分の手に合ったホームポジションを見つけ、常にショートカットを使うようにしましょう。

2.ショートカットのカスタマイズ

必ずショートカットを使う習慣がついたら、次にショートカットのカスタマイズをします。
ちなみに、この設定にさえもキーボードショートカットがありますよ。→【Alt + Shift + Ctrl + K】

設定するには、各ツールのショートカットという欄をクリックしてカーソルを移動し、当て込みたいキーを入力するだけです。

すぐにその内容が表示され、使えるようになります。

おすすめしたいショートカットは、グループ選択に【Shift+A】を当てること。
基本的には、ダイレクト選択ツール（A)→【alt】を押しながら…とするのがグループ選択ツールの使い方ですが、このショートカットを当てておくと、選択ツール（V)から直接グループ選択ツールへ移行出来るので作業内容によっては圧倒的に楽になります。

また、マウスを左手で使う方は、特にこの設定を大幅に変更することで、信じられないほどの効率化が図れます。

設定が変更できたら保存することを忘れずに。

Illustrator 初期設定フォルダーに .kys ファイルとして保存されますので、他環境でも同じフォルダにコピーすることで、自分の設定を受け継ぐことが出来ます。

3.移動単位の変更

illustratorにおいて、矢印を移動のショートカットキーとして使いこなすために、【編集】→【環境設定】→【一般】→【キーボード入力】から使いやすく変更します。
ショートカットは、【Ctrl+K】。

大きくてシンプルな作業では1mmないしは、0.5mmに、普通の印刷系の仕事では、0.1mmが良いでしょう。
ウェブ系では1pxに設定してください。
これで矢印キーを使ってのオブジェクトの移動がやりやすくなり、精度も上がります。
また、【Shift+矢印】で、設定の10倍分を移動します。
0.1mmに設定していれば、1mmですね。

これらの設定は基本的なことですが、逆に「必ず」ショートカットを使うということが出来ていない方がほとんどなのも現実です。

一度確認してみてください。

出来るビジネスマンの効果的なプレゼンテーションのためには、イラストレーターのグラフ作りを知ることは、大きな武器になるでしょう。

今回の目標として、「棒グラフを使い、最近売上が上昇していることを、印象的に見せる。」と設定します。
このように目標を明確にすることは、良いプレゼン作成のためには大変重要です。

それでは、まずグラフツールをクリックし、 アートボード上でクリックして、グラフダイヤログで大きさを設定してグラフを描画していきましょう。

グラフデータウィンドウに数字を入力します。
今回は以下のような数字を入れました。
年号のように数字を文字として扱いたい場合は、””（ダブルクォーテーション）で数字を囲みます。

一番右のチェックボタンをクリックすると、データがグラフに反映されます。

一般的には、時間軸のある売上推移を表現するには、折れ線グラフを使います。
しかし、今回のグラフの目的は最近の売上の大きさをクライアントに印象づけることにあるので、敢えて分量を目で感じられる棒グラフを使います。

さて、ここまではエクセルでも問題なく出来る内容です。
ここから、イラストレーターを駆使して、2015年の売上数字が、より大きく印象づくように工夫していきますよ。

グラフオブジェクトは、グループにしている限りは、データの書き換えを反映させることが出来ますが、解除することで普通のオブジェクトになり、自由に加工をすることが出来ます。

そこで、デザイン加工をするために、グラフのオブジェクト全体をコピーしてアートボードの外にペーストしてとっておき、元のグラフをグループ解除します。
この時、上記の内容を知らせる警告が出ますがOKして進みます。

目盛を消去し、棒グラフを見やすいようにグレーの単色（K:20%)で塗り、線の色は無しにします。

効果＞3D＞押し出しベベルを選択し、自由回転でグラフの奥行きが効果的に見えるように調整します。

大きさを表現したいので、下から見上げるような角度で、遠近感を付けます。
設定した数字はあとで使うので書き留めておきましょう。

オブジェクト＞アピアランスを分割
オブジェクト＞グループ解除します。

グラデーションパレットから、色を付けます。
スウォッチライブラリ>グラデーション>スウォッチ(明）で好きな色を選びます。
標準だと0度の角度で左から右へのグラデーションとなっています。

このグラデーションの角度を【-110度】に設定して、上が明るいグラデーションで高さを表現した上で、奥との重なりをわかりやすくします。

これだけでも美しいですが、より右端の棒が立派に見えるように加工していきましょう。

グラフ全体を選択し、コピー>同じ位置にペースト（Ctrl+F)し、変形>合体とします。

白黒のグラデーションを右が明るくなるようにかけます。

オブジェクトを選択したままで、アピアランスから、透明を乗算にすると、元のグラフに白黒グラデーションが重なりますので、目立たせたい場所が明るくなるようにグラデーションの場所や不透明度を調整します。

これでグラフ本体は完成です。

次に、最初にコピーして別に置いてあった元グラフを、もう一度コピー＆ペーストし、グラフ部分を削除して目盛と数字だけにします。
フォントを力強さを表現しやすい、Impactに変更しました。

目盛と数字をグループ化したままで、３Dにします。
設定はグラフ本体と同じですが、「押し出しの奥行き」だけ0pxに設定します。
グラフと合う位置に移動します。

最後に、色を整えて、伝わりやすくなるように説明を入れます。

シャープに見せるために白の線を入れました。
青い吹出しはシンボルライブラリの 「Webボタンとバー」から探せます。
矢印は、ブラシライブラリの「矢印」から入れて、効果>スタイライズ>ドロップシャドウをかけています。
目盛の数字が混みすぎていて右上に向かう視線を邪魔するので間引きました。
UP！の文字は、オブジェクト>エンベロープ>ワープで歪ませています。

いかがでしょうか？
このように、狙いを持ってイラストレーターを使うことで、単にグラフを提示するだけでなく、クライアントの気持ちを思いのままに誘導する洗練されたプレゼンテーションを作ることが出来るのです。

さて早速ですが Illustrator を起動して新規アートボードを作成します。
（例は 300px × 300px）

「楕円形ツール」で真円を描きます。

次は「ペンツール」を使って円の中心から外へ1本線を引きます。

続いて、先ほど描いた1本線を「選択ツール」で選択状態にし、「回転ツール」をクリックします

回転ツールを選択した状態で、「Alt」を押しながら円の中心をクリックすると、回転ツールのダイアログがでます

「角度」にお好きな角度を入れてください。例えば40度にすると「360度÷40度」で9等分の円を作ることができます。その後「コピー」を選択します。

下の図のように40度傾いた線が追加されます。そのまま「Ctrl + D」を7回繰り返します。

すると下の図にように9本のパスが簡単に描けました。

次は、全選択した状態で「パスファインダー」の「分割」を選択します。

右クリックして「グループ」解除を選択することで9つのオブジェクトが独立します。

9つのオブジェクトが独立して個別に色を変えられるようになりました。

いかがでしたか？今日は Illustrator の基本技をご紹介しました。おそらく円の分割はこの方法が一番簡単だと思います。角度を変えれば何分割にでもできますのでお好みの数値をいれて作成してみてください。

「なんだって！？オイラはいつでも明朝体で勝負でぇ！」という粋な日本男児は読み飛ばしてください。

さて、早速 Google Fonts からイケてるフォントをダウンロードする手順をば

どのフォントでもいいですが、今回は「geo」で検索します。
ちなみにゲオではなくジオだと思います´･∀･)　↓

次は「GEO」の中でダウンロードしたい字体の「Add Collection」をクリックします。↓

次に真ん中の小さいボタンをクリックします。↓

字体を選んで、下矢印のボタンをクリックします。↓

ウインドウが出ますので、一番上の文章の「zip file」をクリックするとダウンロードが開始されます。↓

あとはファイルを解凍して、インストールしたい .ttf ファイルをダブルクリックするだけです。
ちなみに regular に対して、 oblique は斜め字体のことです。

では今回は Illustrator CC から使ってみましょう。↓

ＧＥＯ フォントはうちのブログロゴで使っています。ポップで角ばったフォントで、個人的によく使うフォントのひとつです。ひとつ注意点ですが  GoogleFonts は日本語はありません(ﾉД`)　あぁ・・・無数の漢字がある日本語の切なさよ。

いかがでしたか？
今日はデザイン関連の記事でした。これだけの数のフォントが無料で使えるとはありがたいですよね。みなさんもお気に入りのフォントを見つけて、イケてるデザインを制作してください。