画面の動きをGIFアニメーションに変換する時に使える便利ツールいろいろ
2016年7月13日 JavaScript, 便利ツール 制作関連のブログのように作業の手順を紹介する時、Webサイトやアプリの動きを見せたい時、Webサービスの不具合を報告したい時…。画面に表示されているものや動きを言葉で説明するよりも、動画で説明した方が早い場合も多々ありますよね。短時間の動画ならGIFアニメーションにしてみてはいかがでしょうか？今回は画面キャプチャを録画し、自動でGIFアニメーションに変換してくれる便利なツールを紹介します。 ↑私が10年以上利用している会計ソフト！ 画面キャプチャからGIFに変換するツール GIPHY GIPHYは画面の動きを録画し、GIFに変換するためのMac用アプリ。無料で使えます。GIPHYのいいところは、なんと言っても動きが滑らか！そして繰り返し表示の設定や、動画の開始・終了ポイントの編集、キャプション（英数字のみ）まで加えられます。ただ、滑
面倒な画像のサイズ変更をワンクリックで！リサイズツール7選
ホームページに画像を掲載するとき、画像サイズが合っていないと画像が小さいと粗くなったり、思うような表示にならなかったりします。Illustrator（イラストレーター）やPhotoshop（フォトショップ）のような画像編集ソフトでサイズを変えることもできますが、複数の写真を一度に変換したいときにはあまり適していません。 そのような時に便利なのが、画像リサイズツールですWeb上では、一括で複数の画像サイズが変更できたり、定形サイズに当てはめて手軽に画像加工を行えたりするリサイズツールが公開されています。 今回は、サイズ変換に役立つ7つの画像リサイズツールを紹介します。ホームページを作成する際に画像のサイズがバラバラだと、見た目にも統一感が失われてしまいます。リサイズツールを活用して、統一したサイズで画像の掲載ができるようにしておきましょう。 インストールせずに利用できるブラウザ型の画像リサイ
[Illustrator] ラスタ画像をベクタ画像へ変換する — 画像トレース – プログラミング生放送
bmp, png, jpeg などのラスター画像をベクター画像に変換します（アウトラインの作成）。 右が変換後のイラスト。グラデーション部分が違います。次のようにアウトラインで構成されています。 画像トレースでベクター画像に変換 Illustrator CS6 以降の画像トレース機能を使います。 選択ツールで画像を選択した状態で、ツールバーの「画像トーレス」部分の「▼」をクリックして、あらかじめ用意されているトレース設定を選択します。ここでは「写真（低精度）」を選びました。
![[Illustrator] ラスタ画像をベクタ画像へ変換する — 画像トレース – プログラミング生放送](https://cdn-ak-scissors.b.st-hatena.com/image/square/5258d4b69da243d204c8bb1ba4aba82392cdd28c/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fpronama.jp%2Fwp-content%2Fuploads%2F2014%2F01%2Foutline.png%3Ffit%3D892%252C686%26ssl%3D1)
ドロー系描画ソフト Inkscape ビットマップをトレースする
Inkscapeでは、イラストなどのビットマップ画像を取り込むことができます。（ファイル → インポート） しかし、このままでは背景として利用はできますが、編集はできません。編集するためには、ベクトルデータに変換する必要があります。 Inkscapeには、ビットマップデータをベクトルデータに変換するための2種類のトレース機能があります。 メニューバー「パス」 → 一般的なサイズの大きいイラストなどをトレースします。 ピクセルアートをトレース メニューバー「パス」 → ピクセルアートと呼ばれるピクセル数の少ないイラストをトレースします。 トレースした例 ビットマップをトレース メニューバー「パス」 → トレースのダイアログが表示されます。ダイアログには、モードとオプションのタブがあります。 ［モード］タブ 右側にプレビューが表示されます。立ち上げ時点で何も表示されません。 以下の設定後、オブ
Free SVG Converter
This area has been made to save SVG images for later. It's really helpful when you need to compare filters result, or to make a backup. Only you can see them (it's a local save) What is a SVG file ? Svg (Scalable Vector Graphics) is an XML-based vector image format for two-dimensional graphics. The advantage is that you can modify image size without losing quality and detail. This vector format de
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
→どんなフォーマットのファイル、エクステンション、ビデオflv、iphone、aviも思いのままに変換・・・