Web用に写真を準備する:ヒントとテクニック

24084557秒

ブログを書いたり、Webサイトを管理したり、FacebookやTwitterなどのソーシャルネットワーキングアプリケーションに投稿したりする場合、写真はおそらくコンテンツストリームの不可欠な部分を担っています。 あなたが知らないかもしれないことは、星のタイポグラフィやビジュアルデザインの量が生ぬるい写真を補うことができないということです。 一方、シャープで鮮やかな写真はユーザーを向上させますか? コンテンツの認識を高め、サイトまたはブログの全体的なルックアンドフィールを向上させます。

At チューティブ 私たちはウェブ用に他の人の写真を準備するのにかなりの時間を費やしているので、ここで私たちが途中で拾ったいくつかの簡単な指針があります。

注意:以下の技術的な手順は、Adobe PhotoshopCS4を参照しています。 同じ機能を実行できるプログラムは他にもあります。Photoshopにアクセスできない場合は、画像編集プログラムのヘルプドキュメントをチェックして、これらのテクニックを実行できるかどうかを確認してください。

サイズ変更とシャープニング

多くの場合、Webサイトやブログ用に写真を準備するには、特に数メガピクセルのデジタルカメラからの写真の場合は、写真を小さくする必要があります。 Photoshopは「どろどろ」しているので、サイズの縮小は詳細の縮小を意味することを知っておくことが重要です。 画像を新しい寸法に合わせるために、隣接するピクセルを一緒に配置します。 これにより、写真がぼやけて見えます。

「偽物」にするために失った詳細は、アンシャープマスクフィルターを適用する必要があります(フィルター>アンシャープマスク)。 直感に反する名前を気にしないでください—アンシャープマスクは実際にシャープになります!

アンシャープマスクダイアログボックス

詳細がどれほど明確ではっきりしているのかがわかります 図2 を参照してください。

アンシャープマスクフィルター

[アンシャープマスク]ダイアログボックスのコントロールは気が遠くなるように見えるかもしれませんが、Web用に写真を準備する際の良いニュースは、それらをあまりいじる必要がないことです。 量が50%、半径が.5、しきい値が0の場合、ほとんどの場合に機能します。

状況に応じて画像を切り抜く

シナリオによっては、画像のより大きなバージョンにリンクする一連のサムネイルを作成したい場合があります。 この一般的なシナリオは、大きな写真のサムネイルバージョンがあるフォトギャラリーまたはニュースの見出しです。

画像をサムネイルサイズに縮小するときは、サイズを変更する前に、画像をその重要な要素にトリミングしてみてください。 これにより、ユーザーは小さなサイズでも画像の内容と意味を把握できます。

状況に応じて画像を切り抜く

図1 サムネイルのサイズに直接拡大縮小された画像ですが、 図2 写真の最も重要な要素にトリミングされています。 これにより、ユーザーは画像が何を伝えようとしているのかをすばやく理解し、クリックして詳細情報を表示するように促します。

鮮やかさと彩度

画像の彩度は、色の強さです。 彩度の低い画像では、肌の色が悪く見え、空は灰色でくすんで見えます。 画像に生命を吹き込むために、PhotoshopCS4にはVibranceと呼ばれるお勧めのフィルターがあります。

鈍い写真にすぐに命を吹き込みたい場合は、次のことを試してください。

  1. 新しい調整レイヤーを追加します(レイヤー>新しい調整レイヤー>バイブランス)

    バイブランスフィルター

  2. Vibranceスライダーを上げる(図2)調整パネル内で、肌の色を保護しながら色を濃くします(オレンジ色になりすぎないようにします)。 彩度スライダーにも同様の効果がありますが、肌の色を含む画像全体が変更されます。

結論

これらのヒントは、Photoshopが写真の修正と最適化のために提供する豊富で強力な機能という点で氷山の一角にすぎません。 他に説明してもらいたいテクニックがある場合は、コメントにメモしてください。

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.