Saturday, March 17, 2012

Photoshopでおもちゃ屋さんのスプラッシュ・ページを作る方法 / ウェブデザインライブラリー

投稿日:2009年06月2日   レベル:初心者    ソフトウェア:
このチュートリアルでは、Photoshopでおもちゃ屋さんのスプラッシュ・ページを作りたいと思います。

Step1:はじめに

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

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


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

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


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


ここで、デスクトップbackgroudsが格納されています

Step3:ロゴのベースを作る

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

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


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

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

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

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


casettesファイルは、 Macを保存する方法を鳴りません




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


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

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

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



デジタルビデオは何ですか?


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

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

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

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

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

ずっとよくなりました。


Step5:完成

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



These are our most popular posts:

Photoshopでレトロなベクターのスプラッシュ・ページを作成する方法 ...

23 時間前 ... ウェブサイトのメインページ用のレトロなスプラッシュ(起動画面)を作成する方法を紹介 します。 read more

を変えずにスプラッシュページを作る方法 - 楽天 みんなで解決!Q&A

普通はスプラッシュページをindex.htmlにし、元々のコーラのindex.htmlを別名に変える のですが、それではダメなのでしょうか?というのは、新しく作ったスプラシュページを new.htmlとしたとき、すべての人がttp: motomotono-site/new.htmlに ... read more

同一URLのままでスプラッシュページを作る

In: Tips. 26 4月2011. 「最初の訪問時だけ、トップページでフラッシュ・ムービーが 流れる」というようなページを手軽に作る方法です。 ... しかし、業務としてWeb制作をして いると、「スプラッシュページが欲しい」という要望があるのもまた事実です。 期間限定の ... read more

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

2009年6月2日 ... はじめに、新規ドキュメントを作成します。 サイズは300ピクセル×300ピクセルにします。 背景色は感じのよいライトイエローのグラデーションにします。 ここでは「#f7e8b9」と「# eacb45」の間で作ってみました。 背景色を感じのよいライトイエロー ... read more

Related Posts



0 comments:

Post a Comment