web2.0なサイトのレイアウトをphotoshopで作る方法が掲載されていました。 問題はここからどうやってCSSを作るかなんですけど、しっていて損はなさそうですね。 ClarkLab » Photoshop Tutorial: Web 2.0 Layout 2008/04/01(火) 14:30:41| ウェブ開発 | トラックバック:0 | コメント:0
ITクオリティ - web2.0サイトのレイアウト
web2.0なサイトのレイアウトをphotoshopで作る方法が掲載されていました。 問題はここからどうやってCSSを作るかなんですけど、しっていて損はなさそうですね。 ClarkLab » Photoshop Tutorial: Web 2.0 Layout 2008/04/01(火) 14:30:41| ウェブ開発 | トラックバック:0 | コメント:0
PhotoshopでWeb2.0なロゴマークを作る方法 | VIVABlog
Photoshopで、Web2.0系サイトでよくあるギザギザしたロゴマークを制作する方法がWeb 2.0 Badge Photoshop Tutorialに載っていたので作ってみたところ、簡単だったので日本語で分かり易く解説します。 1.多角形ツールでマークを作る 新規ファイルを開いて、ツールバーから「多角形ツール」を選択。 多角形オプションで星形を選択。 辺の数はお好みで。 こんな感じになります。 2.枠と影を付ける レイヤー ＞ レイヤーのスタイル ＞ レイヤー効果を選択 境界線をチェック、カラーは#ffffff、サイズは5pxとか ドロップシャドウをチェック、画像を参考に設定。 枠と影がつきました。 3.グラデーションの設定 ツールバーから「グラデーションツール」を選択。 円形グラデーションにチェックして、グラデーションエディタを出す。 白から透明になるように設定します。 4.グラデ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PXLGFX- Polished Text
Alleba Blog » Photoshop Tutorial: How to Make a Web 2.0-Style Logo
