製品情報      ご購入      サポート      コミュニティー      会社概要(英語)      ユーザー登録
ホーム > サポート > チュートリアル > アクア ジェル ボタン

アクア ジェル ボタン

  next

Canvas を使って、右のイラストレーションのようなアクア ジェル ボタンを作成してみましょう!

このチュートリアルではアクア ジェル ボタンの簡単な作り方をご紹介します。アップル社のMac OS X のリリースに伴ないこのような効果を適用したボタンが最近では人気を呼んでいます。


 

Step 1
ボタンを作成する

  1. まず、ツールボックスから「角丸長方形」ツールを選択します。

ここでは角丸長方形ツールを使いますが、楕円ツールを使ってもかまいません。.

  1. 次に、角丸長方形ツールをドラッグして右図のような形を描きます。

    赤い矢印で示されたハンドルをドラッグして角丸の部分の丸みを調整します。

 

Step 2
ボタンに塗りインクを適用する

  1. ボタンが選択されている状態で、「ウィンドウ」メニューの「パレット」サブメニューから「インク」を選択してインクパレットを開きます。
  2. インクパレットのグラデーション タブをクリックしグラデーション インクマネージャを開きます。
  3. このグラデーション インクマネージャを使ってアクア ジェル ボタンに適用する塗りインクを作成します。

 

 

  1. 既存のグラデーションインクをクリックします。
  2. グラデーション名を「アクア」に変更します。
  3. スタイルを「方向」に角度を「0」に設定します。
  4. スライダ上にあるダイアモンドの形をしたハンドルを左右どちらかにドラッグしてグラデーションの中間色を取り除きます。
  5. 左端の色には作成したグラデーションの最も明るい色を選択します。

    ここでは、アクア(水)のようなジェルを作成したいので、水色系の色を選択しました。

  6. 右端の色には同色の何段階か暗い色を選択します。
  7. 設定し終わったら<適用>ボタンをクリックします。

ヒント:
インクマネージャのプレビュー ボックスでマウスをクリックしインクパレット内にドラッグすると、作成したインクがリストに追加されます。

 

 

ステップ2の段階では、作成中のボタンが右図のようになっているはずです。

ボタンに(輪郭の)ストロークがある場合には、ストローク パレットを使って削除します。ボタンを選択した後、ツールボックスからストローク パレットを開き、「ストロークなし」を選択します。

 
page 1 page 2 page 3 page 4
製品概要 | ご購入 | サポート | コミュニティー | 会社概要(英語) | ユーザー登録

Copyright © 1995-2006 ACD Systems of America Inc.
Protected by the copyright laws of the United States and Canada and by international treaties.
法律上の注意事項 | プライバシーポリシー