CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード（シャドウ編） 13. フェード（グラデーション編） 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません

プロカメラマンの 無料写真素材・フリー画像 Pro.foto（プロ ドット フォト）では、 雑誌・出版業界や広告業界などで活躍している プロカメラマンが 撮影した高品質の写真素材を 無料のフリー素材として公開しています。 Pro.foto（プロ ドット フォト）では、雑誌・出版業界や広告業界などで活躍しているプロカメラマンが撮影した高品質の写真素材を無料のフリー素材として公開しています。 商業デザインなどの商用利用も可能な高解像度の無料画像がフリー素材として今すぐ無料でダウンロードできます。 Pro.foto のフリー写真素材は、ご利用規約の範囲内で、商業印刷・DTPのデザイン素材をはじめ、年賀状や暑中見舞い、ホームページ・WebサイトのWeb制作素材、販促用の広告素材、出版物・冊子の挿絵、TV番組やCMの映像素材、店舗や看板の装飾素材などにフリー素材として画像のトリミングや合成など、自由

画像が視覚的に訴える効果は大きい。企業のマーケティングでは、画像は今や欠かせない存在である。 Webやブログのコンテンツだけでなく、製品資料やプレゼンテーションまで様々なシーンにおいて、画像が利用される。 画像は、発信するメッセージに視覚的な効果を加えることにより、そのメッセージのインパクトを高める狙いがある。今やテキストだけのWebやブログ、パワーポイントのスライドは、とある一部の分野を除いてなかなか見かけなくなったのではないだろうか？ マーケターにとって、企画書や製品・サービス資料作成、ブログでのアイキャッチ画像にあたって、画像は欠かせない。しかし、マーケターはデザイナーではない。マーケターが自ら画像を加工して資料に加えるのは頭が痛い作業だ。その度にデザイナーに画像の選定や加工をお願いするのも、ちと忍びない。 今回は、ノン・デザイナーでも資料作成やブログに使いやすい、商用でも利用可能な

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

Free images and videos you can use anywhere Pixabay is a vibrant community of creatives, sharing copyright free images and videos. All contents are released under Creative Commons CC0, which makes them safe to use without asking for permission or giving credit to the artist - even for commercial purposes. Learn more...

仕事上で使用する画像はウェブ上で見つけにくく、いい画像だな、と思っても商用利用ができなかったりクレジット表記が必要だったりする場合もあります。そんな時に便利なのが横断検索サイト「タダピク」で、海外や日本の計24の画像検索サイトから商用利用OK・クレジット表示不要の画像素材を横断検索することが可能です。 タダピク（tadapic） - 商用利用OK・クレジット表示も不要の画像素材検索エンジン http://www.tadapic.com/ トップページの検索欄にキーワード「子猫」を記入し、検索ボタンを押すと…… こんな感じで子猫の画像が表示されます。 気になる画像をクリック。 すると、画像元のサイトに飛びます。 なお、検索対象は「画像」なので、写真だけでなくイラストも一緒に検索されます。 検索時にはイラストやアマチュアカメラマンによる写真素材サイト足成の写真を除外したり、日本のサイトに絞り込

ブログやSNSの投稿に写真や画像を使うことがありますが、著作者に無断で写真やイラストを使用することで著作権の侵害にあたることも。そこでSNS予約投稿サービス「Buffer」が、無料でブログやSNS投稿に使えるCC(クリエイティブ・コモンズ・ライセンス)＆パブリックドメインのストックフォトサイトや検索ツールなどを大量にまとめています。 53+ Free Image Sources For Your Blog and Social Media Posts http://blog.bufferapp.com/free-image-sources-list ◆写真検索サイト 01：More Free Images & Free Stock Photos | Download Free Stock Photography from Dreamstime 無料アカウントの作成が必要ですが、無料でダウン

デザインの仕事をしていたり、フリーペーパーやポスターを作る時にも、無料で自由に使える写真やイラストは重宝します。一定条件の下で作品を自由に使えるCCライセンスの画像も有用なのですが、商用利用やクレジット表記・リンクの可否など制限があり使いづらいことも。そんな時に便利なのが、知的財産権が誰にも帰属しないパブリックドメインの画像を検索閲覧・ダウンロードできる「Pixabay」であり、CCライセンスのように細かい点を気にすることなく自由に画像を使用できます。 Pixabay - パブリックドメイン画像 http://pixabay.com/ テキストボックスに単語を入れて検索ボタンを押すと…… こんな感じでずらっと写真やイラストが並びます。画像は新着順の他、人気順でも表示することが可能。 気になる画像をクリックすると…… 詳細ページへと飛びます。 撮られた日時や使用されたカメラの種類などと共に、

