illustrator,チュートリアル,エフェクト,きらきら,文字

Illustrator

イラレでキラキラ グリッターエフェクト文字の作り方チュートリアル

更新日:

スポンサーリンク

 

イラストレーターキラキラした感じのグリッター風のエフェクトを文字にかける方法をご紹介!

そんなのPhotoshopで作っちゃえばいいじゃん!
はい。確かにそうですよね。

でもきらきらしたグリッター風のエフェクトってイラストレーターでもけっこう作れちゃうんですよ。

イラレに貼り付けたPSDデータを開いて修正し直さなくても、イラストレーター上で修正までできるので便利な場合もありますよ。

キラキラ文字のエフェクトをマスターすればグリッター風のタイトルも作れるようになるし、文字だけでなくオブジェクトにも応用できるので、あなたのデザインテクニックの幅も広がりますよー。

イラレできらきらグリッターエフェクトの方法!

illustrator,チュートリアル,エフェクト,きらきら,文字

完成したイメージはこんな感じになります!それではチュートリアル開始っ!!

ステップ1

まずはアウトラインをかけた好きなテキストを用意しましょう。そしてグループを解除しておきましょう。

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

文字は別になんでもいいですので、今回は「JEWEL」で解説していきますね。

ステップ2

この文字に新規塗りをアピアランスでレイヤーの下側に追加します。

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

 

ステップ3

この新しく追加した塗りにアピアランスで「効果」から「パスのオフセット」を指定します。そして、塗りをグラデーションでグレースケールに着色していきます!

最初にグループ化を解除しておくことで、グラデーションが個々のオフセットに適用されて見た目が綺麗に仕上がります。

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

イラレ,illustrator,チュートリアル,グリッター,キラキラ

 

ステップ4

次にそのグラデーションを付けた色の上に新規塗りを追加して、白にします。

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

そしてその追加した白色にも「効果」から「パスのオフセット」を付けていきます。

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

ステップ5

その白色の塗りを透明設定で「スクリーン」で50%にします。

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

 

ステップ6

次に一番上の塗りの色を白色にして、「効果」から「スケッチ」で「ノート用紙」に設定します。

イラレ,illustrator,チュートリアル,グリッター,キラキラ

ノート用紙の設定は「画像のバランス」が20、「きめの度合い」が20、「レリーフ」が15にします。色が飛ばないように、でこぼこした感じが出れば良いので、数値はあくまで任意で決めてくださいね。

イラレ,illustrator,チュートリアル,グリッター,キラキラ

 

ステップ7

次に一番上の白の塗りに続けて「効果」から「テクスチャ」の「ステンドグラス」を設定します。

イラレ,illustrator,チュートリアル,グリッター,キラキラ

ステンドグラスの設定は、「セルの大きさ」が2、「境界線の太さ」が2、「明るさの強さ」が0にします。

イラレ,illustrator,チュートリアル,グリッター,キラキラ

 

ステップ8

ここまでの設定でこんな感じの見た目になります。

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

続けて一番上の白色の塗りに「効果」から「スケッチ」の「ぎざぎざのエッジ」を選択します。

イラレ,illustrator,チュートリアル,グリッター,キラキラ

「ぎざぎざのエッジ」の設定は、「画像のバランス」が50、「滑らかさ」が1、「コントラスト」が18にしました。こちらも画像の色が飛びすぎたり、真っ黒になりすぎないように任意で調整してみてくださいね。

イラレ,illustrator,チュートリアル,グリッター,キラキラ

 

ステップ9

ここまでの設定をし終わると、こんな見た目になります。

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

次に、アピアランスで新規塗りを追加します。

その塗りにグラデーションをかけていきます。今回はクールな青色グラデにしてみようと思います。

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

このグラデーションの色の透明設定を「オーバーレイ」にします。

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

するとこんな感じになります。

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

 

ステップ10

そして、ドロップシャドウをこのオブジェクト全体に対して設定します。

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

 

ステップ11

次に「ステンドグラス」などの効果を付けた白色の塗りの下のレイヤーに青色と黒色の新規線を1ptで追加します。

イラストレーター,illustrator,チュートリアル,きらきら,エフェクト

この黒色の線を「オブジェクト」から「変形」で少し位置をずらします。

イラレ,illustrator,チュートリアル,グリッター,キラキラ

するとこんな感じになります。イラレ,illustrator,チュートリアル,グリッター,キラキラ

 

そして背景やフレアーツールで輝きを付けわえた完成形がこちら!!

illustrator,チュートリアル,エフェクト,きらきら,文字

 

イラレでキラキラグリッターエフェクトのまとめ

今回は文字にグリッターエフェクトをかけましたが、多角形などに適用すると宝石っぽい感じやテクスチャとしても使えると思います。

設定するステップが少し多いですが試してみてくださいねっ!!

 

追記 上記グリッターエフェクトをフォントアウトライン無しバージョン

illustrator,チュートリアル,エフェクト,きらきら,文字

