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

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

使いやすい高品質画像はこちら
>>>>>高品質画像『Shutterstock』 <<<<<
簡単無料無料で使い放題!
>>>>>ベクターデータのイラストなら【イラストAC】<<<<<

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

するとこんな感じに!!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

 

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

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

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

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

 

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

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

関連記事

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

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

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

  2. illsutrator,ダイヤモンド,チュートリアル

    Illustratorでダイヤモンドが綺麗に描ける方法!簡単瞬速…

    Illustrator(イラストレーター)で綺麗に作る方法を紹介したいと思います。イラレでも簡単にダ…

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

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

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

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

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

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

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

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

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

  6. イラレ,使い方,画像,ラスター,ベクターベクター

    イラレの使い方!ラスター画像をベクターデータへ変換する方法!

    イラストレーターCCでラスター画像(jpeg・ping・bmp・gif)をai形式のベクターデータに…

  7. イラストレーター,illustrator,使い方,基礎,うねりツール

    イラレの使い方基礎 | うねりツールで渦巻きキャンディーの作り方…

    BGMのイラレの使い方基礎編講座!!今回はうねりツール!!どんなツールかって??名前を見れば分かるよ…

  8. イラストレーター,作り方,もこもこ,文字,雲

    イラレで可愛いもこもこ文字の作り方!雲エフェクトチュートリアル!…

    イラストレーターで作る雲のような簡単もこもこ文字の作り方をご紹介!!かわいいポップな感じのデザインで…

コメント

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

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

CAPTCHA


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