hazi.log » Design

Google+ Appのアイコンださいから、みんな俺の作ったアイコンに変えなよ！！（iPhone, Android, Mac用）

admin — Sun, 24 Jul 2011 15:38:26 +0000

前回に引き続き Google+のアイコンです。今回はユーザー用ではなく、各OSのアプリ用のアイコンです。

アイコンのダウンロード

iPhone 4, iPhone3G(S)用のサイズと、Android用に適当に64, 128, 512pxのPNGファイルを用意しました。

適用イメージ

実際にスマートフォンに適用するとこんな感じになります！

INFOBAR A01 へ適用した例。 (提供:はがねさん)

iPhone適用例

Mac (Fluid.app) 適用例

設定方法

iPhoneへのカスタムアイコンの適用するには、iPhone Explorerを使用して、iconファイルを書き換えます。

書き換えるファイルは下記の２つです。

iPhone > Apps > Google+ > EmSea.app > Icon.png
iPhone > Apps > Google+ > EmSea.app > Icon@2x.png

Android Appはアイコン入替え用のアプリがあるらしいので、探して見てください！

Google+用のオリジナルアイコンのPSD配布します！

admin — Mon, 18 Jul 2011 07:25:55 +0000

Google+ 用に試行錯誤、色々なご意見を頂きながら制作したオリジナルアイコン。結構好評だったので、配布することにしました！

PSDファイルだけでなく、PNG, JEPGなどもありますので、Photoshopをお持ちでない方でもご利用頂けます。気に入って頂けたら是非使って見てください。出来たアイコンは出来れば、見せて頂けると嬉しいです！

※簡単な利用方法などの書いてあるテキストファイルも添付されています。
※サンプルは林檎マークになってます。HAZIのマークは使わないでくださいｗ

Twitterアイコンから作成

こちらでは、簡単にTwitter, Facebookのアイコンから作成ができますので、是非こちらもご利用下さい。

twibbon

変更履歴

[追記] 2011/07/18 20:09
twibbonの方が、枠からはみ出して背景のアイコンが出てしまうので、枠の外に白い背景追加しました。

[追記] 2011/07/18 18:31
放射線の中心部に無いバージョンも追加。

[追記] 2011/07/18 18:08
簡単にTwitterアイコン、Facebookアイコンから作成出来るWebサービスに登録しました！

[編集] 2011/07/18 17:51
Downloadがリンク切れ修正しました。すみません…

【追記と再編】Macは環境によってフォントのレンダリングが変わる

admin — Wed, 25 May 2011 03:55:56 +0000

先日紹介した SkypeChatStyle。とある人から「フォントがブログのスクリーンショットより太い」というお話がありました。SkypeChatStyleを紹介して頂いたブログ記事のスクリーンショットでも、私のSkypeとは違う見た目になっている人が居ました。

原因を色々調べたところ、環境によってフォントのレンダリング(アンチエイリアス処理)がかわることが分かりました。その環境の違いは「外部ディスプレイを繋いで起動したか否か」だけです。具体的にどうちがうのかは、下の画像で確認して下さい。

でも、昔は外部ディスプレイ繋いでても、シングルと同じようなレンダリング方式だった気がするんだけどなぁ…。詳しい方がいらっしゃったら、是非コメントください！

以下、追記と再編 2011/05/26 00:30
記事を見て頂いた宮澤聖二さんから、Reply頂きました（ありがとうございます！）。

内蔵モニタだけで表示した時のレンダリングは「サブピクセルレンダリング」というそうです。
サブピクセルレンダリング – blog.coluli.net/

@hazi_nico Apple純正のモニタだとサブピクセルレンダリングしてくれるんですけど、サードパーティのモニタだと普通のグレースケールのアンチエイリアスになってしまうようです。

2011年5月25日 1:02 PM via Echofon ReplyRetweetFavorite

@onthehead

宮澤聖二

また、これを切り替えることもコマンドラインであれば行えるそうです。

@hazi_nico んでもって、サードパーティのモニタでサブピクセルレンダリングするときは defaults -currentHost write -globalDomain AppleFontSmoothing -int 2 で行けたはずです。

2011年5月25日 1:05 PM via Echofon ReplyRetweetFavorite

@onthehead

宮澤聖二

この機能はLeopardまでは、システム環境設定＞アピアランスから行えたアレです。詳しくMac Fan.jpに乗っていたので、そちらをご覧ください。

Mac Fan.jp：スノーレパードで文字の滑らかさを調整したい

コマンド実行後に起動したソフトに、サブピクセルレンダリングが適応されるみたいです。コマンド実行後はログアウト又は、再起動をするといいでしょう。

立体視映像をMotionで作って見た。

