Beach Resort Photoclip » Photoshop http://www.photoclip.net 東南アジアのリゾートホテル写真集 + Blog Thu, 09 Feb 2012 06:25:14 +0000 ja hourly 1 http://wordpress.org/?v=3.3 ハイッ、Cinemagraphのチュートリアル、要点のみテキスト版 http://www.photoclip.net/blog/2011/10/11/%e3%83%8f%e3%82%a4%e3%83%83%e3%80%81cinemagraph%e3%81%ae%e3%83%81%e3%83%a5%e3%83%bc%e3%83%88%e3%83%aa%e3%82%a2%e3%83%ab%e3%80%81%e8%a6%81%e7%82%b9%e3%81%ae%e3%81%bf%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88/?utm_source=rss&utm_medium=rss&utm_campaign=%25e3%2583%258f%25e3%2582%25a4%25e3%2583%2583%25e3%2580%2581cinemagraph%25e3%2581%25ae%25e3%2583%2581%25e3%2583%25a5%25e3%2583%25bc%25e3%2583%2588%25e3%2583%25aa%25e3%2582%25a2%25e3%2583%25ab%25e3%2580%2581%25e8%25a6%2581%25e7%2582%25b9%25e3%2581%25ae%25e3%2581%25bf%25e3%2583%2586%25e3%2582%25ad%25e3%2582%25b9%25e3%2583%2588 http://www.photoclip.net/blog/2011/10/11/%e3%83%8f%e3%82%a4%e3%83%83%e3%80%81cinemagraph%e3%81%ae%e3%83%81%e3%83%a5%e3%83%bc%e3%83%88%e3%83%aa%e3%82%a2%e3%83%ab%e3%80%81%e8%a6%81%e7%82%b9%e3%81%ae%e3%81%bf%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88/#comments Tue, 11 Oct 2011 06:05:04 +0000 象支店長 http://www.photoclip.net/?p=16433 何で？って感じで、先月アップした Cinemagraph の記事に人が来ているんですけど、何かあったのかしら。

» 部分的にアニメーションになっているCinemagraphってどうやって作るんだ？

。。。Cinemagraph というのはこういう画像です。

熱湯注意 :Cinemagraph

熱湯注意 :Cinemagraph


一列だけスワイプできるんだぜ

一列だけスワイプできるんだぜ


さて、先月アップした Cinemagraph の記事に Photoshop を使った Cinemagraph 制作手順のビデオチュートリアルを紹介していますが、ある程度わかってしまうと動画を観なおすって面倒ですよね。かといって、手順が長いと作業している途中、部分的にわからないところが出てきたりして、観ないわけにもいかないというジレンマが。。。

ということで、自分でチャレンジしたとき、ビデオチュートリアル内の要点だけテキストに書き起こしましたので、よろしければどうぞ。Evernote にでもクリップして下さいｗ


Photoshop CS4 Extended、CS5 Extented を使った Cinemagraph の作り方

Photoshop がある程度わかっているひと向けの内容です。

  1. .movファイルを開く
  2. タイムライン右上角のフライアウトメニュー[ドキュメント設定]でフレームレート(fps)の設定を行う。
    ビデオでは[カスタム]を選んで[15]に設定
  3. 動画の必要な部分を切り出す。
    タイムラインのルーラーを使って指定してもいいし、右上角のフライアウトメニューから[ワークエリアの開始時間を設定][ワークエリアの終了時間の設定]で指定してもOK。
    ルーラーを使う場合は、ポイントを合わせるときに[Shift]キーを押しながら合わせるとスナップされる（ピタッと止まる）。
  4. サンプル動画では12コマ目を終了時間に設定している。左下の一コマずつ進めるアイコンをクリックしてコマ送り。
  5. フライアウトメニュー内の[ワークエリアに合わせてデュレーションをトリミング]をクリック
  6. 静止画を選択する。どのフレームを静止画に使うか選択する。
    [Ctrl]+[A]で全選択→[編集]→[結合部分をコピー]→[編集]→[ペースト]
  7. [Q]キーを押してクイックマスクモードにする。もしくは左ツールバーの一番下のクイックマスクアイコンをクリック。
  8. [B]キーを押してブラシツール選択。もしくはブラシアイコンをクリック。
    カラーパレットは描画色[黒]、背景色[白]の状態
  9. 静止画[レイヤー2]の静止させたいところを塗りつぶす。赤くなる。
  10. [Q]キーを押してクイックマスクモード解除。
    ここでレイヤー1の目玉アイコンを消すと静止させたい部分がちゃんと塗りつぶされているか確認できる。
  11. [Alt]キーを押しながら、レイヤーパレット下にある[レイヤーマスク追加]ボタンを押す。(レイヤー2にマスクが追加される)
  12. タイムラインのフライアウトメニュー内[フレームをレイヤーに統合]をクリック
  13. 元になったレイヤー1とレイヤー2を削除。
  14. タイムライン右下角のアイコンを押してアニメーションをフレーム表示にする。
  15. フライアウトメニュー内の[レイヤーからフレームを作成]をクリック。
  16. 一番最初のフレームのディレイを[0秒]にする。
  17. ループを[一度]から[無限]に変更。作業終了。あとは書き出し。
  18. [ファイル]→[Webおよびデバイス用に保存]
  19. 上から[GIF]、[特定]、[パターン]、透明部分にチェック[透明ディザなし]、[インターレス]にチェック、[モニターカラー]。リサイズして保存。


