フラットデザインで用いられるロングシャドウ・アイコンは、Photoshopプラグインで作るのが一般的だが、実は同様のアイコンを生成するWebサービスがある。コードを少し修正すればテキストバナーも作ることができる。 2016年6月3日、追記しました。 はじめに 「ロングシャドウ」とは、上の画像のような長い影を持ったスタイルのことです。フラットデザインで使われることが多いです。 以下のWebサービスを使います: flattyshadow.com このサービスは、そのままでは単体のロングシャドウ・アイコンしか作ることができません。JavaScriptのコードもダウンロードできるのですが、そのままでは動きません。この記事では、以下の2つの方法を説明します。 JavaScriptのコードを動くようにする アイコン入りのオリジナル・テキストバナーを作る 普通のアイコン 以下のようなアイコンを作ろう: