素人がChatGPTと作るオリジナルサイト|第3話:動き出すタイトルページ
「ワクワク」のガチャマシーン
2026.03.22
(※2026年の年明け、Wixのアニメーション機能を使ってタイトル画面を制作していた際の実録レポートです)
皆さん、こんにちは!モルダモルキです。
長期プロジェクトの
第3
話です。いよいよタイトルページとアニメーションにとりかかったモルダモルキ。タイトルページに
込められた
想いとは……。どうぞ、お
楽しみください♪
アニメーションはとても楽しい作業で、思わず笑いながら作りました(笑)少しでも遊び心を感じていただけたら嬉しいです。
そして、マンガでも描きましたが、タイトルページはサイト全体の印象を左右するとても大事な要素だと感じています。「フカボリーズらしさ」を意識しながら、ただ“見るだけ”で終わらない、作品世界を少し体感できるようなタイトルページを目指しました。
※ここからは、完全に初心者目線の制作メモです。
==================
今回WIXで行った手順はこうです。
●パーツを追加➡装飾➡吹き出しに使えそうな形を選択して配置
●パーツを追加➡テキスト➡見出しを選択して配置, フォントやサイズ調整
●吹き出し用の図形がテキストの下にくるように右クリック
➡アレンジで位置調整
●Shiftキーを押しながらテキストと図形を選択して、必要に応じてグループを作成
●グループ化した吹き出しで右クリック➡アニメーション・エフェクトでアニメーションを選択
(この作業がとても楽しいです😆)
==================
次回はいよいよサイトの中身の部分の作成に移ります。
どんな中身なのか楽しみにしてください♪
今後もウェブサイト作りのリアルをお届けしたいと思います。
この挑戦が無事に完成するのか、それとも途中で挫折してしまうのか……。
よければ、今後も一緒に見届けてください。