上記のグリッターエフェクトをアウトライン無しでいけるか?というリクエストがありましたので、やってみましたーー。
案外、簡単に出来ました。

PCの動きが遅くなるかと気になりましたが、僕のマシンではさっくり動いてくれました。

フォントにもよるかもしれませんけどね。
やり方は上記のステップ1をスルーして実行するだけです。

ただ、最初に個別にアウトラインをかけないので、バックのフチのグラデーションのかかりぐあいが少し違ってきます。

なので、グラデーションの階調を増やすなどして対処すれば綺麗に色を付けれると思います。

次ページはこちら!

クリスマスプレゼント無料イラスト!高品質フリー素材コレクション!... クリスマスプレゼントの無料イラストコレクション!! 高品質なプレゼントのフリー素材を集めてみましたよ〜!! aiやepsのベクターデータなのでイラストレーターで編集可能です! イベントや記念日のアクセントや挿絵で、なにかとプレゼントのイラストって使いますからね! 持っていても損はないです...
イラレCCのエフェクト文字篇!プルンっとゼリー状の艶を出す方法!... イラストレーターCCで作るゼリーやグミのように艶のある文字にするエフェクトチュートリアルをわかりやすく日本語解説&画像でご紹介! プルンっとした感じの光沢がお菓子の広告やロゴ、子供向けのデザインや女子ウケしたいデザインに使えそう!! イラレのツヤツヤ光沢エフェクトをマスターすれば、ロゴや...
Illustratorで桜のシルエット・パターンの描き方チュートリアル... イラストレーターで桜の描き方チュートリアル! デザインやレイアウトでヘビーローテーションな桜のシルエットやパターンをすぐ描けるようになる作り方です!! この作り方を覚えれば、応用で他の花も描けるようになるし、桜の花びらも出来ちゃいますよ。 この作り方にIllustratorのバージョンは関係な...
脳は大人・老人でも一生成長する!読書で脳力を鍛えて能力を伸ばそう!... あなたは頭が良くなりたいですか? IQが高くなりたいですか? 将来、認知症になりたくないと思っていますか? 記憶力をもっとアップさせたいですか? 上記に上げた質問をすべてクリアしてくれる方法があるんです。 それは脳を成長させることなんです。 でも大人になっても脳は成長するの? そう...
illustratorのグラデーションで文字を金色&メタリック加工チュートリアル... Illustartor(イラストレーター)でグラデーションを使う時に役立つチュートリアルをご紹介! 文字を金色にするのって案外多くないですか? そういう時にもやっとしたグラデーションでゴールドを表現してません??? もっとシャープな輝きを放つゴールドのタイトルやロゴをデザインしたくありません...
新年の挨拶 基本マナーと取引先へのお歳暮の渡し方や挨拶回りのやり方... ビジネスシーンで役立つ、新年の挨拶回りの基本マナーをご紹介します!! 営業での年末年始の挨拶回りに行くときに心得ておくべきことがあります。 やはり挨拶回りの基本といえば、直接相手・お客様に会うことですよね。 直接会って一年の感謝を伝えることがとても重要です。 そうでなくても多忙な年末年始...
Photoshop無料キラキラブラシ!商用可で高品質!役立つフリー厳選素材10選!... Photoshopのキラキラブラシ素材を厳選してみました。 キラキラエフェクトを自作しなくてもこんなに高品質なブラシ素材があるんです! デザイナーの仕事の手間を省くことができる超優秀フリーブラシ素材です。 キラキラブラシって、タイトル周りから背景、ちょっとしたアクセントにといろいろと使う場面が...
フリーフォント厳選サイト5選!無料の日本語から欧文まで勢揃い!... 無料のフリーフォントサイトを5つ厳選しました。 標準的なゴシックや明朝系から毛筆文字、手書き風フォント、ひらがな・かたかなフォント、コミック系、アイコン系、筆記体の欧文、モダンでクールな英語フォントまで幅広く揃っています。 フォントはデザイナーさんには必要不可欠な素材です。 ぜひ様々な種類の...
30秒で完了!ChromeでWordPress記事のスマホプレビュー簡単表示法... ChromeでWordPressの記事のスマホプレビュー設定が30秒でできます! いやもしかしたら、もっと早く出来るかもしれませんねー。 それぐらい恐ろしく簡単です。 そもそもなぜGoogle Chromeでワードプレス記事のスマホプレビューを表示しようと思ったのかというと、スマホプレビュー...
瞑想で心・精神をストレッチ!集中力と直感力を鍛えて意識をクリアに!... 忙しい日々を送っているあなた。何もやる気が起きないというあなた。 何かしたいと思ってはいるけど、スタートできないあなた。 瞑想をしてみませんか?? 宗教じみたことをいっているのではないのでご安心を(笑)^ ^ 瞑想は心・精神のストレッチのようなものです。 では、なぜ心をストレッチする必...

スポンサーリンク



-Illustrator
-, , , ,

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.