ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > 企業ホームページのデザイン方法完全版

企業ホームページのデザイン方法完全版

投稿日:2008年2月9日   レベル:初心者    ソフトウェア:PhotoShop

Step1:角丸長方形を作成する
初めに角丸長方形ツールで角丸長方形を作ります。

ps_13137_1.jpg

レイヤーをダブルクリックしてレイヤースタイルウィンドウを開きます。下の設定を適用します。

ps_13137_2.jpg

ps_13137_3.jpg

ps_13137_4.jpg

Step2:角丸長方形
多角形選択ツールを使って下のように選択範囲を作ります。

ps_13137_5.jpg

新規レイヤーを作成します。白のグラデーションに黒を適用します。

ps_13137_6.jpg

ラインツールで横線を作ります。

ps_13137_7.jpg

角丸長方形ツールで角丸長方形を作ります。

ps_13137_8.jpg

Step3:クリッピングマスク
角丸長方形の上に画像を入れます。「Ctrl」+「Alt」+「G」キーを押してクリッピングマスクを作ります。

ps_13137_9.jpg

角丸長方形ツールでもっと角丸長方形を作ります。

ps_13137_10.jpg

角丸長方形ツールで別の角丸長方形を作ります。「Ctrl」+「Alt」+「G」キーを押してクリッピングマスクを作ります。

ps_13137_11.jpg

小さな箱を挿入してアイコンを作ります。線や長方形を作って下の画像のように挿入します。

ps_13137_12.jpg

Step4:完成
会社のロゴ、リンク、製品情報などを挿入してテンプレートを作成します。

ps_13137_13.jpg

引用:Web Design Library著者:PhotoshopForFun.com翻訳:菊池



スポンサードリンク

コメント

ランダム記事5件

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