超初心者のホームページ作成 by atom
プルダウンメニュー左端 トップ はじめに/バナー 新着情報 HP作成 サンプル 関連サイト フリー素材 掲示板 その他 Google 余白 プルダウンメニュー右端
 《WEB素材の作成》
【メニュー】

サンプル

前置き
PictBearの入手
基本操作
画像の選択
画像の切り抜き
画像の保存
正確な画像の描画

浮き出しボタンの作成
影付きボタンの作成
ボタンの文字色変更
ボタンの表示色変更
ボタンの影の色変更
影つき文字の作成
縁取り文字の作成1
縁取り文字の作成2
縁取り文字に影を付ける
囲い枠のバナー作成
立体枠のバナー作成
切り抜きボタンの作成

円柱(円筒形)の作成
球体(ボール)の作成
円柱(円筒形)の影付け1
球体(ボール)の影付け1
円柱(円筒形)の影付け2
球体(ボール)の影付け2

クリスタルボールの作成
クリスタルボールの作成2

写真の型抜き
写真を浮き上がらせる
写真に影をつける
写真の縁をぼかす

※一度説明した内容は後になるほど簡略して解説されてる場合がありますので、出来る限り順番に読んでくださいね。

 ■ クリスタルボールの作成

今回は「クリスタルボール」の作成を解説してみます。
「クリスタルボール」って検索エンジンで探しても作り方が見つからないんですよね。
確かに、ステップが多く少し複雑なので、フリーソフトでは無理かな?って思ってたのですが、確実に作れる方法を考えました。(^^)
ステップ数は多いですが、手順を踏んで行けばほぼ間違いなく作成できます。
ぜひ、トライしてみてください。
今回の出来上がりは次のような感じです。
crib000

◆立体的に見える球体(ボール)の作成
1.まず、新しいキャンバスを表示したら「レイヤー」「新規レイヤー」をクリックします。

2.パレットから「黒」を選択し、「描画ツールバー」「塗りつぶし楕円」をクリックした後、キャンパスのやや上方部に正円を描画します。

3.そのままコマンドメニューの「選択範囲(S)」−「不透明部分の選択(T)」をクリックし、続けて 「選択範囲(S)」−「選択範囲の変更(M)」−「縮小(R)...」をクリックします。
設定画面

4.縮小する大きさを「12」ピクセルにして「OK」ボタンを押します。
キャンバスは次のようになります。
crib102

5.さらにそのまま、コマンドメニューの「選択範囲(S)」−「境界のぼかし(B)...」をクリックします。
設定画面

6.ぼかしの大きさを「24」ピクセルにして「OK」ボタンを押します。
キャンバスは次のようになります。
crib103

7.次に、新規レイヤーを1つ作成した後、パレットから「白」を選択し、「描画ツールバー」「グラデーション」をクリックします。

8.そして、「オプション」「グラデーション」の設定値を次のように変更します。

9.次に、パレットから「白」を選択し、次の図のような位置を参考にマウスでドラッグします。
crib104

※このドラッグの位置はひとつの参考です。
作成するボールやどのような光が当たってるのかによって変えます。

10.すると次のような表示になります。
crib105

11.次に、「描画ツールバー」「移動」をクリックします。

12.そして、マウスキーボードの「↑↓←→」キー「Shift」+「↑↓←→」キーなどを使って次のような画像になるまで移動させます。
crib106

13.次に「レイヤー」「レイヤー1」をクリックして選択したら、コマンドメニューの「選択範囲(S)」−「不透明部分の選択(T)」をクリックし、コマンドメニューの「選択範囲(S)」−「境界のぼかし(B)...」をクリックします。
設定画面

14.ぼかしの大きさを「24」ピクセルにして「OK」ボタンを押します。
キャンバスは次のようになります。
crib107

15.次に、新規レイヤーを1つ作成した後、パレットから「白」を選択し、「描画ツールバー」「グラデーション」をクリックします。

16.次に、パレットから「白」を選択し、次の図のような位置を参考にマウスでドラッグします。
crib108

※このドラッグの位置はひとつの参考です。
作成するボールやどのような光が当たってるのかによって変えます。

17.すると次のような表示になります。
crib109


これで基本的な「クリスタルボール」素材が出来上がりました。
この状態を『PictBear』 形式で保存しておきましょう。

次はこの球体に色をつけてみましょう。

◆クリスタルボールの色づけ
まずは、キーボードの[Ctrl]+[D]を押して選択範囲を解除し、正円を描画した「レイヤー1」をクリックし、「描画ツールバー」「塗りつぶし」で正円の内側を好きな色で塗りつぶせば「クリスタルボール」は完成します。
crib110

あとは、正円を好きな色で塗りつぶばさまざまな色の「クリスタルボール」が簡単に作成できます。
crib112


 <用語の説明> 
特にありません。

■ 有料デザインテンプレート


Home  ↑ページトップ
page update:2007/11/12
Copyright (c) 2000-2004, All Rights Reserved & Produced by atom
技術提供:株式会社ピーオーピー
SEO対策 & ツール