スマホの普及、マイクロインタラクションの導入と合わせて、再評価されているGIFアニメを使ったUIデザイン。Webサイトを楽しくする活用法を5つ紹介。 ユーザーエクスペリエンスとは、「使いやすさ」だけではなく、製品やWebサイトをより心地よく、そして楽しく使えるようにすることです。Webサイトをおもしろくする方法には、注意を引くトランジション、インタラクティブ性、ビジュアル要素を取り入れる手法がありますが、GIFとCSSを組み合わせることで実現できます。 この記事では、邪魔になったり、大げさになったりすることなく、ユーザーエクスペリエンスの向上を目的としたモダンでスタイリッシュなGIFおよびCSSの使用法について例を挙げます。GIFはもはや、ネコの画像を見るためや、サボっている同僚をからかったりするためだけのものではありません。 デザインや開発しているWebサイトの訪問者を、GIFやCSSを
生まれて初めてAfter Effects（CC 2015）を起動しました...。作成した動画から透過GIFアニメを作成する方法を調べたのでメモ。 動画を作る 「コンポジション」メニューから「レンダーキューに追加」を選択 「出力モジュール」をクリックし、形式を「QuickTime」にする ビデオ出力のところ、「チャンネル：RGB＋アルファ」、「カラー：ストレート（マットなし）」にする レンダリングをクリックして出力（アルファチャンネル付の動画が書き出される） Photoshopで、書き出した.movファイルを開く Web用に保存でGIF形式で書き出し マンガ「Webクリエイター・ウルトラエル」 ITが発展した下界に下りてきた忍者・ウルトラエルが持ち前の忍術・戦術・記憶術を駆使しながら、一人前のWebクリエイターを目指して奮闘します。 ※Vol.01～Vol.11をまとめ読みできます（すべて無
Japan is a country caught between two worlds, blending together its feudal architecture and traditional ways with the fast-paced technology that is so core to its modern identity. Somehow, the series of GIFs developed by Tumblr user 1041uuu captures the beauty and dichotomy of Japanese everyday life. Maybe it has to do with the absolutely nostalgic 8-bit treatment? The animation used in each GIF i
一部だけが動いてるgifって良いよな 1: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:43:28 ID:GGSaa8BR0 シネマグラフというらしい お前らのお気に入り下さい 5: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:46:29 ID:GGSaa8BR0 見てて落ち着く 6: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:47:13 ID:vTtIZ5G+0 うおーいいなあ 7: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:47:26 ID:GGSaa8BR0 不思議 10: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:48:30 ID:GGSaa8BR0 きゃわわ 11: 以下、名無しにかわりましてVIPがお送りします 2
アニメーションGIFは、いわばインターネットのアートです。インターネットをちょっと切り取れば、ほら、出来上がり。あなたもこの楽しい遊びに参加してみませんか。 今回は、ビギナーから上級者まで、アニメーションGIFの作り方とオススメのツールを紹介します。 Jiffy: やっつけでYouTube GIFを作る人向け 『Jiffy』は、GIF アニメを簡単に作れる Chrome 拡張機能です。ダウンロードはこちらから。 対象者：YouTube 動画から GIF アニメを作りたい人、字幕やエフェクトなどが不要で、画像品質もそれなりでいい人。また、Chome を使っている人。 使い方：Chome に Jiffy をインストールすると、YouTube 動画の概要の下にコントローラが表示されます。GIF にしたい映像の開始点を［Start time］に、終了点を［End time］に入力し、［Make G
アニメGIFに何本か縦線を入れるだけで、アニメGIFを3D化出来ると言う信じられない話が、本日欧米で話題になっておりました。 それでは早速12連発でどうぞ！ 1 2 3 4 5 6 7 8 9 10 11 12 縦線の奥行きでの位置（Y）を決めて、その前後に物をはみ出させたり引っ込めたりすることによって、人間の目があたかも本当に奥行きがあるかのように錯覚してしまうんですねぇ。 いやしかし、我々人間の脳と、こんな事を思いつく方が素晴らしい！ 普段は欧米の最先端テクノロジー業界情報を配信しておりますので、twitterやFacebookページ、Google+で是非フォローをお待ちしております。 また、記事の買い取り行ってますのでKataribeも是非よろしくお願いします！ GIFs: 3D pictures become possible with two straight lines
LATEST WORKS : INSTAGRAM / DRIBBBLE
Webサイトを見ていると、時折「404」や「Not Found」などと書かれたページが表示されます。これは、一時的にアクセスできない場合や指定のWebページが存在しない場合に表示されるもの。シンプルなデザインが多い中、特性を生かした個性的な404ページを設置している企業や団体もあります。 ＜Tumblr＞ ▽ http://www.tumblr.com/404 「Tumblr」の404ページは、数種のGIF画像がランダムで表示されます。また「ここには何もありません。探しているものはこのアドレスにはありません。エラーページをお探しの場合は、ここがそのエラーページになります。」と、404ページ目的のユーザーに対するメッセージが記されています。 ＜WWFジャパン＞ ▽ http://www.wwf.or.jp/404 ▽ 「リョコウバトは、1914年に絶滅しました」 WWFの404エラーページが
＜Maison de FLEUR＞＼4日間限定／対象のセール商品ALL50%OFF！ 2025.02.21
A Creative Agency working in all things design and strategy.
動く写真でお馴染みのシネマグラフ。 STYLE4 Designでも過去に何度もとり上げてきましたが、改めて見つけた他の作品もご紹介。 動く写真といっても動画ではない不思議なアニメーションGIF。 ハリーポッターに出てくる魔法新聞もこんな感じになっていましたよね。 この不思議な感じ、大好きです。 (以下はクリックすると大きく見ることができます) ちょっと前に私も作ってみたやつ → Cinemagram via: Animated GIF Cinemagraph by Jamie Beck | Photography Inspirations and Online Resources for Designers
いくつか使っているうちに、最終的に一番優れているものが見えてくるものです。 今回ご紹介する「LICEcap」は、デスクトップ上のものであればなんでも撮影可能であり、それをGifアニメに変換してくれるというものです。こうしたフリーソフトは数多くあるものの、お気に入りのポイントは極限までシンプルであるという点です。 使いどころは様々ありまして、Web上にアップすればその動作を延々とループしてくれるため、ちょっとしたチュートリアルには最適というわけですね。 使い方 枠がぽよんと出てきます。 この枠内でおきたことを撮影します。 ちなみに今回の動作としてご紹介するのはこちらの動作の一部を撮影しています。 このjQueryプラグイン、地味にすっごい人気のプラグインなので、興味のある人はひと通り動作確認してみてください。結構色んな場面で使えるプラグインです。 さて、話しを戻します。 このソフトは、FPS
この文書では、Adobe Photoshop でフレームを利用してアニメーション GIF を作成する方法について説明します。 アニメーション GIF は、Web ブラウザで表示できる動画の一つです。アニメーション GIF では、複数の静止画をアニメーションのコマ （フレーム） のように順番に表示することで、画像が動いているように見せています。
Photography is a great hobby and passion for many creatives. We enjoy seeing beautiful things far and wide whether it be a landscape, a bustling city street, or a beautiful building tucked away somewhere quiet. Sometimes though, still pictures can get a little bit boring. The animated gif is always fun, and has been around for quite some time, it was once shunned on the internet but its glory has
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
