ブログの設定を変更していますので、表示が乱れる場合があります

2013年07月25日

アイコン着せ替えアプリ CocoPPa のアイコンを作ってみた(iPhone、Android)

iPhone、Androidのアプリとしてある
 CocoPPa(ココッパ)
ホームに配置するショートカットアイコンを好きな画像にお着替えすることが出来る着せ替えっぽい事ができるアプリ
SNS的な要素もある

週刊アスキーのWEBかドコかの記事で、国内より国外で流行ってるとか読んだような気がするのだがその時に入れてた
最近、Amazonからのメールで紹介されてたので思い出して触ってみた

投稿という形で、色々なアイコンが公開されているので、好きなアイコンを選んで、設定したいアプリを選ぶだけ
メール、電話番号、ブックマークにも設定可能
ちなみにTwitter、Facebookのアカウントでログインできる

文章で説明するより見たほうが早いので作ってみた
Screenshot_2013-07-25-1.jpg
こういうふうに、とか設定して、シンプルフォン的な使い方もできるのかなぁと思う(どうでもいいけど、私は”娘”とか居ないです、あえて作らなかった””がいないので・・・)
アイコンに電話番号を設定して、ボタンを押せば、その番号に電話をかけれる

あとはブックマーク的な使い方も
(WEBのお気に入りを設定して、押せばそのページが開くので便利!)
Screenshot_2013-07-25-2.jpg
フォントは、フリーフォントの”Kingthings Gothique ”を使用してます
ガンダムは背中もカッコイイんだよ!と思って壁紙にしてたが、背景が暗くてアイコンが見えなかったので変た

まぁ設定は、設定するだけなんで特に何も無いのだが、コレの面白いのは、自分でも作って投稿出来るというところ
とりあえずテストで作ってみたけど、最初ちょっと失敗したので、コレから作る人がいれば、情報共有って意味でメモを書いておきます

当然だけど、著作権があるキャラ、写真などは”公開”は出来ないので注意
非公開”なら自分専用としてアップロードできる

アイコンサイズがどれくらいの大きさで作ればいいのかわからなかったのでとりあえず
 256*256
で制作
アップロードの際にトリミング出来るのでよほど小さくなければ良いと思う


普通の画像ならJPEG

透明化の方法が不明だったのだが、とりあえず1番簡単なPNGで透明化をやってみたらOKだった
半透明も使えるので非常に便利!
(画像ソフトはGIMPを使ってますが、レイヤーが使えるソフトなら、特に何もなく透明化は可能と思う)

1回設定してみて失敗したのが、アイコンの角が円形に削られる
自分で枠を設定してたので、枠が切れてしまった
Screenshot_2013-07-25_01.jpg
こんな感じに削れるので自分で枠を作る場合は注意が必要!

参考になるか不明だけど、256*256のサイズで角を半径40(37ぐらい)で丸めたら丁度いいぐらいかも
waku.pngwaku2.png
枠はこんな感じだと行けるはず(この画像はご自由に!)

枠を修正して作りなおしたのが最初にはった2枚の画像
ちなみに私の使ってるソフトバンクの203SHだと生成されたアイコンは
 96*96だったけど、アイコンの大きさとかって変えれるんだっけ?

このCocoPPa(ココッパ)はPCからもアイコンなどの画像はアップロード可能
3000*4000の画像をアップロードしたら、大きいってエラーでた・・・

ユーザー名
 kzgfk
で登録しています
上に張った画像のアイコンを公開に設定してみました(まだ審査中)
気になる人は、見てみてください
(まぁ、このブログに書いてもらえれば、画像ファイル上げますけど、それほど需要は無いはず)

とりあえず悪い見本、写真を公開するのはアウトです
Screenshot_2013-07-25-04.jpg
あくまで個人的に楽しむだけにしましょう!
なんか今日、yahooのトップに川島海荷の話題があったが・・・・

なんだかんだで作業してたら、ぴんとこなが始まってるどころか、ほぼ終わりの時間だった
やっぱこういうドラマより、キョンシーガールのようなドラマの方が楽しめるなぁと思う
視聴率がヤバイようだが、2話めはどうなんだろうなぁと・・・私も見てないけど(ビデオは撮ってます!)

CocoPPa
https://cocoppa.com/

posted by 風が吹く at 21:52| Comment(2) | TrackBack(0) | Android | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
突然で失礼します。
質問なのですが、CocoPPaで背景透過アイコンを作りたくてフォトショで透過し、PNGで保存しました。
CocoPPaにアップしたら背景が白とグレーのブロックチェックになったので出来たと思いショートカットを設定してみたのですが、設定すると背景が黒になって透過されていません。
原因がわからないのですが、なにかお分かりになりますか?
お時間ある時に回答していただけると助かります。
宜しくお願いします。
Posted by 冗談はよし仔 at 2013年07月30日 07:46
フォトショップを持ってなくて、確認ができないのですが
私がCocoPPaに透明のある画像をアップしたときには、透明部分は透明になってます

アップした時に”背景が白とグレーのブロックチェック”ということで
おそらく、保存する間のどこかに何かあるのかもしれません


あと、思いついた、確認方法だけ書かせてもらいます
これで解決はしないけど、もし違いがあったら、そこが原因の可能性があるかも!

この画像、上が半透明、下が透明になってます
https://playbox.up.seesaa.net/image/toumei_tes.png
CocoPPaにアップして、携帯で表示されるのを確認しました

この画像をフォトショップで開いて、透明、半透明の部分が、自作された画像と、どう違うかのチェックしてみてください
違う所があるなら、そこが原因の可能性があります

同じなら、別名で、保存して透明になってるかの確認をしてみてください(これで透明にならないなら、保存するときに何かある可能性あり?)


試しに、GIMPというフリーソフトで画像を作ってるのですが、そのソフトで、フォトショップ形式で出力してみました
(別のソフトで作ってるので、正常に開けるかの確認も出来てないです)

https://playbox.up.seesaa.net/image/0730test.psd
(0730test.psd というフォトショップ形式のファイルです)

このファイルの文字や線など色のついて無いないところは全部透明になるはずなので
これをPNG形式で保存して確認してみてください


何かありましたら、気軽に書き込んでください
役に立てるかは、わからないけど、何かの助けは出来るかもしれないので!
Posted by 風が吹く at 2013年07月30日 23:06
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]


この記事へのトラックバック

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。