PowerPointモーションプリセット集 | "日本のプレゼンをカッコヨク。"するデザイナーのブログ
プレゼンテーションデザイナーとしてお仕事をする中で最も多いのが、モーションを組み込んだPowerPoint製作のお仕事です。静止画としての資料とPVのような動画のちょうど中間で、話に合わせて動きが加わることで聞き手の視線を自然に誘導することができるスクリーンに仕上がります。このパワポモーション技術を遊びに全振りしてできたのがこういうのなのですが、実際にビジネスで使うモーションはもっとミニマルで端正なものが多いです。 仕事を続ける中で、ビジネススライドで使いやすいモーションがだいぶ貯まってきたので、今回アーカイブ化がてら1個単位でプリセットにしたパワポデータを作ってみました。このデータを無償配布します。 データはこちらからダウンロードください。 MotionPreset2022.pptx ダウンロード、ご自由にどうぞ。 中身はこんなふうに、全60のモーションプリセットが入っています。簡単なア
CSSの進化がすごすぎる！新しいレスポンシブデザインの実装方法を解説
現在のレスポンシブデザインは、ビューポートにもとづいてレイアウトを最適化しています。しかし、新しいレスポンシブデザインでは、アニメーションが不要なユーザーには動きを少なくしたり（無くしたり）、親コンテナの幅にもとづいてコンポーネントを最適化したり、スコープ付きスタイルやフォームファクターなど、ユーザーの好みや環境に合わせて最適なコンテンツを提供できるようになります。 これらの新しいレスポンシブデザインのコンセプト・実装方法を紹介します。CSSがこれまで以上に進化します。 The new responsive: Web design in a component-driven world by Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 レスポンシブデザインの現状 ユーザーでレスポンシブ コンテナでレス
パーリンノイズを使ってアニメーションにランダムなゆらぎを与える【Unity】 - (:3[kanのメモ帳]
この記事はUnity #2 Advent Calendar 2018の3日目の記事です。 この記事でのバージョン Unity 2018.2.17f1 はじめに 【Unity道場 京都スペシャル2 2017】乱数完全マスターという講演の動画を見ていたら、 パーリンノイズを使って全ての関節にゆらぎを与え、ランダムかつ自然な待機アニメを作る という面白そうな事をやっていました。 https://youtu.be/0UC-ahpeh6Y?t=1910 これを使えば「違うキャラなのに全く同じアニメをする」「全く同じアニメをリピートし続ける」 というゲームではよくある不自然さをなくせます。 今回はこれを応用して、アニメにゆらぎを追加し 「基本的には同じだけど、ちょっと違うし、ランダムなアニメ」を作ってみました！ イメージとしては以下のような感じ。 なお、本記事に出てくる3Dモデルは以下のものを使ってい
![パーリンノイズを使ってアニメーションにランダムなゆらぎを与える【Unity】 - (:3[kanのメモ帳]](https://cdn-ak-scissors.b.st-hatena.com/image/square/daf0f9ac42d819c112dd4f28a7298bd67388db92/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkan_kikuchi%2F20181201%2F20181201193621.gif)
Pixi.jsでCanvasをカンタンに触ってみよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですよ、はやちですよ٩( ᐛ )و 今回は、Canvasの操作を高速に描画できるPixi.jsを触ってみました。 導入から実装まで、ご紹介したいと思います( ˇωˇ)☝ 導入方法 npmはこちらからインストールしてお使いください！ npm install pixi.js 実装方法 image画像を操作する 画像を使用してCanvasに描画とアニメーションさせる方法をご紹介します( ˘ω˘)☝ はじめに表示するCanvasを用意します。 Canvasはサイズと背景色も設定できます( ˇωˇ)☝ let app = new PIXI.Application(800, 600, {backgroundColor : 0xDAE8F4}); document.body.appendChild(app.view); いつも使っている画像を用意します( ˇωˇ)☝ let hayachi = P
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
