イトウ先生のTipsnote Illustrator CC 2019 の新機能:コンテンツに応じた切り抜き

イマジカデジタルスケープ 短期集中クリエイティブ講座

イマジカデジタルスケープ・AfterEffects・Photoshop・HTML・CSS・JavaScript・1日トレーニング

Web・動画・映像・ゲーム・DTP・CG・Adobe Creative Cloud・キャリア・就活に

 
 
1 緊急事態宣言発令に伴うトレーニングの開催延期について
 

お客様index

企業・自治体のお客様に 業務効率化、コスト削減に

クリ博登録者・学生の方に 割引トレーニングはコチラ


イトウ先生のTipsnote

イトウ先生のTipsnote Secondbook


イトウ先生のTipsnote:目次

【 Illustrator CC 2019 の新機能:コンテンツに応じた切り抜き 】

こんにちは、イマジカデジタルスケープの伊藤和博です。
今週は、Illustrator CC 2019から新機能で「コンテンツに応じた切り抜き」をご紹介します。
この「コンテンツに応じた・・」関連の一連の機能はPhotoshopではすっかりお馴染みとなりましたが、この機能がIllustratorにも搭載されました。
この機能はAdobe Senseiの機能が元になっているようですが、配置した画像の中から視覚的に重要な部分を自動認識し画像を切り抜く、というもので、つい先日ご紹介しましたInDesign CC 2019の「内容を自動認識に応じて合わせる」機能にとても似ています。
Illustratorでの画像の切り抜きに関するオペレーションそのものは、以前のブログイトウ先生のTips note【Illustrator CC 2017】画像の切り抜きでご紹介した機能と同様ですが、この切り取りエリアの作成時に「コンテンツに応じた切り抜き」が機能するようになります。

さっそくやってみよう!

まずは、任意の画像を配置します。なお配置する時点では埋め込みでもリンクでもいずれの方法でもかまいませんが、この「画像の切り抜き」の機能そのものは埋め込みで処理されるため、リンクで配置した場合はのちに画像を埋め込むためのナビゲートが働きます。

Aicc19_cut001

配置した画像を選択した状態で、オブジェクトメニュー > 画像の切り抜き、またはコントロールパネルから「画像の切り抜き」をクリックします。すると、切り取りエリアが表示されますが、この切り取りエリアは視覚的に重要な部分を自動認識して設定された切り取りエリア、ということになります。

Aicc19_cut002

Aicc19_cut003

Aicc19_cut004

配置後の切り抜きそのものは、return【Enter】キーをタイプするか、コントロールパネルの適用をクリックします。

Aicc19_cut005

Aicc19_cut006

埋め込み解除のオペレーションもCC2017から同様で、リンクパネルから埋め込み解除を選択し、別画像として保存し直すと、リンク状態に変更することが可能です。

Aicc19_cut007

画像を編集していた場合

Illustratorに搭載された「コンテンツに応じた機能」ということもあり、この機能は、Illustrator独自の編集を加えていた場合に機能するのか?がポイントになりますが、そもそもこの機能は埋め込み画像に機能するものであり、埋め込み画像にはアピアランスが機能する(リンク画像にはアピアランス無効)ため・・

Aicc19_cut011

のように、Photoshop効果系のアピアランス=変形を伴わないアピアランスを適用した画像には機能しますが・・

Aicc19_cut010

のように、Illustrator効果系のアピアランス=変形を伴うアピアランスを適用した画像の場合は、配置画像のエリア内で切り取りエリアを生成するため、意図したエリアと異なる場合もあります。
なお、回転ツールで回転した場合、回転角度および画像がアートボード内に収まる回転かどうかによって、生成されるエリアが異なります。

Aicc19_cut014

いずれの場合も、意図しないエリアが生成された場合は手動で設定し直す、という形になりますが、この切り抜き機能そのものは矩形の形状のみの切り抜きとなりますので、対象の形状などで切り抜いた状態を作成する場合は従来からのクリッピングマスクで行います。

ちなみに、回転した画像から画像の埋め込み解除を行なった場合は、画像の背景にオブジェクトがあるかどうかに関わらず、画像の周囲には白が生成されます。

Aicc19_cut016

「画像の構図を自動設定する」という意味では、今回のこの機能はInDesign CC 2019に搭載の「内容を自動認識に応じて合わせる」と同等の機能になるかと思います。
もともと画像内に対象が存在する画像に使用する機能になるかと思いますので、テクスチャやパターンなど画像内に対象と言えるものがない画像の場合には機能しずらい機能と言えますが、対象が存在する画像を配置した場合は制作の一助になるかと思いますので、ぜひ使ってみてください。

関連講座

↑ページTOPへ

| カテゴリ | | Web | DTP・デザイン | CG・動画・映像 | キャリア・就活 |
| お客様 Index | | 企業・自治体のお客様に | 学生の方に |
| 目的別・状況別 Index | | Webデザイン入門セミナー | 映像編集入門セミナー | DTPデザイン入門セミナー | 魅力的なポートフォリオ作成 |
| Adobe CCを覚えたい方に | | Photoshop CC 2018の使い方・基本 | Illustrator CC 2018使い方・基本 |
| 画像をきれいに編集する方法 | 読みやすい文字の組み方 |
| HTML / XHTML / CSSの基礎知識 | HTML5 / CSS3の基礎知識 | JavaScriptの基礎知識 | jQuary・jQueryMobileの基礎知識 |
| Dreamweaver CC 2015の使い方・基本 | InDesign CCの使い方・基本 |
| AfterEffects CC 2018の使い方・基本 | AfterEffects CC 2014の使い方・実践 |
| Premiere Pro CC 2018の使い方・基本 |
| Webの基本をマスターしている方 | | 棚橋弘季氏の直伝、ユーザー中心のWebサイト設計 | 益子貴寛氏が伝授するCSS実践テクニック |
| 矢野りんさんに学ぶ、”使える”デザイン基礎知識 | こもり氏のHTML+CSS基礎 | 平塚氏のマーケティング基礎 |
| 坂本氏のIA入門 | Webに関わるすべての人の「Webリテラシー」講座 | 神森勉氏に学ぶコーディング講座 |
| 森川眞行氏に学ぶ、大規模サイトの構築・運用マネジメント |
| 就職・転職・就活中の方へ | | 模擬面接セミナー(個別FB付) | エントリーシートブラッシュアップセミナー |
| 面接・職場で使えるビジネスマナー研修 | 職務経歴書添削セミナー |