画像とアイコン

  1. ホーム
  2. リソース
  3. ユーザーマニュアル
  4. think-cell Library：プレゼンテーションリソース
  5. 画像とアイコン

アイコンやストック画像などの think-cell 画像でプレゼンテーションを強化します。画像は、グラフ、表、テキストボックスなど、他の think-cell 要素とスムーズに統合します。

このセクションでは、think-cellライブラリから画像やアイコンを追加し、ウェブページや PowerPoint 画像からthink-cell要素に変換し、アイコンや SVG を編集する方法について説明します。think-cell画像のサイズ変更、クロップ、整列を行って、スライドレイアウトにシームレスにフィットさせることができます。

ライブラリ画像やアイコンをプレゼンテーションに挿入する

think-cell Library では、追加のサブスクリプションなしで、ローカルまたは共有ストレージ内の画像アセット、Pexels や Unsplash のストック画像、Freepik のアイコンを使用できます。Brandfolder、Canto、または Getty Images のサブスクリプションがある場合は、これらのソースからの画像も使用できます。

画像をプレゼンテーションに挿入するには、次の手順に従います。

  1. think-cellライブラリを開く：PowerPoint リボン上に、Insertのタブにアクセスします。Slidesグループ内で、Library library button icon を選択します。

  2. think-cell Libraryで、画像ソースを選択します。

    • Pexels：ストック画像
    • Unsplash：ストック画像
    • Freepik：アイコン
    • イメージアセットを含むフォルダーまたはサブフォルダー（ライブラリ内の画像アセットを参照）

    Brandfolder、Canto、または Getty Images のサブスクリプションがある場合は、これらのソースを使用できます。詳細については、画像やアイコンプロバイダーをライブラリに追加するをご覧ください。

In the think-cell Library, the mouse hovers over Pexels in the list of image sources
  1. 検索ボックスに、検索キーワードを入力します。検索結果をフィルターして並べ替えるには、画像をフィルターして並べ替えるを参照してください。

    検索結果を閲覧中にサムネイルのサイズを変更するには、Ctrl を押しながらマウスホイールを回転させて拡大・縮小します。タッチパッドの場合は、ピンチイン・ピンチアウト操作を行います。
  2. プレゼンテーションに挿入する画像のサムネイルをクリックします。
The think-cell library dialog with the image source Pexels selected. The search results show images of maps.
  1. 現在のスライドに画像を挿入しない場合、それらを挿入するスライドを選択します。
  2. スライド上で、画像を挿入する箇所をクリックします。

スライド上の同じ位置にある画像を置き換えるには、現在の画像をダブルクリックするか、画像を選択してライブラリを再度開きます。次に、新しい画像を選択します。

スライドの画像を調整するには、画像のサイズ変更、クロップ、配置を参照してください。

画像をフィルターして並べ替える

Freepik、画像アセットフォルダー、および Brandfolder には、検索結果の絞り込みと並べ替えオプションがあります。

Freepik

  • Color: Black、Colors、Gradient、あるいは Allを選択します。
  • Style: Outline、Fill、Lineal color、Hand drawn、あるいはAllを選択します。
  • Sort by: Most relevantあるいはRecentを選択します。
The Freepik search filters in the think-cell Library: "Color," "Style," and "Sort by"

画像アセットフォルダー

Sort byメニューで、次のいずれかのオプションを選択します。

  • Location: 画像がフォルダー名とフォルダー内のファイル名のアルファベット順に表示されます。
  • Most recent: 画像が変更日の新しいものから順に表示されます。
The sort options for searching user images in the think-cell Library: "Location" and "Most Recent"

Brandfolder

  • Brandfolder: Brandfolder を選択します。
  • Collection: Brandfolder 内でコレクションを選択します。
  • Section: Brandfolder 内でセクションを選択します。
  • Sort by: Updated (newest)、Creation date (newest)、Most popular、あるいは File name (A-Z)を選択します。

アイコンおよびその他のSVG画像の編集

Freepikのアイコン、またはスケーラブルなベクトルグラフィック（SVG）ファイルを元にしたその他の think-cell 画像を編集できます。たとえば、アイコンの色を変更したり、アイコンの一部だけを使用したりすることができます。アイコンを編集した後も、think-cell 画像として使用できます。

