ルーラーの使用

ルーラーを使用すると、Captivate デザインウィンドウでオブジェクトを正確に配置および計測できます。各ルーラーで 0 が表示されるポイントがルーラーの原点(デザインウィンドウの左上隅)です。

ルーラーの表示と非表示を切り替えるには、表示/ルーラーを表示または表示/ルーラーを非表示を選択します。

ルーラーの表示と非表示
ルーラーの表示と非表示

測定単位の変更

非レスポンシブプロジェクトで利用できる測定単位はピクセルです。レスポンシブプロジェクトにおけるデフォルトの測定単位はパーセントです。 

レスポンシブプロジェクトで測定単位を変更するには、レスポンシブプロジェクト内のルーラーを右クリックし、使用する単位を選択します。 

非レスポンシブプロジェクトでは測定単位を変更できません。

測定単位の変更
測定単位の変更

ガイドの使用

ガイドを使用すると、テキストとグラフィックオブジェクトの整列が簡単になります。Captivate では、ルーラーガイド(水平線または垂直線)を作成できます。 

ガイドのデフォルトの色を変更できます。

デフォルトでは、ガイドを移動、修正、削除、または元に戻せるようにガイドのロックが解除されていますが、選択してロックすることもできます。

注意:

Hover over a guide to find out its exact co-ordinates.

ガイドの作成

メニューを使用して、さまざまな方法でステージ上およびステージ外の両方にガイドを作成できます。

ステージ上でのガイドの作成

次のそれぞれの方法により、ステージ上でガイドを簡単に作成できます。

ドラッグで作成

  1. ルーラーが表示されていない場合は、表示/ルーラーを表示を選択します。

  2. 垂直ガイドを作成するには左側のルーラーに、水平ガイドを作成するには上部のルーラーにポインタを配置します。

  3. ガイドを配置場所へドラッグします。

ダブルクリックで作成

  1. ルーラーが表示されていない場合は、表示/ルーラーを表示を選択します。

  2. ルーラー上で、ガイドを配置する正確なポイントをダブルクリックします。

既存のガイドを使用して作成する

  1. ルーラーが表示されていない場合は、表示/ルーラーを表示を選択します。

  2. 既存のガイドを右クリックし、「新しいガイドを追加」を選択します。

    垂直ガイドの場合は 20px 右に、水平ガイドの場合は 20px 下に新しいガイドが作成されます。

ステージ外でのガイドの作成

Captivate のデザイン領域に一度にグリッドを作成することも、個別に作成することもできます。

ガイドの個別の作成

  1. 表示新しいガイドを選択します。

    新しいガイドの追加
    新しいガイドの追加

  2. 水平ガイドまたは垂直ガイドのいずれかを指定し、ガイドのステージ左または上部からの位置をピクセルで指定して「OK」をクリックします。 

これで、新しいガイドが作成されます。

複数のガイドの作成

均等幅のガイドを一度に作成できます。

  1. 表示複数ガイドを作成を選択します。

    複数のガイドの作成
    複数のガイドの作成

  2. 列の数と行の数をそれぞれ指定し、各ガイド間の幅を指定します。ふち取りについては、各ガイドの周りのパディングを指定するための値を入力します。ガイドに合わせるオブジェクトを後で指定する際、ガイドのふち取り領域内にオブジェクトがあれば、このオブジェクトはそのガイドに合わせられます。

    以下の条件では、それぞれ次のオプションを選択します。

    • 中央の列:ステージ中央からガイドを作成したい場合
    • 既存ガイドの消去:以前のガイドをすべて削除したい場合

    注意:

    複数ガイドの作成時に指定するすべての値の単位はピクセルです。

  3. 「OK」をクリックします。

    注意:

    You can create a maximum number of 50 guides at a time using this menu.

ステージ上には一連のガイドが作成されます。

ガイドの移動または削除

ガイドを移動するには、ガイドをドラッグします。

ガイドを 1 つだけ削除する方法:

削除対象のガイドを右クリックし、「ガイドを削除」を選択します。

すべてのガイドを削除または消去する方法:

表示ガイドの消去を選択します。

注意:

ガイドを削除できない場合、そのガイドがロックされていないか確認してください。ガイドをロック解除した後、削除します。ガイドをロックおよびロック解除する方法について詳しくは、「ガイドのロックとロック解除」を参照してください。

ガイドのロックとロック解除

すべてのガイドをロックまたはロック解除するには、表示ガイドをロックを選択してこのメニューコマンドを選択または選択解除します。

Change the appearance of guides

To change the appearance of guides, do the following:

  1. Click Edit > Preferences.

  2. Open the Defaults section of the Preferences dialog box.

  3. Choose a different color from the Default Guides color and click OK.

Use smart guides

Smart Guides are temporary snap‑to guides that appear when you create or manipulate objects. They help you align, edit, and transform objects relative to other objects, or by snap-aligning them to guides on the screen.

To turn Smart Guides on or off, check or uncheck View > Show Drawing/Smart Guides .

Guides: Property flow in responsive projects

The behavior of guides is the same as the behavior of any other object in responsive projects.

You can add or delete guides in lower breakpoints, and it is reflected in all the views (both high and low). However, if you edit a guide in a lower breakpoint, its link with higher views is broken. 

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー