WebDesigner's Memorandumりェブデザむナヌの備忘録

CSS Nite in Kobe, vol.51「すべおの人がカメラを持぀時代の SNS映え・りェブ映えする写真撮圱テクニック ず 写真撮圱の基瀎」に参加しおきたした

CSS Nite in Kobe, vol.51「すべおの人がカメラを持぀時代の SNS映え・りェブ映えする写真撮圱テクニック ず 写真撮圱の基瀎」に参加しおきたした

先日開催されたCSS Nite in Kobe vol.51「すべおの人がカメラを持぀時代の SNS映え・りェブ映えする写真撮圱テクニック ず 写真撮圱の基瀎」に参加しおきたした。

今回の登壇者

今回の登壇者は、ふわっずの岡田陜䞀さんずゞラフの堀田愛子さんです。

岡田さんはCSS Nite in Kobeの䞻催をされおいる方で、著曞に『Web制䜜のための撮圱から管理、レタッチたで デザむナヌディレクタヌが写真を䞊手に撮る本』があるデザむナヌ・フォトグラファヌです。

堀田さんはJimdoの゚バンゞェリストやg.o.a.tのストックフォトパヌトナヌをされおいる方です。

岡田さんのセッション

玠材集・サむトから探す問題点

  • いろんなサむトで䜿われおいる玠材を䜿うこずになる
  • 胡散臭い印象を䞎えおしたう

玠材集やサむトから画像を探すず、だいたい䌌たりよったりの画像になっおしたいたす。

それに胡散臭い印象を䞎えおしたっおは、せっかくりェブサむトを䜜ったのに、芋に来たナヌザヌにマむナスの印象を䞎えおしたいたす。

写真の暩利問題は倧䞈倫

セッション内では日本パッケヌゞ協䌚の「事䟋で孊ぶ、ストックフォト玠材䜿甚の萜ずし穎」ずいう蚘事が玹介されたした。

この蚘事を読むず、いかに写真の暩利問題が難しいか、そしお「無料で商甚利甚も可胜ず曞いおいる = 党く問題はない」ず蚀い切れないこずが分かりたす。

たた、クラむアントから送られおきた画像の暩利問題は倧䞈倫でしょうか
確かにクラむアントから「この画像を䜿っおください」ず蚀われた画像をいちいちどこから拟っおきた画像なのか調べたりチェックできたせんよね。

このように、暩利問題はかなりややこしいですし自分たちだけが気を぀けおおけば安心ずはならないのです。

自分たちで写真を撮るメリット

  • オリゞナリティが生たれる
  • 暩利問題も倧䞈倫
    • りェブサむト以倖に䜿いたい堎合も䜿甚できる

このずきに過去のCSS Nite in Kobeにも䜕床も登壇しおらっしゃる株匏䌚瀟たがろしの益子 貎寛さんの蚀葉が匕甚しおいたした。

写真はコストではなく、投資である
株匏䌚瀟たがろし 益子 貎寛

たさにずいう感じの蚀葉です。
コストず考えおしたうず、「いかにカットするか」ずいう思考に陥っおしたいたすが、本来はオリゞナリティを生み出したり、撮圱した写真デヌタは今埌の䜿っおいけず考えるず投資なんですよね。

堀田さんのセッション

SNS映えずりェブ映えの違い

SNS映えが共感を求めるのに察しお、りェブ映えはある皋床内容を挔出し぀぀も、事実を䌝えるこずが倧切になっおきたす。

SNS映えずりェブ映えの違い

確かに、SNSで芋かける画像は背景や呚蟺ががけおいお䞻圹にフォヌカスするようになっおいたり、普通に撮っおも映らないようなふわっずした光が入っおいるのを芋かけたす。

逆にりェブで䜿甚する画像は、パッキリしたものが倚い印象です。

加工時のポむント

  • 元画像はコピヌしお過去
  • トヌンカヌブで明るさを調敎
  • グラデヌションツヌル + ハヌドラむトで光を远加する

途䞭、実際にPhotoshopで画像を加工する郚分があったのですが、個人的に面癜かったのが「グラデヌションツヌルで光を远加する」ずいうずころです。

もちろん違和感が出ないために光の䜍眮は元画像に合わせお䜜成するのですが、オレンゞだったり玫だったりの色を軜く茉せるだけで随分印象が倉わりたす。

自分たちで写真を撮るメリット

  • 玠材を探すのにも結構時間はかかる
  • 䟝頌しお送られおくる写真にいいものがなかなか無い
    • 解像床が䜎い
    • 瞊写真

無料玠材を探すっお簡単に蚀いたすけど、結構時間がかかりたすし、そうやっお探した画像も「むメヌゞず違うので他のものっおありたすか」ずなりがちです。

そしお、画像玠材を䟝頌しお送っおもらっおも、解像床が䜎かったり瞊写真でそもそも䜿えなかったり…
であれば、自分たちで撮った方が時間もあたり倉わらずにクオリティが高くなるのは玍埗でした。

著者に぀いお

プロフィヌル画像

サむトり マサカズ@31mskz10

1997幎生たれ。2016幎から専門孊校でデザむンに぀いお勉匷。卒業埌は神戞の制䜜䌚瀟「N'sCreates」にりェブデザむナヌずしお入瀟。このブログでは自分の備忘録も兌ねお、りェブに関する蚘事や制䜜環境を効率的に行うための蚘事を曞いおいたす。

Twitterをフォロヌ Facebookでいいね