サイタWeb・デザインスクールホームページ作成講座東京 初心者歓迎ホームページ作成講座 スクールブログ とりあえず普通...

とりあえず普通に作ろう☆webで使う写真素材

今日は、ホームページ制作において欠かせない、写真の素材に関してです。

どんなに綺麗にレイアウトを作っても、写真が綺麗じゃないと、やはりホームページは綺麗には見えません。
写真は、ホームページを作る上で、とっても重要な素材です。

デジカメで撮影しただけの画像だと、ホームページの素材として、そのまま使えない場合が多いので、
Photoshop等の画像編集ソフトを使って、大きさを整えたり、明るさを整えたりします。

ここでは、具体的な画像の編集方法は、割愛し、大体こんな感じの流れなんだなぁと解って頂ければ幸いです。
具体的な方法は、別の記事か、(ご希望なら)体験レッスンなどでお見せ出来ればと思います。


■-□-■-□-■-□-■-□-■-□-■
まずは、「普通」に見える画像を目指す
■-□-■-□-■-□-■-□-■-□-■
デジカメで撮影した画像は、撮影時の状況によって、色が変わって見えてしまう場合があります。

例えば、曇り空の下で撮影した写真は、少し青っぽくなったり、
カフェ等、オレンジっぽい照明の下で撮影した写真は、赤っぽくなったりします。

こうした画像を、「普通」に見える様にPhotoshop等の画像加工ソフトで加工していきます。
「普通」の定義は、言葉で表現するのがとても難しいのですが、ここでは、「普通」の状態を、

「白」の物が、「ちゃんと白に見える」状態である

とします。
本来であれば白の物(例えばお皿などの食器類)が、画面上できちんと白に見える状態であれば、
「青っぽく」も無く、「赤っぽく」も無い、「普通」の状態の写真です。

まずは、Photoshop等の画像加工ソフトで、この「普通」の状態の写真を目指しましょう。

また、明るさなどの、被写体がはっきりと、
例えば、ショートケーキならば、赤いイチゴの色が、くっきり出る様な色にすると良いと思います。

尚、最近のデジカメは、性能がいいので、色の補正をしなくて、殆ど「普通」の状態の写真が撮れる事も多いです。


■-□-■-□-■-□-■-□-■-□-■
デザインに合わせて、画像をトリミング
■-□-■-□-■-□-■-□-■-□-■
色の補正が終わったら、デザインに合わせて、写真をトリミングします。

トリミングとは、画像を、指定のサイズに合わせてカットする事です。
この時に、主たる被写体(人や動物など写真の主役)になる箇所を、なるべくカットせず、
いらない背景の部分をカットするのがポイントです。


■-□-■-□-■-□-■-□-■-□-■
まとめ
■-□-■-□-■-□-■-□-■-□-■
デジカメで撮影した写真は、
トリミングや色等の修正等、いくつかの補正を加えてホームページの素材になります。

Photoshopを使うと、写真そのものが作品になる様な、
すこしダーク(暗い)でカッコいい写真等を作る事が出来ます。

ただ、ホームページの素材としての写真は、基本的には、「普通」の状態を目指して、
補正をかけるとよいと思います。


■-□-■-□-■-□-■-□-■-□-■
今日の出来事
■-□-■-□-■-□-■-□-■-□-■
今日の晩ご飯は、オリジン弁当でした☆
ハンバーグが美味しかったです。
明日は、ちゃんと自炊します☆

それではまた♩


■-□-■-□-■-□-■-□-■-□-■
石川健太(イシカワケンタ)
無料体験はこちら

記事の一覧ページはこちら

こちらでも、webサイト制作に関しての情報を書いています。
webサイト作成方法の紹介ページ
■-□-■-□-■-□-■-□-■-□-■

 

(2014年9月17日(水) 0:58)

前の記事

次の記事

目的・種類別にホームページ作成・作り方講座を探す

新着記事

今日はCMSに関して書いていきます。 一般的に、ブログの更新の様に、HTMLタグを知らなくても、 ホームページを更新していく事が出来る仕組みを、CMS(コンテンツマネジメントシステム)と呼びます。 企業が独自で開発したもの、有料の物、無料の物、色々あります。 現状一番人気で、世界的...

今日は、CSSの子孫セレクタと複数セレクタに関してです。 特に子孫セレクタは、HTMLのツリー構造をしっかり理解していないと、 使いこなす事が出来ないので、しっかり練習しましょう。 ■-□-■-□-■-□-■-□-■-□-■ HTMLのツリー構造とは? ■-□-■-□-■-□...

今日は、よく使うCSSのセレクタに関してです。 CSS3の登場で、非常に多くの、有用なセレクタが出てきて、とっても便利になりました。 とはいえ、一気に覚えるのは大変なので、まずは基本的な物を覚えていきましょう。 基本的なセレクト方法だけでも、工夫する事で大体のホームページは作れます。 ...

今日は、CSSの文法に関してです。 ルールをきちんと覚えてしまえば、さほど難しく無いので、是非覚えましょう ■-□-■-□-■-□-■-□-■-□-■ 「何に」、「何を」、「どうするか」 ■-□-■-□-■-□-■-□-■-□-■ CSSは、無理矢理日本語に翻訳するなら、 ...

今日は、HTMLの初心者が一番最初につまずきやすい、パスに関して書いていきます。パスにも、いくつかの種類がありますが、今回は、基本となる相対パスに関して書いていきます。 HTMLで画像等の外部ファイルを読み込むときは、「パス」という考え方をしていきます。 この「パス」の考え方は、HTM...

レッスン無料相談窓口のご案内

サイタでは、ホームページ作成レッスンに関する疑問に
専門カウンセラーがお電話にてご案内しております。
お気軽にご利用ください。

お電話相談窓口はコチラ

ブログ記事 ページ先頭へ