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

Illustrator

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

更新日:

スポンサーリンク

 

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

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

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

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

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

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

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

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

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

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

そしてこの白色の塗りにグラデーションをつけていきましょう!
グラデーションパレットを確認しながら、画像のような色の設定になるようにしましょう。

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

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

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

 

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

 

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

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

次ページはこちら!

広告・WEBデザイナーさんに絶対使って欲しい!無料イラストサイト開設... 広告・WEBデザイナーである、あなたの時間をもっと有効に使えるようにしたい!! あなたがクリエイティブな作業にもっと集中できるよう、自由な時間を確保できるよう応援したい! 偉そうな感じで恐縮ですが、そんな思いで無料イラスト素材サイト「イラストパーツラボ」をオープンさせました! と言っても、...
WordPressでサイドバーで追尾型スクロール広告にできる便利プラグイン... WordPressでサイドバーに追尾型のスクロール広告が設置できるウィジェットプラグインをご紹介します!! ワードプレスでブログを初めて間もない初心者の方でも簡単に設定できるプラグインですので覚えて、ぜひ活用してくださいね。 プラグインの名前は「Q2W3 Fixed Widjet」。 難しい設...
イラストレーター基本編!ペンツールで直線の描き方練習法!... イラストレーターのペンツールで直線の描き方をご紹介します! 簡単な動画でどうやってイラレのペンツールで直線を描いていくのかを確認してみてください。 最初から完璧にキレイなカタチを描こうと思わず、変なカタチになってもいいので何度もペンツールで描いて練習することが大事です。 地味ですがペンツール...
知っておきたいイラレの使い方基礎編!オブジェクト整列チュートリアル... イラストレーターCC 初心者のあなたにこっそり教えたい整列の使い方! これであなたも整列ツールに関しては初心者の域を抜け出せます!! イラストレーターの整列ツールを使いこなして、オブジェクトのレイアウトを綺麗にしましょう。 何事も整理整頓が大事です。 整列ツールを使うと言っても選択してボタ...
30秒で完了!ChromeでWordPress記事のスマホプレビュー簡単表示法... ChromeでWordPressの記事のスマホプレビュー設定が30秒でできます! いやもしかしたら、もっと早く出来るかもしれませんねー。 それぐらい恐ろしく簡単です。 そもそもなぜGoogle Chromeでワードプレス記事のスマホプレビューを表示しようと思ったのかというと、スマホプレビュー...
イラストレーターの使い方基礎編 | ブレンドツールの基本操作マニュアル... イラストレーターのブレンドツールの必ず知っておきたい基本操作を画像で解説!! イラレ初心者の方でブレンドツールってどんな感じに使うの?っていう疑問がありませんか? ペンツールや長方形ツールや楕円形ツールばかりが良く知られていますが、この便利なブレンドツールを使いこなすことができれば、もっと仕事が...
新年の挨拶 基本マナーと取引先へのお歳暮の渡し方や挨拶回りのやり方... ビジネスシーンで役立つ、新年の挨拶回りの基本マナーをご紹介します!! 営業での年末年始の挨拶回りに行くときに心得ておくべきことがあります。 やはり挨拶回りの基本といえば、直接相手・お客様に会うことですよね。 直接会って一年の感謝を伝えることがとても重要です。 そうでなくても多忙な年末年始...
低解像度画像の劣化を抑えて高解像風に加工できるソフトが使える!... 広告に使う予定の写真の解像度が低い! クライアントに聞いても低い解像度の画像しかないといわれてどうしよう…? どうにかして低い解像度を高解像度に拡大することはできないの〜? 写真を扱うプロとして無理矢理解に写真の像度を上げるなんて、本当はダメな方法だとわかっているけども、リサイズできないものか...
Photoshop無料キラキラブラシ!商用可で高品質!役立つフリー厳選素材10選!... Photoshopのキラキラブラシ素材を厳選してみました。 キラキラエフェクトを自作しなくてもこんなに高品質なブラシ素材があるんです! デザイナーの仕事の手間を省くことができる超優秀フリーブラシ素材です。 キラキラブラシって、タイトル周りから背景、ちょっとしたアクセントにといろいろと使う場面が...
リファラスパムに注意! googlemare.comはスパムでグーグルと関係なし... リファラスパムがまた来ました! 管理人が運営するサイトに来たリファラスパムについてはまとめ記事を書いているのですが、そちらだと見落とすこともあると思うので記事にしようと思います。 グーグルアナリティクスの画面にgooglemare.comが表示されたら、即座にズバッとフィルタで除外してやってくだ...

スポンサーリンク



-Illustrator
-, , , ,

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.