illustrator,グラデーション,チュートリアル,金色,文字

Illustrator

illustratorのグラデーションで文字を金色&メタリック加工チュートリアル

更新日:

スポンサーリンク

 

Illustartor(イラストレーター)でグラデーションを使う時に役立つチュートリアルをご紹介!
文字を金色にするのって案外多くないですか?

そういう時にもやっとしたグラデーションでゴールドを表現してません???

もっとシャープな輝きを放つゴールドのタイトルやロゴをデザインしたくありません??

ちょっと工夫をするだけで、金色の表現・質感がグッと上がる方法がありますよ。

グラデーションの使い方をマスターすれば光の具合の調節で、あらゆるメタリックな物から宝石のような表現まで、
幅広く使用することができるので、ぜひここでシャープなグラデーションの設定の仕方を覚えていってくださいね。

イラレのグラデーションで金色を表現するチュートリアル

今回は金色文字で解説をしていきますが、色を変えればシルバーやプラチナ的な輝きも充分表現可能です。

チラシや看板、タイトル、ロゴを多種多様に使われることがあるゴールドの出し方をここではチェックしていきましょう。

ステップごとに効果を加えていく必要がありますが、億劫にならずどんどんチャレンジしてみてくださいね。

失敗から得られる事もたくさんありますのでまずはやってみましょう!!

ステップ1

それでは、「新規ドキュメント」を作成して、今回は金色がわかりやすいように四角い背景を作り真っ黒にしてみました。

ステップ2

その背景の上に「文字ツール」でお好きな文字を打ってアピアランスに新規塗りを追加しましょう!
この新規追加した塗りにグラデーションの設定をしていきます。

illustrator,グラデーション,チュートリアル,金色,文字

ステップ3

アピアランスで「塗りを追加」したこのGOLDの文字の塗り色にグラデーションをつけていきましょう!

グラデーションパレットを確認しながら、下の画像のような色の設定になるようにしましょう。

ちなみにCMYKで解説していきますね。

画面では画像が見にくいと思うので画像をクリックして大きな画像で確認してみてください。

illustrator,グラデーション,チュートリアル,金色,文字

illustrator,グラデーション,チュートリアル,金色,文字

グラデーションのパターンは左記の画像のようなパターンになっていればOKです!色が明るい所と暗いところが近接することで明暗のギャップが生まれ、シャープなグラデーションを表現することが可能になります。

この近接した部分を繰り返し設定すれば、複雑なグラデーションの輝きを出す事ができます。

ただやり過ぎると見にくくなることもあるので、色の濃淡を調節しながら色を付けていきましょう。

今回は明るい色の箇所を白や薄い黄色で設定してますが、鈍い光の加減を出したい時には色のギャップを弱めることで表現できますよ。

今回はグラデーションの種類の設定を「線型」にしてますが、「円型」にしても面白いかもしれませんね。

とにかく、思いついたらいろいろと試してみましょうね。

まさに無限の表現が可能と言ったら大げさかもしれませんが、このチュートリアルをもとに、あなたが思いついた表現方法をプラスすると、いくらでも派生させることができるのでイラストレーターって面白いですよね。

イラレだけに限ったことではないですけどね。たくさんのデザインを考えていくことで、脳の活性化にも繋がる上に、モチベーションも上がっていきますからね。

これ、良いかもっ!!!と思ったらまずはやってみましょう。

ステップ4

うんちくが多くなりましたが次の行程です。

次にアピアランスで先ほど作ったグラデーションを複製します。

そして最初に作ったグラデの塗りの上のレイヤーに新しくコピーしたグラデの塗りをもっていきます。

illustrator,グラデーション,チュートリアル,金色,文字

ステップ5

そしてこの複製したグラデーションの塗りの「透明」設定を「乗算」にします。

続いてグラデーションパレットで「種類」を円型にします。

それと同時に角度を135度とグラデーションの大きさを600%にします。

(この設定はあくまでも今回の解説用なので数値の設定は任意になります。プレビューを確認しながら、適度に輝きが出る値を付けてみてくださね。)

illustrator,グラデーション,チュートリアル,金色,文字

illustrator,グラデーション,チュートリアル,金色,文字

