SIRIUS2深掘り

検索結果

「 ふきだし 」の検索結果
  • アイキャッチ画像
    会話リスト-SIRIUS2
    当サイトでは基本的にベーステンプレートでの動作検証となってます。そのため他のテンプレート利用時にはここで使用しているキャプチャ画像とは若干異なる場合もあります。また他のテンプレート利用時には場合によっては動作に多少の違いが生じる可能性もありますこと予めご了承ください。パーツ<会話リスト>は<吹き出し>機能をより効率よく作成できる機能です。会話リストというくらいですから、機能としては「複数の吹き出し作成」時にチカラを発揮し、特に会話(チャット)形式のコンテンツを表示するときに役に立ちます。基本構造は<吹き出し>と同じSIRIUS2には旧SIRIUS時代からの標準機能として<吹き出し>機能が用意されてます。<吹き出し>の設定完了後は専用のHTMLが自動挿入され、修正や順番の入れ替えなんかは吹き出し用HTMLブロックを範囲選択してからの操作になります。これが初心者の方には若干敷居が高いかなという印象はありました。また複数の吹き出しを作ろうとしたらHTMLブロックもかなり長いものにならざるをえず、修正や移動時のミスもより起きやすくもあります。(1個や2個程度ならさほど問題はありません)これらのデメリットをなくして搭載された新機能がパーツ<会話リスト>です。基本的な作成方法は<吹き出し>機能とほとんど同じなので、使い方の詳細はそちらをご覧下さい。ここでの説明はあくまで補足となります。<会話リスト>の設定画面を開くには、【パーツ】→<会話リスト>→【会話リストの管理】→【追加】もしくは【パーツ】→<会話リスト>→【会話リストの追加】から開けます。<会話リスト>を開くと『会話リスト』『吹き出しの設定』『プレビュー』の3つのタブに分かれてます。会話リスト-会話リストすでにいくつか設定済みの画面でご説明していきます。縮小版①キャラクター設定吹き出し用画像ですが、SIRIUS2標準の<吹き出し>機能ではどんな画像でもOKなのが<会話リスト>では予め設定したキャラクター画像のみとなっています。『キャラクター設定』の詳細については<吹き出し>をご覧ください。②新規追加会話(吹き出し)を追加する際にここをクリックします。設定画面についてはこちらをご覧下さい。③編集すでに登録済みの会話(吹き出し)を修正する場合は編集対象の会話リストをクリックして選択状態にしたのちここをクリックします。④複製一部だけを修正した会話(吹き出し)を新規で追加したい場合は『複製』を使うと効率的です。⑤削除必要なくなった会話(吹き出し)を削除したいときはここをクリックします。⑥上に移動(下に移動)会話(吹き出し)の並び順を変えられます。(<吹き出し>にはない機能)新規追加新規追加をクリックすると下のような画面が出ます。キャラクター設定が済んでいればお目当てのキャラクターを選択し、画像の向き(位置)やカラー、会話内容を設定すれば1個の会話(吹き出し)は完成です。画像の『向き』・『カラー』・『テキスト』の詳細については<吹き出し>をご覧ください。会話リスト-吹き出しの設定会話(吹き出し)のデザイン関連の設定項目が並んでます。こちらも<吹き出し>の方で詳細がご覧になれます。『画像の幅』は<吹き出し>設定では【キャラクターの設定】内の『横幅』が該当します。『角丸表示』は<吹き出し>設定では『枠を角丸で表示』が該当します。『自動調整』は<吹き出し>設定では『横幅を自動調整』が該当します。『キャラ名の表示』は<会話リスト>だけの機能で、画像下に表示されるテキストになります(<吹き出し)では『画像下テキスト』がこれに該当)会話リスト-プレビュープレビュー表示では設定の変更がリアルタイムに反映されます。すべての設定が完了して「OK」をクリックすると管理IDの入力画面になるので、わかりやすい名称を付けておきます。他のパーツ同様、編集画面には<会話リスト>専用の独自タグが出力されます。パーツ機能はデザインモードでもテキストモードと同じくSIRIUS2の独自タグでの表示になるので、(ブラウザ or内蔵)プレビューでの表示チェックが不可欠になります。
    Read More
  • アイキャッチ画像
    吹き出し-SIRIUS2
    当サイトでは基本的にベーステンプレートでの動作検証となってます。そのため他のテンプレート利用時にはここで使用しているキャプチャ画像とは若干異なる場合もあります。また他のテンプレート利用時には場合によっては動作に多少の違いが生じる可能性もありますこと予めご了承ください。SIRIUS2の<吹き出し>はデザインを一新し、5種類×7パターン×11色と、バリエーション豊かな吹き出しにパワーアップしてます。設定画面<吹き出し>は記事装飾メニューの【ボックス】→【吹き出しの作成】から作成できます。。吹き出しの設定すでにいくつか設定済みの画面でご説明していきます。縮小版①②③種類・パターン・カラー右端の三角をクリックするとそれぞれプルダウンメニューが表示され、種類(吹き出し全体のデザイン)、パターン(吹き出しの枠線デザイン)、カラー(吹き出しの背景色)の選択肢が出てきます。それぞれのサンプルはコチラのページにてご確認できます。④吹き出し内のテキスト吹き出し内に表示するテキストを入力します。⑤向きプレビュー画面で見えてる顔画像の位置です。一般的な使い方としてはサンプルのような左端に表示する「左向き」か、会話形式なら反対側の右端に表示する「右向き」でしょうか。⑥枠を角丸で表示四角い吹き出しの角を丸めたいならここにチェックを入れます。(柔らかい印象になります)⑦横幅を自動調整サンプルではONになっていて、テキスト量に応じて吹き出しの幅が自動調節されます。このチェックを外すとテキスト量に関係なく吹き出しの幅がコンテンツ幅いっぱいに広がって表示されます。⑧画像の選択吹き出し発言者の画像をここで選択できます。⑨画像下テキスト吹き出し画像の下に表示するテキストを指定します。(名前や年齢など)⑩画像を円で表示する画像を丸く切り取ります。⑪キャラクター吹き出しの画像をキャラクター画像として登録しておけます。詳しくは次の「キャラクターの設定」をご覧下さい。⑫現在の設定をパターン登録詳しくは「現在の設定をパターン登録」をご覧下さい。詳細設定フォントサイズや画像の大きさ、吹き出しの位置などを変更したい場合はここで調整します。数値を変更するかバーを移動させることでもリアルタイムに変化がみられるので試してみてください。出力各項目の設定が終わって「OK」をクリックすると専用のHTMLコードが一気に自動出力されます。修正したい場合は「吹き出しここから」から「吹き出しここまで」を選択状態にして【ボックス】→【吹き出しの作成】をクリックすると設定済みの吹き出し作成画面が再び表示されます。複数の吹き出しを作成したあとに発言順を変えたい時は、「吹き出しここから」から「吹き出しここまで」の1ブロック単位での移動(or 削除)になります。ちなみにこちらがスマホでの表示例です。キャラクターの設定何度も同じ画像を使う場合は⑪キャラクターを設定しておくと画像の呼び出しがとてもラクになります。設定方法⑪キャラクター項目の右側にある”鉛筆”アイコンをクリックします。すると『キャラクター設定』画面が表示されます。「追加」ボタンをクリックすると『キャラクター編集』画面が表示されます。(すでにいくつか設定済みの画面でご説明していきます)①キャラクター名キャラクター登録後、キャラクター選択画面に表示される名称です。②画像キャラクター用の画像を指定します。③説明文どこかに表示されるものではなく、画像のAlt属性(代替テキスト)用です。④横幅画像の横幅調整用です。実際には縦横均等拡大(or 縮小)で250pxまであります。設定完了後に「OK」をクリックすると、1個のキャラクターが登録されます。(必要に応じて追加していきます)追加したキャラクターを再編集する場合は上部ツールバーの『編集』ボタンをクリックします。これでキャラクター項目右端の三角をクリックすると登録したキャラクター名が表示されるようになり、簡単にキャラクター画像を呼び出るようになります。実際の表示がこちら。『キャラクター』使用時は画像の選択はできなくなります筆者この吹き出しのように、常に同じ吹き出し(1人称)だったり、会話形式で特定の人物がしょっちゅう出てくる時なんかはキャラクター登録しておくと効率よく作成できます。⑫現在の設定をパターン登録複雑な設定で作り上げた吹き出しを別の吹き出し作成時にも使いたい時にイチから設定し直すのはかなり大変です。そんなときはお気に入りの設定をパターン登録しておくと便利です。たとえば下のようにあちこちカスタマイズして作り上げた吹き出しのデザインを他でも使い回したい時は⑫の「現在の設定をパターン登録」をクリックします。パターン登録画面になるので適当な名前を付けておきます。次に吹き出し作成を開いて最初に『パターンの読み込み』で今登録したパターン1を選択すると、画像はもちろんテキストまで完全コピーで画面が瞬時に変わります。そこから画像やテキストを部分修正していけばかなりの効率アップになりますね。直前(一つ前)の設定であれば⑬『前回の設定を読込』でもイケます。(SIRIUS2を終了→再起動でもイケるみたい)
    Read More