はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ ベクター画像

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 30件)

最新版! Lottieアニメーションの実装方法 - Lottie-Player編 - ICS MEDIA

2024/04/05 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip ICS MEDIA Lottie 実装方法 アニメーション

「Lottieロッティー」はベクター画像のアニメーションを実現できる技術・ファイルフォーマットです。 Lottieアニメーションの作り方編の記事(Figma編、After Effects編)では、Lottieの概要から作り方、ファイルの書き出し方までを紹介しました。本記事では、Lottieアニメーションの実装方法について紹介します。 Lotti... 続きを読む

ブラウザ版「Illustrator」、β版を一般公開 テキストからベクター画像を生成するAI機能も搭載へ

2023/10/11 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip Illustrator パブリック テキスト 搭載 AI機能

ブラウザ版「Illustrator」、β版を一般公開 テキストからベクター画像を生成するAI機能も搭載へ 2021年にプライベートβ版(一部のユーザーに限定して提供)としてリリースされた、“ブラウザ版Illustrator”こと「Illustrator for Web」が、Creative Cloudの有料ユーザーなら誰でも利用できるパブリックβ版として公開され... 続きを読む

続くAI大革命…イラストをベクター画像(線画データ)に変換する無料AIツールが高精度で凄い

2023/05/05 このエントリーをはてなブックマークに追加 261 users Instapaper Pocket Tweet Facebook Share Evernote Clip 高精度 イラスト 進展 ラスター画像 世間

ここ数ヶ月のAIの進展は凄まじく、毎日のように新たな魅力的なプロダクトが公開され世間をざわつかせているのはもはや言うまでもない。そんな中、最近よく耳にする音声AIやテキストAIとはまた違ったアプローチのAIツールが話題になっている。 それは通常の画像をラスター画像に高精度で変換してくれる「Vectorizer.AI」... 続きを読む

Illustratorいらず?!ベクター画像作成につかえる無料の代替えツールまとめ【2018年版】 - PhotoshopVIP

2018/09/10 このエントリーをはてなブックマークに追加 121 users Instapaper Pocket Tweet Facebook Share Evernote Clip PhotoshopVIP Illustrator 無料

グラフィックデザイナーにとって、6万円近くする CorelDraw Suite を購入することは、最適な自分への投資と言えないかもしれません。また、Adobe製品のサブスクリプションモデルも同様です。 ほとんどのグラフィックデザインツールは、同じ原則に基づいて構築されています。そして、たいていの場合、ウェブサイト用のア... 続きを読む

SVG PORN - 各種サービスロゴをSVG化 MOONGIFT

2015/07/17 このエントリーをはてなブックマークに追加 25 users Instapaper Pocket Tweet Facebook Share Evernote Clip MOONGIFT メディアフォーマット SVG ソフトウェア

SVGはHTML5になって標準化されているメディアフォーマットですが、まだあまり広く活用はされていません。ただし、現在の高解像度化であったり、幅広い画面幅に対応していこうと考えるとSVGのようなベクター画像はとても大事になっていくでしょう。 今回はそんなSVGを使って各種サービス、ソフトウェアのロゴを描いたSVG PORNを紹介します。 SVG PORNの使い方 SVG PORNはとても数多くのサ... 続きを読む

1点1180円から利用可能:アドビ、4000万点以上のロイヤリティフリー画像素材を販売する「Adobe Stock」開始 - ITmedia PC USER

2015/06/16 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip USER アドビ アドビシステムズ 有償 同日

アドビシステムズは6月16日、4000万点以上の写真、イラスト、ベクター画像を有償で利用できるストックフォトサービス「Adobe Stock」を発表、同日に販売を開始した。adobe.comを通じて、36カ国、13の言語で利用可能だ。 税別での価格は、画像単品が1180円、年間プランだと月に10点まで5980円(Creative Cloudメンバーは特別限定価格で3480円)、750点まで2万49... 続きを読む

フリーの高機能ドローソフト「Inkscape」がv0.91に大幅なアップデート - 窓の杜

2015/02/04 このエントリーをはてなブックマークに追加 60 users Instapaper Pocket Tweet Facebook Share Evernote Clip Inkscape ユーザーインターフェイス パフォーマンス

