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

Illustrator

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

更新日:

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

そういう時にもやっとしたグラデーションでゴールドを表現してしまうこともあるでしょう。

もっとシャープな輝きを放つゴールドのタイトルやロゴをデザインすることで一層デザインが引き立ってきますよ。

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

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

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

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

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

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

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

ステップ1

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

ステップ2

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

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

ステップ3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ステップ4

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

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

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

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

ステップ5

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

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

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

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

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

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

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

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

ステップ6

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

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

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

 

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

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

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

Photoshop無料キラキラブラシ!商用可で高品質!役立つフリー厳選素材10選!... Photoshopのキラキラブラシ素材を厳選してみました。 キラキラエフェクトを自作しなくてもこんなに高品質なブラシ素材があるんです! デザイナーの仕事の手間を省くことができる超優秀フリーブラシ素材です。 キラキラブラシって、タイトル周りから背景、ちょっとしたアクセントにといろいろと使う場面が...
マックブックプロのバッテリーの実寿命は?少しでも長持ちさせる秘策... いつものようにマックブックプロを使って仕事をしていたのですが、ふとこの「バッテリーの寿命」ってどうなんだろうって思ったわけですよ。 あなたもマックブックプロのバッテリーの寿命が気になりませんか? マックブックプロのバッテリーのバッテリーに関する情報は、メニュー左上のリンゴマークの「このMacにつ...
MacでJPEG画像圧縮方法はコレ!無料ソフトJPEGminiとTh-MakerX!... Macで画像圧縮方法を探しているんだけど、使いやすくて無料ソフトはないかなーー?? と悩んでいる方、ぜひこのフリーソフト「JPEGmini」と「Th-MakerX」を試してください。 JPEGだけでなくPNGも圧縮できるので抜群の使いやすさです。 画像圧縮してくれるだけでなく、リサイズもして...
イラレで可愛いもこもこ文字の作り方!雲エフェクトチュートリアル!... イラストレーターで作る雲のような簡単もこもこ文字の作り方をご紹介!! かわいいポップな感じのデザインで子供やペット・女性・家族向けのロゴや広告といろいろ使える用途がありそうですよ。 イラストレーターのCS4・CS5・CS6・CCをお使いのあなたにはぜひマスターしてもらいたいです!! だって便利...
30秒で完了!ChromeでWordPress記事のスマホプレビュー簡単表示法... ChromeでWordPressの記事のスマホプレビュー設定が30秒でできます! いやもしかしたら、もっと早く出来るかもしれませんねー。 それぐらい恐ろしく簡単です。 そもそもなぜGoogle Chromeでワードプレス記事のスマホプレビューを表示しようと思ったのかというと、スマホプレビュー表...
リファラスパム対策第2段!XサーバーのIPアドレス拒否設定で除外方法!... またかよ〜っ!!いい加減にして〜ん。 しつこいのは嫌われるぞ〜。 ということで、またリファラスパムが来ました。前回は「AliBestsale.com」というところから来てましたが、今回は違いました。 「claim61532701.copyrightclaims.org」という何やようわからんと...
イラレの使い方!ラスター画像をベクターデータへ変換する方法!... イラストレーターCCでラスター画像(jpeg・ping・bmp・gif)をai形式のベクターデータにパパッと簡単に変換できる方法をご紹介! 初心者のあなたでも、ステップ通りにやれば楽にできますので、ご安心を!! ちなみにどんな場面で役に立つのかというと、デザイン現場でロゴやキャラを印刷に使うとき...



-Illustrator
-, , , ,

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2019 All Rights Reserved.