admin — Sun, 08 May 2011 10:32:57 +0000

Apple Motionを使って、以前制作したPVのワンカットを立体視映像にしてみました。
元々カメラを使って立体的に作っていた映像だったので、少しずらして2個映像を作り、合わせてあげるだけで簡単に作れました。

PV全てを立体視にするのも是非、今度チャレンジして見たいと思います。

※平行法という味方で見れます。3Dディスプレイ不要です。

パンダヒーローのオリジナルPV作った！

admin — Thu, 14 Apr 2011 12:21:30 +0000

はしやんさんのラップアレンジ版パンダヒーローのPV制作を手伝わせて頂いたので、ご紹介します。

作品紹介

絵は、前に作ったPVの「マトリョシカ」でも、担当してくれていた soumaさんと、ニコニコで漫画連載もされている５月病マリオさんです！！

歌も豪華メンバーで、かなりハイクオリティーな作品に仕上がっています！

【ニコニコ動画】パンダヒーロー　ラップアレンジ【はしやん】

動画解説

前回同様、文字入れと、今回は立体的な動きのカットを担当しました。
その他カットと、編集、ディレクションも前回同様、ピグモンが担当しました。

原作のオマージュということで、制作したので原作のレイアウト等を守りつつ、迫力のある映像に仕上げるように心がけたつもりです。

何よりも、昔から知っていたあの５月病マリオさんと、センスも技術もあるsoumaさんの二人と一緒に動画を作れた事を嬉しく思います。

原作は音も動画も絵も作ってしまうスーパープレイヤーのハチさんです。
是非、こちらも合わせてご覧ください。

【ニコニコ動画】【オリジナル曲PV】パンダヒーロー【GUMI】

比較動画もあります！

【ニコニコ動画】【本家】パンダヒーロー　ラップアレンジ【はしやん】　比較版

絵がｶｯｺｲｲので壁紙も作りました！

サイズは大きめの iMac 27インチに合わせて作りましたので、設定で画面に合うようにしてください＞＜

【おまけ】
５月病マリオさんが連載中の漫画も見ると、ネタが分かります！
面白いので、是非見てください！！
ぶたボット第1話　ぶたボット誕生 – ニコニコで漫画を描いてみた

KIRIUさんのムービータイトル作ったよ

admin — Mon, 29 Nov 2010 15:00:54 +0000

FPS系ゲーム実況者のKIRIUさんのアイコンを作ったので、そのムービータイトルも作ってみました。

KIRIUさんのコミュ「理系な学生Gamerの気ままな放送」

マイリスト
講座系動画 → mylist/8578805
自分に関連した動画 → mylist/3057698

Back to the Hazi!

admin — Fri, 15 Oct 2010 15:00:19 +0000

Back to the Macにかけまして…
ということで！

Twitter iconを作ってみましたー。

元ネタと比較

参考：新しいMac OS Xは『ライオン』？

マトリョシカのオリジナルPV作ったぜ！！

admin — Tue, 12 Oct 2010 14:45:55 +0000

PV制作をしたので、そちらの動画を紹介！

動画はこちら
【ニコニコ動画】【ゼブラ】マトリョシカ【はしやん】

ニコ生の放送者仲間のピグモンから、依頼されて制作する流れになりました。

12日の明け方アップして即効TwitterでもRTされまくり、再生数は既に4,000を超えてます！
こんな有名な方のPV制作なんて俺がやってよかったのか！？なんて今では思うぐらいですｗ

多々粗削りになってしまった部分もありますが、良かったらご覧ください。

ちなみに、今回のPV制作に使ったソフトはMotionです。
文字の動きなどを中心にお手伝いさせて頂きました。

久々に動画制作に関わる事が出来て、とても楽しかったです。
また何か機会があれば作りたいと思います！

Photoshop裏コマンド(?)を発見！

admin — Tue, 27 Jul 2010 12:05:56 +0000

今日仕事中に偶然気付いたコマンド。

「表示中のレイヤーを結合( ⌘ + Shift + E )」というコマンドがあるが、表示中のレイヤー全てが、結合されて１つのレイヤーになり、他の表示中のレイヤーは消えてしまう。

結合前のレイヤーを残したい場合は、一度「表示中のレイヤー結合」→「コピー」→「結合前まで戻る」→「ペースト」という方法で回避していたが、この一連の作業を１つのショートカットキーで、出来る事を偶然発見！

それが、「⌘ + Shift + Option + E」です。

メニューから探しても、該当する物が見つからないので多分隠しコマンド。こういうの知ってるひとは知ってるんだろうなぁ。何年も使ってて気付かなかった。

Reblog

admin — Thu, 20 May 2010 15:29:36 +0000

久々になにかGraphic作品を作りたかった。