Illustrator

【Illustrator】イラレのナイフツールでで文字をバラバラに破壊する方法

【Illustrator】イラレのナイフツールでで文字をバラバラに破壊する方法
デザイナー
デザイナー
イラレで文字をバラバラに破壊したデザインを作りたい

Illustrator(イラストレーター)のナイフツールを使って、文字をバラバラに破壊する方法を紹介します。

バラバラにしたパーツを、一つ一つ手で動かすのではなく、「個別に変形」の機能を使って一発でランダムに配置する効率的な方法です。

文字をバラバラに破壊したデザイン

YouTube動画

今回の内容は動画でも解説しています!

動画で見たい!という方はこちらのYoutube動画をご覧ください!

【1】任意の文字を用意する

まずは任意の文字を用意します。
ここでは破壊の「破」という漢字を使用します。

【cmd(ctrl)+shift+O】で文字をアウトライン化します。

破壊の「破」

【2】ナイフツールで分割する

ナイフツールに切り替えて、文字を細かく分割します。

ナイフツール
option(alt)キーを押しながらドラッグで文字を分割します。

option(alt)キーを押すことで直線に分割することができます。

ナイフツールで文字を分割

これでドラッグした部分のパスが分割されます。

分割された文字
これを好きな回数だけ、様々な角度で繰り返します。

分割できたら【cmd(ctrl)+shift+G】でグループを解除します。

細かく分割された文字

 

【3】パーツをバラバラに移動する

分割した文字を全て選択した状態で、上のメニューから「オブジェクト」>「変形」>「個別に変形」を選択します。

「オブジェクト」>「変形」>「個別に変形」
「ランダム」にチェックを入れ、移動の水平方向と垂直方向を「5px」、回転の角度を「5°」に設定します。

ここでの数値はプレビューを見ながら自由に設定してOKです。

「個別に変形」の設定

完成

これで完成です!

文字をバラバラに破壊したデザイン

パスファインダーパネルから、「合体」をクリックすると重なったパスをつなげることができます。

パスファインダー「合体」

複数の文字にも同じ加工ができます。

文字をバラバラに破壊する「CUT」

 

まとめ

今回はIllustrator(イラストレーター)のナイフツールを使って、文字をバラバラに破壊する方法を紹介しました。

簡単なのでぜひ試してみてください。

このブログではデザインに関する様々な参考本を紹介しています。

書籍購入の参考にしてもらえると嬉しいです!

【2024年版】ロゴデザインが学べるオススメ本23冊紹介!「見て学ぶ本」と「読んで学ぶ本」
【2024年版】ロゴデザインが学べるオススメ本23冊紹介!「見て学ぶ本」と「読んで学ぶ本」 ロゴデザインが学べるおすすめ本を、「見て学ぶ本」と「読んで学ぶ本」2つのジャンルに分けて紹介します! 今回紹介する本は、実...
フォント・タイポグラフィが学べる本「デザインの質が上がるオススメ10冊」
フォント・タイポグラフィのおすすめ本【デザイナー必読】10冊を紹介 今回は実際に私が読んでよかったと思った、フォント・タイポグラフィに関するおすすめ本を10冊紹介したいと思います! webデ...
レイアウトの基本が学べるおすすめ本8冊!独学デザイナー必見!
レイアウトの基本が学べるおすすめ本8冊!独学デザイナー必見! 今回はレイアウト(構図)について学べる、おすすめ本を紹介したいと思います! レイアウトとは決められた空間の中に要素を配置す...
【厳選】Photoshopの学習におすすめの本6冊!初心者から中級者まで!
【厳選】Photoshopの学習におすすめの本6冊!初心者から中級者まで! Photoshop(フォトショップ)の学習におすすめの本を6冊紹介します! 「初心者におすすめの入門書」「中級者におすすめのテクニ...
WEBデザイナーがオススメする!買ってよかったグラフィックデザインの参考本5冊!
グラフィックデザインが学べるおすすめ本5冊!【目で見て学ぶ】今回はwebデザイナーである私が、心から買って良かった!と思うグラフィックデザインの参考本を5冊紹介したいと思います。 デザインのセン...
社会に求められるWeb/UIデザイナーになるために、読んでおくべき「おすすめ本5冊」
社会に求められるWeb/UIデザイナーになるために、読んでおくべき「おすすめ本5冊」webデザイナーは、リモートで働ける会社も多くフリーランスにもなりやすい、魅力的な職業です! webデザインのスクールが増えたこともあ...

最後までお読み頂きありがとうございました!