全画面にgifを設定してデモを作成する方法

全画面にgifを設定し、デモを作成する手順は以下となります!

  1. どの画面でも良いので、PLAINERで画面をキャプチャ
  2. 保存後に、画面のいずれかをクリック
  3. 画面右側のメニューの「高度な編集」>「選択中の要素を変更」を何度かクリックする
    (※ホバー時に「これより上位の要素がありません」と表示されたらOK)
  4. 画面右側のメニューの「高度な編集」>「画像で置き換え(β)」をクリックし、任意のgif画像を設置
  5. (より綺麗に画面を作成するために、)画面右上の「︙」>「コンテンツ設定」から任意の値に画面の横幅を固定して、「HTML編集(β)」で画像のwidthを固定した幅を同一の値に変更
  6. ガイドを付与
  7. 「高度な編集」>「ガイド位置調整」・「ハイライトサイズ・位置調整(β)」でハイライトやガイドの位置を微調整

関連記事