【Illustrator】遠近感のあるコンクリート
![](https://rin5graphic.com/wp-content/uploads/illustrator-concrete_thumbnail.png)
縦と横に線を走らせ、なおかつ角度をつけて、遠近感のあるコンクリート風のアピアランスを作成しました。
どのようなアピアランスになっているのか、紹介してみます。
横線を引く
![](https://rin5graphic.com/wp-content/uploads/illustrator-concrete_01.png)
まずは塗りをつけ「効果」-「スタイライズ」-「落書き」を選択。
![](https://rin5graphic.com/wp-content/uploads/illustrator-concrete_02.png)
お好みで数値を調整し、横にランダムな線を引きます。
![](https://rin5graphic.com/wp-content/uploads/illustrator-concrete_03.png)
アピアランスから、落書き効果を塗りの中に移動させ、効果を塗りにのみ適応させます。
![](https://rin5graphic.com/wp-content/uploads/illustrator-concrete_04.png)
縦線を引く
![](https://rin5graphic.com/wp-content/uploads/illustrator-concrete_05.png)
続いて縦線を引きます。
アピアランスから、先ほどの塗りを複製します。
![](https://rin5graphic.com/wp-content/uploads/illustrator-concrete_06.png)
上の塗りの「落書き」のオプションを表示させ、角度を90度に変更します。
![](https://rin5graphic.com/wp-content/uploads/illustrator-concrete_07.png)
上の塗りの「不透明度」から100%乗算を選択。
色が重なる部分が濃くなります。
角度をつける
![](https://rin5graphic.com/wp-content/uploads/illustrator-concrete_08.png)
自由変形のアピアランス効果を使い、遠近感を演出します。
![](https://rin5graphic.com/wp-content/uploads/illustrator-concrete_09.png)
「効果」-「パスの変形」-「パスの自由変形」から、パスを変形させ台形にします。
(お好みの雰囲気で)
![](https://rin5graphic.com/wp-content/uploads/illustrator-concrete_10.png)
![](https://rin5graphic.com/wp-content/uploads/illustrator-concrete_11.png)
アピアランスは以下のようになりました。
![](https://rin5graphic.com/wp-content/uploads/illustrator-concrete_12.png)
完成
![](https://rin5graphic.com/wp-content/uploads/illustrator-concrete_thumbnail.png)
完成ついでに、イラストと組み合わせてサムネイルにしました。
縦線の角度を変えることにより、遠近感が出たのではないでしょうか?