LEDイルミネーション風の効果

ページ構成

質問内容

この記事は、 「C.D.R.質問コーナー」に投稿された質問内容に対する、回答です。

質問概要
最近、店舗や自宅、庭などにLEDのイルミネーションを施されるケースが多く見受けられますが、CorelDRAWやPHOTO-PAINTを用いて、写真上にLED調のイルミネーションを模した建物などのプレゼンを作成するにはどのような手法があるのでしょうか？

手順

ここでは、質問対象のバージョンとは異なりますが、LEDイルミネーション風の効果をCorelDRAW X3で制作する手順を紹介します。

LEDイルミネーション風の効果 結果見本

使用する写真画像は、X3同梱のクリップアートPhoto Discに収録されている、「Photos」-「Travel」-「875097.jp2」ファイル（イスラム風寺院）です。この画像を、A4横の描画ページに原寸で配置し、

  1. 輪郭のトレース
  2. 輪郭オブジェクトの加工
  3. 写真の加工
  4. 輪郭オブジェクトに透明／ドロップシャドウ効果を適用

といった方法で、LEDイルミネーション風の効果を再現してみます。

輪郭のトレース

  1. 配置したビットマップオブジェクトをクリックして選択
  2. プロパティバー「ビットマップのトレース」をクリック、ドロップダウンリストを表示
  3. 「クリップアート」をクリック、「PowerTrace」ダイアログを開く
  4. 「カラー」タブをクリック
  5. 「R94 G129 B182」「R50 G92 B164」「R28 G65 B137」カラーボックスを[Ctrl]キーを押しながらクリック、これらを選択
    カラーを統合
  6. 「マージ」ボタンをクリック、色を「R57 G95 B161」に統合
  7. 「オプション」タブをクリック
  8. （チェックされていない場合）「バックグラウンドの削除」チェックボックスをクリック、チェックする
  9. 「カラーの指定」ラジオボタンをクリック
  10. 「スポイト 」ボタンをクリック
  11. 「適用後プレビュー」イメージの空の部分（「R57 G95 B161」色の部分）をクリック
    選択する場所
  12. （チェックされていない場合）「イメージ全体からカラーを削除」チェックボックスをクリック、チェックする
  13. 「OK」をクリック、トレースを実行
    トレース結果のプレビュー

以上の操作で、建物と地面の部分が、ベクトル図形としてトレースされます。これを、LEDイルミネーションの元図形にします。

輪郭オブジェクトの加工

  1. トレースされた図形（以降、「輪郭オブジェクト」と呼びます）をクリックして選択
  2. プロパティバー「グループ解除 」ボタンをクリック、グループを解除
  3. プロパティバー「結合 」ボタンをクリック、輪郭オブジェクトを複合パスオブジェクトとして結合
  4. カラーパレット「無色」カラーボックスをクリック、輪郭オブジェクトの塗りつぶしを削除
  5. カラーパレット「ホワイト」カラーボックスを右クリック、輪郭に白色を適用
    白色輪郭カラーの適用結果
  6. ツールボックスバー「整形ツール」をクリック
  7. プロパティバー「すべてのノードを選択 」ボタンをクリック
  8. プロパティバー「ノード数の削減」ボタンをクリック
    ※この結果、ノード総数が10588個から10224個に減少します。
  9. メニューバー「ウインドウ」-「ドッキング ウインドウ」-「フィレット／スカラップ／面取り」をクリック、「フィレット／スカラップ／面取り」ドッキングウインドウを表示
  10. 「操作」リストボックスをクリック、「フィレット」を選択
  11. 「半径」テキストボックスに「0.2」mmを入力
    フィレットの設定
  12. 「適用」をクリック
  13. 警告ダイアログが表示されたら「OK」をクリック、フィレットを適用
  14. ツールボックスバー「輪郭ツール」をクリック、「輪郭ツールフライアウト」を表示
  15. 「[輪郭ペン]ダイアログボックス」をクリック、「輪郭ペン」ダイアログを表示
  16. 「幅」の単位リストボックスをクリック、「ミリメートル」を選択
  17. 「幅」コンボボックスに「0.1」ｍｍを入力
  18. 「スタイル」リストボックスをクリック、
    「点線」を選択
  19. 「コーナー」項目の「ラウンド」ラジオボタンをクリックして選択
  20. 「ラインキャップ」項目の「ラウンド」ラジオボタンをクリックして選択
    輪郭ペンダイアログの設定
  21. 「OK」をクリック、輪郭線設定を適用

