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

サンプル

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

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

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

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

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

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

 ■ 球体(ボール)の影付け1

それでは球体(ボール)に次のような単純な影を付けてみましょう。
球体の場合、影付けには少しコツがいります。

◆球体(ボール)に影を付けて立体的に見せる
まず、前回の「球体(ボール)の作成」で作成した素材を呼び出したら、キーボードの[Ctrl]+[D]を押して選択範囲を解除しておきます。
前回作った球体は影を付けるには少し大きすぎたので、気持ち小さくしています。

次に、新規レイヤーを1つ作成した後、「描画ツールバー」の「塗りつぶし楕円」をクリックし、パレットから黒を選んだら少し小さめの楕円でキャンパス上の球体の影となる部分を描画します。

次に、「描画ツールバー」の「自動選択」をクリックした後、先ほどの影の部分をクリックします。

次に、コマンドメニューの「選択範囲(S)」−「選択範囲の変更(M)」−「拡張(E)」をクリックし、拡張する大きさに「8」を指定し、「OK」ボタンを押します。
すると、キャンパスは次のような表示になります。
作成するボールの大きさに応じて拡張する数値は変更してください。

続けて、コマンドメニューの「選択範囲(S)」−「境界のぼかし(B)...」をクリックし、ぼかしの度合いを「16」ぐらいにして「OK」ボタンを押します。
境界線の範囲が広くなります。
作成するボールの大きさに応じてぼかしの度合いを変更してください。

そのまま、コマンドメニューから「編集(E)」−「塗りつぶし(F)」をクリックします。
※この時、「描画ツールバー」の「塗りつぶし」を使用して塗りつぶしても問題ありません。

すると、次のような表示になります。

そのまま、「レイヤー」の「背面に移動」をゆっくり2回クリックしますと次のように球体の影が作成できます。

 

◆WEB素材としての保存
出来上がった素材をWEB素材として保存する場合は、「円柱(円筒形)の影付け1」と同じ手順で保存します。


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

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


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