オープンバッジのイメージ画像作成

1EdTech上では,バッジのイメージ画像について,以下のように説明をしています.

The logo of the Consumer. The logo image uri should resolve to an image file with a square aspect ratio in either PNG or SVG format. Recommended resolution: 512x512px.

ロゴ画像のURIは、正方形のPNGまたはSVG形式の画像ファイルにリンクする必要があります。推奨解像度は512x512ピクセルです。

バッジの画像を作成するサービスやプロダクトに制限はなく,どのように作成しても問題ありませんが,以下のような方法が案としてあります.

  • Microsoft PowepointやGoogleスライド上で図形,アイコン等を組み合わせて作成する.

  • 無料のデザインツールであるAdobe Expressを利用して作成する.

  • 無料の画像作成支援サービスであるCanvaのテンプレートを利用して作成する

このページでは例として,イラスト・画像の作成支援サービスであるCanvaを利用したオープンバッジのイメージファイルの作成方法を説明します.

まず,Canvaのページへアクセスし,アカウントを作成します.なお,Canvaで利用する素材に関するライセンスは以下のページをご参照ください.

Canva | Canva's Content License Agreement(Free Content licenses)

Canvas:ログイン画面

次に左側のメニューでテンプレートを選択した上で検索欄に badge education と入力します.検索結果にバッジ画像のテンプレートが複数表示されますので,自身が作成したいオープンバッジのイメージに最も近いものを選択し,このテンプレートをカスタマイズする というボタンをクリックしてください.なお,王冠のマークがついているものは有料アカウント向けのテンプレートで,無料アカウントのユーザは選択できません.

Canvas:バッジのデザイン一覧画面

テンプレートを選択すると,編集画面が表示されます.

テンプレートは配色や文字を変更できますので,デザインをカスタマイズしてください.なお,画面左側にある素材やテキストを選択すると,テンプレートが表示されますので,挿入したい素材を選択できます.

Canvas:バッジの編集画面

イメージの作成が完了したら,画面左上にあるファイルからダウンロードを選択してpngファイルとしてダウンロードしてください.ダウンロードした画像ファイルは,Moodleのバッジの設定画面上のイメージのアップロードからアップロードしてください.

Canvas:バッジのダウンロード

Last updated