TOP  >  写真

Tag : 写真

2018年02月01日

Instagramフィルターを再現するCSSスニペット「Instagram.css」

旅先での思い出や美味しいものを撮った写真をSNSに投稿する時、Instagramを活用している人は多いのではないでしょうか。そんな中今回は、Instagramフィルターを再現するCSSスニペット「Instagram.css」を紹介したいと思います。

Instagram_css

40種類以上のバリエーション豊かなフィルターを再現できるCSSです。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2017年06月03日

複数のフォトサイトを横断検索することができる便利なフリー画像検索サービス「FreePhotos.cc」

写真一枚でデザインの印象は大きく変わってしまうからこそ、選定にはしっかりこだわっていきたいもの。今回はそんな時に知っていると便利な「FreePhotos.cc」を紹介していきたいと思います。

FreePhotos.cc_top

複数のフォトサイトを横断検索することができる便利なフリー画像検索サービスサイトとなっています。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2017年04月12日

写真をワンクリックでレトロな雰囲気に変えてくれる、フリーのPhotoshopアクションまとめ20

写真加工のアクションにはさまざまな種類がありますが、今回紹介するのは、アンティークなテイストを演出したいときや、ちょっとした温かみを加えたいときなどに役立つフリーPhotoshopアクションまとめ「20+ Free Retro Photoshop Actions For A Warm And Classic Look」です。

retro-photoshop-actions

20+ Free Retro Photoshop Actions For A Warm And Classic Look | Naldz Graphics

ワンタッチで写真の加工ができ時短にも最適。下記ではまとめから抜粋したおすすめのアクションを3つご紹介していますので、以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   
このエントリーをはてなブックマークに追加
2016年11月13日

アナログ感のある写真を表現するPhotoshopアクション「Anaglyph Photoshop Actions」

Photoshopなどもフォトレタッチツールで写真は撮影後、様々な表情を見せてくれますが、今日紹介するのはアナログ感のある写真を表現するPhotoshopアクション「Anaglyph Photoshop Actions」です。

analog

ただ綺麗にするだけでは無く、あえてアナログフィルムを現像したような版ズレや粒子などを表現したものとなっています。全部で15種類のフィルタがセットとなっており、様々な表情のアナログ感を表現できるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:21  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加
2016年09月19日

【商用可】国が用意した、日本観光促進のためのハイクオリティのフリー素材「PHOTO METI」

制作する上で、購入することも多い写真素材。魅力を伝えるためには非常に重要な要素の一つですが、今回紹介するのは、国が用意した、日本観光促進のためのハイクオリティのフリー素材「PHOTO METI」です。

photomite01

このサイトでは、美しい日本の情景がスライドショーで再生され、掲載されている写真はすべて、日本の観光促進のために利用できるフリー素材となっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:42  |  
Category: Design   
このエントリーをはてなブックマークに追加
2016年09月18日

CSSで実現するフィルタジェネレーター「CSSFILTERS.co」

写真加工は現在様々なアプリケーションに搭載されており、もはや写真とは切手は切れない関係にありますが、今回紹介するのはWEB上でも動作する写真加工フィルタを生成できるCSSで実現するフィルタジェネレーター「CSSFILTERS.co」です。

cssfilter_01

このサービスでは、予め登録されたフィルタもしくは、パラメーターを指定して任意の画像にフィルタをかけるとと共に、WEB上で実現するためのコードも出力してくれるというものです。

詳しくは以下

(さらに…)

続きを読む
posted 11:58  |  
Category: WebDesign , WebService   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2013年09月30日

チョークの雰囲気を演出できるフォント「35+ Free Chalkboard Fonts – Want A Nice Back To School Design?」

チョークという言葉を聞くと学生時代を思い出す方は多いはず。授業の思い出や落書きを懐かしむ方もいるのではないでしょうか。そんな中今回は、チョークで書かれた様な文字フォントをまとめた「35+ Free Chalkboard Fonts – Want A Nice Back To School Design?」を紹介したいと思います。

35fcfwanbtsd_0
Chalkboard by Marta van Eck font by Marta van Eck Designs – FontSpace

教師の書いたような文字や学生が書いたラフ感あるものなど、さまざまな特徴を持ったチョークフォントがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:23  |  
Category: Font   
2008年08月27日

ハイクオリティなフリーphotoshopブラシ配布サイト「Qbrushes」

今までphotoshopのブラシを配布するサイトはDesigndevelopと紹介してきましたが、今日紹介するのはハイクオリティなフリーphotoshopブラシを多数配布する「Qbrushes」です。

サイトは非常にシンプルで、配布されているphotoshopブラシで作られたグラフィック並んでいて、どういったブラシでどんな事ができるのかというのを感覚的に理解することができます。配布されているブラシの例をいくつか下記に貼り付けておきます。

詳しくは以下

(さらに…)

