操作ガイド

1.画像

①デザインに画像を追加

サポートされている PNG、JPEG、および SVG 画像をデザインファイルに追加できます。画像に特定のレイヤータイプはありません。Pixsoでは、画像は塗りつぶしタイプとみなされ、任意の図形に画像を追加できます。

右側のパネルの塗りつぶしセクションの下にある画像の塗りつぶしを表示および更新できます。Pixsoはパレットとハンドオフセクションにサムネイルも表示します。

Pixsoの「①デザインに画像を追加」操作画面

左側のサイドバーの[レイヤー]パネルで、画像が塗りつぶされているレイヤーを識別できます。

・画像がキャンバスに直接追加されると、Pixsoは画像と同じサイズの長方形を作成します。長方形は画像と呼ばれ、その横に対応するアイコンが表示されます。

Pixsoの「①デザインに画像を追加」操作画面

・画像が現在のオブジェクトに追加された場合、Pixsoは元のレイヤーのアイコンと名前を保持します。

Pixsoの「①デザインに画像を追加」操作画面

②塗りとして画像をアップロード

カラーピッカーを使用してイ画像を現在の図形に追加できますが、この方法では画像をコンピューターにダウンロードする必要があります。

Step 1:キャンバスで図形を選択または作成します。

Pixsoの「②塗りとして画像をアップロード」操作画面

Step 2:右側のパネルの [ 塗りつぶし] セクションをクリックして、カラーピッカーを開きます。

Pixsoの「②塗りとして画像をアップロード」操作画面

Step 3:表示される塗りつぶしオプションから画像を選択します。

Pixsoの「②塗りとして画像をアップロード」操作画面

Step 4:プレースホルダー画像が図形に塗りつぶされます。次に、[画像の選択]をクリックし、コンピュータから1つを選択します。

Pixsoの「②塗りとして画像をアップロード」操作画面

③画像のバッチインポート

画像をバッチでインポートし、その場所をカスタマイズできます。

これを行う方法は次のとおりです。

方法1: メニューから [ インポート] を選択し、ターゲットの画像を選択できます。

Pixsoの「③画像のバッチインポート」操作画面

方法2:上部のツールバーから [図形→画像] をクリックし  、ターゲットの画像を選択します。

Pixsoの「③画像のバッチインポート」操作画面

ショートカットキー:

macOS: Command + Shift + K

Windows: Ctrl + Shift+ K

このようにして、Pixsoは「+」カーソルと最初の画像のサムネイルを表示します。複数の画像を選択した場合、カーソルには残っている画像の数が表示されます。

Pixsoの「③画像のバッチインポート」操作画面

次に、いくつかの方法で画像をキャンバスに追加できます。

・キャンバス上の任意の場所をクリックし、元のサイズの画像を追加します。

・クリックしドラッグして画像のサイズを変更し、キャンバスに追加します。

・キャンバス上の現在のオブジェクトを選択し、画像を塗りとして追加します。

④キャンバスに画像を貼り付ける

キャンバスに画像を貼り付けることもできます。これを行う方法は次のとおりです。

画像の新しいレイヤーを作成する場合は、キャンバスに直接貼り付けます。

このようにして追加された画像は、他のウェブサイトからコピーすることができます。

Step 1:キャンバス上の空白をクリックして、レイヤーの選択を解除します。

Step 2: Ctrl/Command キーと V キーを押して画像を貼り付けます。

Step 3:Pixsoは画像と同じサイズの長方形を作成し、画像を塗りとして追加します。

画像を貼り付ける前にレイヤーを選択すると、画像が塗りとして追加されます。

デフォルトでは、Pixsoは画像を新しい塗りとしてレイヤーに追加します。

Step 1:画像を追加するレイヤーを選択します。

注: 現在の塗りつぶしを置き換える場合は、サムネールの左側にある「塗りつぶし」オプションをクリックして選択します。その後、塗りつぶされたレイヤーが青色で強調表示されます。

Step 2:Ctrl/Command キーと V キーを押して画像を貼り付けます。

塗りつぶしモードはデフォルトで塗りつぶしに設定されますが、Adapt、Crop、またはTileとして変更できます。

⑤画像のトリミング

Step 1:調整するレイヤーを選択します。

Step 2:[塗りつぶし]セクションで、画像のサムネイルをクリックしてドロップダウンメニューを開きます。

Step 3:[トリミング]を選択すると、Pixsoは画像の周りに8つのノードを追加します。次に、表示方法を調整できます。

Pixsoの「⑤画像のトリミング」操作画面

・ノードをクリックして任意の方向にドラッグし、画像を引き伸ばします。

・画像をクリックしてドラッグし、その場所を変更します。

・画像のトリミングされた部分は透明になります。

Pixsoの「⑤画像のトリミング」操作画面

Step 4:キャンバス上の任意の場所をクリックして、トリミング設定を適用します。

注:画像を ダブルクリックすると、画像をもう一度トリミングできます。また、Command/Ctrl キーを押しながらノードをドラッグして、画像をすばやくトリミングすることもできます。

⑥画像の塗りつぶしモード

画像には4つの塗りつぶしモードがあります。

  • 適応: これにより、オブジェクトのサイズを変更しても、塗りつぶされたオブジェクトにイメージを完全に表示できます。ただし、オブジェクトの形状によっては、画像が完全に塗りつぶされないことがあります。
  • 塗り: これにより、画像を見つけてズームイン/ズームアウトし、オブジェクト全体に適用されます。画像の形状がオブジェクトの形状と異なる場合、Pixsoは画像を切り取ってオブジェクトを完全に塗りつぶします。
  • トリミング: これにより、画像の境界線を調整できます。このようにして、画像のどの部分を見ることができるかを制御できます。
  • タイル: 元の画像を複製して、オブジェクトを完全に塗りつぶします。重複する画像のサイズは、パーセント値を使用して変更できます。画像が塗りとして追加されると、その拡大 / 縮小とサイズを調整できなくなります。ただし、Pixsoが選択した塗りつぶしモードに基づいて画像を見つけてズームイン/ズームアウトする塗りつぶしオブジェクトを調整することはできます。