アイコンとスマホの壁紙を作った話

はじめに

はじめまして、TwitterGitHubとかでのんびりやっているpuripuri2100です

今日は201☃年☃月☃日ですね。

ということでちょっとだけ素敵かもしれないゆきだるまネタを用意してみました。

 

可愛い可愛いゆきだるまですが、ずっとずっと一緒にいたくなりますよね。そこでTwitterGitHub等で使うアイコン、そしてスマホの壁紙を作ってみました(前にも作ってみて採用していたのですが、元データがどっかに行ってしまったり色々とあったのでこれを機に作り直すことにしました)。

アイコン

コンセプトは基本的にはワトソンさんの記事を参考にしましたが、以下のような感じです。

 

  • 正方形でも円形でも問題なく見えること
  • ゆきだるま要素を入れること
  • 茜色を頑張ってねじ込むこと(可愛い可愛いE6系新幹線の車体色ですよ!)
  • 基本の形を維持しつつ、季節によって少し変化を加えることが可能であること

さて、上の条件を満たすものを作るわけですが、ここはLaTeX(xcolorパッケージとscsnowmanパッケージも)を使うしか無いでしょう。

基本のソースコードは下のようになりました。あとは季節ごとにマフラーの色とかを変えるだけです。


    \PassOptionsToPackage{svgnames,x11names}{xcolor}
    \documentclass[tikz,margin=-1.2cm]{standalone}
    \usepackage{tikz}
    \usepackage{scsnowman}
        \definecolor{AKANE}{HTML}{b7282e}
        \definecolor{AMA}{HTML}{2ca9e1}
        \definecolor{RURIKON}{HTML}{19448e}
        \definecolor{KOKUTAN}{HTML}{16160e}
        \definecolor{TOKIWA}{HTML}{028760}
        \definecolor{KONPEKI}{HTML}{007bbb}
    \begin{document}
        \begin{tikzpicture}
            \path[fill=AKANE] (0,0) circle (3cm);
            \path[fill=white] (0,0) circle (2.8cm);
            \node[scale=18] at (0, 0) {\scsnowman[hat=RURIKON,muffler=TOKIWA,arms=KOKUTAN,snow=AMA,buttons=KONPEKI]};
        \end{tikzpicture}
    \end{document}

これをLuaLaTeXでコンパイルしてPNGファイルに変換するとこんな感じになります(なぜかTeX2imgが使えないのです……)。

アイコンの基本デザイン

周囲を茜色の円で囲い、その中にゆきだるまを入れるだけの単純なデザインです。

可愛いですね~

壁紙

自分のスマホAndroidなので特にこれと言って気にすることはありませんでした。

灰色の背景にアイコンと同じデザインを載せるだけの本当に単純なデザインにしました。ソースコードはと結果下のようになりました。


    \documentclass[a5paper]{article}
    \usepackage{bxpapersize}
    \usepackage{tikz}
    \usepackage{scsnowman}
    \usepackage[top=0truemm,bottom=0truemm,left=0truemm,right=0truemm]{geometry}
    \usepackage{xcolor}
        \definecolor{AKANE}{HTML}{b7282e}
        \definecolor{AMA}{HTML}{2ca9e1}
        \definecolor{RURIKON}{HTML}{19448e}
        \definecolor{KOKUTAN}{HTML}{16160e}
        \definecolor{TOKIWA}{HTML}{028760}
        \definecolor{KONPEKI}{HTML}{007bbb}
    \pagestyle{empty}
    \begin{document}
    \pagecolor{gray}
        \begin{center}
        \begin{tikzpicture}
            \draw (4.5,8.8) -- (4.5,-8.8) ;
            \draw (-4.5,-8.8) -- (-4.5,8.8);
            \path[fill=AKANE] (0,0) circle (3cm);
            \path[fill=white] (0,0) circle (2.8cm);
            \node[scale=18] at (0, 0) {\scsnowman[hat=RURIKON,muffler=TOKIWA,arms=KOKUTAN,snow=AMA,buttons=KONPEKI]};
        \end{tikzpicture}
        \end{center}
    \end{document}

f:id:puripuri2100:20180808010106p:plain

ゆきだるまを中央に置くための目印として線を左右においています。

最後に

なかなかうまくできて嬉しかったです。これは納涼バージョンですが、秋バージョンや春バージョンなどいくつか作りました。全てGitHubに置いてありますので責任は取りませんが使用はご自由に。