この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回は、ガラスを割ったような文字の作り方を解説していきます。
タイトルデザインやロゴなどで使えそうですね。
無料で完成素材をダウンロード↓
ブレイクアルファベットセットイラスト – No: 22993008/無料イラストなら「イラストAC」をイラストACでチェック!
それでは、さっそく本編にいきましょう。
文字を打ち込んでアウトライン化する
まずテキストツールに切り換え、文字を打ち込みます。
![](https://irarecreate.com/wp-content/uploads/2022/08/a73c6f675e69d1625449aedfe53fea18-1024x576.jpg)
塗りは、見やすいように「黒」にしておきます。
フォントの種類は、文字が砕けても判読性が比較的落ちないゴシック系がオススメです。
![](https://irarecreate.com/wp-content/uploads/2022/08/5e29d134a60707b573b13cbfe1dc0d0a-1024x576.jpg)
そうしたら、この文字をアウトライン化します。
選択ツールの状態で文字を選択し、右クリックから「アウトラインを作成」を実行すれば、OKです。
アウトライン化することで、文字は編集できなくなります。
![](https://irarecreate.com/wp-content/uploads/2022/08/5ec6ea21b5ad9e2248a0b9c7c1bf1acf-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/08/6e4ea2b575e31cc5c557198c0d703b4f-1024x576.jpg)
これはしばらく触らないので、ctrl(⌘) + [ 2 ]でロックしておきます。
![](https://irarecreate.com/wp-content/uploads/2022/08/aa725e964e17cc573a2ae6e48cc639d9-1-1024x576.jpg)
文字を細かく切る
次に、直線ツールに切り換えて、適当に線を引きます。
![](https://irarecreate.com/wp-content/uploads/2022/08/a87be8cb2a68c6f5602a478c9858029e-1024x576.jpg)
これも見やすいように色を「黒」にしておきます。
![](https://irarecreate.com/wp-content/uploads/2022/08/eb09805fc54f69f7456448d35513d17e-1024x576.jpg)
そして、この線を選択した状態で下図の手順で、「個別に変形」へと進んでいくと、
![](https://irarecreate.com/wp-content/uploads/2022/08/f80c451fa34c36c2a2095df4155f6a8c-1024x576.jpg)
ウィンドウが開くので、まずプレビューとランダムにチェックを入れて、
![](https://irarecreate.com/wp-content/uploads/2022/08/55a88dad88b1cc9dad32c24e074d32de-1024x576.jpg)
マーキング部分(下図参照)のように数値を設定します。
![](https://irarecreate.com/wp-content/uploads/2022/08/c518d822969dcdcb64cb9b1a53e296bf-1024x576.jpg)
それが終わったら、コピーを押して、このウィンドウを閉じます。
![](https://irarecreate.com/wp-content/uploads/2022/08/561959612bd5cc3bd0cfd5a7fc515158-1024x576.jpg)
さらに、このままの状態で、ctrl(⌘) + [ d ]を押して、今行った作業を繰り返します。
今行った作業とは、個別に変形するときに出てきたウィンドウ内での作業のことです。
![](https://irarecreate.com/wp-content/uploads/2022/08/34731933437dbc5f8c6351aad8ed6d5e-1024x576.jpg)
作業の繰り返しのショートカットを押し続けると直線が下図のような感じに増えていくので、適当なところでやめます。
![](https://irarecreate.com/wp-content/uploads/2022/08/0ca6e1cda14f22412af48424970019ed-1024x576.jpg)
そうしたら、これらの線を、ctrl(⌘) + [ g ]でグループ化し、
![](https://irarecreate.com/wp-content/uploads/2022/08/31c35defe4eac027a3f8bd5d3bd98df6-1024x576.jpg)
さらに「BREAK」の文字の中に直線の始点と終点が入らないように変形します。
![](https://irarecreate.com/wp-content/uploads/2022/08/1a38d257bc8804f18d7d7b1c0f8b5f72-1024x576.jpg)
この変形が終わったら、ロックしていた「BREAK」の文字を、ctrl(⌘) + alt(option) + [ 2 ]でロック解除し、
![](https://irarecreate.com/wp-content/uploads/2022/08/c280b781b6e2e4f8269314d56f23c5b0-1024x576.jpg)
直線と文字を一緒に選択します。
![](https://irarecreate.com/wp-content/uploads/2022/08/8e13e8079377747ad97c4389889d096b-1024x576.jpg)
そしてパスファインダーパネルを開き、「分割」を実行します。
![](https://irarecreate.com/wp-content/uploads/2022/08/593c9b0621cb01a1038d6b2d156a3cc2-1024x576.jpg)
すると、直線を元にBREAKの文字が細かく分割されました。
![](https://irarecreate.com/wp-content/uploads/2022/08/32b08926820ebd3d0e2e3a2be5a1e346-1024x576.jpg)
分割直後、これらはグループ化されているので、shift + ctlr(⌘) + [ g ]でグループ化を解除して、文字以外の部品は削除します。
![](https://irarecreate.com/wp-content/uploads/2022/08/30848733fcedddae272ec097dff0ab0f-1024x576.jpg)
このとき、削除する部品をどれか一つ選択して、
![](https://irarecreate.com/wp-content/uploads/2022/08/fc73079bbf465643b596dd0872d2a4c7-1024x576.jpg)
下図(1枚目)の手順で共通の設定のオブジェクトを選択すれば、まとめて削除することが出来ます。
![](https://irarecreate.com/wp-content/uploads/2022/08/3a046c89ed4d8b74671dd8e3ba4d103d-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/08/17d70f230b3935c62e9f857efc9bb0bc-1024x576.jpg)
これで細かく分割された文字だけが残りました。
![](https://irarecreate.com/wp-content/uploads/2022/08/c1ae52fcedd98d01444e75322c11516a-1024x576.jpg)
分割直後、これらはグループ化されているので、shift + ctrl(⌘) + [ g ]でグループ化を解除しておきます。
切った文字をバラバラにする
あとはこれらをバラバラにしてやりましょう。
すべてを選択した状態で、再度下図の手順で「個別に変形」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/08/fe3480de52e5d7acf6b64bfec3319168-1024x576.jpg)
プレビューとランダムにチェックを入れ、
![](https://irarecreate.com/wp-content/uploads/2022/08/19d3cbcd4a265d687cc912900c0825dc-1024x576.jpg)
あとは自分の納得のいくバラバラ具合に設定したら、完了です。
ポイントとして、拡大・縮小の数値は特にいじらなくて良く、移動と角度の数値は一桁に収めたら良い感じになるかと思います。
![](https://irarecreate.com/wp-content/uploads/2022/08/1e1214d986f09cfca48849a2bc97642b-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/08/a3bcb4811074071812166318039d0cee-1024x576.jpg)
以上、ブレイク文字の作り方解説でした。
最後までお読みいただき、ありがとうございます。
無料で完成素材をダウンロード↓
ブレイクアルファベットセットイラスト – No: 22993008/無料イラストなら「イラストAC」をイラストACでチェック!
コメント