【Scratch】JS Paintで日本語テキスト画像を作ろう

JS Paintで日本語テキスト画像を作ろう

Windows標準のペイントアプリ「MS Paint」によく似た「JS Paint」を使って日本語テキスト画像を作ってみたいと思います。MacだとSafariではテキスト入力がうまく動作しませんでしたが、Chromeなら大丈夫でした

JS Paint

まず設定を変更。「Image」メニューの「Attributes」を選びます

JS Paintで日本語テキスト画像を作ろう

キャンバスサイズをScratchのステージサイズ(480×360)に、背景を透過設定にします

JS Paintで日本語テキスト画像を作ろう

「Image」の「Clear Image」を選んで背景色を消します

JS Paintで日本語テキスト画像を作ろう

テキストツールを選んで、背景の透過を選びます

JS Paintで日本語テキスト画像を作ろう

英語フォントのままでも日本語が書けますが、日本語フォントも選べます

  • MS Gothic
  • MS Mincho
  • MS PGothic
  • MS PMincho

JS Paintで日本語テキスト画像を作ろう

完成したら保存します

JS Paintで日本語テキスト画像を作ろう

保存されたファイルをScratchで読み込めば完了です

JS Paintで日本語テキスト画像を作ろう

関連コンテンツ
ブログランキング
  • にほんブログ村 教育ブログ プログラミング教育へ
  • にほんブログ村 子育てブログ 子供の習い事(教室・業者)へ

  • スポンサーリンク
    Google336 記事下
    Google336 記事下

    シェアする

    • このエントリーをはてなブックマークに追加

    フォローする

    スポンサーリンク
    Google336 記事下
    トップへ戻る