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

サンプル

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

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

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

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

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

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

 ■ 円柱(円筒形)の影付け2

これまでに円柱(円筒形)の作成方法を説明してきましたが、その円柱に色をつける場合、濃い色や暗い色だとあまり目立たないのですが、薄い色や明るい色で塗りつぶすと立体感に欠ける素材ができてしまいます。
例えば次のような例です。

塗りつぶしの色に濃い色や暗い色を使用した時は、その色そのものが影の部分の役割を果たすのですが、薄い色や明るい色で塗りつぶすと本来影である部分までも明るくなってしまう為、立体感がなくなるのです。

そこで、円柱の影を付けるようにもう少し加工してみましょう。
出来上がりは次のようなものです。

◆円柱(円筒形)に影を付けて立体的に見せる
まず、前回の「円柱(円筒形)の作成」で作成した素材を呼び出し、、キーボードの[Ctrl]+[D]を押して選択範囲を解除しておきます。

次に長方形を描画した「レイヤー1」をクリックし、「描画ツールバー」の「塗りつぶし」をクリックした後、 「パレット」から薄い色を選択し、長方形の内側をクリックすると次のような表示に変わります。

次にそのまま、「描画ツールバー」の「自動選択」をクリックした後、キャンパス上の長方形をクリックして選択します。

次に、新規レイヤーを1つ作成した後、パレットから濃い灰色を選んだら、コマンドメニューから「編集(E)」−「塗りつぶし(F)」をクリックします。
※この時、「描画ツールバー」の「塗りつぶし」を使用して塗りつぶしても問題ありません。

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

次にそのまま、「レイヤー」の光ってるところを描画した「レイヤー2」をクリックした後、コマンドメニューの「選択範囲(S)」−「不透明部分の選択(T)」をクリックします。
画面上は何も変わらないように見えます。

そしてそのまま、「レイヤー」の先ほど描画した灰色の長方形「レイヤー5」をクリックし、キーボードの「Delete」キーを複数回押します。
※この時、コマンドメニューの「編集(E)」−「削除(D)」をクリックしても同じです。

濃い灰色の濃さや光っている図形によって押す回数は変わります。
私の場合は8回押して次のようにしました。


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

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


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