ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopでショッピングカートを作成する方法

Photoshopでショッピングカートを作成する方法

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

このチュートリアルでは、Photoshopでショッピングカートを書く方法を作成する方法を紹介します。

今日は、Photoshopでショッピングカートを書く方法を学びましょう。
まずは真っ黒の背景を作り、たくさんのレイヤーで作業をして、将来役に立つテクニックを学んでいきます。
追っていくのがとても簡単なので、ぜひみなさんに挑戦してもらいたいです。


Step1:はじめに

まずは、1280 x 1024ピクセルの新規ファイルを作成します。

ps_21579_02.jpg

ペンツール(P)を使って、下のように図形を描きます。

ps_21579_03.jpg


Step2:レイヤースタイルの設定

レイヤースタイルを開き、グラデーションオーバーレイを選択します。

ps_21579_04.jpg

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

ps_21579_05.jpg




Step3:パーツの描画

ペンツールを使って、下のような図形を描きます。

ps_21579_06.jpg

レイヤースタイルをコピーし、下のように図形上にペーストします。

ps_21579_07.jpg

次に、角丸長方形ツールを選択します。
自由変形を使って、角を下のように調整します。

ps_21579_08.jpg

新しいレイヤーを追加し、塗りつぶしを選択します(Shift+F5)。 パターンを選択し、下のように適用します。

ps_21579_09.jpg


Step4:レイヤースタイルでパターン描画

長方形ツール(M)を選択し、下のように図形を作成します

ps_21579_10.jpg

レイヤースタイルをコピーし、下のように図形上に貼り付けます。

ps_21579_11.jpg


Step5:完成

これで完成です。
このチュートリアルを気に入っていただけると幸いです。
また、これらのテクニックがあなたが次にデザインをするときのヒントになればうれしいです。

ps_21579_01.jpg


引用:Web Design Library 著者: Shahzad Amin 翻訳:なかけん



スポンサードリンク

コメント

ランダム記事5件

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