ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopでweb用の購読フォームを作る方法

Photoshopでweb用の購読フォームを作る方法

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

このチュートリアルでは、web用の購読フォームを作る方法を紹介します。

Step1:はじめに

1280x1024ピクセルの新しいファイルを作ります。
角丸長方形ツール角丸長方形ツールを選択し、半径を6ピクセルにして、下のような図形を描きます。

新規作成



Step2:グラデーションオーバーレイを設定する

レイヤースタイルを開き、グラデーションオーバーレイを選択し、下のように設定します。

新規作成

グラデーションオーバーレイ





Step3:角丸長方形ツールで図形を描く

角丸長方形ツール次に角丸長方形ツールを選び、半径を6ピクセルにして、下のように図形を描きます。

図形を描く


Step4:シャドウ(内側)を設定する

レイヤースタイルを開き、シャドウ(内側)を選択し、下のように設定します。

シャドウ



Step5:図形を描き色を塗る

次に、角丸長方形ツール角丸長方形ツールを選択し、半径を6ピクセルにして、次のように#B70A0A で塗りつぶします。

色を塗る


角丸長方形ツール角丸長方形ツールを選択し、半径を6ピクセルにして、下のように#88090A で塗りつぶします。

色を塗る


Step6:シャドウ(内側)を設定する

レイヤースタイルを選択し、シャドウ(内側)を選択し、下のように設定します。

シャドウ



Step7:シェイプツールで図形を描く

カスタムシェイプツールカスタムシェイプツールを選択し、下のような図形を描きます。

カスタムシェイプ



Step8:角丸長方形ツールで図形を描く

角丸長方形ツール角丸長方形ツールを選択し、半径を6ピクセルにして、次のように図形を描きます。

図形を描く



Step9:図形を描き色を塗る

角丸長方形ツール角丸長方形ツールを選択し、半径を25ピクセルにして、色を#FF9600 にして下のように塗りつぶします。

色を塗る



Step10:文字を書く

文字ツール文字ツールを選択し、下のようにテキストを書きます。

文字を書く


文字ツール文字ツールを選択したまま、さらに下のようにテキストを書きます。

文字を書く


Step11:完成

完成です。

完成

このチュートリアルを楽しんでいただけましたか?
これらのテクニックが、これからのあなたのデザインのヒントになればうれしいです。


引用:Web Design Library 著者:Build Tutorial 翻訳:なかけん



スポンサードリンク

コメント

ランダム記事5件

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