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で
Dropboxに続け！世界のサービス紹介ムービーまとめ20選 | Find Job ! Startup
広告宣伝に動画、使っていますか？ お金をかけられないスタートアップだからこそ、そろそろ紹介動画に力を入れなきゃと思っている方、多いですよね。 あなたが作った便利で素敵なサービスも、ユーザはなかなか良さを理解してくれません。しかし2分くらいのデモムービーにまとめれば、使い勝手の良さ・世界観を効果的にアピールできます。 今回は海外・日本を問わずよく出来た傑作紹介ムービーを20本まとめてドドンとご紹介します。ECサイト １.STORES.jp ２.Coinbase Bitcoinの管理サービス。Bitcoinとは何か？というところから説明されています。 ハードウェア ３.Meta ４.Boosted Boards 教育系サービス ５.ShareWis ６.Lang-8 クラウドソーシング ７.Gengo 翻訳サービスとして最近注目のスタートアップ、Gengoのビデオ。 クラウドファンディ
XAML でクラウディアさんを描いてみました | grabacr.nét
なにやらタイトルだけで既に出オチ感が。。。 もちろん、これら素晴らしい記事に触発されて書きました。 PowerPoint でクラウディアさんを書いてみました | SE の雑記 PowerPoint でクラウディアさんを私も描いてみました PowerPointで初めてのお絵かきしてみた 実は、以前から私の Twitter アイコンも PowerPoint で作っていたりしたのですが。 前にも言いましたが、このアイコンは Microsoft PowerPoint で作っているので、配色パターンを弄ればキャラの差し替えができる twitpic.com/947pw3 — ぐらばくさん (@Grabacr07) 2012年4月1日 こう表示すると確かに狂気を感じる twitter.com/Grabacr07/stat… — ぐらばくさん (@Grabacr07) 2013年3月27日 最近の Pow
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
nodeコマンドが使えない場合の対処法 | プログラミングを知るはプログラミングを行うに如かず
Prezi