以上の操作で、輪郭オブジェクトの角が丸められ、白い点線になります。このまま輪郭オブジェクトの加工を進める前に、写真画像を夜景風に変換します。

写真の加工

  1. ツールボックスバー「選択ツール」をクリック、
  2. ビットマップオブジェクトをクリックして選択
  3. メニューバー「効果」-「調整」-「カラーバランス」をクリック、「カラーバランス」ダイアログを開く
  4. 「範囲」項目の「影」チェックボックスをクリック、チェックを外す
    チェックボックスの設定
    ※「中間トーン」「ハイライト」「光度の保護」はチェックされている状態にしてください。
  5. 「シアン-赤」スライダのテキストボックスに「-100」を入力
  6. 「マゼンタ-緑」スライダのテキストボックスに「-50」を入力
  7. 「イエロー-青」スライダのテキストボックスに「100」を入力
    カラーバランスの設定
  8. 「OK」をクリック、効果を適用
  9. メニューバー「効果」-「調整」-「色相／彩度／明度」をクリック、「色相／彩度／明度」ダイアログを開く
  10. 「彩度」スライダのテキストボックスに「-10」を入力
  11. 「明度」スライダのテキストボックスに「-70」を入力
    彩度、明度の設定
  12. 「OK」をクリック、効果を適用

以上の操作で、写真画像は夜に撮影されたような暗さになります。あとは、輪郭オブジェクトに透明効果とドロップシャドウ効果を適用し、LEDイルミネーション風に仕上げます。

輪郭オブジェクトに効果を適用

  1. 輪郭オブジェクトをクリックして選択
  2. ツールボックスバー「インタラクティブ透明ツール」をクリック
  3. プロパティバー「種類」リストボックスをクリック、「標準」を選択
  4. プロパティバー「マージモード」リストボックスをクリック、「追加」を選択
  5. プロパティバー「透明ターゲット」リストボックスをクリック、「輪郭」を選択
    透明効果の設定
  6. ツールボックスバー「インタラクティブドロップシャドウツール」をクリック
  7. プロパティバー「プリセット 」リストボックスをクリック、「グロウ（小）」を選択
  8. プロパティバー「ドロップシャドウの不透明度」テキストボックスに「60」を入力、確定
  9. プロパティバー「ドロップシャドウのフェード」テキストボックスに「2」を入力、確定
    不透明度とフェードの設定
  10. プロパティバー「ドロップシャドウのフェードの方向」ボタンをクリック、「外側」をクリックして選択
  11. プロパティバー「ドロップシャドウのフェードのエッジ」ボタンをクリック、「四角の反転」をクリックして選択
    フェードのエッジと方向の設定
  12. プロパティバー「マージモード」リストボックスをクリック、「追加」をクリックして選択
  13. プロパティバー「ドロップシャドウのカラー」リストボックスをクリック、「シアン」をクリックして選択
    マージモードとカラーの設定

以上で、LEDイルミネーション風の効果が、再現されたと思います。点線化された輪郭オブジェクトに透明効果とドロップシャドウを適用することで、それらしさを醸し出しているわけです。

LEDイルミネーションの結果

LEDイルミネーション結果 原寸

なお、PowerTrace、ノード数の削減、フィレット効果、ドロップシャドウのマージモードは、CorelDRAW X3のみの機能です。また、輪郭線に透明効果を適用できるのは、CorelDRAW 10以降になります。

ページ構成
  1. 自動リスト
記事内のナビゲーション
記事中の各見出しは、クリックすると「目次」（Contents）に戻ることができます。「目次」の各項目は、クリックすると記事内の見出しに移動できます。
目次とそのリンクは、JavaScriptによって自動的に生成しているため、JavaScriptを無効にしている場合、機能しなくなります。