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

Illustrator

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

更新日:

スポンサーリンク

 

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

そういう時にもやっとしたグラデーションでゴールドを表現してません???
もっとシャープな輝きを放つゴールドのタイトルやロゴをデザインしたくありません??

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

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

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

今回は金色文字で解説をしていきますが、色を変えればシルバーやプラチナ的な輝きも充分表現可能です。
チラシや看板、タイトル、ロゴを多種多様に使われることがあるゴールドの出し方をここではチェックしていきましょう。

イラレを使い始めた初心者の方でも、充分できると思いますので、億劫にならずどんどんチャレンジしてみてくださいね。失敗から得られる事もたくさんありますので。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

次にアピアランスで先ほど作ったグラデーションを複製します。
そして最初に作ったグラデの塗りの上のレイヤーに新しくコピーしたグラデの塗りをもっていきます。

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

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

続いてグラデーションパレットで「種類」を円型にします。
それと同時に角度を135度とグラデーションの大きさを600%にします。
(この設定はあくまでも今回の解説用なので数値の設定は任意になります。プレビューを確認しながら、適度に輝きが出る値を付けてみてくださね。)

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

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

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

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

上記の設定にアピアランスでもう一度最初に作ったグラデーションの塗りをレイヤーの一番上に複製して「透明」設定を「乗算」にします。
背景の薄いグラデや反射を付け加えるとけっこうイケてるゴールド文字になりますよ!!

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

 

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

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

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

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

ノートパソコンの底が熱くなるのを予防!排熱効果を高める3つのポイント... ノートパソコンを使っていると、僕のMacなので底面と左側に熱を持ち始め、キーボードを使う時に指がその熱くなる部分にあたると「アチっ!!!」って思うほど熱を持っていることがあります。 ま〜、古いのもあるんでしょうが、できればうまく熱を逃して快適にノートパソコンを使いたいものです。 そんなときに参考...
イラストレーターの無料で高品質なシームレスチェックパターン素材集... イラストレーターの無料のシームレスパターン特集!! 今回は、デザイナーにオススメな高品質なチェックパターン素材を厳選してまとめてみましたよ! 背景やワンポイントのアクセントに使えて、編集可能なデータなのでダウンロードして使ってみてください。 イラレのスウォッチは凄く使える機能なんだけど、パター...
【保存版随時追加】商用可能な高品質イラストのフリー素材サイト集!... 広告・チラシ・ポスター、ホームページ、バナー、ブログなどを制作する際に必要になってくるのがイラスト素材。 有料サイトで買ってもいいですが、仕事の見積もりもギリギリでそこまで予算とれるかな〜? どっかにフリー素材の高品質なイラストはないかな〜? 大丈夫! ありまーーすっ!! 必ずブックマ...
WordPressプラグイン Quick Adsense日本語表示のやり方!コピペで簡単... WordPressプラグインの「Quick Adsense」をインストールして、そのまま使うと日本語表示が文字化けするので注意!! 特にアドセンスの「スポンサーリンク」が文字化けすると規約違反にもなるのできちんとスポンサーリンクが日本語表示されるようにしましょう! やり方は本当に簡単です!! ...
【警告】コーヒー好きはカフェイン中毒の危険!毎日4以上飲む人は…!... 毎日、コーヒーを4杯以上は飲むというあなた!! 時々、頭が締め付けられるような頭痛がしませんか? 胃がムカムカ気持ち悪くありませんか? 気分がそわそわして落ち着かないことないですか? 健康診断で最近血圧が上がってないですか? 動悸がありませんか? こんな症状があるあら、もしかしたら...
Illustratorテクニック木目調自作編!ウッドテクスチャチュートリアル... イラストレーターで木目調のテクスチャを自作で作るチュートリアルを今回はご紹介! 自分で描き方をマスターすれば、木目の画像を探す手間やライセンスフリーかどうかを確認する時間を節約できますよ。 写真素材を探すときって案外時間がかかりますからね。 それに解像度は使う基準に充分対応しているか確認したり...
イラレでマップ制作時に役立つエフェクト!質感を簡単にアップする方法... Illustratorの簡単エフェクトチュートリアル!! 今回は、地図やアクセスマップを作る際に、道路や地面などの質感を上げるエフェクトです。 案内リーフレットやパンフレットで地図が中面に見開きで掲載するときってありますよね?? ただ単にマップを作って配置していては、絵的にもたない時があると思...

スポンサーリンク



-Illustrator
-, , , ,

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.