ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopで農業のWebサイトを作る方法

Photoshopで農業のWebサイトを作る方法

投稿日:2009年10月02日   レベル:中級者    ソフトウェア:PhotoShop

このチュートリアルでは、Photoshopで農業のWebサイトを作ってみたいと思います。

Step1:はじめに

はじめに、760ピクセル×770ピクセルの新規ドキュメントを作成します。
葉っぱの画像を配置します。

はじめに

長方形ツール長方形ツールを選択します。

ツールボックス

白い長方形(白いシェイプ)を作成し、次のように配置します。

白いシェイプ

この白いシェイプに、レイヤースタイルを追加します。

ドロップシャドウ

そうすると、このようになります。

シャドウ効果


Step2:ヘッダーのレイアウトを作成

長方形ツール再び長方形ツールを選択して、もう一つ長方形を作ります。

長方形ツール適用

「Ctrl」+「J」キーを押してこのシェイプを複製します。
次に、複製したシェイプの色を黒に変更します。「Ctrl」+「T」を押してこのシェイプを左に回転します。

次に、「フィルター」−「ぼかし」−「ぼかし(ガウス)」を適用します。

ぼかし(ガウス)

注意:シェイプをラスタライズしますかという表示が出たら、「はい」を選択してください。
このようになります。

白い長方形のレイヤーを表示するとこんな感じです。

白い長方形

長方形ツール長方形ツールを使って、もうひとつ長方形を作成します。色は#ae521fを使用します。

このシェイプを次のように配置します。

長方形ツール配置

ラインツールラインツールを選択します。

ラインツールボックス

何本かラインを引きます。ラインの太さはご自由にお選びください。

ライン適用

次に、再度ライン適用長方形ツールを選択して、白(#ffffff)で大きな長方形を描きます。

長方形ツール半透明

このレイヤーの不透明度を80%にしていることに注意してください。




Step3:ナビゲーションリンクを作成

カスタムシェイプカスタムシェイプツールを選択します。

カスタムシェイプツールボックス

プリセットのカスタムシェイプから、次のシェイプを選びます。

プリセットのカスタムシェイプ

前景のカラーを#a6c21cに設定し、次のようにシェイプを配置します。

カスタムシェイプ配置

横書き文字ツールを選択します。

横書き文字ツール


Step4:テキストを配置

レイアウト上にテキストを配置していきます。

テキスト配置

レイアウト上の右側にアイコンを配置します。これらのアイコンはこのパッケージ内にあります。

このパッケージに含まれている全てのブラシを参照するには、ここからサンプルPDFファイルをダウンロードすることをお勧めします。


Step5:完成

最後に、あなたがお持ちの何点かの画像を追加してください。
私の作品は最終的にこんな風になりました。

完成


引用:Web Design Library 著者:www.talk-mania.com 翻訳:幕澤



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング