未分類チュートリアル

Simple Textでフキダシ型アイコンを作ろう

SimpleTextと言うアイコンを簡単に作成できるアプリがあります。
基本的にテキストアイコンを作成するためのアプリですが、簡単な図形も描くことができます。(四角と円)

これらを使ってフキダシ型のアイコンを作ってみました。

この3つのアイコンはSimpleTextだけで作っています。


やりかたは簡単で、まずはフキダシの形となる四角を描画します。好みで角を丸くしましょう。色は黒です。

次に先ほどと同じような四角を今度は白にして作成します。そして大きさを8くらい小さくして、黒の四角の上のレイヤーに置き、位置を調整します。すると黒の縁取りをしたような四角になります。ポイントとしては、上のレイヤーの四角の「角の丸み」を下のレイヤーのものよりも小さくすることです。同じ値だと角部分だけ線が太く見えてしまいます。

次にフキダシの飛び出ている部分ですが、これはテキストの▲(さんかく)です。これを四角と同じように大きめの黒と少し小さくした白で作成します。角度と位置を調整すればそれっぽくなります。

最後に一番上のレイヤーで文字を書きます。これで完成。縁取りが要らないフキダシならレイヤー2枚で済みますね。円をたくさん書けば雲形のフキダシも作れるかと思ったのですが、どうやらSimpleTextはレイヤーを5枚までしか作ることができないようなので断念しました。

これでスタイルを作っておけば、あとはテキストを変えるだけでフキダシアイコンがたくさん作ることができますね。





まぁ、

もっと簡単な方法もあるのですが…。

フキダシフォントというのがあります。(このあたりとか→http://atclip.jp/)SimpleTextはフォントを選べるので、これを使えば簡単です。上記の方法よりも自由度は少し下がりますが。

上記サイトで配布しているフキダシフォントは枠線のみのものと塗りつぶしのものの2種類あります。先ほどと同じように塗り潰しのフォントで下地となる色を置き、その上のレイヤーに枠線のみのフォントでもう1個置くとそれっぽくなります。枠線のみのほうは太字設定にするといいです。

この方法だとレイヤーが文字を含めて3枚で済みますね。文字を2段にしたいときなどはこっちの方がいいでしょうか。

とりあえずいつもの通り、スタイルファイルをダウンロードできるようにしておきました。上の方法の3つのスタイルが入っています。これをSDカードのsimpletext/style/フォルダに入れれば選択肢に出てくると思います。あとは好きに改造してみてください。
http://ux.getuploader.com/orefolder/download/53/fukidashi.zip

Random Posts

Spigen、最大90%オフで対象ケースがワンコインで買える「クリアランスセール」を開催!
Xiaomi Redmi Go プレゼント企画!Twitterのフォロー&リツイートで応募完了
総務省と消費者庁が携帯電話業界の「頭金」表示について消費者に注意喚起
楽天モバイル、AQUOS sense3 plusにAndroid 10へのOSアップデートを配信開始
TCLによるBlackBerry端末の販売が2020年8月31日で終了へ
Googleストアのホリデーセールが来てた!? Google Home Miniが半額の3240円
GeekbuyingでTWSイヤホンのセール!30ドル以上で3ドルオフ、50ドル以上で5ドルオフのクーポンあり
Google、よりヘルシーなインターネット利用の普及を目指しスムージースタンドを4日間限定で渋谷にオープン!
ロケットモバイル プランAが値下げ!神プランはSMS付いて月額298円!
LINEモバイルの「月額基本利用料2ヶ月0円キャンペーン」は8月25日終了
楽天モバイル、最大14,500ポイント還元「Rakuten UN-LIMIT対象製品購入サポートキャンペーン」開始
HUAWEI P30 liteが7,920円!ワイモバイルオンラインストアにてGWセール開催中!
orefolder生誕祭2019:ほしい物リストからスマホ関連を紹介します
LINEモバイル、招待キャンペーン第10弾を開始!招待URLからの申込みでウェブ登録事務手数料が最大無料
mineo「増速ウィーク」第2週開始!mineoスイッチでデータ容量消費なし最大1Mbpsに増速!