menu

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

イラストレーターキラキラした感じのグリッター風のエフェクトを文字にかける方法をご紹介!そんなの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をスルーして実行するだけです。ただ、最初に個別にアウトラインをかけないので、バックのフチのグラデーションのかかりぐあいが少し違ってきます。

なので、グラデーションの階調を増やすなどして対処すれば綺麗に色を付けれると思います。下記にグリッターエフェクトのアウトライン無しのデータがダウンロードできますので、ぜひ参考にしてみてください!!

素材のダウンロードはこちらから!

 

スポンサーリンク

ワードプレス,wordpress,wp,プラグイン,MilliardWordPressプラグインのMilliardが超便利!関連記事表示はコレに決まり!

illustrator,テクスチャ,地面,ground,textureIllustratorのエフェクトで地面テクスチャの作り方チュートリアル

関連記事

  1. illustrator,テクスチャ,地面,ground,texture

    Illustratorのエフェクトで地面テクスチャの作り方チュー…

    Illustrator(イラストレーター)のエフェクトで地面テクスチャをサクッと作るチュートリアルで…

  2. イラストレーター,使い方,基礎,初心者

    イラストレーターCCの基本的な使い方!ツールの紹介【基礎編】

    イラストレーターCCの使い方 ツール基本編!!今回は超基礎的な初心者のあなたや、イラレに興味あるけど…

  3. イラストレーター,パターン,素材,チェック,無料

    イラストレーターの無料で高品質なチェックのシームレスパターン素材…

    イラストレーターの無料のシームレスパターン特集!!今回は、デザイナーにオススメな高品質なチェックパタ…

  4. イラレ,使い方,整列,オブジェクト,方法

    知っておきたいイラレの使い方基礎編!オブジェクト整列チュートリア…

    イラストレーターCC 初心者のあなたにこっそり教えたい整列の使い方!これであなたも整列ツールに関して…

  5. Illustrator,CC,文字,変形,ツール

    便利で超簡単!Illustrator CCでテキストを1文字ごと…

    イラストレーターでテキストにアウトラインをかけずに、なんと1文字ずつ個別に変形する、スゥゥゥーーーパ…

  6. イラストレーター,桜,さくら,サクラ

    Illustratorで桜のシルエット・パターンの描き方チュート…

    イラストレーターで桜の描き方チュートリアル!デザインやレイアウトでヘビーローテーションな桜のシルエッ…

  7. イラストレーター,マップ,制作,エフェクト,チュートリアル

    イラレでマップ制作時に役立つエフェクト!質感を簡単にアップする方…

    Illustratorの簡単エフェクトチュートリアル!!今回は、地図やアクセスマップを作る際に、道路…

  8. Illustrator,文立体,影,シャドウ,付け方

    Illustratorで文字に立体的な影の付け方 | 簡単設定チ…

    Illustratorで作る立体的な影の付け方を紹介!ドロップシャドウや3D効果を使わずに簡単に設定…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP
error: Content is protected !!
%d人のブロガーが「いいね」をつけました。