fc2ブログ

円1(光沢/ガラス)

Fireworksを使用した円(光沢/ガラス)を作成しました (Part1)。

完成画像

光沢/ガラスボタン14

スポンサードリンク

  1.  RSSリーダーで購読する
  1. ブックマークに追加する
  1. ブログランキング
  2. ブログ王
  3. ブログランキングFC2
スポンサーサイト



  1. テーマ:WEB素材
  2. ジャンル:コンピュータ
  1. 2006/12/19 (火)|
  2. 円形素材
  3. | トラックバック:0
  4. | コメント:0

円4(光沢/ガラス)

Fireworksを使用して円(光沢/ガラス)を作成しました (Part4)。

完成画像

円4(光沢/ガラス)

作成方法

円の作成
楕円ツールで円を描画します。
幅:80px,高さ:80px
塗りの色:#FF9900,線(ストローク)の色:無
グラデーションの作成
作成した円をコピー(上レイヤー)し上レイヤーの円を選択します。
円が選択された状態で[ペンツール]に変更します。
ペンツールで削除するアンカーポイントを2回クリックします。作例では円下部のアンカーポイントを削除しています。
下部のアンカーポイントを削除したオブジェクトの塗りに[グラデェーション]→[線形]を設定します。
方向:垂直(下上)
上(終点):塗りの色:#FFFFFF,不透明度:100
下(始点):塗りの色:#FFFFFF,不透明度:0

※1:Shiftキーを押しながらドラッグすることで円を描画できます。
※2:アンカーポイントを1度クリックするとコーナーハンドルが削除します。2回目のクリックでアンカーポイントが削除されます。

スポンサードリンク

  1.  RSSリーダーで購読する
  1. ブックマークに追加する
  1. ブログランキング
  2. ブログ王
  3. ブログランキングFC2
  1. テーマ:WEB素材
  2. ジャンル:コンピュータ
  1. 2006/12/15 (金)|
  2. 円形素材
  3. | トラックバック:0
  4. | コメント:0

円5(光沢/ガラス)

Fireworksを使用して円5(光沢/ガラス)を作成しました (Part5)。

完成画像

円5(光沢/ガラス)

作成方法

土台の作成
楕円ツールで円を描画します※1
幅:80px,高さ:80px
塗りの色:#FF6600,線(ストローク)の色:無
光沢の作成
円をコピーします。下の円を非表示にします。
上の円を[選択ツール]で選択します。
円には4つのアンカーポイント(上,右,下,左)が表示されます。
下部アンカーポイントを選択し、↑キーで上に移動します。
[ペンツール]に変更し,選択状態の下部アンカーポイントを2回クリックします※2。鐘型になります。
鐘型をコピーします。下の鐘型を左へ90度回転します。回転した鐘型の位置を0,0にします。
下と上の鐘型を選択し、[修正]→[パスの結合]→[交差]を選択します。
結合したオブジェクトに[グラデーション]→[線形]を選択し、左上から右下へ設定します。
グラデーションの設定
左上 色:#FFFFFF,不透明度:100
右下 色:#FF0000,不透明度:0
ぼかし:20
土台のエフェクト
土台にエフェクト処理をします。
シャドウ(内側)を設定します。
幅:4
柔らかさ:7
塗り:#333333
角度:135
不透明度:40%

文字を入力して完成です。

※1:Shiftキーを押しながらドラッグすることで円を描画できます。
※2:アンカーポイントを1度クリックするとコーナーハンドルが削除します。2回目のクリックでアンカーポイントが削除されます。

使用アプリケーション:Macromedia Fireworks 2004

スポンサードリンク

  1.  RSSリーダーで購読する
  1. ブックマークに追加する
  1. ブログランキング
  2. ブログ王
  3. ブログランキングFC2
  1. テーマ:WEB素材
  2. ジャンル:コンピュータ
  1. 2006/12/13 (水)|
  2. 円形素材
  3. | トラックバック:0
  4. | コメント:0

次のページ»