MatCon – Material Icon Maker : マテリアルデザインのアイコンを簡単に作れるアプリ

MatCon – Material Icon Makerは、マテリアルデザインのフラットなアイコン画像をかんたんに作ることのできるアプリです。基本的には開発者が自分のアプリのアイコンを作成するのを助けるためのツールアプリですが、開発者以外でも好きなアイコンを作るのに使えます。

MatConの使い方

アプリを開くと吹き出しのようなものが並んでいますが、あまり気にせずにまずは右下のフローティングアイコン「＋」をタップします。するとCircleやSquareなどが出てきます。これはアイコンの下敷きとなる背景の形です。どんなものにしたいのかある程度イメージしてこの中から選びましょう。
あつ選んだら、後はプロジェクト名を決めればアイコン作成へ入ります。

背景色の変更

メインの編集画面はいろいろ項目がゴチャゴチャしていて少しわかりにくいかもしれません。1つ1ついじってみて理解していくのがいいでしょう。とりあえずは「BACK COLOR」を選んで、最初に選んだ背景パーツの色を変えてみましょう。

メインパーツの選択

「Foreground」という部分をタップすると、背景の上にのせるものを選ぶことができます。選ぶことができるのは3つで、PNGは端末に保存されたPNGファイルを、TEXTはアプリ上でテキストを入力してそれを表示します。

「CLIPART」を選ぶと、膨大な数のアイコンの中から1つを選んで表示できます。このアイコンはおそらくGoogleのMaterial Design Icon Fontだと思います。

背景の変形

文字が殆ど見えないですが、「N…」となっている部分をタップすると、背景の形式を選ぶことができます。
Noneは通常の形態で、Scoreにすると中央を境に上のほうが明るくなり、折れ曲がったような効果になります。Dog-earは右上が折り返されたものです。

アイコンの出力

作成したアイコンは「ダウンロード」ボタンからPNGアイコンとして出力できます。できたアイコンは端末のDownloadフォルダにプロジェクト名のフォルダで保存されます。
アイコンはそのまま自分の開発中のアプリに使えるようにサイズごとにフォルダ分けされて入っています。

これは実際に本アプリで作成したアイコンです。これは512×512ですが、もちろん他のサイズもあります。自分が開発者ではなくても、このアプリを使ってPNGファイルのアイコンを作成できます。『Simple Text』に比べると、できたアイコンを取り出すのが少し面倒ですが、クリップアートなどがあらかじめ用意されてるのはいいですね。

本記事に記載された内容は記事公開時点のものであり、必ずしも最新の情報とは限りません。記事をご覧いただく際には、最新の情報を確認するようお願いいたします。