操作ガイド
1.レイヤーのプロパティ
(1) . レイヤーの基本的なプロパティ
アライメント(位置合わせ)
整列は、複数のレイヤーを選択した場合に、レイヤーの位置を整えるのに役立ちます。
・左揃え (Alt+A)
・水平方向の中央揃え(Alt+H)
・右揃え(Alt+D)
・上揃え(Alt+W)
・垂直方向の中央揃え(Alt+V)
・下揃え(Alt+S)
アレンジメント
水平・垂直方向の等間隔は1次元の調整、アレンジメント機能は2次元の調整です。
ショートカットキーの使用だけでなく、使用状況によっては、全被写体を選択後に右下のマークで素早く調整することも可能です。
・水平方向の等間隔
左側と右側のオブジェクトまたはレイヤーの両方が、その位置のまま残ります。
ショートカットキーの使用だけでなく、使用状況によっては、全被写体を選択後に右下のマークで素早く調整することも可能です。
・垂直方向の等間隔
上下のオブジェクトやレイヤーの位置はそのままになります。
ショートカットキーの使用だけでなく、使用状況によっては、全被写体を選択後に右下のマークで素早く調整することも可能です。`
・位置決め
右側のパネルでX軸とY軸の値を調整することで、キャンバス上のレイヤーの位置を調整することができます.
あるレイヤーを選択した後、矢印マークの移動ツールで移動させることができます。その移動量を「ナッジ」といいます。デフォルトでは、ナッジ量の最小値は1、最大値は10です。
ナッジ量はユーザーの設定から設定できます。
・サイズ
右側のパネルでX軸とY軸の値を設定することで、キャンバス上でのレイヤーの大きさを調整することができます。
比率を拘束:拘束比率を使用する場合、レイヤーの幅と長さの一方を調整すると、もう一方が自動的に拡大縮小されます。
フィレット半径
図形全体のフィレット半径を調整します。
デフォルトでは、右側のパネルでフィレット半径を調整することができます。
コントロール円環を使用してフィレット半径を調整します。
矩形、星形、多角形のフィレット半径は、キャンバス上のコントロール円環で調整できます。
単一アングルのフィレット半径を調整します。
右側のパネルにある独立したフィレットをクリックすると、単一アングルの半径を設定することができます。
左上、右上、右下、左下の時計回りの順序で、異なる半径を設定することができます。
コントロール円環を使用して、独立したフィレット半径を調整します。
矩形、星形、多角形のフィレット半径は、キャンバス上のコントロール円環で調整することができます。円環をドラッグする際、AltキーまたはOptionキーを同時に押すと、単一フィレットを調整することができます。
・スムースフィレ:
デザインによっては、フィレットとボーダーの接続が十分に滑らかでない場合があります。スムースフィレットを設定することで、より良い移行を実現することができます。 下の画像では、緑色の部分が一般的なフィレットで、青色の部分が100%スムースフィレット効果を持つものです。
・回転
右側のパネルで回転の値を調整することで、キャンバス上でのレイヤーの回転を制御することができます。また、マウスをシェイプの横に移動させて、回転アイコンを調整することでもできます。
・フリップレイヤー
レイヤーを反転させる方法として、「水平反転」「垂直反転」機能を使う方法もあります。
ショートカットキー:
水平反転: Shift + H
垂直反転: Shift + V
レイヤー順の変更
レイヤーの順番を調整する方法は3つあります。
レイヤーパネル経由:
レイヤーを選択し、左側のパネルにドラッグして、レイヤーの順番を調整します。
・ショートカットキー経由:
最前面へ:
MacOS:Command+]
Windows:Ctrl+]
前面へ:
MacOS:Command+Option+]
Windows:Ctrl Shift+]
最背面へ:
MacOS:Command+[
Windows:Ctrl+[
背面へ:
MacOS:Command+Option+[
Windows:Ctrl+Shift+[
・右クリックメニュー経由:
右側パネルで数値を素早く調整できます。
右側のパネルでドラッグして値を調整できます。初期設定では移動速度が固定されていますが、マウスを上下に動かすことで移動速度を調整することができます。
(2) . 塗り
塗りつぶし機能は、テキストレイヤー、基本図形、ベクター、ブール演算、フレームに適用できます。また、塗りつぶしの種類は、ベタ塗り、グラデーション塗り、画像塗りつぶしに分けられる。
パレットから色を選択するか、色の値を入力することができます。また、色の透明度もそこで設定できます。
カラーピッカーを使えば、キャンバス上の好きな色を選んで、好きなように色を塗ることができます。
リニアグラデーションを選択した場合、複数のコントロールポイントを挿入し、それを経由して効果を調整することができます。
塗りつぶしパネルでは、複数の色とその透明度を設定することができます。また、目のアイコンをクリックすると、色の効果を隠すことができます。
(3) .線
1.線の色を設定カラーピッカーで線を描き、その透明度を調整します。
2.線の幅を設定:対応するボックスに任意の値を入力します(単位:ピクセル)。
3.様々な状況に応じてエンドポイントスタイルを設定:
終点が2つあるベクターパスを選択すると、右側のパネルに始点と終点が表示されます。 一般的には、上または左のコーナーのものが始点で、下または右のコーナーのものが終点となります。
端点が1つだけ、または2つ以上のベクターパスを選択すると、そのプロパティが「線」の詳細設定に表示されます。
ベクターパス全体を選択した場合、終点を単独で編集することはできません。端点を単独で編集するには、ベクトル編集モードで単一ベクトル点を選択する必要があります。
4.シェイプでの線の位置を設定します。中心、内側、外側のいずれかに設定できます。
5.線のスタイル:実線と点線のプロパティは、線のプロパティで設定できます。
点線パラメータ: 最初のパラメータは点線の長さ、2番目は間隔である。これらは一緒に作用して点線を生成する。
6. 表示:これは、線がコーナーでどのように見えるかを調整するために使用することができます。これらの効果は、直角、丸みを帯びた角度、斜めの角度(線が中央と外側にある場合にのみ適用されます)です。
直角
丸みのある角度
斜めの角度
マイター角: ある傾きを設定することで、線を直角にするか斜めにするかを決めることができます。 値が傾きより大きい場合、直角を表示します。値が傾きより小さい場合は、斜めの角度が表示されます。
(4) . エフェクト
Pixsoは、シャドー効果やぼかし効果の設定に対応しています。
シャドウ
シャドウは、奥行き、立体感ともにデザインをより良くするのに適しています。オブジェクトの裏側や底面にシャドウを作成することができます。シャドウは一般的に次のような目的で使用されます。
- オブジェクト間の距離を設定する
- 光源の向きを設定する
- 背景でデザインを際立たせる
- オブジェクトを立体的に見せる
- テキストとアイコンのスタイライズ
- レイヤーやオブジェクトの周りにボーダーを追加する
シャドウは、以下のように内側のシャドウと外側のシャドウに分けられます:
シャドウ効果は、フレーム、グループ、コンポーネント、または単一レイヤーに適用することができます。
レイヤーを選択後、右側のパネルにある「+」アイコンをクリックしてシャドウを追加します。デフォルトでは、外側のシャドウが最初に選択されます。
次に、シャドウアイコンをクリックして、エフェクトの設定を開きます。
X: X 軸に沿って(水平方向に)シャドウを移動させます。Y軸と共に使用し、光源の方向を設定します。
Y: シャドウを Y 軸(垂直方向)に沿ってシフトします。X軸と共に使用し、光源の方向を設定します。
塗り: カラーピッカーを使い、シャドウの不透明度を設定します。
ぼかし: シャドウのぼかしやフェザリングを調整します。ぼかしを強くするとシャドウが柔らかくなり、背景となじみます。ぼかしを弱くするとコントラストがはっきりします。
拡張: 前景と背景のオブジェクトの距離を表すように、シャドウの大きさを調整します。
ぼかし
ぼかしは、ガウスぼかしと背景ぼかしに分けられます。
ガウスぼかしは、アクションや動きを表現したり、2次元のデザインに奥行きを持たせるのに役立ちます。次のような用途に使用できます。
- 情報の匿名化
- 背景のフォーカスを和らげたり、分散させたりする。
- 写真や画像から抽象的な背景を作成することができます。
- カメラの深度や、ボケなどの写真効果をコピーすることができます。
背景ぼかしは、キャンバス上の選択されたレイヤーを除くすべてのレイヤーをぼかします。
背景ぼかしを使用して、フォーカスを和らげたり、注意をそらすことができます。これにより、背景から選択したレイヤーに注意をそらすことができます。実際に背景のぼかしを見るには、適切な不透明度を設定する必要があります。レイヤーの不透明度を100%に設定すると、背景のぼかしは全く表示されません。
ぼかし効果は、フレーム、コンビネーション、コンポーネント、または個々のレイヤーに適用することができます。レイヤーまたはオブジェクトに追加できるのは、1つのレイヤーまたは背景ぼかしのみです。
レイヤーを選択後、右サイドバーの「効果」セクションの「+」アイコンをクリックし、ぼかし効果を選択します。
シャドウのアイコンをクリックすると、エフェクトの設定が開きます。そして、背景ぼかしやガウスぼかしの値を調整することができます。
(5) . 現在のドキュメントのカラー
ここでは、複数のレイヤーを選択した場合でも、選択したオブジェクトに適用されている任意の色を確認し、調整することができます。カラースタイルが適用されている場合は、そのスタイルが表示されます。
ここでは、塗りつぶし、線、グラデーション、ブールグループなどを見ることができます。
現在のドキュメントのカラーを確認する方法について:
- カラーがスタイルとして設定されている場合は、「スタイルの編集」「スタイルからの分離」「位置決め」のオプションが表示されます。
- スタイル編集アイコンをクリックすると、ポップアップが表示され、さらに操作することができます。
- 「スタイルからの分離」アイコンをクリックすると、色とカラースタイルの関連付けが解除されます。
- レイヤー上の色の位置が表示されるので、「位置合わせ」アイコンをクリックし、特定のレイヤーを選択します。
通常の色であれば、色の値や透明度を調整し、カラーピッカーを使い、その色を使う図形に移動することができます。ここで色を調整すると、選択レイヤーの中でこの色を使用しているすべてのレイヤーが、同時に同じ色に調整されます。
Pixsoは、カラーリストの内容が多すぎる場合、自動的にカラーリストを折りたたみ、色の総数を表示します。クリックするとリストが展開され、すべての色を見ることができます。