【フリー素材】Affinity DesignerでSwitchのアイコンを作成したよ

イラスト作成

Switchのアイコン作成したので配布します!

「Affinity Designer」(アフィニティデザイナー)というソフトウェアをご存知でしょうか?

主にベクターイメージを編集ができるソフトウェアで、Illustratorにも匹敵するとも言われてます。デザイン系の人達の間では数年前から話題になっているソフトウェアです。

Affinity Designer – プロフェッショナル向けのグラフィックデザインソフトウェア
Windows、Mac、iPadで使えるAffinity Designerは、デザインの世界に新たな業界標準を打ち立てた、受賞歴のあるベクターグラフィックスソフトウェアです。

そんなAffinity Designerですが、ついに私も導入することになったので、さっそく習作がてら任天堂Switch本体のアイコン素材を作ってみました!

何故Switch本体のアイコンかって?それは自分が使いたいからですw

そんなわけで、今回は私の作ったSwitchの本体のアイコン素材を紹介します。気に入ったらぜひ使ってみて下さい。

スポンサーリンク

Switch本体のアイコン素材

以下のSwitch本体のアイコンは、1つの配色に対して以下の4種類の画像を作成しました。

  1. 画面が黒のPNG
  2. 画面が白のPNG
  3. 画面が透過のPNG
  4. レイヤー情報を含むSVG

4種類の画像は使うシーンに合わせて選んで下さい。

単に並べるだけなら、この記事のアイキャッチのように「黒い画面」が合いそうですし、シンプルな配色にしたければ「白い画面」が合いそうです。また、画面部分に自分の用意した画像をはめ込みたい場合は「透過」が便利だと思います。高品質で再編集したい場合はSVGをお使い下さい。

基本的に以下の素材は自由に使ってもらってOKですが、念のため以下の点を明記しておきます。

  • 商用利用可(商品、サービス、Webサイトの制作において、利益を得ることを目的に利用してもOKです)
  • 改変可(元々の素材に編集を加えてもOKです)
  • ロイヤリティフリー(利用料を私に払う必要はありません)
  • 再配布は禁止

SVGファイルは、WordPressのセキュリティ設定でアップロードできないのでZIP圧縮しています。

グレー

  1. switch-gray-black.png
  2. switch-gray-white.png
  3. switch-gray-transparent.png
  4. swich-gray.svg(zip)

配色は最初に発売されたグレーのSwitch本体をモチーフにしています。

ネオンブルー・ネオンレッド

  1. switch-neonbluered-black.png
  2. switch-neonbluered-white.png
  3. switch-neonbluered-transparent.png
  4. switch-neonbluered.svg(zip)

配色は今も発売されているカラフルなSwitch本体をモチーフにしています。

Nintendo Switch 本体 (ニンテンドースイッチ) Joy-Con(L) ネオンブルー/(R) ネオンレッド(バッテリー持続時間が長くなったモデル)
任天堂
「Nintendo Switch」にバッテリー持続時間が長くなった新モデルが登場。※「Nintendo Switchソフトなどのダウンロードに使える3000円クーポンプレゼントキャンペーン」対象外となります。

スプラトゥーン2

  1. switch-splatoon-black.png
  2. switch-splatoon-white.png
  3. switch-splatoon-transparent.png
  4. switch-splatoon.svg(zip)

配色はスプラトゥーン2の特徴的なカラーのSwitch本体をモチーフにしています。

Nintendo Switch スプラトゥーン2セット Nintendo Switch Online 「個人プラン3か月(90日間)」利用券付き
任天堂
Nintendo Switch本体にSplaton2 (スプラトゥーン2) パッケージ版を同梱したNintendo Switch スプラトゥーン2セット

ポケットモンスター

  1. switch-pikavee-black.png
  2. switch-pikavee-white.png
  3. switch-pikavee-transparent.png
  4. switch-pikavee.svg(zip)

配色はポケットモンスターLet’s Go!ピカチュウセット・イーブイセットのSwitch本体をモチーフにしています。

ドラゴンクエストXI S

  1. switch-dragonquest-black.png
  2. switch-dragonquest-white.png
  3. switch-dragonquest-transparent.png
  4. switch-dragonquest.svg(zip)

配色はドラゴンクエストXI S ロトエディションのSwitch本体をモチーフにしています。

ディズニーツムツム

  1. switch-tsumtsum-black.png
  2. switch-tsumtsum-white.png
  3. switch-tsumtsum-transparent.png
  4. switch-tsumtsum.svg(zip)

配色はディズニーツムツム フェスティバルセットのSwitch本体をモチーフにしています。

マリオオデッセイ

  1. switch-marioodyssey-black.png
  2. switch-marioodyssey-white.png
  3. switch-marioodyssey-transparent.png
  4. switch-marioodyssey.svg(zip)

配色はスーパーマリオ オデッセイセットのSwitch本体をモチーフにしています。

Nintendo Switch スーパーマリオ オデッセイセット
任天堂
本商品は「Nintendo Switch Joy-Con (L) / (R) レッド 本体」と「スーパーマリオ オデッセイ」と「キャリーケース」と「オリジナルステッカー」のセットです。

あつまれ どうぶつの森

  1. switch-animalcrossing-black.png
  2. switch-animalcrossing-white.png
  3. switch-animalcrossing-transparent.png
  4. switch-animalcrossing.svg(zip)

配色はあつまれ どうぶつの森セットのSwitch本体をモチーフにしています。

Nintendo Switch あつまれ どうぶつの森セット
任天堂
オリジナルデザインのNintendo Switch本体に、Nintendo Switchソフト「あつまれ どうぶつの森」がインストールされた本体セットです

まとめ

というわけで、「Affinity Designer」で作った任天堂Switchの本体アイコンを紹介しました。

私の場合、イラストでは「CLIP STUDIO」を使っているんですが、Illustratorなどのベクター編集ソフトはほとんど使ったことがなく苦手意識がありました。ですがAffinity Designerだと、勘で操作しても上のようなSwitch本体のアイコンを作ることができました。Affinity Designer半端ねえ。。。

これで買い切り価格(サブスクリプションなどではなく1回の購入価格)が、Windows版&MAC版が6,100円、iPad版が2,440円なんだから驚異的ですね。

あ、そうそう!言い忘れるところでした。

アイコンのフリー素材は、「FLAT ICON DESIGN」という超有名な素材サイトがあります。自分でアイコンを作るのも楽しいですが、このサイトのアイコンを一通り見て、どうしても自分で作ってみたい場合に実際に作ってみるといいと思います。

FLAT ICON DESIGN -フラットアイコンデザイン-
フラットデザインに最適!WEBサイトやDTPですぐ使える商用利用可能なフラットアイコン素材がフリー(無料)ダウンロードできるサイト『FLAT ICON DESIGN』

ではまた!

タイトルとURLをコピーしました