手書きのイラストをIllustratorファイルに。魔法のようなモレスキン・Adobeスマートノートブック | Lifehacking.jp

2015/06/15 162 users 手書き Lifehacking.jp 魔法 イラスト Ads

手書きのイラストをIllustratorファイルに。魔法のようなモレスキン・Adobeスマートノートブック Ads: 手書きのイラストをスキャンし、Illustratorで編集可能なSVGファイルにしてしまう。そんな、魔法のようなモレスキン・スマートノートブックが登場しました。 モレスキン・スマートノートブックといえば、これまでEvernoteと連携したものがありましたが、今回のそれはAdobe ... 続きを読む

東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します - Liner Note

2014/12/20 1220 users Liner Note パブリックドメイン スクロール 東京

illusratorを使って、東京圏の交通路線図を作りました。 現在、これを書きだしたSVGファイルを以下に置いて、ウェブ上から見られるようにしています。まだマップとして大した処理はしていないので、PCとかだとスクロールが面倒ですが、スマートフォンなどタッチ端末だとそこそこ見られると思います。 東京 鉄道路線図 なお、AIファイル・SVGファイルはパブリックドメイン(CC0)としますので、配布・改... 続きを読む

JavaScriptとCSSは不要！SVGの気持ちいいアニメーションで作られた超軽量のかわいいローディング -SVG Loaders | コリス

2014/12/10 129 users ローディング コリス SVG Step CSS

JavaScriptもCSSも画像も使用せず、SVGで実装された軽快で気持ちいいアニメーションで動くローディングのアイコンを紹介します。 ページに実装する時もJavaScript/CSSは必要ありません。簡単なHTMLでOK！ デモページ SVG Loadersの使い方 使い方は、簡単！ Step 1: SVGファイルをダウンロード 下記ページの右サイドの「Downlaod ZIP」から、SVGフ... 続きを読む

進化するフラットスタイル！確認しておきたい最新Webデザイン23個まとめ - Photoshop VIP

2014/09/24 116 users フラットスタイル Photoshop Vip エントリー

フラットデザインという言葉が登場してからある程度経過し、CSSアニメーションを加えたり、SVGファイルを活用したりと、デザインスタイルも少しずつ変化しているようです。今回は最新のフラットスタイルを見ていきましょう。 海外デザインブログGraphic Design Junctionで、フラットスタイルを採用した最近のWebサイトデザインをまとめたエントリー「32 New Examples Flat ... 続きを読む

見た目のクオリティはそのままで、SVGファイルを大幅に軽量化する便利ツール -SVGO GUI | コリス

2014/06/03 77 users コリス SVGO SVG GUI クオリティ

当ブログでも最近、SVGの素材を紹介することが多くなりました。そんなSVGファイルから不要なデータを取り除いて軽量化するアプリを紹介します。 ↓は、今日紹介したアイコンのSVGを軽量化したものです。 ほとんどのファイルが50%以上軽量化されました。 SVGO GUI SVGO GUIは、Node.jsベースのSVG軽量化ツール「SVGO」をGUIで操作できるようにしたもので、Windows用とMa... 続きを読む

Google画像検索で高解像度のロゴのみをザクザク見る | ぷらすぶろぐ

2012/12/08 272 users ぷらすぶろ ロゴ 高解像度 google画像検索 SVG

ロゴ制作時に使えるTIPSをご紹介。 アイデア捻出とかでロゴをザーッと見たいとき、Google画像検索で検索ワードに「logo」とか入れて検索すると思います。 そこに「filetype:svg」を追加してファイル形式を「SVGファイル」のみに制限することで、高解像度のロゴのみを検索できます。 サンプル でも、SVGファイルって何でしょうか？ SVGファイルってなんなのさ SVGフォーマットはJPE... 続きを読む

GIGAZINE - Illustratorのようにベクター画像を扱うフリーソフト「Inkscape」

2006/07/05 489 users GIGAZINE Inkscape FreeBSD 解像度

いわゆるSVG形式のベクター形式画像ファイルを扱う時に便利なオープンソースのソフトウェア。開いたSVGファイルを任意の解像度のPNGファイルに変換できます。また、Illustratorのようにベクター形式で画像を作成することも可能。Linux、Windows 2000/2003/XP、Mac OS X、FreeBSDなどで動作します。 実際のインストールと利用方法は以下の通り。 Inkscape.... 続きを読む