イラレで作るなんちゃってポリゴン風パターン

今トレンドのポリゴン風のデザイン。イラレでポリゴン風のパターンを作る手順をまとめてみました。元ネタは以前セミナーで聴いたPhotoshopのテクニックです。
24

まずは手順

hamko @hamko1114

【イラレでポリゴン風パターン-1】段組設定とか適当に使って作った10×10マスの正方形オブジェクトにランダムにカラーをつけます。カラーリングもスクリプトとかライブカラーで適当に。 pic.twitter.com/8o41QOiPPs

2014-09-24 16:14:42
拡大

ここでは正方形を描画→段組設定で10×10マスの正方形オブジェクト群に→スクリプトでランダム着色→あらかじめ作っておいた自分好みのカラーグループをライブカラーで割り当て、という手順をとっています。

hamko @hamko1114

【イラレでポリゴン風パターン-2】オブジェクト全体を選択して不透明度を50%に。不透明度を変更したらグループ化します。 pic.twitter.com/mLHeCZqegJ

2014-09-24 16:16:05
拡大
hamko @hamko1114

【イラレでポリゴン風パターン-3】グループ全体に45°シアーかけます。 pic.twitter.com/whSPYTNNgP

2014-09-24 16:17:36
拡大
hamko @hamko1114

【イラレでポリゴン風パターン-4】グループ全体を選択した状態でリフレクトコピー。 pic.twitter.com/2kQJGCi0ww

2014-09-24 16:19:14
拡大
hamko @hamko1114

【イラレでポリゴン風パターン-4】ここで最近モテモテなにくいあんちくしょう、「シェイプ形成ツール」ちゃんを召喚。 pic.twitter.com/WTDsOLMtmf

2014-09-24 16:20:57
拡大

※すいません順番の数字ダブってます。

シェイプ形成ツールはCS5以降の機能です。詳しくはヘルプなどで。直感的にパスファインダ処理を行うツールです。
Adobe Illustrator * シェイプ形成ツールを使用したシェイプの新規作成

hamko @hamko1114

【イラレでポリゴン風パターン-5】オプションキーを押しながらびびーーっと。いらないトコ消してくよ! pic.twitter.com/KNrqOptK76

2014-09-24 16:22:23
拡大

そのままドラッグすると結合されますが、オプションキーを押しながらドラッグすると消去モードになり不要な部分を簡単に消すことが出来ます。

hamko @hamko1114

【イラレでポリゴン風パターン-6】いらないトコ消すとこんな感じ。この状態から全体を45°回転させます。 pic.twitter.com/Yi645Q1QMj

2014-09-24 16:23:53
拡大
hamko @hamko1114

【イラレでポリゴン風パターン-7】グループまるごとスウォッチパネルに突っ込んでパターンとして登録 pic.twitter.com/qUbaJ8ORbY

2014-09-24 16:24:59
拡大

スウォッチにパターンとして登録する方法はいくつかありますが、この場合はパネルにまるごと突っ込むのが早いです。

hamko @hamko1114

【イラレでポリゴン風パターン-8】これでパターンとして使えます。おしまい!(`・ω・´) pic.twitter.com/8qv2kWmd7n

2014-09-24 16:26:14
拡大

元ネタは多分このあたり

hamko @hamko1114

っていうかコレ、以前参加したセミナーでほぼ同じロジックでPhotoshopでやってたのをIllustratorでやっただけです。もっと工夫の余地はある気がするね。

2014-09-24 16:27:05
hamko @hamko1114

今そのセミナーの時のメモを発見したのでIllustratorでやってみました。備忘録でござる〆(´ω` )

2014-09-24 16:27:41
ビール @Mugi_foam

@hamko1114 Photoshopのチュートリアルですが、これ( sitebk.com/photoshop/poly… )の3番目思い出しました。

2014-09-24 16:27:26
hamko @hamko1114

@HENTAI_BEER あ、ロジックほぼ同じですね。私もこれはPhotoshopのセミナーで教えてもらったネタなのです(・ω・)

2014-09-24 16:30:30

捕捉あれこれ

そもそも「ランダムに色を付ける」ってとこでつまづきそうな方は…

hamko @hamko1114

ランダムに色を付ける工程はスクリプトが便利なんですが、神速Illustratorお持ちの方はChapter3-34をチェケラ☆(・v・) #ステルスしません

2014-09-24 16:32:50

神速Illustratorをお持ちで無い方はこちらw (っ´ω`c)♡
神速Illustrator [グラフィックデザイン編] CC対応