Cafi Netつながる情報技術
  1. トップ>
  2. フリー素材集>
  3. ランキングアイコン

ランキングアイコンのフリー(無料)素材

ランキングアイコン(王冠)のフリー(無料)素材です。

1位~10位のランキングアイコンを、5パターン用意しました。

各パターンの1位~3位は同じアイコンで、4位以降はカラーが違います。

画像は PNG(ピーエヌジー)形式です。

ランキングアイコンの周りは透明なので、他の画像に重ねて利用できます。

フリー素材は、zip 形式でダウンロードしてご利用ください。

フリー素材集の利用規約はこちらです。商用でも無料で利用できますし、クレジット表記も必要ありません。ウェブサイトや印刷物などで、お気軽にご利用ください。

ランキングアイコンの無料素材1

ランキングアイコンの無料素材2

ランキングアイコンの無料素材3

ランキングアイコンの無料素材4

ランキングアイコンの無料素材5

ランキングアイコンの無料素材6

フリー素材をダウンロード(zip 形式)
ランキングアイコンの無料素材1(10素材)

1位~10位までのランキングアイコンです。

1位は金色、2位は銀色、3位は銅色です。

4位~10位は青色です。

サイズは幅 100px 高さ 100px です。

ランキングアイコンの無料素材17

ランキングアイコンの無料素材18

ランキングアイコンの無料素材19

フリー素材をダウンロード(zip 形式)
ランキングアイコンの無料素材2(10素材)

4位~10位を水色に変更しました。

サイズは幅 100px 高さ 100px のままです。

ランキングアイコンの無料素材30

ランキングアイコンの無料素材24

ランキングアイコンの無料素材25

フリー素材をダウンロード(zip 形式)
ランキングアイコンの無料素材3(10素材)

4位~10位を緑色に変更しました。

サイズは幅 100px 高さ 100px のままです。

ランキングアイコンの無料素材36

ランキングアイコンの無料素材37

ランキングアイコンの無料素材38

フリー素材をダウンロード(zip 形式)
ランキングアイコンの無料素材4(10素材)

4位~10位を紫色に変更しました。

サイズは幅 100px 高さ 100px のままです。

ランキングアイコンの無料素材49

ランキングアイコンの無料素材50

ランキングアイコンの無料素材44

フリー素材をダウンロード(zip 形式)
ランキングアイコンの無料素材5(10素材)

4位~10位を赤紫色に変更しました。

サイズは幅 100px 高さ 100px のままです。

これらのランキングアイコンは、Adobe Photoshop CC で作成しました。

作り方は、まずカスタムシェイプツールで王冠を描きます。

レイヤーパネルで、王冠のレイヤーをダブルクリックします。

レイヤースタイルダイアログボックスが表示されます。

ベベルとエンボスで、ベベル(内側)/滑らかに/深さ 215%/上方向/サイズ 1px/ソフト 0px に設定します。

ハイライトのモードはリニアライトで、シャドウのモードはカラー比較(暗)に設定しました。

ベベルとエンボスを設定することで、アイコンに立体感がでます。

金色であれば、グラデーションオーバーレイで #fff43f と #968f1f を交互に配置したグラデーションを作成します。

レイヤースタイルダイアログボックスで、ベベルとエンボスとグラデーションオーバーレイのみ設定しました。

数字のフォントファミリーは、Algerian に設定しました。

当サイトのフリー素材がお役に立ちましたら幸いです。