SVGクリッピングマスクにチャレンジ！静止画像も動画も、SVGで切り抜こう！
2014年10月8日 SVG Webクリエイターボックスでちょこちょこ取り上げてきたSVG。今回は第四弾！SVGを使ったクリッピングマスクを紹介します。今までは画像に透過PNGを重ねてマスクを表現できましたが、高解像度ディスプレイに対応させたり、マスク自体に効果をつけるならSVGが便利かなーと思います。サムネイル画像にフレームをつけたり、デザインのアクセントとして使えるので、ぜひマスターしてくださいね！ ↑私が10年以上利用している会計ソフト！ SVGのクリッピングマスク基礎 1. 画像を用意 それではさっそく試してみましょう！まずは切り抜かれる画像を用意し、img タグで表示します。この時画像に mask というクラスを与えておきます。 <img class="mask" src="images/rose.jpg" alt="Rose"> 2. マスクの型を用意 Illustratorで
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
商用利用無料、シンプルなアウトラインが非常に美しいアイコン素材 -150 Outlined Icons
ウェブサイトやアプリで使うさまざまなアイテムが揃った、シンプルな美しいアウトラインで作成されたミニマルなアイコン素材を紹介します。 フォーマットはPSD, AI, SVG, Icon Fontと全て揃ってます！ 150 outlined icons – PSD AI SVG Webfont ダウンロードできるアイコンのフォーマットは全てベクターで、4種類が揃っています。 .psd .ai .svg フォント（.woff, .eot, .ttf, .svg） あらゆる作業環境でそのまま使用できますね。 アイコンのアイテムは全部で、150種類！ ウェブサイトやブログ、アプリでよく利用するアイテムが揃っています。
ベクター素材のフリーダウンロードサイト8選【Freepikだけじゃない！】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのハルエです。 イラストやパーツ、背景など、素材の作りこみが必要なときにフリーのベクター素材ってものすごく重宝しますよね。そのまま使うこともできますが、そこから自分なりのテイストに変えてデザインしちゃえばより良いものができるはず！ 時間がないときなどにも凄く助かります。 今回は、高品質なベクター素材が無料でダウンロードできる厳選した8サイトをご紹介させていただきます。 独学でつまずいていませんか？ Webデザインの基礎を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。 詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） 高品質なベクター素材の無料ダウン
iconmonstr - Free simple icons for your next project
To use this icon, you must first accept the license agreement.
無料のベクター素材を提供しているサイト40選
先日の「無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45選」に続き、ベクター素材を提供しているサイトのまとめです。やはり個人的な整理のためのまとめですが共有します。 先日の無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45に続き、 ベクター素材を提供しているサイトのまとめです。 やはり個人的な整理のためのまとめですが共有します。 はじめに 全てを網羅するのは逆に手間だと思うので、 この中から自分のお気に入りや使いやすいサイトを選んでそれを中心に利用することになると思います。 また、サイトによってはphotoshopの素材とベクター素材を扱ってるサイトもあり、 無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45で取り上げたサイトはこちらには載せてません。 上記エントリーのサイト説明に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用フリーで使える影絵素材サイト シルエットデザイン
新着記事
Quality Free Vector Graphics
新着記事
20万個ものロゴをベクター形式でダウンロード