ニュース フリーの高機能ドローソフト「Inkscape」がv0.91に大幅なアップデート 全体的なパフォーマンスの向上やユーザーインターフェイスの改善など更新 (2015/2/4 14:32) 「Inkscape」v0.91 The Inkscape projectは1月30日、ベクター画像を作成できるフリーの多機能ドローソフト「Inkscape」の最新版v0.91を公開した。最新版では、全体的な... 続きを読む

SVGを使いこなすための便利ツールいろいろ | Webクリエイターボックス

2015/01/28 このエントリーをはてなブックマークに追加 299 users Instapaper Pocket Tweet Facebook Share Evernote Clip SVG Illustrator 高解像度ディスプレイ 何度

SVG(Scalable Vector Graphics)はIllustratorで作成したようなベクター画像を表示する技術。高解像度ディスプレイでもくっきりはっきり表示できるので、近年海外サイトを中心に見かける機会が増えてきました。SVGについてはWebクリエイターボックスでも何度か取り上げてきたので、耳にしたことのある方も多いかと思います。今回はそんなSVGを使いこなすための便利なオンラインツ... 続きを読む

【UIScrollView × Autolayout 問題】Appleエンジニア直伝のファイナルアンサー - Over&Out その後

2014/10/30 このエントリーをはてなブックマークに追加 129 users Instapaper Pocket Tweet Facebook Share Evernote Clip ファイナルアンサー UIScrollView iOS 必須

