えもじぃ
えもじぃじゃ!
えもみ
えもじぃ、顔の下についているのはふぐりですかぁ?
えもじぃ
わしもふぐりーずの一員じゃからのぅっておい。
えもみ
今日は何をするんですかぁ?
えもじぃ
ビア鯖アドベントカレンダーの記事を書くのじゃ。
えもみ
え!弁当をアドするんですね!じゅるる。
えもじぃ
(ガン無視)今日は文字タイプのカスタム絵文字の作り方を解説してみるぞ。もしもし、そこのあなた。いっしょに作ってみんかな。
えもみ
ハッ絵文字とえもじぃをかけてるのね!!!れ
えもじぃ
( º дº)<キエェェェエエェェェ
えもみ
えもじぃ、本題!
えもじぃ
うむ。50kB以下のファイルサイズで絵を書いてあどみんに送って「登録して♪」ってお願いするとOKじゃ。以上!
えもみ
ハーイ
えもじぃ
...そこはツッコむところじゃ。では用意するものを伝えるぞ。まずはパソコンで
Inkscape
というお絵かきソフトをダウンロードじゃ。MSペイントでもアドビでも絵を描ければ何でもいいんじゃがの。背景の透明化をかんたんきれいにできてしかもフリーソフト。わしのお気に入りじゃ。
えもみ
ドロー系というやつですね。
えもじぃ
それにフォント。これもMSゴシックでも何でもいいんじゃがわしのお気に入りは
Rounded-X mgen+ 1c
じゃ。別に決まりはないので好きなフォントを探すいいわよ。
えもみ
わよ?今わよって言った?
えもじぃ
きのせいじゃ。もしくはぬかぽんのせいじゃ。それにしてもすべて無料で使わせてもらえるありがたい世の中じゃ。わしが若かった頃はこんなに便利なものは
えもみ
その話長くなります?
えもじぃ
ヤメトコ
えもみ
えもじぃ、Inkscapeとフォントのダウンロード・インストールができました。次はどうすれば?
えもじぃ
早いのう。細かい設定があるがすっとばして
このファイル
をダウンロードしてInkscapeで開くのじゃ。
えもみ
こんなんでましたけど――
えもじぃ
そうそう。サンプル画像でわしの名前を絵文字にしたファイルじゃ。これを編集すればすぐできるわい。
えもみ
えー!じゃぁえもみの絵文字を作る!
えもじぃ
まずは左下にある
をクリックしてテキストツールを起動するのじゃ。
えもみ
これで文字のところをクリックすれば文字を編集できるのね!
えもじぃ
ものわかりの早いやつじゃ。
えもみ
できた!
えもみ
でももっとかわいい色がいいわねー
えもじぃ
色を変えるには、下の色が並んでいるところをクリックするか、[オブジェクト(
O
)]メニューの[フィル/ストローク(
F
)...]をクリックして出てくる右のやつの「フィル」を使うぞ。
えもみ
できたわ!でもフィルとかストロークってなんなんですの!?
えもじぃ
フィルは文字本体の塗りつぶしのところ、ストロークは枠線と思えばわかりやすかろう。
えもみ
なるほどー!でもこの枠線いる?
えもじぃ
ふぉっふぉっふぉ。おぬしにはまだわからぬか。この枠線がキモなのじゃ。ふぉっふぉっふぉ。
えもみ
ぐぬぬー!なんかくやしい!
えもじぃ
ところで気にならんかこの部分。文字によって大きさが違うから枠からはみでてしまうのじゃ。
えもみ
ほんとだ!なんなん!?どうしたらいいのー!
えもじぃ
まずぴたっと合わせるためにスナップ機能を使うぞ。たぶん右端にあるスナップコントロールバーの
(スナップ有効、境界枠にスナップ)
(境界枠の隅にスナップ)
(ページの境界にスナップ)をONにするのじゃ。
えもみ
わかるーちょっと田舎の少し古びた感じで地元の常連さんが集うようなスナップにふらっと入るの好きだわー
えもじぃ
それはおそらくスナックじゃな。
えもみ
えっ
えもじぃ
次に左上にあるであろう
(選択ツール)をクリックじゃ。そして文字をクリックすると文字全体を囲む矢印付きの枠線が出るじゃろ?その左のハンドルをドラッグして枠のあたりにもってくると勝手にスナップして合わせてくれるぞ。
えもじぃ
今回は左だけじゃったが上下左右はみでたら収めるんじゃぞ。
えもみ
ハーイ
えもじぃ
本当ははみでてもとくに問題ないのじゃがの。画像を正方形にするためじゃ。ふぉっふぉっふぉ。
えもみ
んで、これで完成なんですかー?
えもじぃ
あとはPNG画像ファイルとして保存するだけじゃ。
えもみ
おー!どうやるのー!?
えもじぃ
[ファイル(
F
)]メニューの[PNG画像にエクスポート(
E
)...]をクリックすると右のほうになんかでるじゃろ。
えもみ
なんかでた
えもじぃ
「エクスポート領域」は「描画全体」つまりさっきの枠ということじゃ。画像サイズを幅も高さも128、これは決まりはないがの、このあたりがちょうどよいじゃろう。
えもみ
ほうほう
えもじぃ
「エクスポート先」は保存先ファイル名じゃ。ここでファイル名を決めるだけでまだ保存されないから注意じゃ。保存しないまま次の画像作りはじめたりしがちじゃ。
えもみ
ぬかったのね!
えもじぃ
ぬかったいうな!忘れずに「エクスポート(
E
)」ボタンを押すんじゃぞ。そしたら完成じゃ!
えもみ
やったー!あどみんに登録してもらわなきゃ!
えもじぃ
あせるでない。問題ないか確認じゃ。
えもじぃ
WebUIの色だけとは限らないから背景が白いアプリでもちゃんと見えるか確認するのじゃ。色が薄すぎると白い背景で見えなかったり暗すぎても同様じゃ。
えもみ
あ!ここでストロークが生きてくるんですね!!
えもじぃ
問題なさそうじゃな。あどみんに登録してもらうんじゃ。
えもみ
じゅるる!
えもじぃ
ファイルをダウンロードしてもらったので省略した各種設定をまとめておくぞ。
[ファイル(
F
)]-[ドキュメントのプロパティ(
D
)]→ページはカスタムサイズ128x128、単位はpx。お好みでCheckerboard backgroundとかアレするといいぞ。
拡大・縮小してストロークの線幅などが変わってしまうのが嫌な場合は、ツールバーの
あたりを変えてみるとよいぞ。
えもみ
いろんな機能があるんですね〜
えもじぃ
そうそう大切なことを忘れちょる。あどみんえすとさんとアドカレマスターてすとくんちゃんさんに感謝じゃ。
えもみ
ほんとにほんとに、ありがとうございます〜
えもみ
ところで私たち、どこかで見たキャラクターに似てませんかぁ?
えもじぃ
こまけぇことはええんじゃ。そこらへんはふわふわっとしておこうかの。雲だけに。
えもみ
雲!?言っちゃった...
えもじぃ
空から日本をのぞく時、日本もまたこちらをのぞいているのじゃ。
えもみ
えっ