ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeフォトショップ講座 > Photoshopでおもちゃ屋さんのスプラッシュ・ページを作る方法

Photoshopでおもちゃ屋さんのスプラッシュ・ページを作る方法

投稿日:2009年06月2日   レベル:初心者    ソフトウェア:PhotoShop


このチュートリアルでは、Photoshopでおもちゃ屋さんのスプラッシュ・ページを作りたいと思います。


Step1:はじめに

はじめに、新規ドキュメントを作成します。
サイズは300ピクセル×300ピクセルにします。

背景色は感じのよいライトイエローのグラデーションにします。
ここでは「#f7e8b9」と「#eacb45」の間で作ってみました。

背景色を感じのよいライトイエローのグラデーションにする


Step2:テディベアを配置する

背景にテディベアを入れて感じをよくします。
テディベアはここからダウンロードできます。


キャンバスにテディベアを入れる

キャンバスにテディベアを入れたらソフトブラシで端の縁を取り、それからレイヤーモードを「リニアライト」にして不透明度を40%−50%程度にします。

レイヤーモードを「リニアライト」にして不透明度を40%−50%程度にする



Step3:ロゴのベースを作る

次にロゴのシェイプを作ります。
ペンツールペンツールを選択します。

ペンツールを選択する

ペンツールペンツールでは、次のように設定します。


ペンツールを設定する

キャンバスにシェイプを描きます。
次の画像は私が作ってみたシェイプです。

キャンバスにシェイプを描く

パスを右クリックして「選択範囲を作成」を選択して、設定はデフォルトのままでパスを選択範囲に変えます。

選択範囲に変える

作業しているレイヤー上で選択範囲を任意の色で塗ったら、色を塗ったシェイプを20ピクセル上に移動します(「Shift」キーを押したまま、「↑」キーを2度押します)。

色を塗ったシェイプを20ピクセル上に移動する

色を塗ったシェイプのレイヤーに対して次のように設定します。

ドロップシャドウを設定する


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


光彩(内側)を設定する


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

すると次のようにいい感じに仕上がります。

結果


Step4:ロゴにテキストを入れる

テキストを入れます。
好みのフォントで文字を入力します。

文字を入力する

使ってみたい方のためにお知らせしますが、ここでは「Rockwell」を使ってみました。
文字「T」の色を「#fcd10a」に、文字「O」の色を「#99c613」に、文字「Y」の色を「#22cefc」にします。
テキストを入力したら、次のようにレイヤースタイルを設定します。

ドロップシャドウを設定する


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


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

するとテキストは次のようになります。

結果

ずいぶんよくなりました。
「TOY」の下にテキストを追加しますが、色はグレーにします。

テキストを追加する

ここで使った色は「#c7c7c7」です。
前のテキストに使ったレイヤースタイルをこのテキストにも適用します。

前のテキストに使ったレイヤースタイルをこのテキストにも適用する

最後に、空間が気になりますのでテキストの下に黄色い星を入れます。

テキストの下に黄色い星を入れる

星のレイヤーにテキストに使ったレイヤースタイルを適用します。

星のレイヤーにテキストに使ったレイヤースタイルを適用する

ずっとよくなりました。


Step5:完成

積み木など、おもちゃに関連した画像を追加することもできます。

完成

ご覧いただきありがとうございました。
このチュートリアルをお役立てください。


引用:Web Design Library 著者:www.webdesigndev.com 翻訳:菊池



スポンサードリンク

コメント

ランダム記事5件

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