あらためてビデオチュートリアルをご覧になりたいかたはこちらです。

» http://av.adobe.com/russellbrown/WindyHair_SM.mov


日々 Cinemagraph 向きの被写体をさがしていますが、見る目がないのか、なかなか見つけられません。

]]> http://www.photoclip.net/blog/2011/10/11/%e3%83%8f%e3%82%a4%e3%83%83%e3%80%81cinemagraph%e3%81%ae%e3%83%81%e3%83%a5%e3%83%bc%e3%83%88%e3%83%aa%e3%82%a2%e3%83%ab%e3%80%81%e8%a6%81%e7%82%b9%e3%81%ae%e3%81%bf%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88/feed/ 2 iPadでこんなスワイプができるの知ってる？ http://www.photoclip.net/blog/2011/09/21/ipad%e3%81%a7%e3%81%93%e3%82%93%e3%81%aa%e3%82%b9%e3%83%af%e3%82%a4%e3%83%97%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b%e3%81%ae%e7%9f%a5%e3%81%a3%e3%81%a6%e3%82%8b%ef%bc%9f/?utm_source=rss&utm_medium=rss&utm_campaign=ipad%25e3%2581%25a7%25e3%2581%2593%25e3%2582%2593%25e3%2581%25aa%25e3%2582%25b9%25e3%2583%25af%25e3%2582%25a4%25e3%2583%2597%25e3%2581%258c%25e3%2581%25a7%25e3%2581%258d%25e3%2582%258b%25e3%2581%25ae%25e7%259f%25a5%25e3%2581%25a3%25e3%2581%25a6%25e3%2582%258b%25ef%25bc%259f http://www.photoclip.net/blog/2011/09/21/ipad%e3%81%a7%e3%81%93%e3%82%93%e3%81%aa%e3%82%b9%e3%83%af%e3%82%a4%e3%83%97%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b%e3%81%ae%e7%9f%a5%e3%81%a3%e3%81%a6%e3%82%8b%ef%bc%9f/#comments Wed, 21 Sep 2011 03:49:10 +0000 象支店長 http://www.photoclip.net/?p=16399 びっくり上段一列のみスワイプ。

一列だけスワイプできるんだぜ

一列だけスワイプできるんだぜ

どうやってやるの？
Cinemagraph っていうアプリ使うとできるの。。。なんてね

]]> http://www.photoclip.net/blog/2011/09/21/ipad%e3%81%a7%e3%81%93%e3%82%93%e3%81%aa%e3%82%b9%e3%83%af%e3%82%a4%e3%83%97%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b%e3%81%ae%e7%9f%a5%e3%81%a3%e3%81%a6%e3%82%8b%ef%bc%9f/feed/ 0 写真が部分的にアニメーションになっているCinemagraphってどうやって作るの？ http://www.photoclip.net/blog/2011/09/20/%e5%86%99%e7%9c%9f%e3%81%8c%e9%83%a8%e5%88%86%e7%9a%84%e3%81%ab%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ab%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8bcinemagraph%e3%81%a3/?utm_source=rss&utm_medium=rss&utm_campaign=%25e5%2586%2599%25e7%259c%259f%25e3%2581%258c%25e9%2583%25a8%25e5%2588%2586%25e7%259a%2584%25e3%2581%25ab%25e3%2582%25a2%25e3%2583%258b%25e3%2583%25a1%25e3%2583%25bc%25e3%2582%25b7%25e3%2583%25a7%25e3%2583%25b3%25e3%2581%25ab%25e3%2581%25aa%25e3%2581%25a3%25e3%2581%25a6%25e3%2581%2584%25e3%2582%258bcinemagraph%25e3%2581%25a3 http://www.photoclip.net/blog/2011/09/20/%e5%86%99%e7%9c%9f%e3%81%8c%e9%83%a8%e5%88%86%e7%9a%84%e3%81%ab%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ab%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8bcinemagraph%e3%81%a3/#comments Tue, 20 Sep 2011 08:40:43 +0000 象支店長 http://www.photoclip.net/?p=16392 動画のデータからアニメーション GIF を作る Cinemagraph がおもしろそうなので勉強がてらチャレンジしてみました。

熱湯注意 :Cinemagraph

熱湯注意 :Cinemagraph

ネットで調べるといくつか方法があるようですが、上の画像は Photoshop CS4 Extended を使いました。Photoshop CS4 とか CS5 じゃダメなの？ と思ってやってみたところ Extended じゃないとダメみたいです :ase:

Photoshop を使った Cinemagraph の作り方は The Russell Brown Show に載っているチュートリアルが参考になります。

» The Russell Brown Show > Tips Page

Tips Page にアクセスして、ブラウザのページ検索窓に「Basic Animated Cinemagraph 」と入力して検索すれば該当記事は簡単に見つかります。

直接動画チュートリアルをご覧になる場合はこちら。

» http://av.adobe.com/russellbrown/WindyHair_SM.mov

