タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

JavaScriptとlottieに関するlittlefieldのブックマーク (1)

  • 動く!LINE DEVELOPER DAY 2020公式サイトの企画から完成までを公開!|LINE CREATIVE CENTER

    これらのサイトを見ると、大きな画像とテキストを中心に整理されたレイアウトのデザインとスクロール、マウスのトラッキング、パララックスの3つの効果を多く使用していることが分かると思います。 スクロールアニメーションは、初期段階でのたくさんのアイデアの一つに過ぎませんでしたが、進行することが決定し、すぐに制作に取り組みました。まずは企画チームとUIデザイナーが縦横に動かすことができる画面を構成し、私はテストのアニメーションのための環境を設定しました。 a:Sketch design画面の構成 b:After EffectsでSketch textの移動 SketchからAEUXというプラグインを介して、After Effectで簡単に素材を移動することができます。また、最近よく使用されているFigmaにも対応しています。 c:すべてのテキストをSketch画面に合わせて修正する After Ef

    動く!LINE DEVELOPER DAY 2020公式サイトの企画から完成までを公開!|LINE CREATIVE CENTER
  • 1