[CSS] Blending Modeを利用したロゴの作成

CSS3BlendingMode

複数のオブジェクトを重なるように表示するCSS3の「mix-blend-mode」を使ったロゴの作成方法が解説されています。

ソースはあまり綺麗ではありませんが、spanで1文字ずつ囲ってそれぞれをずらして配置。spanにmix-blend-mode: multiply;の属性を指定するだけと簡単。

リンク先からソースがダウンロードできるので、それを参考にして、文字を替えるだけですぐに利用することができます。

[Font] 英字フリーフォントがよりどりみどりなサイト

英字のフリーフォント（OTF / TTF）が大量にストックされているサイト。
スタイルによってカテゴリ別に分けられているので、お目当てのフォントが探しやすくてオススメです。

web2.0って言いたくないけど形容しづらいから使ってしまう。
この手のロゴは見栄えがいいから、あと数年は流行りそうですね。

一発でskypeなどのロゴっぽくできるPhotoshop用のスタイル。
続きを読む →

各ジャンル多数のイラストを使用して、それなりに見えるロゴを即席で作ることが出来るロゴメーカーサービス。

使用したいアイコンのジャンルを選択します。
後々変更が可能なのでなんでもOK。