Tips Page には 「Basic Animated Cinemagraph」 のほかに、「Animated Cinemagraph – Birds in Flight」「Advanced Cinemagraph – Flowing Waterfall」という上級編のようなチュートリアルも載っています。

2011.10.11 追記:
要点だけテキストに書き起こしたものを載せておきました。
よろしければどうぞ。

» ハイッ、Cinemagraphのチュートリアル、テキスト版


カメラを三脚に固定しなければいけないので簡単にチャレンジというわけにはいきませんが、被写体によってはとても印象的ですてきな写真ができあがるようです。

Cinemagraph

» Cinemagraph

。。。すばらしい完成度だなぁ。
まずは Cinemagraph 向きの被写体を見つける「目」というものが必要なようですね。

]]> http://www.photoclip.net/blog/2011/09/20/%e5%86%99%e7%9c%9f%e3%81%8c%e9%83%a8%e5%88%86%e7%9a%84%e3%81%ab%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%ab%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8bcinemagraph%e3%81%a3/feed/ 2 Adobe Lightroomプラグイン 「Dossier de Presse」 http://www.photoclip.net/blog/2010/07/22/adobe-lightroom%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3-%e3%80%8cdossier-de-presse%e3%80%8d/?utm_source=rss&utm_medium=rss&utm_campaign=adobe-lightroom%25e3%2583%2597%25e3%2583%25a9%25e3%2582%25b0%25e3%2582%25a4%25e3%2583%25b3-%25e3%2580%258cdossier-de-presse%25e3%2580%258d http://www.photoclip.net/blog/2010/07/22/adobe-lightroom%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3-%e3%80%8cdossier-de-presse%e3%80%8d/#comments Thu, 22 Jul 2010 09:06:04 +0000 象支店長 http://www.photoclip.net/?p=8697 WordPress を使って構築されたブログに Adobe Photoshop Lightroom から直接「投稿」としてフォトギャラリーを書き出せるプラグイン 「Dossier de Presse」が下記のサイトで配布されています。
Dossier de Presse (フランス語) = Press Kit という意味だそうです。


» “Dossier de Presse” « Luc’s Journal

ただ単に書き出せるだけならここで取り上げなかったのですが、WordPress Media library に対応しているのはもちろんのこと WordPress のフォト・ギャラリー系プラグインの中でとても有名な NextGEN Gallery にも対応しているそうなんです。

NextGEN Gallery、、、私もリゾートホテルの写真集のほうで使っています。

» WordPress › NextGEN Gallery « WordPress Plugins

実際 「Dossier de Presse」を使ってテスト投稿してみたところ、実に簡単な設定で投稿 (下書き) まで到達します (Lightroom 2.7 でテスト)

インストール手順 (Win の場合、、、Mac でも同じかな？)

  1. プラグインを上記配布サイトからダウンロード
  2. 任意の場所に解凍 (好きなところに保存)
  3. メニューバー [ ファイル ] → [ プラグインマネージャ ] で 2. で保存した場所を指定して Dossier de Presse を追加

書き出し手順

  1. メニューバー [ ファイル ] → [ 書き出し ]
  2. 写真の書き出し先に Dossier de Presse を指定
  3. 各種設定項目があるので確認もしくは設定変更。
    一番下にある Gallery settings をみると WordPress の XML-RPC が「有効」になっていないと書き出せないようです。
    XML-RPC の有効・無効は WordPress 管理画面 [ 設定 ] → [ 投稿設定 ] → [ リモート投稿 ] の欄にあります。
  4. 投稿タイトル、NextGEN Gallery のショートコードを調整して [書き出し] ボタンを押す (投稿タイトル、サムネイルの大きさなどは数回テストする何がどう反映されるのかだいたいわかります)
  5. Lightroom のウィンドウ左上のプログレス・バーで進捗状況がわかります。
  6. すべて書き出し終わると、ブラウザに下書きの状態で投稿ページが表示されます。 なお、管理者として WordPress にログインしていないと Error 404 – Not Found でページが表示されません。
  7. あとは投稿編集でカテゴリー、タグなどを指定して [ 公開 ] ボタンを押せば投稿完了となります。

私の場合、残念ながらブログでは NextGEN Gallery を使っていないので現時点では導入には至りませんが、フォトブログなどを立ち上げるときにはとても便利なプラグインだと思います。


WordPress を使って構築されたブログに Adobe Photoshop Lightroom からフォトギャラリーを書き出せる Lightroom プラグイン

