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

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

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

テンプレートの表示

SiGN左下の<テンプレート>をクリックし、テンプレート一覧を表示させます。
新規で画像を作成する(テンプレートから作成)【SiGN】

テンプレートの選択

左枠の一覧[1]から種類を選択し、右枠のテンプレート一覧から<このテンプレートを使用>[2]をクリックします。
新規で画像を作成する(テンプレートから作成)【SiGN】
アートボードにテンプレート画像が追加されたことを確認します。
新規で画像を作成する(テンプレートから作成)【SiGN】

テンプレートの編集

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

不要なレイヤーの削除

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

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

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

背景色を変更

ウィンドウ上部の「背景色」を選択し、パレットから色を指定し<OK>をクリックします。
新規で画像を作成する(テンプレートから作成)【SiGN】
背景色が変更されました。
新規で画像を作成する(テンプレートから作成)【SiGN】

文字内容を変更

3つのテキストレイヤーに入っている文字を削除し、別の文面に変更します。
新規で画像を作成する(テンプレートから作成)【SiGN】
文字が変更されました。
新規で画像を作成する(テンプレートから作成)【SiGN】

文字サイズを変更

テキストレイヤー内の文字を範囲選択し、設定の<サイズ>から文字の大きさを指定します。
新規で画像を作成する(テンプレートから作成)【SiGN】
文字サイズが変更されました。
新規で画像を作成する(テンプレートから作成)【SiGN】

フォントを変更

テキストレイヤー内の文字を選択し、設定の<フォント>から別のフォントを指定します。
新規で画像を作成する(テンプレートから作成)【SiGN】
フォントが変更されました。
新規で画像を作成する(テンプレートから作成)【SiGN】

文字間隔を変更

テキストレイヤー内の文字を範囲選択し、設定の<文字間>から文字間隔を指定します。
新規で画像を作成する(テンプレートから作成)【SiGN】
文字間隔が変更されました。
新規で画像を作成する(テンプレートから作成)【SiGN】

文字色を変更

テキストレイヤー内の文字を範囲選択し、設定の<色>から文字色を指定します。
新規で画像を作成する(テンプレートから作成)【SiGN】
文字色が変更されました。
新規で画像を作成する(テンプレートから作成)【SiGN】

各レイヤーの角度を調整

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

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

テキストレイヤーを選択し、<位置>と<回転>を指定します。
新規で画像を作成する(テンプレートから作成)【SiGN】
テキストレイヤーの位置と角度が変更されました。
新規で画像を作成する(テンプレートから作成)【SiGN】
シェイプレイヤーの<位置>と<回転>を指定します。
新規で画像を作成する(テンプレートから作成)【SiGN】
シェイプレイヤーの位置と角度が変更されました。
新規で画像を作成する(テンプレートから作成)【SiGN】

新規レイヤーの追加

左項目からレイヤーを追加し、内容を設定します。
※ここではテキストレイヤーを追加してみます。
新規で画像を作成する(テンプレートから作成)【SiGN】

レイヤーの複製

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

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

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

レイヤーの整列

アートボード内のレイヤーをCtrlキーを押しながら複数選択します。
※Macの場合はCommandキーを押しながら複数選択します。
新規で画像を作成する(テンプレートから作成)【SiGN】
右項目の「整列」から揃えたい形のボタンを選択しクリックします。
<アートボード基準>にチェックをいれると、アートボードの位置に合わせて整列されます。
新規で画像を作成する(テンプレートから作成)【SiGN】

レイヤーの位置を調整

レイヤーをクリックし、右項目の<位置>からX(横軸)とY(縦軸)を指定することで、レイヤーの位置を調整します。
新規で画像を作成する(テンプレートから作成)【SiGN】

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