上記までの設定が終わると、こんな感じのグラデーションになっていると思います。

illustrator,グラデーション,チュートリアル,金色,文字

ステップ6

上記の設定にアピアランスでもう一度最初に作ったグラデーションの塗りをレイヤーの一番上に複製して「透明」設定を「乗算」にします。

背景の薄いグラデや反射を付け加えるとけっこうイケてるゴールド文字になりますよ!!

illustrator,グラデーション,チュートリアル,金色,文字

 

illustratorでグラデーション金色文字チュートリアルのまとめ

上記意外にもグラデーションの設定の幅や位置・角度を様々に変化させることで、また違ったゴールドの表現ができると思うので、イラレで遊ぶ感覚でたくさん試してみてくださいね。

illustrator,チュートリアル,エフェクト,きらきら,文字
イラレでキラキラ グリッターエフェクト文字の作り方チュートリアル
illsutrator,ダイヤモンド,チュートリアル
Illustratorでダイヤモンドが綺麗に描ける方法!簡単瞬速マスターのチュートリアル!

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

リファラスパム対策第2段!XサーバーのIPアドレス拒否設定で除外方法!... またかよ〜っ!!いい加減にして〜ん。 しつこいのは嫌われるぞ〜。 ということで、またリファラスパムが来ました。前回は「AliBestsale.com」というところから来てましたが、今回は違いました。 「claim61532701.copyrightclaims.org」という何やようわからんと...
【随時更新】早めのリファラスパム対策!リファラスパム名晒します!... 某製薬会社の有名なコピー「効いたよね!早めのパ○シロン!」ではないですが、リファラスパムにまだ会ったことがないという方のために、管理人が運営するサイトにご来訪されたリファラスパム名をリスト形式でこれから随時更新で晒していきたいと思う所存でございます。 今回もまた、グーグルアナリティクスでアクセスの...
Illustratorで文字に立体的な影の付け方 | 簡単設定チュートリアル... Illustratorで作る立体的な影の付け方を紹介! ドロップシャドウや3D効果を使わずに簡単に設定できちゃう! これまたお手軽で便利な方法なんで、ササッとマスターしちゃってくださいね。 っていうか、本当に簡単だから拍子抜けしないでよっ!! このチュートリアルを覚えれば、タイトルや見出し、...
ブログ・SNSアバターを無料作成!CM風のかわいいアイコン作成方法... ブログやSNSのプロフィールに載せるアバター画像をほどよくおしゃれなタイプを無料で作りたいという人にオススメのサイトを紹介します!! なんとグリコポッキーのサイトでかわいいおしゃれなアバター画像を作ることができるのです! ブログやツイッター、Facebookでアバターをすでに使っている人でマンネ...
WordPressの不要なサムネイルを削除、最適サイズに一括変換プラグイン... ワードプレスでブログを書いていると、バックアップをしますよね?? でも、なぜか昨日、自動バックアップしていたはずなのにされてない! なぜ???ん? 「空き容量が無いからバックアップできなかったよ〜」的なエラーメッセージが…。 どういうこと?って思い、画像のデータ容量を確認してみると1.3GB...
辛い年末年始の胃の痛み・胃が気持ち悪い症状の予防と解決法!... 年末年始は、忘年会、クリスマス、大晦日、お正月、新年会などのイベントが多く生活のリズムが乱れがちです。 そう年末年始こそ、本当は胃腸を労るべきなのです!! お正月休みだからと言って、暴飲暴食などの偏った食生活や運動不足や寝不足などの不摂生な生活が続くと、 胃が痛い・胃が気持ち悪い・腸炎などの胃...
イラレCCのエフェクト文字篇!プルンっとゼリー状の艶を出す方法!... イラストレーターCCで作るゼリーやグミのように艶のある文字にするエフェクトチュートリアルをわかりやすく日本語解説&画像でご紹介! プルンっとした感じの光沢がお菓子の広告やロゴ、子供向けのデザインや女子ウケしたいデザインに使えそう!! イラレのツヤツヤ光沢エフェクトをマスターすれば、ロゴや...

スポンサーリンク



-Illustrator
-, , , ,

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.