Learning site for website creation

Canva:動物園紹介動画作成課題

公開日:2024年10月09日 更新日:2025年11月06日

課題

架空の動物園にいる動物たちを紹介する動画(1〜2分程度)を作成してください。架空の動物園なので「動物園名」などは自由に決めて構わないです。
※実在の動物園名は使用しないでください。

目的

Canvaを使って、映像・文字・音を組み合わせた動画を作成し、動画作成の基本を復習する。

内容

  1. 「新規作成」>「動画」>「Instaリール動画」(1080 x 1920px)で作成する
  2. テンプレートは使わない
  3. 制作時間は2時間(進捗をみて少し増減あり)

提出

  1. 提出は書き出した「mp4」ファイルを学校サーバーにアップロードする
    アップロード場所は後で全体案内する
    ※StudioのCMS本文に動画を表示する機能がないため
    ※通常ページには動画表示ブロックがあります(CMS本文にはない)
  2. ファイル名は半角英数を使って「zooXX」とする
    XXは出席番号
    例)出席番号12番の人「zoo12.mp4」
  3. 提出内容は2週間後に随時確認していきます。

動画に入れる要素

  1. タイトルスライド
    • 例:「ようこそ!〇〇動物園へ」
    • タイトル文字、イラストや動画を使用して作成する。
  2. 動物紹介シーン(3〜5種類)
    • それぞれの動物の動画(Canva内の無料素材)を使用。
    • 名前、特徴、生息地などをテキストで紹介。
    • 例:「キリン:長い首で高い木の葉を食べます。」
  3. 効果的な演出
    • アニメーション効果(フェードイン、ズームなど)やトランジションを使って動きをつける。
    • 背景音楽(Canva内の無料素材)や効果音を追加する。
  4. エンディング
    • 「見てくれてありがとう!」や「また動物園で会いましょう!」などのメッセージを表示。
    • クレジット(制作者名、使用素材など)を入れてもOK。

Studio記事に動画を埋め込む

Canva

画面右上「共有」>「すべて表示」をクリックします。

「埋め込む」をクリックします。

「埋め込み」をクリックします。

HTML埋め込みコードを「コピー」します。
公開をやめたい時は「埋め込みリンク解除」をクリックします。

Studio

CMSの本文で「埋め込みコード」を選択します。

「編集」をクリックします。

コピーしたコードを貼り付けて「更新」ボタンを押します。

以上で埋め込み完了です。幅100%表示なのでPCではかなり大きく表示されますが、スマホだとちょうどいい大きさになります。

コードを変更すると「○○さんによる」を変更・削除したり、動画リンクの文字を変更することができます。

例)https://akutsu-web.studio.site/blog/RIyMk-C0

Studio記事に動画リンクのみ表示する

Canva

画面右上「共有」>「公開閲覧リンク」をクリックします。

「公開閲覧リンクを作成」をクリックします。

「公開閲覧リンク」をコピーします。

Studio

  1. Studioの記事にリンク用の文字を入力した後選択します。
  2. メニューバーのリンクをクリックします。
  3. 先程コピーしておいたURLを貼り付けます。
    ※「新規タブでリンクを開く」「検索エンジンに・・・」にチェック推奨

以上でリンク作成完了です。

実際のサイトでリンクの例を確認:https://akutsu-web.studio.site/blog/RIyMk-C0

公開をやめる

資料を公開しているときはアイコンに「公開中」と表示されます。公開をやめる場合は「公開閲覧リンク」をクリックします。

公開閲覧リンクの「…」をクリックして「削除」を選択すると公開をやめることができます。

「削除」ボタンを押すと公開閲覧リンクが無効になります。