• HOME > 
  • Inkscape > 
  • Inkscapeで金色(ゴールド)を表現する方法【メタリック...

Inkscapeで金色(ゴールド)を表現する方法【メタリック・金属の質感を作り出す】

投稿日:

このページにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

カテゴリー記事のアイキャッチ画像
広告
広告

無料でダウンロードできるソフト「Inkscape」を使えば、Adobe Illustratorのようなベクターグラフィックを簡単に作ることができます。

リンク先のサムネイル
Inkscapeのインストールの方法

「Inkscape」をダウンロードしてwindows10にインストールする流れを画像付き順を追って説明します。インストールが完了したら製作を始める前に、まず自動保存の設定を行っておくことをおすすめします...【もっと読む】

このページの解説に使用しているInkscapeのバージョンは0.92です。他のバージョンでは表示などが異なる場合がありますので予めご了承ください。

Inkscapeで金色(ゴールド)を表示するには?

Inkscapeには単色で金色というものは用意されていませんが、グラデーションツールを活用することで金色や光沢を持ったメタリックの表現を作り出すことができます。

このページでは、下の例のような金色(ゴールド)の表現を作り出す手順について解説します。

金色の文字の例 リンク先のサムネイル
Inkscapeでグラデーションを設定する方法【線形・放射、中間色】

Inkscapeでは、「線形グラデーション」と「放射(円形)グラデーション」という2種類の形状のグラデーションが使用できます。塗り(フィル)と線(ストローク)それぞれに設定することができます...【もっと読む】

金色(ゴールド)の作り方

まずはテキストツールで文字を書きます。(※わかりやすいように背景を黒にしています。)

キーボードのショートカットキー「Shift + Ctrl + F」を押して、フィル・ストロークダイアログを開きます。

ショートカットキーでフィルストロークを開く

フィルを線形グラデーションに変更します。

グラデーションを適用

グラデーションを設定する

左側のツールバーもしくはキーボードのショートカットキー「Ctrl + F1」を押してグラデーションツールに切り替えて、金色に見えるようにグラデーションを調整していきます。

ショートカットキーでグラデーションツールに切り替える

ハンドルの端をドラッグしてグラデーションの向きを垂直方向に変えます。

グラデーションの向き

グラデーションの長さを調整し、ハンドルの真ん中あたりにポイントを二箇所追加します。

ポイントを二箇所追加

続いて計4カ所になったポイントの色を変更します。ポイントをひとつづつ選択してフィルダイアログで色を選びます。

使用する色は任意ですが、ここでは次のようなカラーコードを設定しています。

グラデーションのカラーコード金
  1. #ddc619ff
  2. #e8f151ff
  3. #ada900ff
  4. #f9ffaaff

金色の文字が完成しました。

グラデーションの設定完了時点の状態

文字以外のオブジェクトでも同様の方法でグラデーションを付ければ金色が作り出せます。

オブジェクトを金色にする例

銀色(シルバー)の作り方

グラデーションの色を変えれば銀色(シルバー)も作り出せます。

グラデーションのカラーコード銀

例として、上から順に次のようなカラーコードを設定しました。

  1. #bcbcbcff
  2. #f5f5f5ff
  3. #8d8d8dff
  4. #ffffffff
オブジェクトを銀色にする例

まとめ

以上がInkscapeで金色(ゴールド)の表現を作り出す方法です。

グラデーションの方向や分岐・色を変更すれば、金色以外の金属の光沢感も再現できますので是非チャレンジしてみてください。

関連する記事

サムネイル

Inkscapeのぼかし機能の使い方を解説【輪郭をぼかす・フ……

2023年07月10日
Inkscapeにはオブジェクトのフィル/ストローク設定による「ぼかし」とフィルター機能による「ぼかし」の2種類が存在します。
サムネイル

Inkscapeのテクスチャの使い方【オブジェクトに素材の質……

2023年06月01日
最終更新日:2023年05月31日
Inkscapeでは、クリック操作だけでオブジェクトやテキスト・画像にいろいろな素材の質感を持たせることが可能です。(数値を調整してカスタマイズできるテクスチャもあります。)
サムネイル

Inkscapeの消しゴムツールの使い方【消えないときは?】

2023年06月01日
最終更新日:2023年05月31日
消しゴムツールはその名の通りオブジェクトを消すことができるツールです。「触れたオブジェクトそのものを削除する」「オブジェクトをなぞった箇所を切断する」という2通りの使い方ができます。
サムネイル

Inkscapeで文字に影(ドロップシャドウ)を付ける方法【……

2023年06月01日
最終更新日:2023年05月31日
Inkscapeでオブジェクトに影をつけたいときはフィルターメニューの「影を落とす」を使用します。影の大きさや位置、色を自由に変更することも可能です。
サムネイル

Inkscapeで整列と配置を行う方法【オブジェクトをきれい……

2023年06月01日
最終更新日:2023年05月31日
整列を使うと、選択した複数のオブジェクトを基準に沿って水平方向・垂直方向に揃えることができます。配置は選択されている複数のオブジェクト同士を縦方向・横方向それぞれ等間隔にできます。
サムネイル

Inkscapeでトリミングを行う方法【写真や画像の切り抜き……

2023年03月06日
最終更新日:2023年03月13日
トリミングは、写真や画像をInkscapeのドキュメントにインポートし、矩形ツールで作ったオブジェクトや「ビットマップのトレース」で抽出した輪郭の形状をクリップするという手順で行います。