ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopでエコロジー・アイコンを使ったメニューバーを作成する方法

Photoshopでエコロジー・アイコンを使ったメニューバーを作成する方法

投稿日:2012年7月10日   レベル:初心者    ソフトウェア:Photoshop

このチュートリアルでは、Photoshopでエコロジー・アイコンを使ったメニューバーを作成する方法を学びましょう。
まず、背景を作成し、たくさんのレイヤーを重ね、レイヤーマスクなど今回のチュートリアルに役立つテクニックを使います。

Step1:はじめに

1280x1024ピクセルの新規文書を作成してください。

新規文書作成



Step2:シェイプを描く

角丸長方形ツール 角丸長方形ツール(U)を選んで、半径を20ピクセルにして下記のようにシェイプを描いてください。

角丸長方形ツールでシェイプを描く





Step3:影を設定する

レイヤースタイルを開いて、シャドウ(内側)を選び、次のように影を設定してください。

レイヤースタイルを開く



Step4:柄を描く

ブラシツールブラシツール(B)を選択してブラシを選び、下記のように適用してください。

ブラシツールで柄を描く



Step5:シェイプを描く

長方形ツール角丸長方形ツールを選び、半径を20ピクセルにして下記のようにシェイプを描いてください。

角丸長方形ツールでシェイプを描く



Step6:柄を描く

ブラシツールブラシツール(B)を選択してブラシを選び、下記のように適用してください。

ブラシツールで柄を描く


Step7:電話マークを挿入

カスタムシェイプツール(U)を選択して、下記のとおり挿入してください。

レイヤースタイルを開く


Step8:境界線を設定

レイヤースタイルを開いて、境界線を選択し、境界線を次のとおり設定してください。

境界線を設定


Step9:完成

これで終わりです。

完成

このチュートリアルをお楽しみいただければ幸いです。
これらのテクニックがあなたの次の作品のアイデアのヒントとなればと思います。

引用:Web Design Library 著者: Shahzad Amin 翻訳:幕澤



スポンサードリンク

コメント

ランダム記事5件

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