![見出し画像](https://assets.st-note.com/production/uploads/images/54082727/rectangle_large_type_2_f8417f331d8ea9f87b9b35011db73be6.png?width=1200)
#illustrator 近未来感バツグン!グリッチエフェクトを作ろう!
皆様おはこんばんチワッス!ゲラです!
さてさて今回のテーマは
近未来感バツグン!グリッチエフェクトを作ろう!
でございます!
デジタルな雰囲気抜群の超かっこいいグリッチエフェクトを覚えてぜひぜひ使いまくりましょう!
手順さえ覚えてしまえばとっても簡単なので早速いきますよーーーー!
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
【1】
まずテキストを用意します!今回のグリッチエフェクトは太めのゴシックの斜体がオススメです!今回はフォントサイズ215pxで進めていきます!
テキストを用意した時点でテキストをcmd+shift+Oでアウトライン化しちゃいましょう!
![画像1](https://assets.st-note.com/production/uploads/images/54023701/picture_pc_b98eea14f695ca072ceb004f603492c5.gif?width=1200)
【2】
次にアウトライン化した文字と同サイズ(大体で大丈夫です!)の長方形を作成して重ねます!
一つポイントなのですが、ここで作成する長方形の色は文字の色とは違う色にしましょう!
文字に長方形を重ねたら、
上部オブジェクトメニュー→パス→グリッドに分割
を選択します。
グリッドに分割の設定は、フォントサイズや長方形の大きさによって変わるのですが、ここでは行数:40、列数75にしてOKを押します!
![画像2](https://assets.st-note.com/production/uploads/images/54024421/picture_pc_67c6a64c61ad6ba005775666e33dfbe5.gif?width=1200)
【3】
次に作成した長方形をそのままcmd+[で文字の背面に持ってきた後、続けて文字と分割した長方形を全て選択して、パスファインダーパネルの分割を選択します!
さらにパスファインダーで分割されたオレンジのオブジェクトをどれか一つ選択した状態で
上部選択メニュー→選択共通→カラー(塗り)
を選択して、文字以外のオレンジ部分を全て選択して削除します。
また塗りが透明なゴミが残ってしまっているので、透明のオブジェクトも選択して、先ほどと同じように
上部選択メニュー→選択共通→カラー(塗り)
で透明の塗りを全て削除しましょう!
![画像3](https://assets.st-note.com/production/uploads/images/54031547/picture_pc_e4d7b941f79c67f9eaec1b8047937ca2.gif?width=1200)
するとこのように文字が分割された状態になります。
![スクリーンショット 2021-06-07 0.02.43](https://assets.st-note.com/production/uploads/images/54031692/picture_pc_86f242810f3d0f683c82c98b89bbdb1d.png?width=1200)
【4】
文字のグループをcmd+shift+Gで一度全て解除しましょう!
そしてここからグリッチっぽさを出していきます。
分割されたパーツを1列ごと(ここポイントです)にランダムで選択して、左右にズラしていきます。
ここは手動の作業なので根気よくやっていきましょう!
![画像5](https://assets.st-note.com/production/uploads/images/54032322/picture_pc_45274d546ba99eea7af60f6bd3c502f7.gif?width=1200)
全体的にバランスよくズラしたのがこちらです!ズラした後は全て選択してcmd+Gでグループ化しておきましょう!
![スクリーンショット 2021-06-07 0.15.25](https://assets.st-note.com/production/uploads/images/54032551/picture_pc_645ba08fef73ae2db9a7442df7471852.png?width=1200)
【5】
後はとっても簡単です!
アピアランスパネルから、グループに対して塗りを3つ追加しましょう!
そして各塗りのカラー設定は下記のようにしましょう!
一番上の塗り:R0 G0 B0(黒)
真ん中の塗り:R0 G255 B255(青)
一番下の塗り:R255 G0 B0(赤)
![スクリーンショット 2021-06-07 0.20.08](https://assets.st-note.com/production/uploads/images/54032781/picture_pc_a2c0c6cfdffa8c4c684c9df8b3521dd8.png)
そして真ん中の塗りと一番下の塗りに対して、変形の効果を追加して左右にずらしましょう!
新規効果を追加→パスの変形→変形
今回は真ん中の塗りを左に8px、一番下の塗りを右に8pxずらしました!
![スクリーンショット 2021-06-07 0.25.27](https://assets.st-note.com/production/uploads/images/54033111/picture_pc_c92836a619e581334504b86fe3085b02.png?width=1200)
これで完成でございます!
![スクリーンショット 2021-06-07 0.25.58](https://assets.st-note.com/production/uploads/images/54033145/picture_pc_7fc5f4ba81762aaf5052fa44c352f868.png?width=1200)
いかがでしたでしょうか??
グリッドに分割をうまく使いこなすと、このようにかっこいいグリッチエフェクトをとっても簡単に再現できちゃいます!デジタルやSFっぽいデザインにはバッチリハマりますよ!
ぜひぜひお試しください!
そんじゃまたなお前らwwwwwwwwwwばいびーwwwwwwwwww
\デザイナーに超役立つ素材配布アカウント!ぜひフォローお願いします/
![](https://assets.st-note.com/img/1671742310265-w6jJKV8yX8.jpg?width=1200)
Twitterでデザインや創作にめちゃくちゃ役立つ"光素材"を無料配布しております!
僕も仕事でよく使いますがデザインや作品に一瞬でこなれ感を出すことができるめちゃくちゃ便利な素材です!
下記条件を満たすことで、タイムラインに投稿されている光素材を個人商用問わず無料でご使用いただけます。
— 光工房/ヒトノセ|光素材無料配布中 (@hikari_hitonose) October 10, 2022
✨この固定ツイートをRT&イイネ
✨@hikari_hitonoseをフォロー
※使用方法は画像参照
Twitter未公開 & 印刷物や大きな作品にも使える高解像度パック↓https://t.co/G9SOJXsEmo pic.twitter.com/Nfy7Nb0DPw
■固定ツイートをいいね&RT
■本アカウント(@hikari_hitonose)をフォロー
以上の条件を満たすことでタイムラインに投稿されている光素材が個人・商用問わず無料でお使いいただけますのでぜひぜひご活用ください!
使い方はとっても簡単!!こちらの記事をご参照ください!!
\Twitter未公開&印刷でも使える超高解像度版素材はBOOTHにて販売中/
光工房/ヒトノセ BOOTH店
光フィルター素材集 Pack01
光フィルター素材集 Pack02
光フィルター素材集 Pack03
光フィルター素材集 Pack04
光フィルター素材集 Pack05
新作パックも随時追加です♫
この記事が気に入ったらサポートをしてみませんか?