2.ツールバー

ツールバーには、Pixsoで使用するさまざまなツールと機能が含まれています。ツールバーの中央に表示されるコンテンツは、キャンバスで選択した内容によって異なります。

①メニュー

メニューアイコンをクリックしてメインメニューを展開します。 このメニューには、Pixsoのレイヤー操作とユーザー設定が含まれており、対応するショートカットキーがメニューオプションの右側に表示されます。 これらのショートカットキーを使用して、操作をトリガーできます。

• 新しいファイルを作成する:新しいタブに空のファイルを作成できます。

• 編集: 取り消す/やり直し、コピー/貼り付け、および高度な機能を使用できます。

• ビュー: レイアウトグリッドとルーラービューの設定を制御し、ズーム機能を使用して、キャンバス内のオブジェクトを見つけます。

•オブジェクト: キャンバスの作成、マスキングアウト、コンポーネントなどのレイヤー操作を実行できます。

• テキスト: テキストを太字または斜体で書式設定し、テキストのサイズ、高さ、間隔を設定できます。

•整列: 選択したレイヤーを、整列や等間隔分布などの特定の方法でアレンジできます。

• 設定: 選択したオブジェクトの効果やレイヤーを調整するときのナッジ量を設定して、環境設定を調整できます。

• 履歴: 保存された履歴バージョンを表示し、ファイルの履歴バージョンを作成できます。

• インポート: Sketch、Adobe XD、または Pixso ファイルを新しいファイルとしてインポートできます。

•エクスポート: 現在編集中のファイルを Pixso、Sketch、または Adobe XD ファイルとしてエクスポートできます。

②描画ツール

・移動ツールとズームツール

エディタでファイルを開くと、Pixsoはデフォルトで移動ツールを使用します(ショートカット: V)。

移動ツールを使用すると、レイヤーパネルでレイヤーを選択して並べ替えたり、キャンバス上のオブジェクトを移動したりできます。

移動ツールの右側にある矢印をクリックしてズームツール(ショートカット: K)に切り替えます。ズームツールを使用すると、オブジェクトまたはレイヤー全体を拡大縮小できます。

・フレームとスライスツール

Pixsoでは、コンテナのように動作するフレームを作成できます。 キャンバスの領域を区切って、デザインを作成できます。

従来のフレームツールとは異なり、Pixsoフレームは、複数のレイヤーにネストしたり、自動レイアウトを設定したり、プロパティを変更してフレームを自由に定義可能なオブジェクトにしたりすることができます。

フレームツール(ショートカット:A または F)を選択し、キャンバス上でドラッグして任意のサイズのフレームを作成するか、右側のプリセットオプションから既存のフレームサイズを選択できます。

フレームツールの右側にある矢印をクリックして、スライスツール (ショートカット: S) に切り替えます。 スライスツールを使用すると、エクスポートするコンテンツの領域をカスタマイズできます。

・シェイプツール

Pixsoではデフォルトの図形を使用できます。シェイプツールバーのドロップダウンメニューをクリックして、次のいずれかを選択できます。

• 長方形 (ショートカット: R)
• ライン (ショートカット: L)
• 矢印 (ショートカット: シフト + L)
• 楕円 (ショートカット: O)
• 多角形
• スター
• 画像 (ショートカット:オプション/コマンド+ K)

・ペンツール

ペンツールを使用すると、カスタムシェイプとアイコンを作成できます。 また、ベクターパス、アンカーポイント、ベジェ曲線を使用して複雑なベクターネットワークレイヤーを作成することもできます。(ショートカット:オプション/シフト+ P)

・テキストツール

ツールバーからテキストツール(ショートカット: T)を選択して、テキストレイヤーをキャンバスに追加できます。

• キャンバス上で 1 回クリックすると、水平方向の自動ストレッチテキストレイヤーが追加されます。
• キャンバスをクリックしてドラッグし、固定サイズのテキストレイヤーを作成してテキストを入力できます。

・ハンドツール

ハンドツールを使用すると、誤ってオブジェクトを選択または移動することなく、キャンバスの周りをクリックおよびドラッグできます。