» Dossier de Presse

]]> http://www.photoclip.net/blog/2010/07/22/adobe-lightroom%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3-%e3%80%8cdossier-de-presse%e3%80%8d/feed/ 0 1枚のRAW画像から強引にHDR風の写真を引っ張り出す http://www.photoclip.net/blog/2010/05/26/1%e6%9e%9a%e3%81%aeraw%e7%94%bb%e5%83%8f%e3%81%8b%e3%82%89%e5%bc%b7%e5%bc%95%e3%81%abhdr%e9%a2%a8%e3%81%ae%e5%86%99%e7%9c%9f%e3%82%92%e5%bc%95%e3%81%a3%e5%bc%b5%e3%82%8a%e5%87%ba%e3%81%99/?utm_source=rss&utm_medium=rss&utm_campaign=1%25e6%259e%259a%25e3%2581%25aeraw%25e7%2594%25bb%25e5%2583%258f%25e3%2581%258b%25e3%2582%2589%25e5%25bc%25b7%25e5%25bc%2595%25e3%2581%25abhdr%25e9%25a2%25a8%25e3%2581%25ae%25e5%2586%2599%25e7%259c%259f%25e3%2582%2592%25e5%25bc%2595%25e3%2581%25a3%25e5%25bc%25b5%25e3%2582%258a%25e5%2587%25ba%25e3%2581%2599 http://www.photoclip.net/blog/2010/05/26/1%e6%9e%9a%e3%81%aeraw%e7%94%bb%e5%83%8f%e3%81%8b%e3%82%89%e5%bc%b7%e5%bc%95%e3%81%abhdr%e9%a2%a8%e3%81%ae%e5%86%99%e7%9c%9f%e3%82%92%e5%bc%95%e3%81%a3%e5%bc%b5%e3%82%8a%e5%87%ba%e3%81%99/#comments Wed, 26 May 2010 06:13:34 +0000 象支店長 http://www.photoclip.net/?p=7437 タイトルはたいそうですが、
要は「失敗かなと思う写真を強引にどうにかしてしまう」という画像処理方法です。

たとえば、東南アジアのリゾートホテルに行くと明るいところと暗いところが両方存在しているこんな写真を撮っちゃったりしますよね。

肉眼で見ている分には室内にあるテーブル、椅子、カトラリー類と屋外の空や雲はそれぞれきれいに見えているのですが、写真に撮ると露出の差 (明暗差) がありすぎて一枚の写真上に同時に描写することはなかなか困難です。
。。。空と雲が写るように撮ると室内が暗くなっちゃうし、室内が明るく写るようにすると屋外がパッパラパーにすっ飛んでしまうというケース。

このまま何も画像処理を行わず WEB ページやブログに載せてしまうと単なる冴えない写真で終わってしまいますが、画像処理ソフトを使ってちょっと調整してあげると「1 枚の写真のなかにはこんなにデータが入っているんだぁ」っていう写真になります。
。。。正確には写真というより絵に近くなるという感じですが。

ここで使う画像処理ソフトはカメラやパソコンにバンドルされている (付属している) 可能性が高そうな Photoshop Elements 7.0 。現在はすでに 8.0 が出ていますでしょうか。もちろん 8.0 でも OK です。カメラは Canon EOS 5D mk2 を使っていますが、RAW画像が撮れるカメラならダイジョウブ。もちろん Ricoh GX200 (私の凧カメラ) などコンパクトデジタルカメラの DNG という拡張子で記録される RAW 画像も扱えます。

1枚のRAW画像をHDR風の写真に加工する方法

  1. 失敗と思われる写真 (RAW 画像) を Photoshop Elements 7.0 で開きます。
    「データがヘンになっちゃったじゃないか :angry: 」と言いがかりをつけられるとイヤなので、念のため元画像のコピーを使って作業しましょうね。そんな必要はないのですが、世の中いろいろな方がいらっしゃいますから、いちおう。
  2. 読み込むと Camera Raw というウィンドウが開きます。

  3. [ 白とび軽減 ] のスライダーを右いっぱいに動かして 100 にします。
    すると外の雲とか空が多少描写されます。

    4. [ 白とび軽減 ] を 100

  4. 次にその下の [補助光効果] も 100 にします。
    すると、シャドウ部分が明るくなってなんか気色悪い写真になります。気にしない気にしない。

    5. [ 補助光効果 ] を 100

  5. さらに [ 明瞭度 ] も +100 にします。
    幾分、画像がシャキッとした感じになります。ここまで非常に簡単、この先も簡単。

    6. [ 明瞭度 ] を +100

  6. 5. の状態だと明るすぎるので [ 露光量 ] をガクッと落とします (ここでは-1.85)
    室内も屋外もいろいろなところが描写されてきました。

    7. 屋外がはっきりとわかるぐらいまで露光量を落としてしまう

  7. ディープシャドウ (黒、もしくは黒に近い部分) が欠如しているので [ 黒レベル ] のスライダーを右に動かして一旦締まりのある画像にしてしまいましょう。

    8. [ 黒レベル ] を調整して締まりのある画像にする

  8. 画像に締まりが出ましたが、暗くなりすぎてしまったので、5. で調整した露光量のスライダーを右に動かして画像を明るくします。

    9. [ 露光量 ] を調整して適正露出っぽく (自然な明るさ) にします

    おおかたの作業はここまでで終了です。
    あとは、もっと自然な感じにしたい場合は 100 になっている
    [ 白とび軽減 ] [ 補助光 ] [ 明瞭度 ] のスライダーを適宜左に動かして効果を弱め、同時に [ 露光量 ] や[ 黒レベル ] で全体の調子を整えます。
    もちろん、他のスライダーを併用しても構いません。

    納得できるところまで調整したら、右にある [ 画像を開く ] ボタンを押して、この先の作業を Photoshop Elements 7.0 引き渡します。

  9. Photoshop Elements でどこまで作業するかは写っているものにもよるでしょうが

    ここでは、レンズ補正を使ってゆがみや水平垂直を調整、余白をトリミング、手前の床や空を多少焼き込み、明るさとコントラストを微調整、リサイズしてシャープネスをちょっとアップさせ JPG で保存しました。
    注) Photoshop Elements のレンズ補正は 16bit 画像が扱えないので、メニューバーの [イメージ] → [モード] で 8bit にして作業する必要があります。

