【Illustrator】グラデーションメッシュツールでサッカーボールを描く
![](https://www.beginavi.net/wp-content/uploads/2023/11/ad5e90f851d83ca64af2375a53fb2831.png)
今回はグラデーションメッシュツールを使ってサッカーボールを描きます。
今回使用するカラーはこちら
![](https://www.beginavi.net/wp-content/uploads/2023/11/02.png)
スウォッチの登録
グラデーションメッシュツールを使用するときはスウォッチにカラーを登録しておくと便利ですので登録しておきましょう。
![](https://www.beginavi.net/wp-content/uploads/2023/11/06-640x360.png)
カラーを全て選択して、スウォッチパネルの【新規カラーグループ】
![](https://www.beginavi.net/wp-content/uploads/2023/11/07-640x360.png)
このように登録できました。
背景
背景を作成します
アートボードと同じサイズの長方形を描きます。
![](https://www.beginavi.net/wp-content/uploads/2023/11/01-640x360.png)
長方形ツールを選択してアートボードをクリック
幅:1000Px
高さ:1000px
背景にグラデーションをかけます。
円形グラデーション
![](https://www.beginavi.net/wp-content/uploads/2023/11/04-640x360.png)
右:#B5CD66
左:6B8C3B位置:50%
レイヤー名を【背景】にしてロックをかけておきましょう
ボール
レイヤーを追加します
楕円形を作成します。
![](https://www.beginavi.net/wp-content/uploads/2023/11/05-1-640x360.png)
幅:510px
高さ:510px
円を選択します
オブジェクトからグラデーションメッシュを作成
![](https://www.beginavi.net/wp-content/uploads/2023/11/08-640x360.png)
行数:5
列数:5
![](https://www.beginavi.net/wp-content/uploads/2023/11/10-640x360.png)
ツールパネルから【メッシュツール】を選択します。
![](https://www.beginavi.net/wp-content/uploads/2023/11/09-640x360.png)
アンカーポイントをクリックします。
![](https://www.beginavi.net/wp-content/uploads/2023/11/11-640x360.png)
スウォッチパネルの【#696B7F】をクリックします。
このようにカラーが付きました。
![](https://www.beginavi.net/wp-content/uploads/2023/11/12-2-640x360.png)
こちらの箇所も同じ色で色を付けます。
![](https://www.beginavi.net/wp-content/uploads/2023/11/13-1-640x360.png)
ここは【#A2B0BC】で色を付けます。
![](https://www.beginavi.net/wp-content/uploads/2023/11/15-2-640x360.png)
さらに【#C9D3DD】で色を付けます。
![](https://www.beginavi.net/wp-content/uploads/2023/11/16-1-640x360.png)
ここは【#F2F2F2】にします
![](https://www.beginavi.net/wp-content/uploads/2023/11/17-640x360.png)
このように仕上がりました。
サッカーボールの模様
![](https://www.beginavi.net/wp-content/uploads/2023/11/19-640x360.png)
100pxの5角形を作ります。
カラー:#000000
多角形ツールで6角形を作ります。
![](https://www.beginavi.net/wp-content/uploads/2023/11/20-640x360.png)
半径:117
辺の数:6
塗り:#FFFFFF
線:#000000
このように5角形と6角形をぴったりくっつけます
6角形を複製します
①6角形を選択します。
②回転ツールを選択します。
![](https://www.beginavi.net/wp-content/uploads/2023/11/21-640x360.png)
③【Altキー】を押しながら5角形の中心をクリックします。
![](https://www.beginavi.net/wp-content/uploads/2023/11/21-2-640x360.png)
④72°にします。
コピー
![](https://www.beginavi.net/wp-content/uploads/2023/11/22-640x360.png)
⑤Ctrl+Dを4回押します。
このように複製できました。
次に角をくっつけます。
ダイレクト選択ツールを持ちます
shiftキーを押しながら隣り合うアンカーポイントを選択します。
右クリック、平均。
![](https://www.beginavi.net/wp-content/uploads/2023/11/23.png)
![](https://www.beginavi.net/wp-content/uploads/2023/11/24-640x360.png)
【2軸とも】を選択します。
するとこのように2つのアンカーポイントがくっつきました。
![](https://www.beginavi.net/wp-content/uploads/2023/11/25-640x360.png)
残りの4箇所も同じようにします
選択ツールに変えます
![](https://www.beginavi.net/wp-content/uploads/2023/11/26-640x360.png)
1つの6角形をAltキーを押しながらドラッグして複製します。
パスがピッタリくっつくようにします。
残りの4つも同じようにします。
![](https://www.beginavi.net/wp-content/uploads/2023/11/27-640x360.png)
このようにできました。
全てをグループ化しておきます
楕円形ツールを選択します
![](https://www.beginavi.net/wp-content/uploads/2023/11/29-640x360.png)
幅:990
高さ:990
色:#000000
の円を作り最背面に配置します
全てをグループ化しておきます
効果をかけます
![](https://www.beginavi.net/wp-content/uploads/2023/11/30-640x360.png)
効果から【ワープ】
【魚眼レンズ】を選択します。
カーブ:50%
![](https://www.beginavi.net/wp-content/uploads/2023/11/31-1-640x360.png)
このようにできました。
オブジェクトから、アピアランスを分割
【楕円形ツール】
正円を作成します。
![](https://www.beginavi.net/wp-content/uploads/2023/11/34-640x360.png)
幅:510px
高さ:510px
カラー:#FFFFFF
ボールの模様の上に重ねます。
このくらいの大きさになるように模様を縮小します。
![](https://www.beginavi.net/wp-content/uploads/2023/11/33-640x360.png)
白い6角形の角がこのくらい出るように配置します。
![](https://www.beginavi.net/wp-content/uploads/2023/11/35-640x360.png)
両方選択して右クリック
【クリッピングマスクを作成】
![](https://www.beginavi.net/wp-content/uploads/2023/11/36-640x360.png)
このようにできました
仕上げ
![](https://www.beginavi.net/wp-content/uploads/2023/11/37-640x360.png)
模様をグラデーションメッシュをかけた円の上に重ねます。
模様だけ選択します
![](https://www.beginavi.net/wp-content/uploads/2023/11/39-640x360.png)
アピアランスパネルの不透明度をクリックして展開します。
描画モードを乗算にします。
![](https://www.beginavi.net/wp-content/uploads/2023/11/40-640x360.png)
このようにできました。
楕円形を作ります
円形グラデーションをかけます
![](https://www.beginavi.net/wp-content/uploads/2023/11/41-640x360.png)
右:#000000
左:#FFFFFF
アピアランスパネルから【塗り】の不透明度をクリックします。
![](https://www.beginavi.net/wp-content/uploads/2023/11/42-640x360.png)
描画モードを【スクリーン】にします。
![](https://www.beginavi.net/wp-content/uploads/2023/11/32-640x360.png)
形を整えてここに配置します。
【楕円形ツールを】
このような楕円形を作ります
![](https://www.beginavi.net/wp-content/uploads/2023/11/43-640x360.png)
円形グラデーションをかけます
右:#F2F2F2
左:#6B8C3B
![](https://www.beginavi.net/wp-content/uploads/2023/11/44-640x360.png)
効果からぼかし
【ぼかし(ガウス)】:10Px
アピアランスパネルの塗りの不透明度をクリックして展開します。
![](https://www.beginavi.net/wp-content/uploads/2023/11/45-640x360.png)
描画モード:乗算
![](https://www.beginavi.net/wp-content/uploads/2023/11/46-640x360.png)
このあたりに配置しします。
完成
![](https://www.beginavi.net/wp-content/uploads/2023/11/47.png)
同じカテゴリの記事一覧へ戻る