Webデザイナー、UI/UXデザイナーの@sdesignlaboです。
スマホゲームのUI制作に最適な幅広いジャンルのベクター素材を25点厳選しました。
全て商用利用可能なので安心して活用いただけます!
スマホゲームだけでなく、PS5やSwitch、PCゲームといったコンシューマーゲームなど、幅広い分野のゲーム制作に活用できるゲームUIキットです。
Illustrator(イラストレーター)で編集できるベクター画像なので拡大・縮小を行っても劣化しませんよ。
もちろんPhotoshopやPremire、AfterEffectといったその他Adobe製品でも活用可能!
高品質なゲームUI素材を活用し、制作のスピードアップとクオリティアップをされませんか?
スマホゲームのUI素材25選
Illustratorで編集可能なスマホゲームUI用のベクターイラスト25選です。
全て商用利用可能なので安心して活用できますよ。
ベクターイラストなので拡大・縮小をしても劣化しません。
Photoshopなどの画像編集ソフトにもインポートできる万能UI素材ですよ!
詳しいインポートの方法はコチラの記事で解説しています。
Illustratorを導入しましょう
当記事の内容を実践するにはIllustratorが必須です。
未導入の方は
Illustrator公式サイトからダウンロードしておきましょう。(7日間の無料体験が可能)
なお、AdobeCCのプランは
コチラの記事で徹底解説しています。
#01 Elements game wood interface set dashboard for app vector
木目ボードの質感で作られたゲームのダッシュボードに適したゲームUIキットです。パズルなどのカジュアルゲームの世界観に適していそうですね。
ダウンロードする
#02 Match game ui interface, set of icons for mobile application entertainment
キャンディークラッシュのようなパズルゲームの素材が収録されたゲームUIキットです。アイコンやウィンドウなど、画面を構成する各種UI要素が収録されています。
ダウンロードする
#03 Sci-Fi Game GUI Pack
SF系のスマホゲームに適したゲームUIパックです。アイコン、ウィンドウ、ゲージ、マップなど、可愛めのSF系に適したユーザーインターフェース素材です。
ダウンロードする
#04 UI game vector button design set
古い羊皮紙のような質感をモチーフにしたゲームUI素材です。古びた銀のフレームにオレンジ色の宝石がキラリと光ります。
ダウンロードする
#05 Space Game GUI Pack
宇宙をモチーフにしたゲームに適したゲームUIキットです。ベースはフラットデザインですが、シャドウやハイライトが可愛く入れられているので平面っぽさがありません。
ダウンロードする
#06 Graphical User Interface Set in Natural Style.
自然をテーマにしたグリーン系のゲームUI素材です。Illustratorで編集可能なベクター素材なので使い勝手が非常に良いですよ。
ダウンロードする
#07 Game UI kit user interface. Icons, dashboard for app
幅広いスマホゲームのダッシュボードに活用できるUI素材です。難易度設定やリザルト画面、スコア画面、レベルなど、よく使う素材一式が収録されています。
ダウンロードする
#08 Space Game GUI
宇宙をテーマにしたゲームUI素材です。ブルー系で統一された中に目立つピンクの差し色が特徴的なグラフィックです。
ダウンロードする
#09 Galaxy space game interface.
銀河系宇宙をテーマにしたゲームUIのアセット素材です。ロケットや宇宙船、アイコンやウィンドウ、プログレスバーなど、スマホゲームでよく使う素材がベクターイラストで収録されています。
ダウンロードする
#10 Golden interface game buttons, ui, gui elements.
ゴールドの質感で描かれたGUI(グラフィックユーザーインターフェース)のベクター素材です。多くのアイコンやウィンドウ、プログレスバーなど、ダッシュボードや各種画面に活用できますよ。
ダウンロードする
#11 3D game UI stone frame set, rock menu background kit
中世ヨーロッパの世界観で作られたスマホゲームに適したゲームUIキットです。カードゲームやRPGなど、幅広いゲームジャンルに適しています。
ダウンロードする
#12 Sweet, glossy and fun, Candy and Chocolate
キャンディーやチョコレートなどのスイーツをテーマにしたゲームUIキットです。キャンディークラッシュを彷彿させるような世界観ですね。
ダウンロードする
#13 Game user interface elements
ログインボーナス、ローディングバー、レベル表記、ボタン、トグルボタンなど、ゲームUIを構成するパーツが収録されたベクターイラスト素材です。
ダウンロードする
#14 Big set buttons icons elements for Space game cartoon casual games and app
コミック調で描かれたSF系ゲームに適したゲームUI素材です。カジュアルゲームに適したUIデザイン、UI素材だけでなく宇宙船や星などのイラスト素材も収録されています。
ダウンロードする
#15 Green forest game interface.
緑の森をモチーフにしたゲームのインターフェイス素材です。ゲームのUIとしてだけでなく、Webサイトやバナー、マンガの素材などにも流用できますよ。
ダウンロードする
#16 Stone game user interface design kit
中性ヨーロッパを舞台にしたRPGやシミュレーションゲーム等に適したゲームUI素材です。中世ファンタジーの戦争ゲーム等にピッタリの世界観です。
ダウンロードする
#17 Wood Game GUI Pack
木目のパネルに各種UIがデザインされたグラフィックユーザーインターフェース素材です。豊富なウィンドウとアイコン素材が収録されているのでUI制作の手間を劇的に軽減できますよ。
ダウンロードする
#18 Wooden pirate game UI icon set
海賊がテーマのスマホゲームに適したゲームUI素材です。赤みがかった木の板に各種UIがデザインされています。
ダウンロードする
#19 Jungle shamans mobile GUI level selected
ジャングルのシャーマンをテーマにした、密度の濃いゲームUI素材です。アイコンやボタン等、一つ一つの要素が細部まで非常に細かく描かれています。
ダウンロードする
#20 Game buttons of wooden and gold texture cartoon menu interface elements
木目のパネルやアイコンが大量に収録されたゲームUI素材です。カジュアルなスマホゲームだけでなく、Webサイトやバナーデザイン、各種印刷物など、幅広い制作に流用できる素材ですよ。
ダウンロードする
#21 Set of icons and buttons for creating a space 2D game. Vector illustrarion
SFゲームの世界観に適したUIキットです。全て商用利用可能なベクターイラスト素材なので安心して活用いただけます。
ダウンロードする
#22 Match three game interface with icons of jelly candies.
色とりどりのゼリーのキャラクターが描かれたゲームUIキットです。キャンディークラッシュのようなパズルゲームに最適な素材が一式収録されています。
ダウンロードする
#23 Cartoon game ui. Wooden elements and popup menu, buttons and icons.
スマホのシンプルなカジュアルゲームのUIに適した木目調のGUIキットです。陰影の無いカートゥーン調のタッチで描かれた柔らかな印象のUIに仕上がっています。
ダウンロードする
#24 Sci-Fi Game GUI Pack
SF系のゲームに最適なゲームUI素材です。近未来SF、サイバーパンク系の世界観など、無機質な未来世化のUIに最適ですよ。
ダウンロードする
#25 Pirates and corsairs game interface.
海賊をモチーフにしたゲームUIキットです。木目のウィンドウ、アイコン、プログレスバーや海賊をテーマにしたイラスト素材など、豊富なUI素材が一式収録されています。
ダウンロードする
ゲーム制作を高速化できる素材
商用利用可能で高品質なゲーム制作に適した素材を厳選しました。併せてチェックされてみませんか?
ワンランク上のテンプレート素材
Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。
下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。
制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。
例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします!
厳選!ポートフォリオ用テンプレート40選
良質な素材をもっと見る
上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください!
おわりに
以上、Illustrator(イラストレーター)で編集可能なスマホゲームUIのベクターイラスト素材25選でした。
全てベクターイラストなので拡大・縮小を行っても劣化無し、非常に扱いやすい素材です。
またIllustratorだけでなく、PhotoshopやAfterEffects等にインポートさせて活用する事も可能です。
スマホゲームだけでなく、コンシューマーゲームなどにも活用できる素材ばかりですよ。
なお、コチラの記事でPhotoshopを使ったゲームUIの作り方を解説しています。
ぜひ併せてチェックして下さい!
ではまた!
ポートフォリオを作ろう!
ポートフォリオ作りのヒントになりそうな記事を掲載しております。
デザイナーの就職・活動に必要なポートフォリオに迷った際に参考にしてください。
ポートフォリオ 目次一覧
ゲームUI制作テクニックと素材まとめ
ゲームUIを制作する上で役立つテクニック、ゲームUI制作を劇的に効率化できる高品質&商用利用可能な素材をまとめました。
ゲームUI制作に役立つテクニック
ゲームUIを自作する上で役立つPhotoshopのテクニックを解説しています。
初めてゲームUI制作をされる方にも分かりやすく解説いたします!
ゲームUI制作に役立つ高品質素材
商用利用可能で高品質なゲームUIのベクター素材や背景イラスト素材を厳選しました。
PhotoshopやIllustrator等で活用できるゲームUI制作を劇的に効率化できるチート素材ですよ!
InDesignは活用されていますか?
Illustratorだけでなく、InDesign(インデザイン)も活用されているでしょうか?
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方は
Adobe公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート40選は
コチラ!
目次一覧
ゼロから始めるシリーズ
現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!