アニメ素材用のサッカーボールの描き方 Illustrator 使い方

AdobeCCファミリーのAfterEffectsでは、illustratorで描いたイラストをアニメーションにすることができます。

もともとは、AfterEffectsでシンプルな円を描いてアニメーションの基礎について記事にする予定でした。
しかし、ただの円よりもサッカーボールなどをバウンドさせたほうが見た目にも楽しいので、illustratorでサッカーボールを描いてみましょう。


【この記事は2018年5月11日に更新されました】

この五角形をコピーしておき、編集メニュー→前面にペースト、または同じ位置にペーストしたあとに円のガイドを少し超える程度にしたら、回転ツールまたはリフレクトツールで上下が反転するようにしておきます。
それから、拡大・縮小ツールボタンをダブルクリックして、縦横比を変更に切り替え、垂直方向のみ50％にします。


垂直方向が縮んだ状態の五角形を選択したまま、回転ツールでAlt（Opt）キーを押しながら中心でクリックします。
数値入力が出たら、中心の五角形のそれぞれの頂点と周辺の五角形の頂点が接続できることをイメージして、角度：72度と入力してコピーボタンを押し、その後変形の繰り返し（Ctrl（Cmd）+D）で5個になるまで増やします。
五角形の頂点を直線ツールまたはペンツールで線を引いて接続していきます。このときスマートガイドがオンになっているとやりやすいでしょう。

線を引き終えたら、ガイドと同じサイズの円（幅250、高さ250）を作成して、全てのオブジェクトを選択して、右クリック→クリッピングマスクを選んでみましょう。
すると円で囲まれた内側のみ表示されるようになりますので、周辺部の五角形が丸く切り取られた状態になります。
※クリッピングマスクはマスクとなるオブジェクトが一番手前に来ている必要があります。
もう一度同じサイズの円を描き、輪郭線とします。
さらにもう一つ同じサイズの円を描いて、塗りのみ円形グレー寄りのグラデーションにしたら、右クリック→重ね順→最背面へを使って、グラデーションの円を一番後ろに移動しておきます。（重ね順はレイヤー内部での前後関係を入れ替える機能です）
これでサッカーボールは完成です。

背景も作っておこう！