アウトプット

644

水中っぽいアニメーションをCSSとjQueryで作ってみる

最近なんだか暑いので、気分だけでも涼もうということで水中っぽい、泡が出るアニメーションを作ってみた。 はじめに 実は泡が出るアニメーションはすでに多数存在する。ただ自分が表現したいものとは違っていたので、既出のものを参考にしながら作ってみた。 水中を表現しよう 水中は絵でもグラデ…

CSSアニメーションを使ってまばたきをさせてみる

前回のおまけみたいなもの。CSSアニメーションもいろいろ触ってみたかったので、まばたきするアニメーションを作ってみた。 準備するもの 元の画像と動かしたいもの。動かしたいものは透過pngにしておく。 元の画像↓ 今回動かしたいのは目の部分なので、目を開けた状態と閉じた状態の透過画像を用…

GIFでもJSONでもダメ…それならAPNGとwebPで綺麗なアニメーションを実装…

UIデザイナーのNOEです。 先日、お仕事でアプリのローディングアニメーションを作成したのですが、 当初予定していた 、 GIFの書き出しを、するとグラデーションがきれいに表現できず…😂 (※サムネイルはイメージです!) 悩んでいたところ、 ふと APNGというPNGの連番ファイル形式の存在  を思…

【AfterEffect】初めての動画制作で学んだ、業務で役立つ4つのポイント

こんにちは!デザイナーのNOEです。 先日業務で、はじめてアプリ紹介動画を作成しました! (↓いわゆるAppストアに並ぶアプリの操作について説明する動画です。) 今回先方がいる状態での業務、つまり戻しや修正が発生する中でそれらを際想定して作ったファイル内構造や自分ルールが割と基本的なこと…