ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > フォトショップでゴールドカードを作る方法

フォトショップでゴールドカードを作る方法

投稿日:2007年9月13日   レベル:初心者    ソフトウェア:PhotoShop
みなさん、こんにちは。これからベクトル画像とシンプルテキストだけを使ってゴールドカードを作る方法について説明します。


Step1:新規作成
300×200ピクセル以上のドキュメントを新規作成してから、「角丸長方形ツール」を選択します。

Step2:長方形を描写
横長の長方形を描画しますが、背景色は何色でも問題ありません。背景色の変更はこれから行います。

長方形を描写

Step3:リネーム
横長の長方形を描画しますが、背景色は何色でも問題ありません。背景色の変更はこれから行います。

リネーム

Step4:グラデーション設定
「カードレイヤー」の「ブレンドオプション」を表示させます(「カード」レイヤーの下をダブルクリックします)。

これから「グラデーションオーバーレイ」だけを使って背景色にイフェクトをかけます。 「グラデーションオーバーレイ」オプションを選択して、以下のように設定します。

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

グラデーションをクリックして、ダークイエローを使います。明るい色を「ffcb38」に、暗い色を「886e26」に設定します。

注意:希望するカードの背景色を設定するには、場合により「グラデーションオーバレイ」メニューの「アングル」パラメータを使う必要があります。

クレジットカードは以下の画像のように表示されます。

ps_11682_4.jpg

Step5:「ワールド」シェイプ
「カスタムシェイプツール」を選択します。

「シェイプ」をクリックして「ワールド」シェイプを選択します。

描く

注意:「ワールド」シェイプが見つからない場合やロード方法がわからない場合は、「シェイプ」メニューをクリックして右矢印を選択します。

オプションで「全部」を選択すると、「ワールド」シェイプが見つかります。

Step6:描く
背景から「ワールド」を描画すると以下のように表示されます。

描く

新しく作成された「ワールド」レイヤーを右クリックし、「ラスタライズレイヤーオプション」を選択してから、「ワールド」レイヤーの名前を変更します。

ps_11682_7.jpg

コントロールキーを押しながら「カード」レイヤーを左クリックすると、背景のシェイプを選択できます。

「ワールド」レイヤーをクリックしてから、「Shift + Ctrl + I(選択反転)」を押してから、削除キーを押します。

クレジットカードの見た目が良くなりました。

「ワールド」レイヤーの不透明度を50%に設定します。

描く

Step7:テキスト入力
16桁のクレジットカード番号をスクエアタイプフォントで入力します。

ps_11682_9.jpg

新しいテキストレイヤーを右クリックし、「ブレンドオプション」を選択してから、「ベベルとエンボス」と「カラーオーバレイ」を少しだけ使用します。

「ベベルとエンボス」を選択して以下のように設定します。

ps_11682_10.jpg

「カラーオーバレイ」で以下のように設定します。

色:「#d0a534」

ps_11682_11.jpg

ps_11682_12.jpg

同じ設定でクレジットカードの数字を入力したら、普通の黒いテキストでクレジットカードの他の文字を入力します。

ps_11682_13.jpg

Step8:完成
VisaやMaster Card やAmerican Expressのロゴを使うことも、好みと感性に合わせて自由に作ることができます。

ps_11682_14.jpg

引用:Web Design Library著者:photo-shop-tutorial.net翻訳:菊池



スポンサードリンク

コメント

ランダム記事5件

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