見出し画像

四角形をナナメに均等分割するアピアランス(Illustrator)

背景などをナナメに分割することがあります。大きさ、角度、全体の角丸などを考えると、これをアピアランスで実装しておくと利便性が高まります。

四角形をナナメに均等割-01

手順

① 長方形を描き、カラーを設定する

画像3

 ② 塗りアピアランスを追加し、異なるカラーを設定する

画像3

③ [変形]効果を追加し、「拡大縮小の水平方向:50%、基準点:右中央」に設定する

画像3

④ [変形]効果をさらに追加し、次のように設定する
• 拡大縮小の水平方向:200%
• 拡大縮小の垂直方向:300%
• 基準点:左中央

画像6

⑤. さらに、2つ目の[変形]効果の[角度]を設定する

画像5

⑥[パスファインダー(切り抜き)]効果を追加し、一番下に移動する

画像6

[パスファインダー(切り抜き)]効果によって、最前面の「塗り:なし」の線のオブジェクトにてマスクされたようになる。

角丸

一番上に[角を丸くする]効果を適用すれば、オブジェクト全体に設定できる。

画像7

動画版

番外編

アピアランスを使わないときには、次のような手順で行いますが、正確にシンメトリーにするのがしんどい…

1. [グリッドに分割]で2分割
2.[ダイレクト選択ツール]で2つのアンカーポイントを選択して移動

なんでやねんDTPさんにいただいたコメントのほか、[キー入力]の値を調整し、shift + ←/→キーにて行う方法もあります。

と思ってたところ、これしかない!手法。

樋口さんの斜め上からのアプローチ。

バリエーション

画像9


定期マガジンを購読されるとサンプルファイルをダウンロードいただけます。 https://note.com/dtp_tranist/m/mebd7eab21ea5