iOS, XcodeiPhone6,6Plus サポートとか LaunchScreen.xib とか Size Class とか考えると、もはや Autolayout は必須な感じになってきてます。 Xcode 6 時代のマルチデバイス対応 〜Size Classとベクター画像〜 - Over&Out その後 で、Autolayout ✕ UIScrollView の例の問題(UIScrollVi... 続きを読む

独特のブラシを備えるドローソフト「Livebrush」、5周年を記念して有償版を無償配布 - 窓の杜

2014/10/23 このエントリーをはてなブックマークに追加 38 users Instapaper Pocket Tweet Facebook Share Evernote Clip ドローソフト SVG形式 ブラシ 無償 出力

ニュース 独特のブラシを備えるドローソフト「Livebrush」、5周年を記念して有償版を無償配布 ベクター画像をSVG形式で出力が可能 (2014/10/23 13:22) 「Livebrush Pro」v1.5 David Fasullo氏は9日、ドローソフト「Livebrush」公開5周年を記念して同ソフトの有償版「Livebrush Pro」を無償配布すると発表した。現在“Livebrus... 続きを読む

SVGをdata URI schemeに変換するとき文字化けしないように必要なこと - 聴く耳を持たない(片方しか)

2014/10/15 このエントリーをはてなブックマークに追加 51 users Instapaper Pocket Tweet Facebook Share Evernote Clip iPhone Scheme www.apple.com 端末

現在、パソコン、スマートフォン、タブレットと様々な画面サイズの情報機器が世の中に溢れています。そうした端末に適切に対応するには画像も色々なサイズのものをいくつも用意する必要があるわけですが、SVGのようなベクター画像であればそうした手間も少なくて済むのがメリットです。例えば、AppleのサイトではロゴにSVGを使っています。https://www.apple.com/jp/iphone/ そしてそ... 続きを読む

iOS - Xcode 6 時代のマルチデバイス対応 ~Size Classとベクター画像~ - Qiita

2014/10/07 このエントリーをはてなブックマークに追加 54 users Instapaper Pocket Tweet Facebook Share Evernote Clip Universal iOS Qiita ベクター形式 iPad

Xcode 6 の新しい仕組みである Size Class を使い、 iPad (Universal) iPhone 6 (4.7 inch) iPhone 6 Plus (5.5 inch) の複数画面サポートを行なった際の断片的なメモ集です。 同じく Xcode 6 から Asset Catalog でベクター形式がサポート されるようになったので、こちらについてわかったこと等も書いてあります... 続きを読む

Xcode 6 時代のマルチデバイス対応 〜Size Classとベクター画像〜 - Over&Out その後

2014/10/02 このエントリーをはてなブックマークに追加 186 users Instapaper Pocket Tweet Facebook Share Evernote Clip Over&Out Size Class マルチデバイス対応

Xcode, iOS, Objective-Cとあるお仕事で、iPad をサポート(= Universal 化)してほしいという要望があり、せっかくなので iPhone 6 / 6 Plus (4.7 / 5.5 inch スクリーン)もサポートしようってことで、新しい Xcode 6 の新しい仕組みである Size Class を使って複数画面対応を行ないました。あと、同じく Xcode 6 か... 続きを読む

Xcode6でベクター画像を利用する。 - tomoyaonishiのブログ

2014/09/21 このエントリーをはてなブックマークに追加 66 users Instapaper Pocket Tweet Facebook Share Evernote Clip attributes Xcode6 ブログ サイズ 画像セット

2014-09-21 Xcode6でベクター画像を利用する。 iOS Xcode6で密かにベクター画像が使えるようになっています。 これを使えば@1x, @2x, @3x画像を用意する煩わしさから解放されます! 使い方は非常に簡単です。 PDF画像を@1xのサイズで書きだす。 AssetCatalogをクリックする New Image Setで画像セットを追加する 画像のようにAttributes... 続きを読む

SVGでアウトラインをカスタマイズしてみよう | Webクリエイターボックス

2014/07/30 このエントリーをはてなブックマークに追加 78 users Instapaper Pocket Tweet Facebook Share Evernote Clip SVG オブジェクト アイコンフォント 装飾 記述

これまで、二回ほどSVGに関する記事を書きましたが、SVGの面白さは伝わっていますかね…!?今回はSVGのアウトライン(線)の装飾に注目!オブジェクトを徐々に描いていくラインエフェクトにも挑戦します!SVGの基本的な情報や書き方は過去記事「アイコンフォントからSVGへ!より手軽にベクター画像を表示しよう」をご覧ください! SVG線種プロパティの基礎 基本的な書き方ですが、SVGのコード内に直接記述... 続きを読む

SVGアイコンを実用するために知っておきたい、リンク周りの記述方法 | Webクリエイターボックス

2014/07/01 このエントリーをはてなブックマークに追加 166 users Instapaper Pocket Tweet Facebook Share Evernote Clip SVGアイコン Webクリエイターボックス SVG 記述方法

以前書いた「アイコンフォントからSVGへ!より手軽にベクター画像を表示しよう」という記事でSVGの基本や効率よく使用する方法を紹介しましたが、実際にWebサイト内で使うにはもう少し具体例が必要だなーと思ったのでリンク関連を中心に補足します。基本的な記述方法を覚えて実用化していきましょう! SVGにリンクを貼る SVGにリンクを貼りたい場合、単純に a タグで svg を囲んでもうまくリンクを貼るこ... 続きを読む

アイコンフォントからSVGへ!より手軽にベクター画像を表示しよう | Webクリエイターボックス

2014/05/28 このエントリーをはてなブックマークに追加 529 users Instapaper Pocket Tweet Facebook Share Evernote Clip SVG Illu アイコンフォント ブラウザー 普及

ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか?SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 SVGってなに? SVG(Scalable Vector Graphics)はIllu... 続きを読む

180,000点以上のベクター素材が探せるサイト「4vector」*二十歳街道まっしぐら

2013/08/21 このエントリーをはてなブックマークに追加 48 users Instapaper Pocket Tweet Facebook Share Evernote Clip ベクター素材 二十歳街道まっしぐら EPS 拡張子 以下

4vectorは180,000ものベクター画像が探せるサイトです。 キーワードを入力して検索すると、ベクター画像がヒットします。 その場でaiやepsなどの拡張子を確認でき、ダウンロードも行えます。 ベクター素材をお探しの方には重宝するサイトかと思います。 以下に使ってみた様子を載せておきます。 まず「4vector」にアクセスしましょう。 キーワードを入力して検索します。 検索結果がこちら。 サ... 続きを読む

無料でクオリティの高いベクター画像をダウンロードできるサイト「Free Vectors」*二十歳街道まっしぐら

2012/07/27 このエントリーをはてなブックマークに追加 43 users Instapaper Pocket Tweet Facebook Share Evernote Clip free vectors クオリティ 二十歳街道まっしぐら

Free Vectors 無料でクオリティの高いベクター画像をダウンロード Free Vectorsは無料でクオリティの高いベクター画像をダウンロードできるサイトです。 ベクター画像を検索して無料でダウンロードできます。 クオリティが高い画像がたくさん用意されていますよ。 以下に使ってみた様子を載せておきます。 ベクター画像を無料ダウンロードする 続きを読む 続きを読む

ワコムの画期的なデジタル・ペン『Inkling』 « WIRED.jp 世界最強の「テクノ」ジャーナリズム

2011/08/31 このエントリーをはてなブックマークに追加 211 users Instapaper Pocket Tweet Facebook Share Evernote Clip ワコム Inkling レシーバー 殴り書き ジャーナリズム

ワコムが9月下旬に発売を予定している『Inkling』。デジタル・ペン自体は新しいものではないが、ワコムがペン・タブレット市場の頂点にいるのには理由がある。 『Inkling』は、殴り書きをビットマップ画像やベクター画像に変えてくれる。 『Inkling』はワコム(本社埼玉県)の最新のデジタル描画ツールであり、驚くべき製品のようだ。 Inklingは特殊インクのボールペンとレシーバーで構成され、紙... 続きを読む

便利で使いやすいベクターPhotoshopブラシ集「250+ Useful Vector Photoshop Brushes」 | DesignDevelop

2011/06/08 このエントリーをはてなブックマークに追加 93 users Instapaper Pocket Tweet Facebook Share Evernote Clip Photoshop DesignDevelop テクニック

便利で使いやすいベクターPhotoshopブラシ集「250+ Useful Vector Photoshop Brushes」 デザインを作成する際には、さまざまなデザイン用ソフトを利用します。中でも使用頻度の高いPhotoshopは、ラインのきれいなベクター画像を素材として描くにはテクニックが必要になります。そこで今回紹介するのが、Photoshopで手軽に利用できるベクターブラシセットを集めた... 続きを読む

表現の幅が広がる Illustrator用ベクターブラシまとめ「50 Beautiful Free Adobe Illustrator Vector Brushes」 | DesignDevelop

2011/05/11 このエントリーをはてなブックマークに追加 109 users Instapaper Pocket Tweet Facebook Share Evernote Clip DesignDevelop 表現 ブラシ イラスト デザイン

表現の幅が広がる Illustrator用ベクターブラシまとめ「50 Beautiful Free Adobe Illustrator Vector Brushes」 思い通りのイラストやデザインを作成できるllustratorですが、操作性が難しく、十分に活用できていないとお悩みの方も多いのではないでしょうか?そこで今回紹介するのは、洗練されたベクター画像を簡単に作成できるブラシをまとめた「50... 続きを読む

HTML5の魅力。Webブラウザ上で楽譜を表示し、MIDIを使って奏でる「ABC.js」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2011/05/03 このエントリーをはてなブックマークに追加 86 users Instapaper Pocket Tweet Facebook Share Evernote Clip MOONGIFT WebGL canvas SVG MIDI

ABC.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。HTML5によってWeb上の表現力は高まっている。SVGでベクター画像を描いたり、WebGLによって3Dオブジェクトを描き出すこともできる。Canvasを使うプロジェクトも多い。 きれいな楽譜表示 これまではFlashを使ったり、画像を使わなければならなかった表現もHTMLだけでできるようになる。その一つ、楽譜を描き出... 続きを読む

ベクター画像を大量に無料配布するサイトのまとめ | 日刊ウェブログ式

2010/08/10 このエントリーをはてなブックマークに追加 1192 users Instapaper Pocket Tweet Facebook Share Evernote Clip 日刊ウェブログ式 OFF まとめ ベクター形式 ベクター素材

ベクター形式の画像は拡大しても画質が劣化しないので、大サイズの画像やポスターの作成の際に便利です。そんなベクター素材を配布するサイトを資料集としてまとめてみました。よろしければご参考に。 Vecteezy ベクター画像配布サイトの定番 Official Site QVectors 膨大にあります Official Site Vecter Junky 10000のベクター素材が投稿されている Off... 続きを読む

20万個ものロゴをベクター形式で無料ダウンロードできるサイト「seeklogo」*二十歳街道まっしぐら

2010/03/13 このエントリーをはてなブックマークに追加 479 users Instapaper Pocket Tweet Facebook Share Evernote Clip ベクター形式 二十歳街道まっしぐら ロゴ EPS ソート

seeklogo ロゴをベクター画像でダウンロードできる! 「seeklogo」はロゴの画像をベクター形式でダウンロードできるサイトです。 EPSやAIなどのベクター形式ですべてダウンロードできるところが特徴的。 企業名やアルファベットなどで検索し、ダウンロード数順・評価の高いもの順などのソートも行えます。 全部で20万以上のロゴがあるとのこと。 以下に使ってみた様子を載せておきます。 ベクター形... 続きを読む

 
(1 - 25 / 30件)