Скачать или смотреть 【無料】Webサイトにアニメーション入れるなら「Phaseフェイズ」が良き！

提供：phase

Webサイトに入れるアニメーションを簡単に作れる
「phase」の使い方を紹介しています🥳♪

ブラウザで使えて、使いやすいUIで、Lotti形式で書き出せる！
しかも無料なのでいうことなしです🤯
アニメーションを作る際にはぜひ使ってみてください😆❗️

⬇️⬇️⬇️ 無料アニメーション作成ツール「phase」はこちら⬇️⬇️⬇️
https://www.phase.com/


🎥 この動画の構成 🎥
00:00　アニメーション作成ツール「phase」
00:41　phaseとは？
01:44　■ phaseの基本的な使い方
01:48　- アカウントの作成・設定
02:15　- ファイルの作成
02:26　- シェイプの作成
02:53　- アニメーションの作成
03:39　- エクスポート（書き出し）
04:19　❶ 手書き風アニメーション
04:40　- パスの作成
05:01　- アニメーションの作成
06:25　| イージングとは？ |
06:37　- イージングの設定
07:03　| Lottie（ロッティー）とは？ |
07:18　- エクスポート（書き出し）
07:58　■ Webサイトへの埋め込み
07:59　- プロジェクトフォルダの作成
08:13　- Lottieパッケージの取得
08:43　- jsonファイルの読み込み
09:03　- スクロールでアニメーション（JavaScript）
10:37　❷ ロゴのアニメーション
10:40　- SVGファイルのインポート
11:19　- アニメーションの作成
12:37　- エクスポート（書き出し）
12:45　- Webページへの埋め込み
13:09　完成したアニメーション
13:21　まとめ

✅ ご視聴いただきありがとうございます🙇‍♂️
この動画を気に入っていただけたら、ぜひチャンネル登録よろしくお願いします❗️
👇『HIROCODE.ヒロコード』をチャンネル登録する 👇
http://www.youtube.com/hirocode?sub_c...

◆ Twitter. ツイッター
  / hirocodeweb  

◆ Instagram. インスタグラム 👈 オススメ❗️
  / hirocodeweb  

◆ TikTok ティックトック
  / hirocodeweb  


🔋 僕が使っている、おすすめのデバイス 🔋
【 マウス 】
✅ ロジクール アドバンスド ワイヤレスマウス MX Master 3
https://amzn.to/34Zn5LH
" ボタンカスタマイズによって作業の効率化が図れます。アプリケーションごとにカスタマイズ可能です。 "

【 キーボード 】
✅ ロジクール アドバンスド ワイヤレスキーボード KX800 MX KEYS
https://amzn.to/38S1B4i
" 打ちやすく疲れにくく、タイピング音も静か。長時間コーディングする方にオススメ。 "

【 パソコン 】
✅ Apple Macbook Pro 16inch
https://amzn.to/2WXKtEN
" 画面サイズ大きいと作業が捗るので便利です。初期投資で良いパソコンの使用をオススメします。 "

【 周辺機器 】
✅ Apple AirPods Pro
https://amzn.to/3rAyU4u
" カフェでの作業や通勤時間など、ノイズキャンセリング機能で周りの雑音に影響されることなく集中できるようになります。他にApple機器を使用している方はAirPodsがオススメです。

✅ Apple iPad Pro 11インチ
https://amzn.to/3mZuvoo
" macに搭載されているSidecarという機能で、iPadをサブディスプレイとしての利用が可能です。 "


📕 おすすめ書籍 📕
【 デザイン 基礎編 】
✅ 1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座
https://amzn.to/3o8vofO
" webデザインの基礎とコーディング(HTML/CSS)の基礎がわかる。入門者におすすめの一冊です。 "

✅ なるほどデザイン
https://amzn.to/2X48Z77
" デザイン全般について、図解で視覚的に分かりやすく説明がされている書籍。デザインに興味がある人にオススメです。 "

【 デザイン 思考編 】
✅ 誰のためのデザイン？
https://amzn.to/3o4gzun
" デザインにおける役割を理解できる。デザインをする上で何を考える必要があるのかが分かる本。 "

✅ IAシンキング Web制作者・担当者のためのIA思考術
https://amzn.to/2KETvEn
" デザイン以前のサイト設計における思考の方法を身につけるための一冊。 "

【 書籍デバイス 】
✅ キンドルペーパーホワイト Kindle Paperwhite
https://amzn.to/3n2AwRh
" 200冊あったビジネス書を処分してこちらを導入。一部デジタル化されていない書籍はありますが、紙の本に特別なこだわりのない方は電子書籍での読書をオススメします。


🎧 BGM 🎧
––––––––––––––––––––––––––––––
Happy and Joyful Children by Free Music    • Happy Children Background Music / Joyful U...  
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: http://bit.ly/2PV1WMi
Music promoted by Audio Library    • Happy and Joyful Children – Free Music (No...  
––––––––––––––––––––––––––––––

#WEBデザイン #アニメション #phase