Photoshopでウェブレイアウトを作成する方法 / ウェブデザインライブラリー

投稿日：2009年12月25日 レベル：中級者 ソフトウェア： このチュートリアルでは、Photoshopでウェブレイアウトを作ってみたいと思います。 Step1 ： はじめに Step2 ： タイトル・キャッチコピーを入力する Step3 ： ボタンを作成する Step4 ： 必要な情報を入力する Step5 ： コンテンツボックスを作成する Step6 ： コンテンツボックスを複製する Step7 ： 完成 900x900の新規ドキュメントを作成し、階調の異なる2種類の濃いグレーを背景色／描画色に設定します。 次に、長方形選択ツールでカンバスの一番上に長方形を描き、線型グラデーションで上から下にドラッグして塗ります。 さらに、次のようなレイヤースタイルをその長方形に追加してください。 今のところこんな感じです。

[elly4202]

制作フローチャート

[roripop]

ふぉとしょ初めての人にチュートリアル的に使えそう。

[www_taca]

日本語で書かれたウェブのモックアップ制作チュートリアル

[ronck]

これのブクマが100超える辺り、日本語adobeチュートリアルサイトが如何に少ないかを示しているような気がする。

[snb04]

やってみよう

[kimuta]

カッコイイ。けど実際どうやって運用すればいいのか…直接書き出せたっけ？