著者: Brother Mouse
今日は、商用 Web ページを作成するプロセスを説明します。 Web ページに詳しい友人なら、このプロセスにおける Photoshop の重要性を知っているはずです。Photoshop は Web ページ制作の基礎だからです。したがって、著者は、初心者の友達が制作プロセスをより深く理解できるようにすることを目的として、今後、プロモーション用のアルバムや福祉ポスターなどに比べて、より多くのチュートリアルを用意します。 .、製造工程。今すぐ始めましょう!
まずは最終的なレンダリングを見てみましょう。
レンダリング
図 (1) まず、[ファイル] > [新規作成] (CTRL+N) を選択し、ダイアログ ボックスでパラメータを設定します。図 1 に示すように。
パラメータを設定する
図 (2) 新しいレイヤーを作成します。まず、グラデーションの色を設定します (ここでは背景色として赤と黒を使用します。色は好みに応じて調整できます)。Shift キーを押したままにします。画像内のマウスを左クリックすると、下に向かって直線的に伸びます。図 2 と 3 に示すように。 +
グラデーションエディター
グラデーション効果図
図(3) 背景色を設定したら、焼き込み・覆い焼きツール（ショートカットキーo）を使ってテクスチャ感を出すように編集します。図 4 と 5 に示すように。
少し生地感あり
焼き込みおよび覆い焼きツール
図(4) マーキーツール（ショートカットキーm）で右上隅の該当範囲を選択した後、ctrl+jを押しながら別レイヤーをコピーします。そのスタイルを編集します。図 6 と 7 に示すように。
Ctrl+J を押したままにしてレイヤーを個別にコピーします
レイヤースタイルの編集
図(5) レイヤー2を選択し、上記と同じ方法で該当範囲を選択し、ctrl+jを押しながら別レイヤーをコピーします。そのスタイルを編集します。図 8 に示すように。
適切な範囲を選択してください
図 (6) 次に、フレーム選択して編集したばかりのレイヤーを暗くして回避し始める必要があります。まず、図 9 に示すようにレイヤー 3 を選択し、次に図 10 に示すように、編集後にレイヤー 4 を選択します。
暗くしたり明るくしたりする処理を実行する
図 (7) 新しい図 5 を作成します。次に、図 (11) に示すように、画像を変更し、マーキー ツールを使用して適切な範囲を選択します。レイヤー 5 をダブルクリックして編集します。スタイル。図 (12) に示すように。このレイヤーの透明度を 40% に調整します。図(13)に示すように
マーキーツールを使用して適切な範囲を選択します
レイヤースタイルの編集
レイヤーの透明度
(8) 新規レイヤーを作成し、範囲選択してR:255 G:2 B:252で塗りつぶします。(14)のようにスタイルを編集し、このレイヤーの透明度を0に調整します。
レイヤースタイルの編集
図 (9) 次に、テキストを入力します (好きな名前を考えることもできます)。Web ページに Heitongdiba という名前を付け、それに応じていくつかのフォントを入力します。図 (15) に示すように。
テキストを入力します
図 (10) OK、次に、フォントを処理し、テーマの黒い瞳を変更し、(16) に示すようにレイヤーをダブルクリックしてスタイルで編集し、このレイヤーの透明度を 0 に調整する必要があります。
プロセスフォント
図 (11) 関連する画像をいくつか見つけて追加します (ただし、単に画像を見つけるだけではなく、指定したテーマと一致している必要があります)。その後、その画像を編集用のスタイルに追加します。図(17)に示すように
レイヤー スタイルの
場合は
、小さな変更 (画像 18) を追加し、あまり大きくなりすぎず、透明度を適切に調整します。
いくつかの小さな変更を追加します
終わり！最終結果を見てみましょう。
最終効果
Web ページが完成したら、初心者でもこれらの簡単な方法を使って独自の Web ページを作成してみることができます。どのようなデザインも、優れているために必ずしも多くの効果を備えている必要はありません。時には、シンプルさも一種の美しさになります。チュートリアルに関して異なる意見がある場合は、QQ: 95512068 までご連絡ください。