前の記事 ≪:PHPでSVGグラフィックスを作成するサンプル集
次の記事 ≫:Ajaxなフォームビルダー集

PhotoShopでRSS標準アイコンを作成するチュートリアル

2006年03月08日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Photohop: RSS-Icon Standard in Variationen (注: ドイツ語のサイト)

Firefox hat es, andere Browser folgen. Ein neues, frisches RSS-Icon, das in kurzer Zeit zu einem Standard gereift ist. Wir bauen es selbst und variieren das Ausgangsmaterial.

PhotoShopでRSS標準アイコンを作成するチュートリアル。
チュートリアルの後に、PhotoShopのpsdファイルも配布されているようです。

RSSアイコンが出来るまでの図。

Screenshot → Screenshot
Screenshot → Screenshot
Screenshot

→ Screenshot

軽く手順を書いておくと、
1. 角丸のシェイプで輪郭を塗りつぶす。
2. 輪郭を選択して、選択範囲を2ピクセルほど縮小
3. 内側に白色でシャドウ効果を付ける
4. 内側の輪郭にグラデーションをかける
5. シェイプツールでしろぬきの部分を切り抜く
6. 完成

配布されているPhotoShopファイルを使って、次のような画像を作ってみました。

関連の記事検索:Photoshop, RSS, アイコン, デザイン, チュートリアル, Webデザイン
スポンサード リンク

By.KJ : 2006年03月08日 09:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)