スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

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月の人気記事ランキング