Before & After

画像処理の効果がよくわかるように強めに調整してあります。
(拡大画像はドラッグすることで並べることが出来ます)
(拡大可能、連続して見られます)

⇒ Before: RAW 画像を何もせずそのまま JPG で保存


⇒ After: 上記の1. ～ 9. までの作業を行い JPG で保存


正直なところ、やりすぎると絵になってしまうのですが :ase: 極端に明るいところと極端に暗いところの両方を同時に再現したいときには簡単で有効な画像処理方法です。

この画像処理を使えば「どぎつい系風景写真の PC 壁紙」などはチョチョイのチョイで作れますよ。失敗だと思っていた写真がカッコよくなっちゃうかも、、、ならないかも ::-D:

おつかれさまでした :aisatsu:

【楽天市場】Photoshop Elements 10 日本語版 通常版


感想(5件)

Adobe Photoshop Elements 8 日本語版 Windows版
Adobe Photoshop Elements 8 日本語版 Windows版
posted with amazlet at 10.05.27
アドビシステムズ (2009-10-23)
売り上げランキング: 22
おすすめ度の平均: 5.0

5 やはり素晴らしい。
5 定番のメリットは
5 やはり王道。
5 使いやすい
5 何という素晴しさ！！すっごい使いやすい！

Amazon.co.jp で詳細を見る
]]> http://www.photoclip.net/blog/2010/05/26/1%e6%9e%9a%e3%81%aeraw%e7%94%bb%e5%83%8f%e3%81%8b%e3%82%89%e5%bc%b7%e5%bc%95%e3%81%abhdr%e9%a2%a8%e3%81%ae%e5%86%99%e7%9c%9f%e3%82%92%e5%bc%95%e3%81%a3%e5%bc%b5%e3%82%8a%e5%87%ba%e3%81%99/feed/ 4 Photoshop Elements 5 (Win) #10 画面キャプチャー http://www.photoclip.net/blog/2008/11/07/photoshop-elements-5-win-10-%e7%94%bb%e9%9d%a2%e3%82%ad%e3%83%a3%e3%83%97%e3%83%81%e3%83%a3%e3%83%bc/?utm_source=rss&utm_medium=rss&utm_campaign=photoshop-elements-5-win-10-%25e7%2594%25bb%25e9%259d%25a2%25e3%2582%25ad%25e3%2583%25a3%25e3%2583%2597%25e3%2583%2581%25e3%2583%25a3%25e3%2583%25bc http://www.photoclip.net/blog/2008/11/07/photoshop-elements-5-win-10-%e7%94%bb%e9%9d%a2%e3%82%ad%e3%83%a3%e3%83%97%e3%83%81%e3%83%a3%e3%83%bc/#comments Fri, 07 Nov 2008 03:11:29 +0000 http://www.photoclip.net/travel/hotels/?p=3735 先日アクセスカウンター 「77777」 の文中で画面キャプチャーについて触れましたが、Photoshop Elements を使ってもキャプチャーすることができます。
ただし、アクティブなウィンドウだけとかウィンドウの内部のみとか、限定された範囲をキャプチャーすることは出来ません。
Photoshop ですからキャプチャーしたあとの画像を切り抜くのはカンタンではありますが(笑)

「切り抜き」 に関しては下記の投稿をごらんください。

Photoshop Elements で画面キャプチャーする方法・手順

  1. Photoshop Elements を立ち上げる （当たり前か :ase: ）
    最小化しておいても構いませんし、開いたままでも構いません。

  2. モニター上（画面上）をキャプチャーしたい状態にして Prt Sc （プリントスクリーン） キーを押す

    Prt Sc （プリントスクリーン） キー

    たとえば私のサイトのトップページをキャプチャーしたい場合

    モニター上をキャプチャーしたい状態にする

    このウィンドウを表示させて Prt Sc （プリントスクリーン） キーを押す。

  3. Photoshop Elements のメニューバー [ファイル] → [新規] → [クリップボードからの画像] を選択しクリック

    「クリップボードからの画像」をクリック

  4. Photoshop上にキャプチャー画像を開くことが出来ました。

    Photoshop上にキャプチャー画像が開きました

    このまま保存すれば全画面を保存することになります。

  5. 仮に一部分だけ必要ならば以下のように切り抜きツールを使って不要な部分を取り去ることも出来ます。
    切り抜きたい部分を選択し

    切り抜きツール

    切り抜き完了

  6. [Web用に保存]をクリックして

    Web用に保存

    最高画質が欲しい場合は

    画質を100にしてOKボタン

    [画質100] を指定して [OK] ボタンを押して保存します。

  7. アクセスカウンター部分のキャプチャーが終了しました。

    アクセスカウンター部分のキャプチャー完了

