2011年8月19日時点の感想 / 2011年11月7日時点の感想

Webデザイン

カテゴリー: Photoshop CS3  閲覧数:396 配信日:2019-07-06 09:23


2011年8月19日時点の感想


どうしても不自然になる
あれから、色々試しているのだが、何か不自然になってしまう…
ちなみに、「明るさ・コントラスト」「トーンカーブ」はダメです。情報がつぶれます。明るさ・コントラストは「トーンカーブ」でよりこめ細かい調整ができます。トーンカーブを使うなら「明るさ・コントラスト」は無用です。
詳しくは「明るさ・コントラスト トーンカーブ 弊害」等で検索してみてください。
雲の日に撮った写真を晴れた日のように

「明るさ・コントラスト トーンカーブ 弊害」で検索
早速、検索してみる。
すると、出るわ出るわ、
詳しいサイトのオンパレード。

とりあえず、検索結果1位の下記サイトを見て、
内容理解するだけでも、結構、時間かかりそう。
コーミンのフォトレタッチ教室

どこまでやるの?
これまで、PhotoShopって、ほとんど、トリミングしか使ってこなかったけど、
当たり前の話だが、そんなのは、メイン機能でもなんでもない。

あー、でも、この画像加工を本格的にやり始めると、
永遠に終わらないんじゃないのか、という気がしないでもない。

Illustratorとか、極めている人の凄い作品を見たことあるけど、
あそこまで到達するのはかなりの時間が必要。

つまり、デザインだけじゃなくて、スクリプト等、サイト制作全般に興味がある自分としては、
どこまでやるかの線引きが必要。

画像補正は有効
うん、でも、画像はやっぱり大事なんだよね。
最近、写真に興味が出てきて(興味自体は以前からあったのだが、一眼レフカメラとか持っていなかった)、
恐らくその影響もあるかとは思うが…。

「PhotoShop道」、興味がある分野だけに、あまり深入りすることのないよう、気をつけよう。
今だって、画像系データを取り扱う際(作成・加工)、コネクリ回して、
何パターンも作成して見比べてやるから、時間がかかることこの上ない。
(デザインに正解とかないので、ある程度はしょうがないとは思うが…)

なので、PhotoShopに真剣に取り組んだりすると、
(他のことは全部ほったらかしにて)
一日中、それしか触らないようになってしまいそうで、ちょっと怖かったりする…

