#手書き文字プロフィール 作ったよ!2コマGIFアニメの作り方も解説(簡単Ver)

USANET(ウサネット)の、さの はるかです。
情報を整理して、分かりやすく「見える化」して伝えることが得意です♫
グラレコ、手描き動画・広告etc…グラフィックの力で”想い”や”魅力”を届けます。
USANET さの はるか
USANET さの はるか

Twitterですなえりさん(@suna_book)が紹介していた #手書き文字プロフィール がかわいかったので私も作ってみました!

ちなみに本家はこちら

これはマネしたくなるかわいさ…!
ツイッターに #手書き文字プロフィール がどんどん投稿されてます✨
USANET さの はるか
USANET さの はるか

私の手書き文字プロフィール

私も #手書き文字プロフィール 書きました!

2コマのGIFアニメにしました。

手書き文字プロフィールに書く内容

すなえりさんのものを参考に

  • 名前
  • 生年月日
  • Twitter ID
  • 出身地
  • ストレングスファインダー
  • エニアグラム
  • 好き
  • 苦手

を書いた、シンプルな内容です。

私は屋号と動物占いを追加しましたが、ツイッターで #手書き文字プロフィール を見ると皆さん内容も人それぞれでおもしろいです🎵

他の方のものを見るのがたのしい🎵
USANET さの はるか
USANET さの はるか

#手書き文字プロフィールをipadでGIF動画にする方法

Twitterでは静止画のものが紹介されていましたが、2コマのGIFアニメにしたところ好評でした✨

SNSで数名の方に作り方を聞かれたので簡単に作成する方法をご紹介します🙌

使ったツールはipadのお絵かきアプリ「Procreate」(プロクリエイト)

作り方は色々あると思いますが、今回は私の制作した方法「ipadのお絵かきアプリ「Procreate」(プロクリエイト)を使った2コマGIFの作り方」をご紹介します

動画で解説!ipadアプリで2コマアニメを作る方法(簡単Ver)

動画で解説しています。

POINT
※レイヤーをまとめる「グループ」を使うと1つのアートワーク内で、複数のレイヤーを重ねながらアニメーションを完成させることができます。 少し複雑になるので、今回はシンプルに2枚の画像を用意→GIFにする簡単Verの方法をお伝えしています💡

文章で解説!ipadアプリで2コマアニメを作る方法(簡単Ver)

詳しくは動画をみていただければと思うのですが、簡単に流れを文章でご紹介します

大前提として、文字は写真にそのまま書かず、新しいレイヤーをつくって書いてくださいね。

  1. 1枚目の手書き文字プロフィール画像を作ってjpgで保存する。
  2. 1枚目のデータ(アートワーク←レイヤーに文字を書いたもの)を複製し、2枚目とする
  3. 動きをイメージしながら2枚目の文字の角度を変えたり、書き加えたりしてjpgで保存する
  4. 新規作成したアートワークに1枚目と2枚目のjpgを読み込む
  5. GIFで保存する

簡単ですが、こんな感じで作成しています🙌

文章にすると長いのですが、実際にやってみると簡単にできますので、よかったら試してみてください🎵

POINT
※レイヤーをまとめる「グループ」を使うと1つのアートワーク内で、複数のレイヤーを重ねながらアニメーションを完成させることができます。 少し複雑になるので、今回はシンプルに2枚の画像を用意→GIFにする簡単Verの方法をお伝えしています💡

2コマGIFの制作例:SNS広告用バナー

元局アナの森本晴香さんの就活生向けセミナー! 手書き文字を使ったバナーを制作させていただきました

講座の詳細は森本晴香さんのブログ記事でご確認ください。

手書きのフォトレコ動画つくります🎵

自分で作れない!と言う方は、写真に文字入れをしたフォトレコ動画の制作代行を #bosyu に掲載していますので、よかったらこちらからご連絡ください🙌

この記事を書いた人

USANET さの はるか

グラフィックレコーダー、イラストレーター
徳島でフリーランスのテレワーカーしてます。趣味も仕事もボーダーレス。制作することが大好きです!

詳しいプロフィールはこちら

USANETのLINE公式アカウントを友だちに追加