メインコンテンツへスキップ
見出し画像

トランポリンくまさん描いたよ

    Adobe Frescoで描いた絵にAdobe Expressで動きをつけてトランポリンくまさん描いたよ!


    Fresco

     クマの絵を描くよ

    のちのち各パーツごとに動きをつけたいので
    ・頭
    ・からだ
    ・ズボン
    にレイヤー分けして描くよ!


    画像
    ぐりぐり塗る

    中心から外側にむかって円を広げるように描くよ!
    クリエイターブラシのなかにある既存の「面相粗筆ブラシ」は伸びがいいしアナログ感も楽しめて好き


    画像

    カラーホイールで白の不透明度をさげてクマの口周りと耳のなかを描いた

    画像


    目の位置で表情ってだいぶ変わるよね

    画像
    画像

    黒で他を描いたら次は「からだ」と「ズボン」描くよ

    画像

    描けたら「.psd」形式で書き


    Adobe Express

     アニメーションで動きをつけるよ

    「 .psd」ファイルをAdobe Expressで開いてアニメーションタブから動きをつけるよワクワク!

    画像

    レイヤーが分かれているのでそれぞれに

    ・あたま:揺すり
     速度:71 強度:15
    ・からだ:揺すり
     速度:54 強度:15

    …のアニメーションを適用
    同じ「揺すり」アニメーションでも、速度や強度を変えることにより動きに違いやメリハリをつけられるよ!


     グループ化

    アニメーションをつけ終わった「あたま」「からだ」「ズボン」レイヤーをグループ化するよ!スマホ版のAdobe Expressのグループ分けの場合は、

    画像

    いずれかのオブジェクトを選択した状態で「…」マークを押す


    画像

    「複数選択」をえらんで
    グループ化したい他オブジェクトを選択して

    画像

    表示される「グループ化」をえらんだらグループ化の完了だよ!(このやり方わからなくて自分で調べた!えらい!)


     グループ化したクマさんにアニメーションをつけるよ

    画像

    トランポリンの動きにぴったりな

     ヨーヨー
     速度:67 強度:17 方向:下

    …を適用、クマさんのアニメーションはこれで完成!


     背景を追加して完成!

    素材から「トランポリン」と「森」を選んで設置!
    完成です!

    画像


    応用すれば短編アニメやMVなんかも作れそう!!


    ▼関連記事


     
     
    Adobe Community Expert Adobe Express大好き イラスト・漫画を描きます!

    あなたへのおすすめ