違うバージョンの Photoshop Elements でもキャプチャーできます。
キャプチャー用のソフトやブラウザのアドオンを使った方が手間が掛かりませんが、Photoshop Elements でもキャプチャー可能というお話しでした。

ちなみに Photoshop で Photoshop のウィンドウをキャプチャーした画像を処理しているとどれが本当の Photoshop のウィンドウかわからなくなるときがあります(笑)
そんなことどうでもいいですね。どうもおつかれさまでした :aisatsu:

では、すてきな週末を  

11月6日：6個中0個 第419回抽選結果（みずほ銀行）
全滅 :down: 外は雨、地味 :mu-n:

]]> http://www.photoclip.net/blog/2008/11/07/photoshop-elements-5-win-10-%e7%94%bb%e9%9d%a2%e3%82%ad%e3%83%a3%e3%83%97%e3%83%81%e3%83%a3%e3%83%bc/feed/ 0 香港島側を Photomerge （パノラマ合成） http://www.photoclip.net/blog/2008/08/27/%e9%a6%99%e6%b8%af%e5%b3%b6%e5%81%b4%e3%82%92-photomerge-%ef%bc%88%e3%83%91%e3%83%8e%e3%83%a9%e3%83%9e%e5%90%88%e6%88%90%ef%bc%89/?utm_source=rss&utm_medium=rss&utm_campaign=%25e9%25a6%2599%25e6%25b8%25af%25e5%25b3%25b6%25e5%2581%25b4%25e3%2582%2592-photomerge-%25ef%25bc%2588%25e3%2583%2591%25e3%2583%258e%25e3%2583%25a9%25e3%2583%259e%25e5%2590%2588%25e6%2588%2590%25ef%25bc%2589 http://www.photoclip.net/blog/2008/08/27/%e9%a6%99%e6%b8%af%e5%b3%b6%e5%81%b4%e3%82%92-photomerge-%ef%bc%88%e3%83%91%e3%83%8e%e3%83%a9%e3%83%9e%e5%90%88%e6%88%90%ef%bc%89/#comments Wed, 27 Aug 2008 02:55:56 +0000 象支店長 http://www.photoclip.net/travel/hotels/?p=1906 Photomerge

Photoshop CS3 には複数枚の写真を結合して
パノラマ写真を自動処理で作り出してくれる「Photomerge*」 という機能があるのですが、先日香港に行ったときに「Photomerge」 のテスト用にと九龍側から香港島を分割して撮影してきました。

実は「Photomerge」 という機能、いままで一回も試したことがなかったんです。
、、、どうせ違和感があるつながりになるんだろうと思っていましたもので。

*この機能はCS2 にも備わっていますがCS3 になって「レイヤーを自動合成」という機能が加わり劇的に進化したとのこと。

テスト用に撮影したのは以下の3枚。

Photomergeした3枚の写真

カメラを水平に保ち（手持ち）香港島の左、中央、右とただ単にオートで撮影しただけ。
当然、逆光気味になるとアンダー（暗め）に写りますので隣り合わせで並べてみると
「これがホントに自然な感じで合成されるんかいな」 というのが正直なところです。
おまけに写っているビルの大きさをくらべると3枚ともバラバラ、、、どうなるんでしょう。。。

で、さっそく写真を選択して Let’s Go   してみましたら、、、

Photomerge した写真

けっこうイケるんですねこれが。
写真と写真のつなぎ目がちょっとアンダーぎみになっていたので覆い焼きツールで調整しましたが、その他の箇所は 「Thank You   Very Good :thumb-up: 」って感じ。

使った写真は超広角で撮影したものなので左右に手すりが入ってしまっていますが
35mm とか50mm （標準系のレンズ）を使いもっと分割して撮影すれば
手すりをフレームアウトできるような気がします（あくまでも推測）

クソ～ッ、Photomerge 用に高層ビル群に寄って撮影してくれば良かったなぁ(無念)

]]> http://www.photoclip.net/blog/2008/08/27/%e9%a6%99%e6%b8%af%e5%b3%b6%e5%81%b4%e3%82%92-photomerge-%ef%bc%88%e3%83%91%e3%83%8e%e3%83%a9%e3%83%9e%e5%90%88%e6%88%90%ef%bc%89/feed/ 0 Photoshop CS2/CS3 １文字削除し高速化 http://www.photoclip.net/blog/2008/08/05/photoshop-cs2cs3-%ef%bc%91%e6%96%87%e5%ad%97%e5%89%8a%e9%99%a4%e3%81%97%e9%ab%98%e9%80%9f%e5%8c%96/?utm_source=rss&utm_medium=rss&utm_campaign=photoshop-cs2cs3-%25ef%25bc%2591%25e6%2596%2587%25e5%25ad%2597%25e5%2589%258a%25e9%2599%25a4%25e3%2581%2597%25e9%25ab%2598%25e9%2580%259f%25e5%258c%2596 http://www.photoclip.net/blog/2008/08/05/photoshop-cs2cs3-%ef%bc%91%e6%96%87%e5%ad%97%e5%89%8a%e9%99%a4%e3%81%97%e9%ab%98%e9%80%9f%e5%8c%96/#comments Tue, 05 Aug 2008 02:43:33 +0000 象支店長 http://www.photoclip.net/travel/hotels/?p=1674

