【GIF Animation】 GIFアニメ。 画像形式「GIF」の動画圧縮形態アニメーションGIFを用いて制作された動画の総称。 GIFの持つ圧縮・透過技術によりサイズを小さく押さえられるためバナー広告の簡易的動画に用いられる。更に容量は大きくなるが、実際のアニメーション制作と同じように一コマずつ作画することも可能なので、根気があれば本格的なウェブアニメーションを作ることが出来る。 GIFの持つ著作権使用料などから、現在はFlashアニメーションが優勢である。
はてなブログやGithubに資料として画像を載せるとき、Gif 画像が利用できます。ただ、変換サイトや動画編集ソフトだけでは限界があり、どうしてもサイズが大きくなってしまうことや細かく指定できないことがあります。色々使ってきた中では FFmpeg というツールが便利だったので、利用するためのコマンドをメモしておきます。 FFmpeg のセットアップ まずはダウンロードです。Windows の環境で進めていきますが、Linux や Mac でも利用できます。 ffmpeg.org BtbN を選択すると Github の Release ページに飛びます。その中の win64-gpl.zip を…
スマートフォン、Galaxy S9を使っています。こんにちは、やぁのんです🦊 (なんかいつもと違う始めかた。) とあるきっかけで、GIFを作れないかと思いました。(理由については後半で書いています。) GIFってなに Galaxyスマホで画像からGIFを作る Galaxyスマホで動画からGIFを作る TwitterアイコンはGIFにできない2020
お題「#買って良かった2020 」 ●コツコツ● ◆メンズ弁当◆ 今回も訪問して下さりありがとうござます。 今回はまたまたメンズ弁当のご紹介なんです。 毎回似たようなお弁当を紹介していますが、今後ともよろしくお願いします。 ●先ずはリベンジ カレー粉を大1のお湯で溶かします。 前回作った時は上手く出来ませんでした。 フライパンにこびり付いて、上手く巻けなかったんです。 ●巻けました カレー粉を入れたら、少しくっつきやすい? そんな気がしました。 ●何とか出来ました! ご飯(梅干し)、卵焼き(カレー味)、鶏バジル、蒟蒻炒め、レンコンきんぴら、カブの漬物 ●綺麗に包めました! 調子が良いのか上手く…
GIFとは、Graphics Interchange Formatの略称であり、動画のある部分を繰り返して再生する画像として理解できます。GIF画像はとても面白くて、LINEやTwitterなどでよく使用されています。お好きな動画のあるシーンをGIFアニメに変換したい場合、一体どうすれば良いでしょうか。今回は動画GIF変換について詳しく説明したいと思います。 動画をgifに変換する無料サイト - 「フリーオンライン動画エディター」 「フリーオンライン動画エディター」は全部で10個の加工機能を内蔵してるオンライン無料動画編集サイトです。その中で「動画をGIFへ変換」機能があり、動画をアップロード…
このシリーズの名前を、より相応しい名前に変更した。シリーズ第4回としてGIFアニメーション3作品を載せる。また、オマケとして動かないイラストを1つ披露する。 言うまでもないがクラオタにとって、冬と言えばやはりシューベルトの連作歌曲集「冬の旅」D911だろう。 スズキは去年、「冬の旅」全曲ピアノ演奏プロジェクトを実施した。 寒くなってきたので久し振りにまた弾いてみた。主人公である旅男のネガティブ度が心地良い。 お気に入りのネガティブ箇所を少しご紹介しよう。 ♪ 白髪を発見して「やったー!オレはもう老人だ!もうすぐ死ぬ!」と喜んだ旅男。ところが、それは白髪ではなく雪だった!死までまだ遠いことを知っ…
3D映像の練習。文字を立体化。 下の別の作品では家を立体化。 写真はウィーンのベートーヴェンの散歩道で撮った。 シューベルトの文字3Dも作ったがブログ掲載は省略。 ヤナーチェク作曲のオペラ『利口な女狐の物語』 キツネに見えるだろうか・・・? え?無理だって? キツネの女の子ビストロウシュカは冒頭で無邪気に残酷なことを言う。 「ママ!ママ!あれなぁに?たべられるのぉ?」 目の前のカエルさんは恐怖で怯える。でもカエルは生き延びた。オペラの終盤ではカエルさんの子孫が登場。 チェコ語は文字に飾りが多いのでオシャレに見える。 ヴァーグナー作曲の楽劇『ニュルンベルクのマイスタージンガー』 歌を作り歌を歌う…
ヒメツルソバにミツバチ ブンブンブン蜂が飛ぶ 連写でゴー おわりに ヒメツルソバにミツバチ 撮影機材:OLYMPUS SP800UZ 絞り値:f/5,8 露出時間:1/1600秒 ISO-500 35ミリ焦点距離182 ブンブンブン蜂が飛ぶ 連写でゴー ミツバチの羽音がハモッて、ブーン。空気が震えます。 蜂さんたちの動きが速過ぎて写真撮影が出来ません。°(´•ω•̥`)° 連写で1200枚ちょい撮影して、使えたのは僅か25枚。 25枚つなげて、GIFアニメにしてみました。コマの間に100分の1秒のオーバーラップ画像を挿入しています。 おわりに ミツバチは、1年もない儚い命。ヒメツルソバの地上部…
iPhoneで撮影したムービーからGIFアニメを作ってブログに載せたいなと思い、GIFアニメの作り方を調べました。 GIFアニメを作る理由 ffmpegが一番お手軽にGIFアニメが作れる 解凍&アクセス movをGIFアニメに変換してみる 出力オプションについて いちいちフォルダ移動が面倒だったら、パスを追加する その他:GUIで編集できるFilmoraも試したけど。。 GIFアニメを作る理由 youtubeなどと違って、再生ボタンを押さずともムービーが流れるので、ずっとブログのページ内で再生し続けたい場合などに便利かと思ったので。 あとは、ただの自分の興味です。笑 以下、GIFアニメのサンプ…
当記事は、クラオタが Adobe Creative Cloud を使うとこうなるという実例である。クラシック音楽やオペラはアートの題材が豊富なので、ネタには困らない。 ユーザーとして丸3か月が過ぎた。素人が3か月で到達できるレベルとして参考になると思う。(ただし、それなりに時間を費やした。わたしは社会人の中では時間に恵まれている人である。) 主にAdobeのサイトが提供する無料のチュートリアル動画で学んだ。一部日本語のものもあるが、大部分は英語音声&日本語字幕で視聴できる。字幕を見ていると、画面上の動きを見逃がすので、英語に抵抗なければ、字幕より英語音声に集中するべきだろう。一般に公開されてい…
↑作曲家&作品について独自研究調査中。調査レポートをお楽しみに。(え?知らない?興味ない?・・・そうか、そうだよね。) ↑ときどき関係のない文字に過剰に反応してしまうことがある(クラオタあるある) ↑以前作ったチラシの素材を再利用 www.music-szk.com ↓これこそホントの組み立て式 使用:After Effects & Illustrator↓画像クリックしてAmazonへGo
今週のお題「運動不足」 運動不足は体に悪い。 解ってはいるのだが、ゲームをするなどのデスクワークが続くと、いつの間にか画面の前で長時間座ったまま過ごしてしまう。 そこで、その点を反省し、このように一生懸命動いてみた次第だ。gifで。 主にマントと髪がたくさんのカロリーを消費しているな。
――はじめにこの番組は以下のスポンサーでお送り致します スポンサーリンク // はてな Twitter Feedly ※)引用したキャプチャ画像に関しては、著作権権利者様より異議申し立て・削除要請があれば、速やかに対処いたしますのでご承知置き願います。 また、権利者様および各関係者様への敬意を忘れず、不利益にならない用法を心掛ける事を明記します。 ――オンエア、START! 前振りトーク 本編スタート 練習試合:清城高校戦 練習試合:向月高校(三軍)戦 全国大会1回戦:清城高校戦 前振りトーク リスナーの皆さま、ナビゲーターの淡雪もリファインしたいです。当ブログで好評を博している『ハチナイ』の…
肖像写真の立体化 一枚だけの写真から立体化 郵便切手を立体化してみる 平行法 交差法 立体写真作成データ おわりに 肖像写真の立体化 このタイトル画像の記事はこちら:写真を動かせっ! GIFアニメでひと工夫。 一枚だけの写真から立体化 肖像写真は切手だから一枚しかなかったのです。 とりあえずブックマークすると後でゆっくり読めまーす。 コメント無しでも嬉しいな。 郵便切手を立体化してみる フリーソフトseeneonの記事にたくさんのアクセスがありますので、追加で立体写真を作成してみました。 郵便制度の父 前島蜜(ひそか)さま。誇り高き永遠の1円です。 平行法 遠くを見るようにボーっと見つめて、黄…
――はじめにこの番組は以下のスポンサーでお送り致します スポンサーリンク // はてな Twitter Feedly ※)引用したキャプチャ画像に関しては、著作権権利者様より異議申し立て・削除要請があれば、速やかに対処いたしますのでご承知置き願います。 また、権利者様および各関係者様への敬意を忘れず、不利益にならない用法を心掛ける事を明記します。 ――オンエア、START! 前振りトーク 大正野球娘。とは 櫻花會のメンバー 6番(捕手):鈴川小梅 7番(投手):小笠原晶子 1番(中堅):菊坂胡蝶 2番(二塁手):宗谷雪 3番(遊撃手):石垣環 4番(三塁手):月映巴 5番(一塁手):月映静 8…
――はじめにこの番組は以下のスポンサーでお送り致します スポンサーリンク // はてな Twitter Feedly ※)引用したキャプチャ画像に関しては、著作権権利者様より異議申し立て・削除要請があれば、速やかに対処いたしますのでご承知置き願います。 また、権利者様および各関係者様への敬意を忘れず、不利益にならない用法を心掛ける事を明記します。 ――オンエア、START! 前振りトーク お勧めの関連記事 球詠(たまよみ)とは 監督は『メジャー初代』の人 キャラデザは『このすば』の人 本PV&ティザーPV 本編スタート キャッチボール ピッチングフォーム 魔球(あの球) ノック(内野練習) バ…
画像ファイルの種類と特徴について書きました。いくつか種類があるので、その特徴を知り、使い分けます。 gif jpg(jpeg) png png-8 png-24 その他の保存形式 svg 画像の種類 ラスター画像 ベクター画像 gif Graphics Interchange Format(グラフィックス・インターチェンジ・フォーマット)の略です。フルカラー(約1670万色=256×256×256=16777216色)のうちの256色までしか表現できません。色数が限られているため、容量は比較的小さくなります。透過できます。 主な用途は、ロゴやアイコンです。他にgifアニメーションにして、アニメ…
ユーチューブ 日本語変換とショートキーコマンド キーボードのショートカットキー ユーチューブの隠しコマンド YouTube動画をGIFアニメに変換するサイト10選 ユーチューブ 日本語変換とショートキーコマンド ユーチューブでは、いつもiJustineさんや、MKBHDさんの動画を見ています。字幕を日本語に切り替えて見ていますが、英語から日本語に切り替える時、いつも上から一番下に大きくスクロールしなければならず、大変です。 それで便利に切り替えられるショートカットキーや、コマンドラインでの隠しコマンドが無いか探してみましたが、見つかりませんでした。 キーボードのショートカットキー suppor…
ツイッターの「GIFアニメ」 動く画像ファイル GIFアニメの魅力 ツイッターの「GIFアニメ」の検索方法~端末内~ 作成、保存したGIFアニメを添付するやり方 ツイッターの「GIFアニメ」の検索方法~ネットワーク~ 検索したGIFをツイートするやり方 GIFアニメのカテゴリを選ぶ 検索ボックスを使用する ツイッターの「GIFアニメ」検索の気を付ける点 気を付ける点、ポイント 複数枚選択はできない 手軽に検索可能なことが危険 効率的な検索のポイント 著作権侵害に注意 ツイッターの「GIFアニメ」 「GIF」とは、画像フォーマットの一種で、読み人は「ジフ」です。画像ファイルのJPEGやPNGなど…
前回、模写コーディングおすすめサイトを初心者向けのレベルを目安に3サイト+αご紹介しました。 ▼なるべくボリューム少なく、コーディングの難易度がシンプルなものをチョイスしておりますので初めて模写挑戦するという方にはご参考頂きたいと思います。 webabc.hatenablog.jp ただそれでも初挑戦するような方はやり方が分からないという人も多いと思います。 今回は模写コーディングをする上で役に立つ、必須ともいえるGoogleChromeの拡張機能を紹介させて頂きます。 これから模写コーディングに初挑戦するという方、行き詰ってる方のお役に立てれば幸いです。 ではやっていきましょう。
中の人の忘備録です。 下の画像のスプライトを8x8に分割してプログラムで呼び出すときにするための加工。 スプライトシートのインポートを選ぶ。Tilesはアニメーションさせたときの一枚のサイズを入力する。 GIFアニメーションとして取り込むことができる。 シートの種類をBy Columnsに変更すると、縦につながった画像が生成される。 ファイル/Scripts/Pack Similar Tilesを選ぶ。TilesHeightは"8"にする。Widthは任意。 Pack Similar Tilesを持っていない場合、下記のGithubから落とす。 github.com すると下の画像のようなもの…
こんにちは、b-kanです。 まずは簡単なゲームを…、が呑み込めず、ゲームで才能を手に入れようとした者です。 詳しくはこちらを↓↓ b-kan.hatenablog.com ゲーム作りの第1歩として、操作キャラクターのドット絵アニメーションを作成します。 きっと今作は、こんな所で立ち止まりまセン。 製作の流れ 1. クリスタでモーションイラスト作成(まばたき・走る) ↓ 2. gimpで連番画像を1枚に収める ↓ 3. aviutlでgifアニメーションに変換してみる。 1. クリスタでモーションイラスト作成(まばたき・走る) ネットを参考に走行アニメーションを棒人間で表現し、キャラクターの輪…
チャットを活用したコラボレーションツールは、今やビジネス環境では必需品となりました。 数あるツールの中でもSlackとMicrosoft Teamsは、企業にとって最高の選択肢となっています。 Slackは2013年に設立された新しい会社が作ったソフトウェアです。 Windowsが世界中の殆どの場所で利用されているマイクロソフトは、Slackのようなチャットツールは、人と人がコラボレーションのために必要なものであると当時から目をつけていたんだそうです。 その後、マイクロソフトは小さなプロジェクトチームを立ち上げました。このチームは2016年にわずか5名の社員で構成されていました。 Slackに…
ありがたいことに有償依頼でのDMをいただくことが増えてきたので料金表つくりました〜! デビュー前の新人のデザイナーでも絵師でもモデラーでもない一介のVtuberに…みなさん…ありがとうございます……!! 納期については時期によって変動がありますが、遅くとも2週間以内に納品可能です!スケジュール次第ではモデリング等も1〜2日即納対応できます(さすがに1〜2割程度割増料金いただくかもしれないです、ご相談ください) 依頼はTwitter (@597_lintz)のDMを開放していますので、直接DMにご連絡ください。ほんっと~に堅苦しい文章じゃなくて大丈夫なので相談だけでもお気軽にどうぞ! 〜ご依頼…
若松城、別名「鶴ヶ城」。 神戸市新長田駅近くの「鉄人28号」。 いずれも、手持ちの画像をGIFアニメーションに加工したものです。 クリスマス用の「捏造」イルミネーションということで。 それぞれ、所有者や管理者の方から苦情が来たら、削除します。
1. ターミナル上でのプロットのアニメーション 2. gifアニメーションの作成 3. 3次元プロットのアニメーション 4. まとめ 今回はgnuplotを用いてプロットのアニメーションを作成する方法について紹介する。 1. ターミナル上でのプロットのアニメーション まず、gnuplotのウィンドウターミナル上でプロットを動かす方法について紹介する。do forコマンドを使ってgnuplotを連続的に実行させることができる。 do forコマンドを用いてiをひとつづつ変えるのに従って、プロットの位置が動くようにする。 do for [i=1:50]{ t=0.2*i plot exp(-(x-…
こんにちは、b-kanです。 写真フォルダを漁っていたら、懐かし写真を見つけました。 東方にものすごくはまっていた時期に作成した、東方のミニイラストのようなものです。棚に貼ってありました。 しかし、大掃除のあとからこの落書きの現物は見かけません。 結構気に入っていたので、デジタルイラストにします。 使用ソフトはCLIP STUDIO Paint proです。 みょんです。魂魄妖夢(こんぱくようむ)さんです。ファンの方々によって作られた東方キャラの愛称や個性が好きです。どうしてそうなったのかはよく知りませんが、「みょん」って言葉の響きがなかなか好きです。みょん!みょん!しかしこの絵だとまったく切…
(写真はPS4のシェア機能で撮影したものです。) (商品画像をクリックするとAmazonのページに飛びます) 今日はサイバーパンク2077について紹介したいと思います。 といっても発売日に購入したのにまだ全然進められず、さわりの様な感じの記事になっていますが・・・ 発売されてからもう明日で1週間経ってしまうので早いですよね!! まずはパッケージから紹介から パッケージはイメージカラーの黄色が使われていますね このソフトを店頭で受け取った時に妙に厚いなあと思っていたら 厚みのあるソフトケース パッケージにも記載されていますが、通常版なのに付属品が色々とついている豪華な仕様になっています。(スリー…
テクノロジー戦略本部の一ノ瀬です。 モノをキャッシュにできるサービス『CASH(キャッシュ)』のiOSアプリの開発に携わっています。 今回は、CASHのiOSアプリを動かしているライブラリはどんなものを使っているか紹介したいと思います。 Realm モバイルデータベースライブラリ。APIから取得した査定アイテムのカテゴリや、査定対象のブランド情報、製品情報などをRealmに保存しています。 これらのデータで、サーバー側のDBと差分があれば、Realmを更新して、査定できる内容をアップデートしています。 Moya Moyaは通信ライブラリAlamofireのラッパーで通信処理をカプセル化して扱い…
ランダムウォークは確率的な運動モデルの一種で、次にどちらにどれくらい動くかを確率的に決めるため不規則な挙動を示します。これを利用し人の行動のシミュレーションに用いることが可能です。 ここでは2次元のランダムウォークモデルで感染の広がりのシミュレーションを行います。ある領域に50人の人間がいて一人だけ感染症に掛かっています。1ステップ毎に50人はx,y方向それぞれにランダムな距離移動します。移動後に感染者と一定の距離以内にいる人は感染してしまいます。これをある時間ステップ繰り返したときにどれほど感染症が広まるかをシミュレートします。1ステップの移動距離が小さい場合と1ステップの移動距離が大きい場…
国内の新型コロナ陽性者数のアニメーショングラフを作成します。通常グラフ作成はmatplotlibを用いますが体裁を整えるのが結構手間だったりします。ここではpilowで画像としてグラフを作成します。一日ごと感染者数を棒グラフ表示するgifアニメーションを作成します。 関連記事 画像を描画しアニメーションGIFを作成する 環境 windows10 home Anaconda 3/ jupyter notebook 5.6.0 Python 3.7.0 Pillow 5.2.0 準備 陽性者数のデータとして厚生労働省オープンデータに掲載されている陽性者数のcsvファイル'pcr_positive_…