SiGN機能と仕組み
「SiGN」は、画像作成/編集ツールです。 画像とテキストを組み合わせたバナー画像などを、簡単に作ることができます。 ※お手元の画像を取り込み、サイズを変更したりテキストを乗せるなどで加工することも可能です。 ※作成し […]
2024.09.02 | 【9/26更新】10/15 Webフォント仕様変更に伴うメンテナンス実施のお知らせ |
---|---|
2024.05.10 | 【終了】5/14 ブログ機能 緊急メンテナンスのお知らせ |
2023.12.19 | 【終了】1/16 システムメンテナンス実施のお知らせ |
2023.12.05 | 【終了】12/5 システムメンテナンス実施のお知らせ |
2023.11.15 | 【終了】11/21 システムメンテナンスのお知らせ |
「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には、アートボード(背景)やシェイプレイヤーの図形にグラデーションを付ける機能が搭載されています。 3色以上のカラーを指定したり、グラデーションの向きを変えるといった設定も可能です。 さらには円形のグラデーション […]
SiGNのご利用にあたり、2019年2月現在の動作環境は下記をご覧ください。 SiGN動作環境 <ブラウザ> 【Mac版】 Safari 最新 Chrome 最新 Firefox 最新 【Windows版】 Edge 最 […]