目次

Adobe Animate で HTML5 Canvas にテキストを配置する

目次

Adobe Animate で HTML5 Canvas にテキストを配置する手順を紹介します。

手順

Adobe Animateを起動します。
Adobe Animate で HTML5 Canvas にテキストを配置する:画像1

HTML5 Canvasを作成します。キャンバスの作成手順の詳細はこちらの記事を参照してください。
Adobe Animate で HTML5 Canvas にテキストを配置する:画像2

画面右側のツールパレットから[テキストツール]のボタンをクリックして選択します。
Adobe Animate で HTML5 Canvas にテキストを配置する:画像3
Adobe Animate で HTML5 Canvas にテキストを配置する:画像4

キャンバス上でドラッグします。テキスト枠が作成されます。
Adobe Animate で HTML5 Canvas にテキストを配置する:画像5

ドラッグが完了してテキスト枠が作成されるとテキストの入力状態になります。テキスト枠に表示するテキストを入力します。
Adobe Animate で HTML5 Canvas にテキストを配置する:画像6

入力を確定します。テキスト枠が作成できました。
Adobe Animate で HTML5 Canvas にテキストを配置する:画像7

AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2017-05-22
Copyright © 1995–2025 iPentec all rights reserverd.