カテゴリー : 03_デザイン

【HTML5】の公式ロゴ発表。W3C制定。

HTML5_Logo

HTML5_Logo


HTML5_1Color_Black

HTML5_1Color_Black

米国時間1/18にW3CからHTML5の公式ロゴが発表されました!
このロゴを使う時のライセンス条件はCreative Commons 3.0です。

今までにない斬新なロゴですね!
また、W3CではTシャツも売っているし無料のステッカーも提供しています!

うーんTシャツやステッカーまではやり過ぎな感じがするけどね。

いよいよHTML5の時代がやってきた!

Internet Explorer9やFireFox4のベータ版もあるし。

W3C HTML5 LOGO

【フォント】ツイッターのフォントPico

ツイッターのフォントを見つけました!
インストールするだけでtwitterのフォントになります。

solat twitter

solat twitter

Picoフォント

【デザイン】QRコードを作るとき

QRコードを作るとき、すでにご存知の方も多いと思いますが「Q作くん – QRコード作成」などを使って作成すると簡単です!

これをクライアントにサイズ可変できるAIで欲しいと言われることもあるかと思います。
そんな時、綺麗にAIデータにする作成方法です。

1. 画像をリサイズ
PhotoShopでモードはRGBで開きます。
パスを正確に抜くために、1024px*1024pxくらいまで上げます。この時、ニアレストネイバー法にしておかないと、アンチエイリアスがかかってしまいます。解像度を上げたらコントラストを最大まであげておきます。

2.選択範囲を指定
自動選択ツールを使って、黒い部分を範囲指定します。
自動選択ツールの設定は
アンチエイリアス:切
色域指定:1
隣接:切
にします。

3.選択範囲から作業用パスを作成
パスパレットの下の方に選択範囲から作業用パスを作成というボタンがあるので、それでパスを作ります。
できたパスをイラレにコピーします。

4.イラストレーターで整形
CS以前のイラレにコピーすると、中マドがつぶれてます。
そんな時はパスファインダの中マドで消せば完成です。

【デザイン】ロゴデザインに困ったとき。

ロゴのデザインをする時、とっさにアイデアが浮かばなくて困ってしまう場合は、

[デザインIDデータベース]
http://www.designiddatabase.net/

カラー別、テイスト別に検索できるので便利です!
イメージを見ているとインスピレーションに役立つのではないかと思います。