続きを読む
posted 12:59  |  
Category: Design , Photoshop   
2007年12月16日

WEBデザイナーに役立つリンクを集めた「455 helpful links for webdesigners」

英語のサイトになリますが、WEBデザインに関して、ほとんどのジャンルを網羅しているリンク集「455 helpful links for webdesigners」を紹介したいと思います。こちらのリンク集はajax、blogs,colors,cssなどの役立つ情報を集めています。

WEBデザイナーのためのリンク集

タイトルの通り全部で455のリンクが収録されていて、かなり勉強になりそうなリンク集です。

詳しくは以下

(さらに…)

続きを読む
posted 09:48  |  
Category: WebDesign   
2017年03月13日

デザインをよりリアルなイメージで伝えられる、高画質PSDモックアップテンプレート100

制作したデザインをよりよく見せ、クライアントにイメージを沸き立たせるモックアップ。そんなモックアップに使えるフリーの写真素材をあつめた「100 Free High Resolution Photorealistic Mockup Templates」をご紹介します。

mockups_realistic_01
5 high-quality photographic mockups – Freebiesbug

PSD形式で高解像度な写真モックアップ素材を100種類まとめているので、きっとイメージに合う素材が見つかるはず。おすすめのモックアップ素材を下記にてまとめていますので、ご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design , Photoshop   
2014年06月17日

さまざまなイラストやグラフィックのベクター素材を集めた「36 New Free Vector Graphics and Vector Images for Designers」

グラフィックデザインからwebデザインまで、幅広いデザインシーンで活用できるベクター素材。イラストレーター等での編集が可能なため、利用範囲は多岐に渡ります。そんなベクター素材を集めた「36 New Free Vector Graphics and Vector Images for Designers」を今回は紹介したいと思います。

vector140617_1

さまざまなイラストやグラフィックのものが揃っており、いろいろなシーンで活用することができそうです。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: vector   
2016年10月11日

都市のデザインを反映したアイコンセット「Citysets」

世界では様々なアイコンセットが公開されていますが、今日紹介するのはWEBデザインからは少し離れた、都市のデザインを反映したアイコンセット「Meet Citysets.」です。

city01

Meet Citysets.では、ロンドン、ニューヨーク、パリ、シドニーと4つの都市のセットとなっており、それぞれの街を感じるモチーフがアイコン化されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , vector   
2013年04月26日

印象的な雲が豊富に揃うテクスチャまとめ「20 Dramatic Clouds Textures」

最近の暖かい春の日差しに、空を見上げることも多くなってきているのではないでしょうか?毎日、毎時間、一瞬として同じ表情のない空や雲の風景は、いつ眺めても感動させられるように思います。そんな中今回紹介するのが、印象的な雲が豊富に揃うテクスチャをまとめた「20 Dramatic Clouds Textures」です。


All sizes | sky-clouds-texture-19 | Flickr – Photo Sharing!

昼間の明るい雲の様子から、朝焼けや夕焼けの美しい雲まで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:18  |  
Category: Design   
2017年12月01日

レスポンシブした際のスクリーンショットが一度に撮れるサイト「z Screenshots」

webサイトのデザインをクライアントに提案する時には、PCだけでなくスマートフォンや他の端末ではどのように表示されるか、全て見せるということも少なくないもの。そんな時に役に立つのが今回紹介する、レスポンシブした際のスクリーンショットが一度に撮れるサイト「Responsive Screenshots」です。

Responsive_Screenshots01

URLを入力するだけで、一度に複数の端末のスクリーンショットうを撮ってくれる優れもの。デザイナー必見のサイトです。

詳しくは以下

(さらに…)

続きを読む
2015年02月17日

ひび割れた質感でデザインをクールに演出できるテクスチャ「7 Free Cracked Paint Textures」

非常に膨大な種類が存在するテクスチャ。webでも紙のデザインでも同様に多用する素材のため、たくさんストックしているデザイナーの方も多いのではないでしょうか?そんな中今回紹介するのは、ひび割れた質感でデザインをクールに演出できるテクスチャ「7 Free Cracked Paint Textures」です。

cracked1

冷たげ質感がデザインをきゅっと引き締めてくれる、ひび割れの雰囲気に味のあるテクスチャが7種類紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2015年08月02日

魅力的な動きを手に入れる フリーアニメーションチュートリアル「26 Free Animation Tutorials for Web Developers」

webサイトをより魅力的に見せるには、デザイン性ももちろんですが、ユーザーを惹きつける動きにもこだわることが重要。しかしただ考えているだけでは、なかなかアイデアとしてひらめくことは難しいのではないでしょうか?今回はそんなときに参考にしたい、フリーアニメーションチュートリアル「26 Free Animation Tutorials for Web Developers」を紹介したいと思います。

animation2
A Collection of Page Transitions

26種類の、いろいろな動きを表現できるアニメーション作成のためのチュートリアルがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 11:42  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る