Help us understand the problem. What is going on with this article?

Yosemite風のアイコンが簡単に作れるツール作った

More than 3 years have passed since last update.

はじめに

最近Electronを使った最強のTwitterアプリとかが話題ですが、みなさんアイコンのデザインとかどうしてますか?
UIはともかくとして、Dockにブチ込めるいい感じのアイコンデザインちょっと面倒くさい……。
そんな人のためにこんなツールを作ってみました。

ogp.jpg
Yosemite風アイコンジェネレーター
http://ls8h.com/yosemite-icon/

API

使い方としては2通り用意しました。
まず、アイコンジェネレータのページから直接マウスやペンタブなどで普通に書いてみる方法。
もう一つは、APIです。
ここはQiitaですので、とりあえずkobitoのアプリアイコンを元にAPIを使って自動生成してみたいと思います。
まずは元となるアイコンを用意します。
kobito.png
大きいですね。1024*1024のサイズで作っています。
Dockにあるアイコンを参考に、マークをいい感じの大きさにするといい感じです。
これをローカルにkobito.pngという名前で保存しまして、保存先のディレクトリ内で下のようにコマンドを実行してみてください。

$ curl ls8h.com/yosemite-icon/api -F "icon_image=@kobito.png" -F "base_color=#79b74a" > icon-name.png

すると少しだけまったのちに、実行したディレクトリ内にicon-name.pngというファイルがダウンロードされているはずです。
作られたアイコンはこんな感じになります。
icon-name.png

お手軽です。
実際にアプリで使うにはicnsに変換する必要があります。
今回はオンラインのサービスで変換しました。

Online icon converter for png, ico, and icns - iConvertIcons
https://iconverticons.com/online/

下のように、「icns file」とかかれば場所をクリックすればicnsファイルが手に入ると思います。
スクリーンショット 2015-09-03 16.14.18.png

生成されたアイコンをアプリの中にあるデフォルトのものと置き換えて、実際にDockに入れてみると下のような見た目になります。
スクリーンショット 2015-09-03 16.18.16.png

いい感じですね!

それではみなさんよいネイティブアプリライフを!

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした