menu

イラレCCのエフェクト文字篇!プルンっとゼリー状の艶を出す方法!

イラストレーターCCで作るゼリーグミのように艶のある文字にするエフェクトチュートリアルをわかりやすく日本語解説&画像でご紹介!プルンっとした感じの光沢がお菓子の広告やロゴ、子供向けのデザインや女子ウケしたいデザインに使えそう!!

スポンサーリンク

イラレのツヤツヤ光沢エフェクトをマスターすれば、ロゴやタイトル、オブジェクトへのアクセントを付けるのにうってつけ!!とても役立つエフェクトだと思います。

チュートリアルを実践してもらうだけでなく実際にどうやってデータを作っているのか確認してもらうためにサンプルのデータを無料ダウンロード出来るようにしていますのでアピアランスがどうなっているのかぜひ確認してみてくださいね。

イラレで作るツヤツヤエフェクト文字

それではまずはツヤツヤにしたい文字を用意します。

イラレ,使い方,文字,艶,光沢

色はお好みで付けてみてくださいね。

次はこの文字を「Command+C」でコピーします。

そして「Command+F」で全面に貼り付けます。

「オブジェクト」メニューから「移動」を選びます。

イラレ,使い方,文字,艶,ゼリー

イラレ,使い方,文字,艶,ゼリー

数値はオブジェクトの大きさによりますので任意でプレビューを見ながら前面に貼り付けた文字が左上に移動するように数値設定します。

移動させた後はこんな感じ!

イラレ,使い方,文字,艶,ゼリー

そして次は「パスファインダー」から「前面オブジェクトで型抜き」を選択します。

イラレ,使い方,文字,艶,ゼリー

するとこんな感じに!!

イラレ,使い方,文字,艶,ゼリー

この画像の色を最初の色よりも濃い色に変えます。

イラレ,使い方,文字,艶,ゼリー

そして「Command+B」で背面に最初にコピーした文字を貼り付けます。

イラレ,使い方,文字,艶,ゼリー

そして型抜きしたオブジェクトを選択して、「効果」から「ぼかし(ガウス)」を選びます。

イラレ,使い方,文字,艶,ゼリー

オブジェクトが少しボケるように数値設定します。プレビューを見ながら任意で決めてみてくださいね。

イラレ,使い方,文字,艶,ゼリー

次は文字を選択して「オブジェクト」メニューから「パス」の「パスのオフセット」を選択します。

イラレ,使い方,文字,艶,ゼリー

そしてここもプレビューを見ながら任意の数地を設定します。少し内側にオフセットするのがポイント!!

イラレ,使い方,文字,艶,ゼリー

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

イラレ,使い方,文字,艶,ゼリー

 

 

内側に作った文字をコピーします。そして前面にコピーして、オブジェクトメニューから移動を選びます。こんどは前面の文字が右下に来るようにします。

イラレ,使い方,文字,艶,ゼリー

移動したらこんな配置になります。

イラレ,使い方,文字,艶,ゼリー

またパスファインダーの前面オブジェクトで型抜きをクリックして、型抜きをします。コピーした文字を背面にペーストします。色を白色にします。するとこんな感じに。

イラレ,使い方,文字,艶,ゼリー

次に「効果」から「ぼかし(ガウス)」を選択します。

イラレ,使い方,文字,艶,ゼリー

ぼかしを実行するとこんな風になります。白色がボケてだんだんとツヤツヤな感じが見えてきましたねー。

イラレ,使い方,文字,艶,ゼリー

背面にある文字と前面にある文字を選択して「効果」の「スタイライズ」から「光彩(内側)」を選びます。描画モードを乗算にしてぼかしの数値はプレビューを見ながら調整してみてください。

イラレ,使い方,文字,艶,ゼリー

前面の文字に「効果」の「ぼかし」を設定して境目を目立たなくします。

イラレ,使い方,文字,艶,ゼリー

後は、白のオブジェクトの部分を前面にコピーペーストしてバウンディングボックスで少し内側に縮小して重ねて光沢を調整します。

イラレ,使い方,文字,艶,ゼリー

調整し終わったら、完成です。完成したのがコチラっ!!

イラレ,使い方,文字,艶,ゼリー

イラストレーターCCでツヤツヤ光沢文字のエフェクトのまとめ

今回は作りが簡単なCの文字で試してみましたが、複雑な文字になると光沢のしろの部分の調整が必要になってくると思います。

サンプルとして無料素材データをダウンロードできるようにしてますので、アピアランスの設定などを参考にしてみてくださいね。

PDF付きのデータなのでイラストレーターCC以外の下位グレードのCSでも開くと思います。

 

なぜPDF付きなら大丈夫なの??

PDFデータが付いていないaiデータを制作された環境よりも下のイラレのバージョンで開くとエラーメッセージが表示され、正常にデータを読込んでくれません。

ですがPDFデータが付いたaiデータですとCCよりも下位バージョンのCSで開くとデータを正常に読込んでくれるのです。

ただあまりに古いイラレの8や10、CS2ぐらいになるとデータがうまく表示されないかもしれませんね。

 

イラレでツヤツヤエフェクト、ぜひ試してみてください。

下記からサンプルのオブジェクトをダウンロードしてください。

イラストレーター,エフェクト,文字,艶,星

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

 

スポンサーリンク

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

イラレ,使い方,文字,吹き出し,可変イラレCCの使い方!文字サイズに応じて変わる吹き出しの設定方法!

関連記事

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

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

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

  2. イラストレーター,ペンツール,基礎,直線,描き方

    イラストレーター基本編!ペンツールで直線の描き方練習法!

    イラストレーターのペンツールで直線を描き方をご紹介します!簡単な動画でどうやってイラレのペンツールで…

  3. illustrator,イラストレーター,使い方,四角,立体的

    Illustratorの使い方超基本操作 | 四角のボックスを描…

    イラストレーターの使い方の超基礎編のお時間ですよーー!これからイラレを始めるという初心者の方向けの超…

  4. イラストレーター,illustrator,テクニック,エフェクト

    保存版!illustratorのマジ便利なテクニック&エフェクト…

    イラストレーターのすぐ使えるテクニック7選!!制作現場で「このタイトルをもっと見栄えをよくしたい、背…

  5. イラレ,使い方,文字,吹き出し,可変

    イラレCCの使い方!文字サイズに応じて変わる吹き出しの設定方法!…

    イラストレーターCCの使い方文字篇!!フォント(テキスト)の文字サイズに合わせて自動で変わる吹き出し…

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

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

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

  7. イラストレーター,木目,ウッド,テクスチャ,チュートリアル

    Illustratorテクニック木目調自作編!ウッドテクスチャチ…

    イラストレーターで木目調のテクスチャを自作で作るチュートリアルを今回はご紹介!自分で描き方をマスター…

  8. イラストレーター,ブラシ,無料,筆,水彩

    イラストレーターの無料毛筆ブラシセット!高品質で使える素材まとめ…

    デザイナーの方にぜひ見てほしいイラストレーターの毛筆ブラシセットのご紹介!何か使えるブラシは無いかな…

コメント

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

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

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