イラレ,文字,艶,ゼリー

Illustrator

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

更新日:

スポンサーリンク

 

イラストレーターCCで作るゼリーグミのように艶のある文字にするエフェクトチュートリアルをわかりやすく日本語解説&画像でご紹介!

プルンっとした感じの光沢がお菓子の広告やロゴ、子供向けのデザインや女子ウケしたいデザインに使えそう!!

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

あと実際のデータをダウンロードできるようにしているのでそちらでも確認してみてください。

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

それではまずはツヤツヤにしたい文字を用意してから、その文字にアウトラインをかけます。

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

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

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

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

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

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

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

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

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

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

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

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

するとこんな感じに!!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

色を白色にします。するとこんな感じに。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

サンプルとして無料素材データをダウンロードできるようにしてますので、アピアランスの設定などを参考にしてみてくださいね。
PDF付きのデータなのでイラストレーターCC以外の下位グレードのCSでも開くと思います。

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

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

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

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

イラレでツヤツヤエフェクト、ぜひ試してみてください。
ちなみに応用すればこんな星もできますよ!!

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

マックブックプロ,Mac
マックブックプロのバッテリーの実寿命は?少しでも長持ちさせるには?
人,人間,集中力,集中する方法
時間を区切ってすぐ集中力アップ!人間の集中力は15分が限界?

閲覧ありがとうございました!

便利で超簡単!Illustrator CCでテキストを1文字ごとに変形する方法... イラストレーターでテキストにアウトラインをかけずに、なんと1文字ずつ個別に変形する、スゥゥゥーーーパァァァーーー便利なツールをご紹介!!! ベテランさんほど見逃しているかもしれない、イラレのCCから追加されたこの超スペクタクルなツール「文字タッチツール」がマ・ジ・デ使えすぎて困るぜぇーーー。 っ...
Illustratorで文字に立体的な影の付け方 | 簡単設定チュートリアル... Illustratorで作る立体的な影の付け方を紹介! ドロップシャドウや3D効果を使わずに簡単に設定できちゃう! これまたお手軽で便利な方法なんで、ササッとマスターしちゃってくださいね。 っていうか、本当に簡単だから拍子抜けしないでよっ!! このチュートリアルを覚えれば、タイトルや見出し、...
WordPressプラグインのMilliardが超便利!関連記事表示はコレに決まり!... ワードプレスの関連記事を表示してくれるプラグインといえば??? WordPressRelatedPosts?YARPP? 確かに、確かにこの二つのプラグインもとってもお世話になっています。 ですが、見つけてしまったんです! とーーーっても良くできた秀逸な関連記事表示プラグインを!! その名...
ブログ内部リンクのセルフピンバッグ停止方法!プラグインで簡単設定... WordPressでサイトやブログの回遊率を上げるために内部リンクを貼る!! それはとてもいいことだと思います。 ただ「モデレートしてください。」というメール来てませんか??? 内部リンクを貼るたびに、「モデレートしてください。」とメールが来ます。 はっきり言ってうっとおしいですよね〜。 ...
WordPressにyoutube動画簡単埋め込み方法!レスポンシブ対応で高速化... WordPressの記事でYou Tubeの埋め込み動画の表示が重いのを解決する「Youtube SpeedLoad」 !! 素晴らしいプラグインです! しかもブログ記事のYoutube動画表示が高速化されるだけでなくレスポンシブにも対応していて、インストールするだけ!! 設定は1つチェック...
あなたの胃の不調は猫背が原因?ストレッチで背骨の歪みを治す方法!... デスクワークを主な仕事をしているあなたへ、もし胸焼けや胃もたれなど胃の調子が少し悪いな〜と思っているなら、もしかしたらそれは姿勢改善で猫背を治す事で胃が元気になるかもしれませんよ。 実はこっそり聞いてほしい話しがあります。これは管理人が実際に体験した話しなので軽く「へぇ〜」って感じで読んで下さい。...
トラッキングコード設定はコピペで完了!GoogleAnalytics byYoastで簡単... Google Analyticsのトラッキングコードを簡単設定する方法をご紹介します! 「UA-」からはじまるトラッキングIDをコピペするだけなので初心者でも心配することなく設定ができます! こんな方にオススメ! トラッキングコードを「headタグ内」に入れるのがわからない! W...

スポンサーリンク



-Illustrator

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.