この記事では、OptiSigns Designerアプリの基本的な機能と特徴について説明します。
- Designerを開く
- Designerアプリの概要
- キャンバス
- トップメニュー - 基本機能
- 右カラム - 位置調整
- サイドメニュー - 高度な機能
- Designer 2.0とDesigner 1.0の切り替え
OptiSigns Designerアプリは、デジタルサイネージに表示するコンテンツを完全に作成できる、最も機能豊富なアプリケーションです。このガイドでは、OptiSignsプラットフォーム内でのコンテンツ作成の始め方について説明します。
Designerを開く
Designerを開くには、Files/Assetsをクリックし、次にAppをクリックします。
次に、Designerをクリックします。これによりDesignerアプリが開きます。
Designerアプリの概要
Designerアプリは4つの主要ゾーンに分かれています：
- トップメニュー - 基本機能
- キャンバス
- ツールバー - 位置調整
- サイドメニュー - 高度な機能
それぞれについて順番に説明していきます。
キャンバス
Designerビューアーは、デザインが表示される場所です。各要素はウィンドウ内で表示され、選択可能です。
ここから要素を移動、リサイズ、削除などができます。
トップメニュー - 基本機能
デザインウィンドウのトップメニューには基本機能があります。これには、画像、テキスト、シェイプ、背景、フィルター、アニメーション、フレームの追加、デザインの命名、描画、デザインのリサイズなどが含まれます。
デザインに名前を付ける
デフォルトでは、新規デザインには以下のように「Your new untitled design」というタイトルが付けられます。
デフォルトの名前でデザインを保存することも可能ですが、Assetsフォルダー内で識別しにくくなるため、できるだけ早く名前を変更することをお勧めします。
デザインに名前を付けると、デザインプロセス全体でその名前が表示されます。
移動、保存、新規デザイン、ダウンロード機能
移動、保存、新規デザイン、ダウンロード機能は名前の右側にあります。
これらは他のほとんどのアプリケーションと同じように機能します：
移動 - デザインアセットを別のフォルダーに移動できます。このボタンをクリックすると、フォルダーを選択できるポップアップが表示されます。
必要に応じて、ここで新規フォルダーを作成することもできます。
保存 - デザインアセットを保存します。別の名前を付けない限り、以前のバージョンのアセットは上書きされます。
| 注意 |
| 空白のデザインで保存をクリックすると、空白のデザインを保存しようとしていることを知らせる警告が表示されます。デザインは保存されません。 |
保存せずにデザインに変更を加えた場合、トップメニューに未保存の変更があることを知らせる通知が表示されます：
新規デザイン - 現在のデザインを終了し、新しいデザインを作成します。左サイドバーに新規デザインパネルが表示されます：
ここで、新規デザインの向きとサイズを決定できます。
ダウンロード - 現在のデザインをローカルデバイスにダウンロードします。ファイルの名前を変更し、PNGとJPGのファイルタイプから選択できます。
画像
画像オプションを使用すると、デザインに画像をアップロードできます。
クリックすると、マイデバイスと画像アセットの2つのオプションが表示されます。
マイデバイスをクリックすると、現在使用しているデバイスから画像をアップロードでき、画像アセットでは、Files/Assetsライブラリから直接画像をアップロードできます。
詳細については、Designerでの画像/写真の記事をご覧ください。
テキスト
テキストオプションを使用すると、デザインにテキストを挿入できます。
テキストは、トップメニューまたはサイドメニューから選択できます。どちらを選択してもサイドメニューが開き、より多くのオプションが表示されます：
テキストボックスを追加または定義済みテキストオプションのいずれかをクリックすると、Designerビューにテキストボックスが追加されます：
プロンプトに従うと、多数のオプションが利用可能になります。まず、テキスト自体には完全なオプションセットがあります：
テキストをクリックすると、トップメニューも変更されます：
ダブルクリックまたはテキストを選択すると、テキストを直接入力できます。
最後に、テキストをシングルクリックしてからマウスボタンを押したままドラッグすると、テキストの位置を変更できます。
テキスト機能の詳細については、Designerでのテキストの記事をご覧ください。
シェイプ
シェイプオプションを使用すると、既製のシェイプや要素をデザインに追加できます。
トップメニューからシェイプを選択すると、サイドメニューの要素タブが開きます：
ここでは、デザインに追加するシェイプと要素から選択できます。これらは非常に多くあるので、ニーズに合ったものを選んでください。
シェイプまたは要素をクリックすると、デザインに追加されます：
シェイプは反応性があり、自由にリサイズや回転ができます：
シェイプまたは要素をクリックすると、トップメニューが変更され、選択したものに直接適用されます：
最後に、シェイプまたは要素自体には完全なオプションセットがあります：
シェイプと要素バーの詳細については、シェイプと要素の記事をご覧ください。
背景
背景オプションを使用すると、デザインの背景色を変更できます。
クリックすると、サイドメニューにキャンバス背景エリアが開きます：
色を選択すると、デザインに適用されます：
デフォルトの色がニーズに合わない場合は、カラーピッカーから選択し、ドラッグアンドドロップで色を選択するか、矢印でHEX、RGBA、またはHSLAカラーコードを使用することもできます。
フレーム
フレームオプションを選択すると、デザインの周りにフレームを追加できます
クリックすると、サイドメニューにフレームエリアが開きます：
これらのフレームのいずれかをクリックすると、デザインに適用されます：
フィルター
フィルターオプションを選択すると、デザインに複数のフィルターのいずれかを適用できます。
クリックすると、サイドメニューにフレームパネルが開きます：
これらのフィルターは、デザイン全体または個々の画像や背景要素に次のように適用できます：
特定のフィルターは自動的に適用されます。その他のフィルターには、微調整できるスライダーがあります。最後に、各フィルターは他のフィルターと重ねることができます。
描画
描画オプションを選択すると、デザイン上で自由に描画できます。
クリックすると、サイドメニューに描画パネルが開きます：
ここでは、いくつかのオプションがあります：
- 描画を停止 - 描画パネルを開いたままにしますが、画像の調整を可能にします。クリックすると、描画を開始に変わります。
- ブラシタイプ - 描画時に使用するブラシのタイプを選択します。
- ブラシサイズ - ブラシのサイズをカスタマイズできます。
- ブラシカラー - デフォルトの色のセットまたはカラーピッカーからブラシの色を選択します。
必要なオプションを選択したら、デザイン上で好きなものを描くことができます：
これらの描画要素は、デザインの他の要素と同様に選択および編集できます。
リサイズ
リサイズオプションを選択すると、デザインのサイズを変更できます。
クリックすると、サイドメニューにリサイズエリアが開きます：
ここでは、いくつかのオプションがあります：
- 向き - 横向きと縦向きの向きを切り替えます。
- 新しいサイズ - デザインの幅と高さを変更できます。デフォルトまたはカスタムの数値は、選択した向きに合わせて入れ替わります。
- アスペクト比を維持 - チェックすると、幅または高さへの変更は他の値にも反映されます。
- パーセンテージを使用 - 幅と高さの値をピクセルからパーセンテージに変更します。向きの選択がグレーアウトします。
- キャンバスサイズのみをリサイズ - チェックすると、キャンバスのサイズのみが変更され、デザイン内の要素は変更されません。チェックされていない場合、デザインのすべての要素がキャンバスに合わせてリサイズされます。
必要な調整を行ったら、リサイズボタンを押すと、デザインがリサイズされます。
アニメート
アニメートボタンを選択すると、デザイン要素にアニメーションを追加できます。
クリックすると、サイドメニューにアニメートエリアが開きます：
アニメーションを追加するには、デザインの要素を選択する必要があります。その後、追加を押します：
デザインにアニメーションを追加するための多数のオプションがあります。詳細については、アニメーションの記事をご覧ください。
プレビューとスクリーンへのプッシュ
これらのオプションを使用すると、スクリーンに表示されるときのデザインの外観をプレビューしたり、すぐにデザインをスクリーンにプッシュしたりできます。
プレビュー
プレビューボタンは、スクリーンにプッシュした場合のデザインの外観を表示します。
OptiSignsを実行するために使用しているハードウェアやその他のさまざまな要因により、このプレビューは実際に表示されるものとわずかに異なる場合があることにご注意ください。
スクリーンへのプッシュ
ここで、アセットをスクリーンまたはタグに割り当てることができます。詳細については、スクリーンへのコンテンツのプッシュに関する記事をご覧ください。
閉じる
閉じるボタンを押すと、デザインが閉じます。デザインが保存される前にこのボタンがクリックされた場合、次のポップアップが表示されます：
これにより、編集を続ける、変更を破棄する、または変更を保存して閉じるオプションが提供されます。
元に戻す/やり直す
元に戻すオプションは、その名前の通り、最後のアクションを元に戻します。このボタンが誤って押された場合、やり直すボタンで修正できます。
| 注意 |
| 元に戻すコマンドは、WindowsマシンではCTRL+Z、MacではCmd+Zを使用して実行することもできます。やり直しは、WindowsではCTRL+Y、MacではCmd+SHIFT+Zを使用して実行できます。 |
ツールバー - 位置調整
右側のツールバーは、主にズーム、レイヤー、履歴、およびハンドツール機能を使用してデザインの要素を配置するために使用されます。
ズーム
デザインのズームレベルを表示します。「+」または「-」ボタンで調整できます。
「+」または「-」ボタンで調整できます。
レイヤー
レイヤーボタンを使用すると、デザイン上の要素のレイヤリングを変更できます。
クリックすると、サイドメニューのレイヤータブの下に位置ウィンドウが開きます。
ここでは、デザインの異なる要素が上層から下層まで配置されます。次のようにドラッグアンドドロップしてレイヤーを並べ替えることができます：
ウィジェットは並べ替えることができず、常にデザインの上にオーバーレイされることにご注意ください。
履歴
履歴ボタンを選択すると、デザインに加えられたすべての変更の履歴を表示できます。
クリックすると、サイドメニューの履歴タブの下に位置ウィンドウが開きます：
これにより、デザインが最初に開かれたときから各個別の変更まで、実行されたアクションが降順で表示されます。それぞれをクリックすると、デザインがその時点に戻ります：
履歴タブは、デザインが閉じられて再度開かれるたびにクリアされることにご注意ください。
ハンドツール
ハンドツールを選択すると、個々の要素だけでなくデザイン全体を移動できます。
選択すると、ハンドツールアイコンが緑色に変わり、カーソルが手に変わります。その後、キャンバスを移動できます：
サイドメニュー - 追加機能
サイドメニューは、OptiSigns Designerアプリの追加機能のほとんどがある場所です。
これらの機能により、デザインを単純な静的画像から次のようなダイナミックなサイネージに変換できます：
- 豊富なテンプレートライブラリ
- あなたのテンプレートとコンポーネント
- ウィジェット
- 写真、GIF、ステッカー/絵文字、QRコード
- OptiSyncを使用したダイナミックデータソースとリピーター
- テキスト
- シェイプと要素
- ブランドキット
これらの主要な機能はそれぞれ、上記のリンク先のそれぞれの記事でより詳しく説明されています。
Designer 2.0とDesigner 1.0の切り替え
古い1.0バージョンのDesignerに戻るには、画面右上隅のDesigner 1.0を使用ボタンをクリックするだけです。
| 注意 |
| Designer 1.0は2025年末までに廃止される予定であり、今後作成されるすべてのデザインはDesigner 2.0を使用します。 |
以上です！
OptiSignsはデジタルサイネージソフトウェアのリーダーです。OptiSignsについて追加の質問、懸念事項、またはフィードバックがある場合は、support@optisigns.comのサポートチームまでお気軽にお問い合わせください。