Simple Textで(テキストじゃない)アイコンを作ろう!

|

以前、Glaiconというアイコンを作ってGlaejaで天気予報の画像をテキストでアイコン表示してしまう、という例を紹介しました。
こういうアイコンをフォント化したものというのはけっこうたくさん出ています。ウェブデザインの世界でもそれを利用してアイコン画像をフォントで置き換えて表示するのが使われるようになってきました。

今回は、Androidのテキストアイコンを作成するアプリ『Simple Text』を使って、テキストではないアイコンを作成します。

130223-1
Simple Textを起動し、右上の「新規作成」から新しいスタイルを作成します。

130223-2
テキストの編集画面で、フォント変更をタップ

130223-3
ここでアイコンフォントを選択します。今回使ったものは「Web Icon Fonts」というものです。どの文字がどんなアイコン表示になるかは、サイトを見ながらやるといいでしょう。

フォントファイルはSDカードのsimpletextフォルダ内に「fonts」というフォルダを作成し、その中に入れます。

130223-4
テキストとしては「t」と入力していますが、画面上はtwitterのアイコンが表示されています。文字を変えれば、同様に他のアイコンを表示させることができます。

130223-5
あとは、そのアイコンの土台となる部分を「短形」や「円」のシェイプで作成すればOKです。いろんなアイコンができます。

130223-6
実際に表示するとこんな感じです。
画面上の12個のアイコンはすべてSimple Textで作成したものです。(ドックのアイコンは違います。)

 

さすがに画像は扱えないので表現にも限界はありますが、わりと簡単にアイコンを作成することができます。
Simple TextのスタイルはSDカードのsimpletextフォルダ内「styles」フォルダ内にxmlファイルで保存されています。今回作成したスタイルをダウンロード出来るようにしたので、これをダウンロード後、解凍して中身をstylesフォルダにコピーすれば同じスタイルが使えると思います。

styles.zip (39.7KB)

Random Posts

VRでレムと異世界生活 – 添寝編:セリフは新規収録!リゼロのレムとVR空間で添い寝!
格安SIM (MVNO) 速度比較 : 2018年6月その2 OCN系やDTI SIMが少しずつ良くなってる?
紫の映えるホーム画面【ホーム画面コンテスト2017】
KLWPでランダムなセリフをしゃべらせよう(第3弾)
ZNT PocketNeko レビュー:マグネットで貼り付けられる!可愛いニャンコのBluetoothスピーカー
祝☆MIKUさん【ホーム画面定期コンテスト】
Language Navi:「日本語じゃないので☆1です」なんてもう言えない!アプリ画面を翻訳してくれるアプリ
SHARP AQUOS S2 レビュー その2:日本語対応はイマイチだがナビバー非表示など気の利いた機能も
20周年の気合を感じた!HTCサポーターズクラブ キックオフミーティングに参加! #HTCサポーター
Disable Network Activity Indicator RRO:Android 8.0のXperiaでチラチラする通信アイコンの▲▼を非表示にするアプリ
3G Watchdog Pro – Data Usage:スマホでの通信量を細かく記録して表示できるアプリ
イースターホーム【ホーム画面定期コンテスト】
朝の散歩用にちょうどいい!ワイヤレスイヤホン内蔵Bluetooth帽子がお気に入り
Android P Betaがリリース!Xperia XZ2やEssential Phone PH‑1でもインストール可能
KLWPで表示画像を切り替えて数コマアニメを作ってみる