タッチスクリーン付きのデバイスでPixsoを使用している場合は、ハンドツールを使用すると、指でファイルを移動できます。

ヒント: Space キーを押して、ハンドツールをアクティブにします。

・コメントツール

コメントツールを使用すると、共同編集者とアイデアやフィードバックをすばやくコミュニケーションできます。 Cキーを押すと、すぐにコメントモードに入ります。

コメントは、ファイルを表示または編集する権限を持つすべてのユーザーが表示できます。

③レイヤー 操作ツール

レイヤーまたはオブジェクトを選択すると、ツールバーの中央にレイヤー操作ツールが表示されます。 表示されるツールは、選択したレイヤータイプによって異なります。

・オブジェクトの編集

「オブジェクトを編集」アイコン をクリックして、ベクトル編集モードに入ります。 ベクトルパス内の個々のアンカーを追加、削除、または調整できます。

このオプションは、ベクトルパスを選択した場合にのみ使用できます。 また、Enter キーを押しながら Return キーを押すと、ベクトル編集モードに入ることもできます。

・コンポーネントの作成

コンポーネントは、デザインで再利用できる要素です。 プロジェクト間で一貫したデザインシステムを作成および管理するのに役立ちます。 「コンポーネントを作成」アイコン をクリックして、選択したレイヤーに基づいてコンポーネントを作成できます。

複数のレイヤーまたはフレームを選択する場合は、アイコンの横にある矢印を使用して、コンポーネントの作成方法を選択できます。

• コンポーネントを作成：選択したとおりに個々のコンポーネントを作成できます。
• 複数のコンポーネントを作成：選択したレイヤーまたはフレームごとに複数のコンポーネントを一括で作成できます。

ショートカットキー：

• MacOS：Control+Command+K
• Windows：Ctrl+Alt+K

・インスタンスのリセット

選択内容にオーバーライドされたコンポーネントインスタンスが含まれている場合は、インスタンスをリセットするオプションが表示されます。

「インスタンスのリセット」アイコン をクリックして、オーバーライドされたコンテンツをリセットし、メインコンポーネントと一貫性のあるコンテンツに復元できます。

・レイヤーマスクの利用

レイヤーマスクを使用すると、レイヤーまたはオブジェクトの特定の部分を表示または非表示にできます。 レイヤーマスクアイコン をクリックして、現在の選択範囲のマスクを作成できます。

レイヤーマスクを作成すると、Pixsoは選択した領域の各レイヤーをマスクグループにアレンジできます。 Pixsoは、現在選択されているレイヤーのアウトラインを使用して、マスクグループ内のレイヤーの内容を表示できるようにします。

ショートカットキー:

• MacOS：Control+Command+M
• Windows：Ctrl+Alt+M

・ブール演算とスプライスパスの使用

レイヤーは、ブール演算またはパススプライシングを使用してシェイプに結合できます。

• 合体: 重複するベクトルパスを 1 つのパスに結合すると、2 つのベクトル領域の合計が生成されます。
• 前面オブジェクトで型抜き: 選択したレイヤーから重複するパスを削除すると、トップベクターレイヤーの領域が次のレイヤーの図から削除されます。
• 交差: 重なり合うパスから単一のパスを作成すると、元のグラフの重なりが保持されます。
• 減算:レイヤーの重なり合っていない部分から単一のパスを作成し、元のグラフの重なり合っていない部分だけを残します。
• パススプライシング: 選択した領域から単一のレイヤーを作成し、ブールレイヤーをフルパスレイヤーにマージします。

ショートカットキー:

• MacOS：Command+E
• Windows：Ctrl+E

ご注意: このオプションは、複数のレイヤーを選択した場合にのみ使用できます。

レイヤーを選択しない場合、Pixsoはツールバーの中央にプロジェクトとファイル名を表示します。 これにより、次のファイル操作にアクセスできます

• スタイルとコンポーネントの共有: チームリソースライブラリのパネルを開きます。
• 名前を変更: ファイルの名前を新しい名前に変更します。
• 履歴を表示: 右側のパネルで履歴バージョンを開きます。
• ファイルの移動: ファイルの場所をプロジェクトに変更します。