新規で画像を作成する(テンプレートから作成)

ここでは、予め用意されたテンプレートを使って、新規で画像を作成する方法を解説します。
テンプレートを使用することで、プロが作ったようなレイアウトやエフェクトをそのまま適用したバナーやロゴを作ることができます。

画像を作成する場合、ゼロから自由にレイヤーを組み合わせて作成する方法と、
テンプレートから作成する方法があります。
自由に作成する場合は、新規で画像を作成する(自由に作成)をご参照ください。

テンプレートの表示

SiGN左下の<テンプレート>をクリックし、テンプレート一覧を表示させます。
テンプレートの表示

テンプレートの選択

左枠の一覧[1]から種類を選択し、右枠のテンプレート一覧から<このテンプレートを使用>[2]をクリックします。

アートボードにテンプレート画像が追加されたことを確認します。
テンプレート画像を追加

テンプレートの編集

SiGNの各機能を利用して、テンプレートの内容を編集できます。

不要なレイヤーの削除

レイヤー一覧から、不要なレイヤーをゴミ箱ボタンより削除します。

鍵が付いているレイヤーは、鍵をクリックして外すと削除できるようになります。

不要なレイヤーの削除

ゴミ箱に入れたレイヤーが削除されました。
※本記事で選択したテンプレートは、テキストに白色が使用されていることから、
 テキスト背景に表示されていた画像を削除した時点で、テキスト部分が見えなくなっています。
ゴミ箱

背景色を変更

ウィンドウ上部の「背景色」を選択し、パレットから色を指定し<OK>をクリックします。
背景色
背景色が変更されました。
プレビュー

文字内容を変更

3つのテキストレイヤーに入っている文字を削除し、別の文面に変更します。
文字内容を変更

文字が変更されました。

文字サイズを変更

テキストレイヤー内の文字を範囲選択し、設定の<サイズ>から文字の大きさを指定します。
文字サイズを変更
文字サイズが変更されました。

フォントを変更

テキストレイヤー内の文字を選択し、設定の<フォント>から別のフォントを指定します。
フォントを変更
フォントが変更されました。

文字間隔を変更

テキストレイヤー内の文字を範囲選択し、設定の<文字間>から文字間隔を指定します。
文字間隔を変更-1
文字間隔が変更されました。
文字間隔を変更-2

文字色を変更

テキストレイヤー内の文字を範囲選択し、設定の<色>から文字色を指定します。
文字色を変更
文字色が変更されました。
>文字色を変更-2″  /></p>
<h4 class=各レイヤーの角度を調整

テキストレイヤーとシェイプレイヤーをクリックし、設定の<位置>と<回転>を指定します。

レイヤーをダブルクリックし、右下の枠外に表示される点を長押しすることでも位置や角度の調整が可能です。

テキストレイヤーを選択し、<位置>と<回転>を指定します。
各レイヤーの角度を調整-1
テキストレイヤーの位置と角度が変更されました。
各レイヤーの角度を調整-2

シェイプレイヤーの<位置>と<回転>を指定します。
各レイヤーの角度を調整-3

シェイプレイヤーの位置と角度が変更されました。
各レイヤーの角度を調整-4

新規レイヤーの追加

左項目からレイヤーを追加し、内容を設定します。
※ここではテキストレイヤーを追加してみます。
新規レイヤーの追加

レイヤーの複製

レイヤーをクリックし、左項目から複製ボタンをクリックすると、複製されます。

同じ位置に重なるように複製されるので、誤って複製しすぎないように注意しましょう。

レイヤーの複製

レイヤーの整列

アートボード内のレイヤーをCtrlキーを押しながら複数選択します。
※Macの場合はCommandキーを押しながら複数選択します。
レイヤーの整列

右項目の「整列」から揃えたい形のボタンを選択しクリックします。
<アートボード基準>にチェックをいれると、アートボードの位置に合わせて整列されます。
アートボード基準

レイヤーの位置を調整

レイヤーをクリックし、右項目の<位置>からX(横軸)とY(縦軸)を指定することで、レイヤーの位置を調整します。
レイヤーの位置を調整

作成した画像を画像データやテンプレートデータとして保存する際は、画像を保存するをご参照ください。