速けりゃ、速いほどウレシイ

どんなアプリケーションソフトでもそうでしょうが、処理速度は遅いより速いほうがいいですね。

Photoshop

それが年中向かい合って使っているソフトであればなおさらのこと。
特に、昨今高画質化している写真の画像処理は「待たされる感じ」 が多々あるので
少しでも速くなって欲しいところです。

そんなヤツが

  • [08/07/30] たった1文字ファイル名を変更するだけでPhotoshopを高速化させる方法

こんな記事タイトルを目にしたら思わず試してしまいます :)

たった1文字ファイル名を変更するだけでPhotoshopを高速化させる方法
[08/07/30] たった1文字ファイル名を変更するだけでPhotoshopを高速化させる方法

ポイントだけご紹介するとWindows版Photoshop CS3 の場合は

Program Files > Adobe > Adobe Photoshop CS3 > プラグイン > 機能拡張 > 大きいタイル

の順にフォルダを開いていき、「~大きいタイル.plugin」 というファイル名から ~ （チルダ） を取り去る（「大きいタイル.plugin」 にリネームする）だけだそうです。
エラく簡単なんですよね。リネームのみで速くなるんですか ？ ビックリ

「大きいタイル」フォルダのなか

「大きいタイル」フォルダの中には「~大きいタイル.plugin」 と一緒に 「大きいタイルについて.html」 というHTML文書も入っているのですが、それを開いてみたところ


この件に関してのAdobe の説明とともに2005年4月という日付が記されていました。
ずいぶん前からアナウンスされていたんですね。
でもこんな奥にあるフォルダはまず開かないのでわかりませんわな。

さらにAdobe のサポートデータベースにも

というタイトルで詳しい説明が載っているので知っている人は知っていたのでしょうか。

さて効果のほどですが、、、速くなったような、、、気がする。 って感じ(笑)
おそらく実感できるのは処理作業の種類にもよるのだと思います。
まっ、精神衛生上1文字取って速くなったような気分が味わえるだけでもいいですかね。

]]> http://www.photoclip.net/blog/2008/08/05/photoshop-cs2cs3-%ef%bc%91%e6%96%87%e5%ad%97%e5%89%8a%e9%99%a4%e3%81%97%e9%ab%98%e9%80%9f%e5%8c%96/feed/ 0 Photoshop Elements 「レンズ補正」の修整例 http://www.photoclip.net/blog/2008/04/10/photoshop-elements-%e3%80%8c%e3%83%ac%e3%83%b3%e3%82%ba%e8%a3%9c%e6%ad%a3%e3%80%8d%e3%81%ae%e4%bf%ae%e6%95%b4%e4%be%8b/?utm_source=rss&utm_medium=rss&utm_campaign=photoshop-elements-%25e3%2580%258c%25e3%2583%25ac%25e3%2583%25b3%25e3%2582%25ba%25e8%25a3%259c%25e6%25ad%25a3%25e3%2580%258d%25e3%2581%25ae%25e4%25bf%25ae%25e6%2595%25b4%25e4%25be%258b http://www.photoclip.net/blog/2008/04/10/photoshop-elements-%e3%80%8c%e3%83%ac%e3%83%b3%e3%82%ba%e8%a3%9c%e6%ad%a3%e3%80%8d%e3%81%ae%e4%bf%ae%e6%95%b4%e4%be%8b/#comments Thu, 10 Apr 2008 02:53:17 +0000 象支店長 http://www.photoclip.net/travel/hotels/index.php/archives/2008/04/10/photoshop-elements-%e3%80%8c%e3%83%ac%e3%83%b3%e3%82%ba%e8%a3%9c%e6%ad%a3%e3%80%8d%e3%81%ae%e4%bf%ae%e6%95%b4%e4%be%8b/ 写真を整理していましたら、先日投稿したPhotoshop Elements の「レンズ補正」の修整にちょうどよさそうな写真がありましたので「Before & After」を載せておきます。

Before
Before

After
After

印象がずいぶん変わりますね。

「レンズ補正」は背景をぼかしたイメージ写真などにはほとんど使わない補正ですが、ネット通販サイトや商品カタログなど本来垂直のモノを羅列して掲載する場合には商品をすべて垂直に見せることで画面上（紙面上）の商品を美しく見せることができます。
多少は購買意欲が増すかもしれません。

追記：13:41
ヤレた感じの建物ですが橫浜のみなとみらいから山下公園方面へ行く途中にある「WORLD TIME」という名前のお店です。いまでもあるでしょうか。

追記:19:12
「WORLD TIME」という名前どおり、建物の壁面に掛かっている時計の時刻がバラバラなんです。

「WORLD TIME」お店の正面