作品を作ったりブログを投稿する際に自由に使えるイメージ画像があると便利ですが、高品質な写真はライセンスで使用に制限があったりクレジットが必須の場合がよくあります。「splashbase」はパブリックドメイン、つまり知的財産権が発生していない状態の高解像度かつ高品質の写真を扱っており、商業利用・改変・再配布などを含め自由に利用することができます。 splashbase: find free, public domain, hi res photos http://www.splashbase.co/ トップページには今週追加された新しい写真10枚が並んでいます。 そのうち、外国の街並みを写した雰囲気のある写真を見てみると、写真の下には「View」「Download」というボタンが並んでおり、右端には「Lou Levit」というクレジット。 Viewをクリックして写真を表示させてみると1280

Photo pinとは photo credit: kevin dooley via photopin cc しかし先程の、問題点を一気に解決してくれるのがPhoto Pinです。Photo pinは、サブタイトルに「Free Photos for Bloggers via Creative Commons」と書いてあるように、ブロガーのための写真検索サイトです。 このPhoto pinを使うと何が便利なのか、以下で説明したいと思います。 ブログで使用してもよいCreative CommonsのみがヒットするPhoto pinではブログで使っている写真しかヒットしません。なので、いい写真を見つけた場合、いちいち写真の権利関係を調べる必要がないんです。Flickrでは、追加検査すれば同様にできますが、毎回するのは面倒くさいです。 商用利用のサイトで使用したい場合は、左メニューの「Commer

スライドショーを表示するにも、なかなか思ったように表示してくれるものがない。特にPicasaに関しては、そういった声も多いのではないでしょうか。 今回は、スライドショーを作成してくれるサービスの中でも、Picasaのアルバムを表示できる上に、プレイヤーのカスタマイズが他よりも自由にできるサービスをご紹介。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Flickr、Picasa のスライドショーを作れる「PictoBrowser」「PictoBrowser」は、PicasaとFlickrの画像をスライドショーにしてブログやサイトへ表示できるサービス。 Flickrの場合は、タグやグループ、セット、Picasaの場合はアルバムとタグで絞り込んでスライドショーにすることができます。 Picasa

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ブログを始めた当初、記事内に載せる画像はウェブ上から適当に持ってきて良いものだと思っていました。 記事のテーマに合ったキーワードでGoogle画像検索をして、そこに表示されたいい感じの画像を保存しては、記事に貼り付ける。「画像なんか無限にあるじゃなーい」と思っていた時期が私にもありました。 でも、ダメなんですよ。 画像一つにも著作権があり、勝手に使うことは許されていません。 では、ブロガーの皆はどこから画像を探してくるのか。それには大きく３つの方法があります。 ブログで使ってOKな画像 ブログで使ってOKな画像は、大きく３つあります。 1. 自分に著作権のある画像 2. ロイヤリティフリーの画像 3. クリエイティブ・コモンズの画像 以上の３つが、記事に掲載して良い画像の種類です。それでは、それぞれご説明しましょう。 1. 自分に著作権のある画像 まず最初は、自分に著作権のある画像。つまり

大英図書館（The British Library）は100万点以上の画像をFlickr Commons上に公開した（こちら）。誰もが無料で利用できる。この画像を素材として自由に利用できるのだ。 17世紀、18世紀、19世紀に発行された本の中の画像が今回の公開対象で、これらの本はマイクロソフトによってデジタル化されている。地図やイラスト、風景画、壁画などの画像が多い。スクロールしていくと明治維新前後の日本を描いたイラスト出会ったので、それを掲載している書籍の画像集を見てみた（こちら）。以下はその一部。 書籍のタイトルなどは次の通り。英国人にとって人跡未踏のニッポンの風俗などをイラストで紹介した、1885年発行の本である。各イラストは高解像度でスキャンされているので、フル画面でもきれいに見ることができるものが多い。 Title: "Unbeaten Tracks in Japan ... N

いろいろなソフトウェアを作って配布しているRizonesoftの管理人がパートタイムでグラフィックデザインの仕事をしたときにネット上にある無料で使えるストックフォトの品質が低いことに非常に悩まされた経験を生かし、個人利用でも商用利用でもOKなロイヤリティフリーで永続的なライセンスに基づいて使用できるストックフォトを1100枚もMediafireを使って配布しています。 1100 Free Royalty-Free Images | Rizonesoft http://www.rizonesoft.com/2012/freestock/ ページの中ほどにリンクがあります。各リンクごとに画像が100枚ずつあるという感じ。 クリックすると以下のようなサイトが開きます。 ページ右上の「Image View」タブをクリックすると各画像を見ることが可能です。 ダウンロードしたい画像がある場合、サムネイ