アイコンを編集するには、次の手順に従います。

  1. スライドに、Freepik または他のライブラリ画像ソースのアイコンを挿入します。
  2. アイコンを右クリックしてコンテキストメニューを開き、Convert Image to Shapes を選択します。アイコンは PowerPoint の図形のグループに変換されます。
  3. PowerPoint の図形を編集して、アイコンが目的どおりに見えるようにします。例えば、図形の色を変更するか、図形を追加または削除します。
  4. 終了したら、すべての図形を選択します。図形のグループ化を解除したり、新しい図形を追加したりした場合は、選択を右クリックしてからGroup > Groupを選択します。
  5. think-cellグループのInsertタブで、Tools Tools menu icon > Convert to think-cell Image を選択します。詳細については、PowerPoint の図形を think-cell 画像に変換するを参照してください。

画像のサイズ変更、クロップ、配置

画像は、次のモードで編集できます。

  • Fill Frame：画像は、青色のセクションフレームで示される境界ボックスに自動的に調整されます。think-cellは、境界ボックスを埋めるために、必要に応じて画像を切り取ったり拡大縮小したりします。写真にはこのモードをお勧めします。
An image of a boy holding a map
  • Specify HeightおよびSpecify Width：境界ボックスとは無関係に、画像の高さまたは幅を指定します。think-cellは、クロップせずに完全な画像を表示します。アイコンにはこれらのモード をお勧めします。
An icon of a map

画像モードを選択するには、画像を選択してミニツールバーを開きます。Image Modeメニューで、目的のモードを選択します。

think-cell's Image Mode menu on the mini toolbar

画像の編集方法は次のとおりです。

画像のサイズ変更する

Fill Frameモードでは、画像は自動的にバウンディングボックスを埋めるようにスケーリングされ、青色のセクションフレームで示されます。Specify WidthおよびSpecify Heightモードでは、境界ボックスとは別に画像のサイズを変更します。

Fill Frameモードで画像のサイズを変更する

Fill Frameモードでは、画像のサイズを変更するには、画像のサイズ変更ハンドルのいずれかをドラッグします。

画像は境界ボックスを埋めるために自動的に拡大縮小されます。境界ボックスのアスペクト比が画像の元の寸法と一致しない場合は、think-cellは自動的に画像を切り取って適合させます。think-cellは境界ボックスに収まるように画像を歪めることはありません。

サイズ変更するとき、デフォルトで画像の中心に焦点が合わせられます。画像の別の部分に焦点を合わせたい場合、クロップ領域でその部分を選択します（画像のトリミングを参照）。

Resizing a think-cell image in Fill Frame mode

Specify HeightまたはSpecify Widthモードで画像のサイズを変更する

Specify HeightおよびSpecify Widthモードでは、青いサイズ変更矢印を使用して画像のサイズを変更したり、ミニツールバーで画像の高さまたは幅を指定したりできます。画像のサイズは、境界ボックスとは無関係です。

青いサイズ変更矢印で画像をサイズ変更するには、その矢印をドラッグしてサイズを増減します。

Resizing a think-cell icon in Specify Height mode

ミニツールバーで画像の高さまたは幅を指定するには、次の手順に従います。

  1. 画像を選択してミニツールバーを開きます。Image Modeメニューで、指定するディメンション（Specify HeightまたはSpecify Width）を選択します。
  2. Sizeコンボボックスで、次のいずれかを実行します。
    • テキストボックスに値と単位を入力します。例えば、12 mmまたは1/2 slide heightを入力します。単位を入力しないと、think-cellは点（pt）と解釈します。
    • ドロップダウンメニューで、サイズを選択します。

画像をサイズ変更するとき、以下の単位から選択します。

  • ポイント(pt)
  • ミリメーター (mm)
  • センチメーター (cm)
  • インチ (in)
  • スライドの幅の割合 (slide width)
  • スライド高さの割合 (slide height)
The think-cell combo box for specifying the height of an icon in points, milimeters, centimeters, inches, or as a proportion of slide width or slide height