ちなみに、Illustratorでイラストを描かないのは、同じ理由による。
(というより、より正確には描けないんだけど、。
もしかして、描こうと思って練習とか始めちゃったりすると、エンドレスでやり続けそうで、
そのことがちょっと怖かったり、そんなでもなかったり……

2011年11月7日時点の感想


今日、またやり方を一つ覚えたので、記念に今のやり方をメモしとく。
ちなみに、以前書いたやり方(自動コントラストなど)は、今はほとんど行なっていない。

1.「イメージ」-「色調補正」-「トーンカーブ」
  「自動補正」をクリックして、実行するかどうかは、画像プレビューを見て決める。
  稀に「自動補正」しない方がいいときもあるので、注意が必要。
  ※「トーンカーブ」を使いこなせれば何でも出来そうな気もするが、まだそこまでは使いこなせない

2.「イメージ」-「色調補正」-「カラーの適用」
  「カラーの適用度」スライダーを200へ向かってズラしていく。
  これも、画像プレビューを見て、実行するか、キャンセルするかを決める。
  これまで試した限りは、元々カラーがきれいな画像の「カラーの適用度」を上げると、変になる可能性がある
  逆に、カラーがはっきりしない画像だと、これを適用することにより、メリハリがついて見えることがある

3.「イメージ」-「画像操作」-「描画モード」
  ・「ソフトライト」… 商品等に適用すると、背景の色が統一されて商品が綺麗に見えると思われる。一般風景に適用した場合、元々ぼんやりした画像では効果を発揮する場合もあるが、元々綺麗に写っている画像だと、この効果を適用することにより、いかにも加工しましたみたいな画像になることがあるので注意が必要。これも必ず、プレビューで試してから実行するかを検討

基本的に、画像を使用する際、必ず試すのは、この3つ。

そして、今日、また新たに一つ技を覚えた。

それは、以前から気になっていた、特定エリア(例えば空)のみを鮮やかにしたい、というもの。
<具体例>
・空の画像がはっきりしない。カラーの適用をかけると、全体に適用されるので、空部分は鮮やかになっても、その他の部分がおかしくなってしまい、使えない、そういうとき

4.「イメージ」-「色調補正」-「色の置き換え」
  画像を表示させ、画像の色を変えたい部分をクリック。後は、プレビューで確認しながら、彩度を上げていくだけ


それから、「特定色域の選択」を試したら、色々してみたけど、
どうもある程度しかできない。

こんなもんじゃないはずだ。
Photoshopのポテンシャルはこんなものじゃないはずだ、と思い、
検索をした結果、良さ気なのを3つピックアップしてみた。

パッと斜め読みした途端、自分のこのエントリー内容のレベルの低さが、ちょっぴり恥ずかしくなった。
まあ、いいでしょう、誰だって、初めは初心者なのですから。

Wacom | 活用ガイド ペンタブレットで写真を加工しよう! メリハリのある美しい風景写真に仕上げる。リンク切れ
ヒストグラムの△をドラッグしたり、「ブラシツール」で「マスク」を利用したりしてます。
この辺りのツール、一度も使ったことないです…。
出来上がりの画像が、明らかにいい感じへ変更されています。

空の色を鮮やかにする。リンク切れ
これ、試してみないと何やってるか理解できないんだけど、
レイヤー効果「グラデーションオーバーレイ」で、文字通り空を描いている(あるいは空のレイヤーを用意)しているってことなのだろうか?

Photoshop world | Tips:海と空をイメージ通りの鮮やかな色に仕上げる秘技!【永嶋サトシ】。リンク切れ
このページ見て初めて気が付いたんだけど、トーンカーブって、ブルーならブルー、グリーンならグリーンだけ、という風に、個別で調整できたのね。
加工前の画像をよくあそこまで持っていけるな、と思ったよ。

結局、誤解してたんだけど、
画像って、1枚1枚条件が違うため、
全ての画像に対して、
何らかのフィルタを適用させたら、「ハイそれで完璧」なんてのはあり得ない、
って思ったよ。

一時は、Photoshopで加工なんて、メンドクサイし、
そんな手間かけるんだったら、画像を用意するほうで勝負した方がいいとか思ってた時期もあったけど、
ちょっとだけカメラで撮影してて思ったんだけど、
どんなにいいカメラ使ったって、天候には勝てないんじゃないかと。

いや、何か、違う内容になってきそうなので、
今日はこれで、終わり。

ここら辺、何となくだけど、
やりだしたら、キリがないような気もするなあ。


カメラは「真実を写す機械」だと思っている人に言いたい5つのこと


週間人気ページランキング / 11-16 → 11-22
順位 ページタイトル抜粋 アクセス数
1 鉄道会社毎のカラーコード | カラーコード(色) 12
2 FontAwesomeでアイコンが□(四角)になって表示されない Forbidden  | Font Awesome(フォント) 10
3 Design 0 8
3 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 8
4 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 6
5 「東京都」のカラーコード取得は難しい | カラーコード(色) 5
5 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 5
6 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 4
7 「:after擬似要素」は、Chromeの「要素を検証」で確認できない | 擬似(CSS) 3
7 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 3
7 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 3
7 個人的によく見返すエントリーへのLinkなど | その他 3
7 RGB ⇔ Lab | 色変換(色) 3
7 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 3
7 色モデルイメージ図 | 色変換(色) 3
8 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2
8 ICCプロファイル | カラーマネージメント(色) 2
8 パッケージ化されてない拡張機能 | Chrome 拡張機能 2
8 空間的 / 可逆な JPEG ファイルの読み込みは実行されません | Photoshop CS3(Photoshop) 2
8 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 2
2024/11/23 1:01 更新
指定期間人気ページランキング / 2020-5-30 → 2024-11-22
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 8417
2 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 4504
3 血の色 / #b30000 / #360800 / #ff0000 | 色 3638
4 Design 0 3607
5 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2631
6 RGBの種類 / ビットカラー | RGB(色) 2588
7 「bgcolor」「background-color」「background」の違い | CSS 1885
8 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 1771
9 コズミックブルーが何色か分からない | 色 1753
10 16進数カラーコード / 2進数 1640
11 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 1615
12 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 1589
13 「属性」「プロパティ」「アトリビュート」の違い | CSS 1571
14 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 1488
15 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 1332
16 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Google Chrome(ブラウザ) 1205
17 HSLとHSVの違い | 色変換(色) 1135
18 使用していないCSSをチェックする、標準的な方法を知りたい | CSS 1040
19 「:after擬似要素」は、Chromeの「要素を検証」で確認できない | 擬似(CSS) 1025
20 黒体 / 色温度 / D65(6500K)/ D50(5000K)/ K | 色 1006
2024/11/23 1:01 更新