![見出し画像](https://assets.st-note.com/production/uploads/images/73452662/rectangle_large_type_2_88cee93d61167d6673aaee2810735a10.jpeg?width=1200)
今までTwitterで配布してきたXDデータをnoteに移行しました
データ系の配布をnoteで行った方が良いと気づき、過去のデータを移行しました。
※古いバージョンで作られていたり、過去の方法で作られたデータも混ざっています
ボタンアニメーションデータ
まずは、ボタンのデータです。
破線のアニメーションやパディングの出現で、今では「もっと、こうした方が良い」という改善もあるかもしれませんが…
要望がありXdのボタンアニメーションデータを再配布いたします。デザイン数も若干増やしました。
— by|Sasaki|XD本、重版決定! (@by15816785) September 6, 2020
内側のシャドーとかは表現にコツがいると思いますので是非DLしてみてください。
DLはこちら→https://t.co/eh7QLMEDC8 pic.twitter.com/RyZdlQ82iv
ニューモフィズム再現データ
少し前に流行る流行ると言われながらも、あまり使い所がなかったデザインです。
こちらもXDで再現できないかと試した時期がありました。
内向きのシャドーをどう表現するかがキーポイントです。
「Xdで、ニューモフィズムを表現できるでしょうか?」という事で、試してみました。
— by|Sasaki|XD本、重版決定! (@by15816785) September 7, 2020
レイヤーを重ねればそれっぽくなったかなとは思いますが、どうでしょう?
こちらもデータ置いておきます。https://t.co/tXBtr7P1Oh pic.twitter.com/ouGikaiCj8
あ、作り方の解説も投稿してました。
(もはや、今まで何を投稿してきたか忘れていますね…。)
そういえば作ってなかったので、XDでのニューモーフィズムの作り方をまとめました。 pic.twitter.com/rlOy7hylpE
— by|Sasaki|XD本、重版決定! (@by15816785) November 11, 2020
タイトルセット
ノンデザイナー向けのタイトルセットとして配布しましたが、普通に便利だと思います。スタックやパディングの理解にも役立つと思います。
ノンデザイナー向けのXD資料制作用タイトルセット(少しですが…)を作ったので配布。どのスタイルも文字の増減や改行に対応しています。
— by|Sasaki|XD本、重版決定! (@by15816785) December 22, 2020
他人が設定したスタックやパディングをどこまで使用できるかのテストを兼ねています…使用感などを教えて頂けると助かります!https://t.co/hY3G2FwoUd pic.twitter.com/Cv2poCbq7h
このデータは、後のCC道場でも紹介しました。
線を使ったアニメーションサンプル
Twitterに投稿したアニメーションの画像等を削除し、配布可能なデータにしたものです。参考になるか分かりませんが、アニメーションの分解にどうぞ。
XDで線を使ったアニメーションは簡単に作れるしインパクトもあります。
— by|Sasaki|XD本、重版決定! (@by15816785) January 4, 2021
そして、消えるところまで意識すると、より良い感じに!
今回は、線が現れた方向と同じ方向に移動させてみました。 pic.twitter.com/lI4ejGXodO
この記事が気に入ったらサポートをしてみませんか?