SiGN機能と仕組み
「SiGN」は、画像作成/編集ツールです。 画像とテキストを組み合わせたバナー画像などを、簡単に作ることができます。 ※お手元の画像を取り込み、サイズを変更したりテキストを乗せるなどで加工することも可能です。 ※作成し […]
カテゴリー画像を作成、編集する（15件）
SiGNの画面概要
ここでは、SiGNの画面概要を解説します。 アートボードの設定 画面上部の「アードボード設定」では、画像全体の設定を行います。 画像全体のサイズ[1]や、フォーマット（ファイル形式）[2]、背景色[3]と枠線[4]、グリ […]
既存の画像を編集する
ここでは、既存の画像を編集する方法を解説します。 SiGNを起動する ブロックエディタで編集したい画像パーツを選択して［1］、〈編集〉をクリックします［2］。 SiGNで画像を編集する SiGNが起動し、編集画面が表示さ […]
新規で画像を作成する（テンプレートから作成）
ここでは、予め用意されたテンプレートを使って、新規で画像を作成する方法を解説します。 テンプレートを使用することで、プロが作ったようなレイアウトやエフェクトをそのまま適用したバナーやロゴを作ることができます。 画像を作成 […]
新規で画像を作成する（自由に作成）
ここでは、新規でレイヤーを追加し、自由に画像を作成する方法を解説します。 画像を作成する場合、ゼロから自由にレイヤーを組み合わせて作成する方法と、 テンプレートから作成する方法があります。 テンプレートから作成する場合は […]
画像素材を取り込む（画像レイヤー）
SiGNでは、画像ファイルを取り込むことができます。 ここでは画像レイヤーで画像素材を新規追加する手順を解説いたします。 画像レイヤーの追加 左のメニューから[1]をクリックします。 「レイヤー」の一覧に画像[2]が追加 […]
画像にテキストを追加する（テキストレイヤー）
ここでは、画像にテキストを追加する方法を解説します。 テキストレイヤーの追加 左のメニューから[1]をクリックします。 「レイヤー」の一覧にテキスト[2]が追加されたことを確認します。 テキストの入力 アートボード内のテ […]
画像にアイコンを追加する（テキストレイヤー）
ここでは、アイコンフォントを追加する方法を解説します。 アイコンフォントはテキストレイヤーとして追加されるので、画像アイコンと違いページへの負荷が軽く大変便利です。 テンプレートからアイコンフォントを設定する ※アイコン […]
画像にシェイプやスタンプを追加する（シェイプレイヤー/スタンプレイヤー）
ここでは、画像に円や四角形などの図形（シェイプ）を乗せる方法や、スタンプを追加する方法を解説します。 シェイプレイヤーの追加 左のメニューから[1]をクリックします。 「レイヤー」の一覧にシェイプ[2]が追加されたことを […]
画像全体のサイズやファイル形式を指定する
ここでは、画像サイズとファイル形式の変更方法を解説します。 アートボードのサイズを指定する アートボード設定右のサイズ[1]を選択します。 W(横幅)とH(縦幅)の指定[2]、基準位置[3]、オブジェクトも拡大・縮小[4 […]
画像全体に背景色や枠線を設定する
ここでは、SiGNのアートボードで設定できる画像全体の背景色と枠線の設定手順を説明いたします。 背景色の設定 SiGNの編集画面上部の[1]をクリックします。 カラーの選択ウィンドウ[1]が表示されますので か[2]を選 […]
画像を透過させる
ここでは、画像を透過させる方法を解説します。 画像を透過させる場合、PNG形式で保存する必要があります。 JPEG形式では透過できませんので、ご注意ください。 フォーマット設定 画像の透過を行う場合、フォーマット[1]の […]
画像内に複数リンクを貼る（イメージマップ）
ここでは、画像内の一部分（＝指定範囲）にリンク設定ができる「イメージマップ設定」の設定手順を説明いたします。 イメージマップ設定は、SiGNを使って設定することができます。 「イメージマップ」とは、画像そのものにリンク設 […]
背景やシェイプにグラデーションを付ける
SiGNには、アートボード（背景）やシェイプレイヤーの図形にグラデーションを付ける機能が搭載されています。 ３色以上のカラーを指定したり、グラデーションの向きを変えるといった設定も可能です。 さらには円形のグラデーション […]
SiGNを利用できる動作環境について
SiGNのご利用にあたり、2019年2月現在の動作環境は下記をご覧ください。 SiGN動作環境 ＜ブラウザ＞ 【Mac版】 Safari 最新 Chrome 最新 Firefox 最新 【Windows版】 Edge 最 […]