意図的にどこかの都市に合わせているのか、それとも最初は同時刻をさしていたが個々の時計のパフォーマンスに差があって徐々にくるったのか、それはナゾ。
来世はこんな建物を事務所にして探偵になりたい   かも

]]> http://www.photoclip.net/blog/2008/04/10/photoshop-elements-%e3%80%8c%e3%83%ac%e3%83%b3%e3%82%ba%e8%a3%9c%e6%ad%a3%e3%80%8d%e3%81%ae%e4%bf%ae%e6%95%b4%e4%be%8b/feed/ 2 Photoshop Elements 5 (Win) ブログで使いそうな処理#9 選択範囲の境界線を描く http://www.photoclip.net/blog/2008/04/07/photoshop-elements-5-win-%e3%83%96%e3%83%ad%e3%82%b0%e3%81%a7%e4%bd%bf%e3%81%84%e3%81%9d%e3%81%86%e3%81%aa%e5%87%a6%e7%90%869-%e9%81%b8%e6%8a%9e%e7%af%84%e5%9b%b2%e3%81%ae%e5%a2%83%e7%95%8c/?utm_source=rss&utm_medium=rss&utm_campaign=photoshop-elements-5-win-%25e3%2583%2596%25e3%2583%25ad%25e3%2582%25b0%25e3%2581%25a7%25e4%25bd%25bf%25e3%2581%2584%25e3%2581%259d%25e3%2581%2586%25e3%2581%25aa%25e5%2587%25a6%25e7%2590%25869-%25e9%2581%25b8%25e6%258a%259e%25e7%25af%2584%25e5%259b%25b2%25e3%2581%25ae%25e5%25a2%2583%25e7%2595%258c http://www.photoclip.net/blog/2008/04/07/photoshop-elements-5-win-%e3%83%96%e3%83%ad%e3%82%b0%e3%81%a7%e4%bd%bf%e3%81%84%e3%81%9d%e3%81%86%e3%81%aa%e5%87%a6%e7%90%869-%e9%81%b8%e6%8a%9e%e7%af%84%e5%9b%b2%e3%81%ae%e5%a2%83%e7%95%8c/#comments Mon, 07 Apr 2008 03:35:17 +0000 象支店長 http://www.photoclip.net/travel/hotels/index.php/archives/2008/04/07/photoshop-elements-5-win-%e3%83%96%e3%83%ad%e3%82%b0%e3%81%a7%e4%bd%bf%e3%81%84%e3%81%9d%e3%81%86%e3%81%aa%e5%87%a6%e7%90%869-%e9%81%b8%e6%8a%9e%e7%af%84%e5%9b%b2%e3%81%ae%e5%a2%83%e7%95 こういったチュートリアルでは画面キャプチャーを載せ
そこに説明文を添えるという手法が一般的ですが
今日はそういった場合に良く用いられる 「画像上に境界線を描く」 手順を説明したいと思います。

境界線を描く

掲載した画像の「ここに注目！」もしくは「ここがポイント！」といった内容を視覚的に伝えることができるので、知っていればブログでも仕事でも役に立つときがあろうかと思います

選択範囲の境界線を描く

  1. 画像を開き、ツールバーから [長方形選択ツール] をクリックします

    長方形選択ツールをクリック

  2. 画像上にマウスカーソルを持って行くと十字のマークが表示されますのでその十字を境界線を描きたいところの左上に移動します

    境界線を描きたいところにマウスカーソルを持って行く

  3. 左クリックしたまま斜め右下方向にカーソルをドラッグします

    左クリックしたまま右下方向へドラッグ

    ちなみにこのとき [Shift] キーを押しながらドラッグすると正方形が描けます

  4. 境界線を描きたい範囲が選択できたら左クリックを解除します。
    そうすると画像上に選択範囲をあらわす四角い点線が残ります。

    画像上に選択範囲をあらわす四角い点線が残る

    この四角い点線に沿って境界線が描かれます。

  5. 位置を微調整したい場合は四角い点線の内側にマウスカーソルを持って行き左クリックしたままドラッグすると選択範囲を移動することが出来ます。または矢印キーでの移動も可能です。

    選択したあとでも移動可能

  6. メニューバーの [編集] から [選択範囲の境界線を描く] をクリックします。

    「選択範囲の境界線を描く」をクリック

  7. 「境界線」に関しての指示ができるウィンドウが開きます。

    「境界線」のウィンドウが開きます

    • 1 は境界線の太さ
    • 2 は境界線の色
    • 3 は境界線を選択範囲をあらわす点線のどこに描くかという位置指定
      四隅を90度にしたい場合は内側を指定します。

    すべて指定できたら [OK] ボタンを押します。

  8. 5px の赤い線が選択範囲の外側に描かれました。

    境界線が描けました

    上の写真ように選択範囲の点線が表示されている状態であれば、選択範囲内を左クリック＆ドラッグすることで同じサイズのまま選択範囲を移動できます（描かれた境界線は移動しません）
    一枚の画像上に同じ大きさの境界線を複数描きたい場合に利用します。

    9. ]]> http://www.photoclip.net/blog/2008/04/07/photoshop-elements-5-win-%e3%83%96%e3%83%ad%e3%82%b0%e3%81%a7%e4%bd%bf%e3%81%84%e3%81%9d%e3%81%86%e3%81%aa%e5%87%a6%e7%90%869-%e9%81%b8%e6%8a%9e%e7%af%84%e5%9b%b2%e3%81%ae%e5%a2%83%e7%95%8c/feed/ 0