wanichanの日記

ちょっとした技術メモ。Microsoft中心。Webサイト管理等にまつわるネタ、サイトの更新情報等を発信中。最終版はwanichan.comに掲載していきます。

Expression Design 4でイメージのトレースとトリミング

※このエントリーは、ExpressionTech.jpに掲載されていたC# Corner翻訳記事です。

Tracing and Cropping an Image in Expression Design 4』by Nipun Tomar

はじめに

今日、私は Microsoft Expression Design 4で画像のトレースとトリミングについて知りました。そこで、あなたが気に入りそうな記事をフォームに共有したいと思います。

四角形を描く

  1. Microsoft Expression Design 4で新規ドキュメントを開きます。

    f:id:wanichan:20190526152736p:plain

  2. ツールボックスから四角形を選択して、ドキュメントいっぱいになるまで描きます。

    f:id:wanichan:20190526152755p:plain

  3. 四角形を黒に塗りつぶします。

    f:id:wanichan:20190526152812p:plain

イメージのインポート

  1. 既存のイメージをインポートします([ファイル]メニューから[イメージのインポート])。

    f:id:wanichan:20190526152830p:plain

  2. Expression Design画面にのせたいイメージを選択します。

    f:id:wanichan:20190526152846p:plain

  3. 画面が以下のようになります。

    f:id:wanichan:20190526152902p:plain

イメージをトリミング

では、イメージをトリミングします。

  1. [オブジェクト]メニューから[イメージ]をポイントし、[イメージオブジェクトの作成]を選択します。
  2. そして、トリミングしたい場所をドラッグして指定します。

  3. [ラスタサイズ領域]オプションが出てきたら[OK]ボタンをクリックします。
  4. 以下の図のように四角形が見えたら、その新しいイメージを保存します。
  5. もしトリミングしたイメージを見たい場合、それをドラッグしてアートボードの他の場所に移動すると、一つのオリジナルともう一つのトリミングされたイメージの二つが見えるでしょう。

イメージのトレース

  1. Microsoft Expression Design 4でもう一つのドキュメントを開き、イメージをインポートする手順まで繰り返します。
    ちなみにこの写真画像は、Windows 7のサンプルピクチャ「アジサイ」(C:\Users\Public\Pictures\Sample Pictures\Hydrangeas.jpg)をインポートしています。

    f:id:wanichan:20190526153028p:plain

  2. [オブジェクト]メニューから[イメージ]をポイントし、[イメージのオートトレース]を選択します。

    f:id:wanichan:20190526153124p:plain

  3. [イメージのオートトレース]のポップアップボックスが表示されたら、色の数は128にして[OK]ボタンをクリックします。

    f:id:wanichan:20190526153152p:plain

  4. オートトレースには処理にすこし時間がかかります。トレースされるとこのようになります。

    f:id:wanichan:20190526153208p:plain

  5. 下の図のように、編集ウィンドウのどこかをクリックしてみてください。

    f:id:wanichan:20190526153226p:plain

  6. すると、このようになるでしょう。

    f:id:wanichan:20190526153244p:plain