画像のトリミング

Fill Frameモードでは、画像をクロップしてフォーカスが維持されるものを定義します。クロップされた画像をサイズ変更する場合、クロップ領域の寸法から独立してアスペクト比を変更できます。画像は、切り取り領域を可能な限り中央に保ちながら、青いセクションフレームで示される境界ボックスを埋めるように拡大縮小されます。

Cropping an image in Fill Frame mode lets you choose which part of the image stays in focus

Specify HeightまたはSpecify Widthモードでは、画像をクロップして、不要な外縁を削除します。

Cropping an icon in Specify Height or Specify Width mode lets you remove edges that you don't want

任意のモードで画像をクロップするには、次の手順に従います。

  1. クロップする画像を選択します。
  2. 黒いクロップカーソルが表示されるまで、黒いクロップハンドルの1つにカーソルを重ねます。両端に矢頭のある白い矢印カーソルが表示されている場合、セクションフレームのすぐ内側にマウスを移動すると、黒いクロップカーソルが表示されます。
  1. 黒いクロップハンドルをドラッグします。
The black cropping cursor in think-cell

どのモードでも元の画像に戻すには、次の手順に従います。

  1. クロップされた画像を選択します。
  2. 画像の少なくとも片側がロック解除されていることを確認してください。ロック解除された側には、青いハンドルのサイズ変更が表示されます。側面のロックを解除するには、そのハンドルのサイズ変更を右クリックします。
When you select an image, white handles indicate that a side is locked, and blue handles indicate that a side is unlocked
  1. PowerPoint のリボン内で、Picture FormatまたはGraphics Formatタブに移動します。Size グループ内で、Crop > Fitを選択します。

境界ボックス内の画像のアライメントを変更する

Specify HeightおよびSpecify Widthモードでは、境界ボックス内の画像のアライメントを変更できます。境界ボックスは、青色のセクションフレームで示されます。デフォルトでは、think-cellは境界ボックスの中心に画像を整列します。

  1. Specify HeightまたはSpecify Widthモードで、画像を選択してミニツールバーを開きます。
  1. ミニツールバーで、次のオプションから選択します。
    • Horizontal Alignmentメニューで、Left、Center、またはRightを選択します。
    • Vertical Alignmentメニューで、Top、Middle、またはBottomを選択します。

画像が境界ボックスと同じサイズまたは大きい場合、アライメントを変更しても影響はありません。

think-cell alignment options for icons on the mini toolbar

ウェブページから画像をプレゼンテーションに挿入する

ウェブページから PowerPoint にthink-cell画像として挿入します。そのためには、think-cellブラウザの拡張機能が必要です（ブラウザ拡張機能をインストールするを参照）。

  1. PowerPoint に挿入する画像を含むウェブページを開きます。ブラウザのツールバーで、think-cell拡張機能を選択します。think-cellブラウザ拡張機能を頻繁に使用する場合、ブラウザのツールバーにピンしておくと便利です。
The think-cell web browser extension that converts web images into think-cell elements
  1. 挿入する画像をクリックします。PowerPoint が開きます。
An image in a browser window. A cursor hovers over the image with the tooltip "Click to import to think-cell"
  1. 現在のスライドに画像やアイコンを挿入しない場合、それらを挿入するスライドを選択します。
  2. スライド上で、画像を挿入する箇所をクリックします。
A web image converted into a think-cell element on a PowerPoint slide

PowerPoint の図形を think-cell 画像に変換する

think-cellの配置およびサイズ変更ツールは、PowerPoint 画像やその他の図形で使用できます。これを行うには、PowerPoint の図形または図形のグループをthink-cell画像に変換します。

  1. スライドで 1 つ以上の PowerPoint の図形を選択します。

  2. PowerPoint 図形のグループを 1 つの画像に結合するには、まず結合する図形を選択します。次に、選択を右クリックし、Group > Groupを選択します。

    グループ化せずに複数の PowerPoint 図形を選択すると、選択した各図形が個々のthink-cell画像に変換されます。

  3. Insertグループのthink-cellタブで、Tools Tools menu icon > Convert to think-cell Image を選択します。