ラベル スクリーンショット の投稿を表示しています。 すべての投稿を表示
ラベル スクリーンショット の投稿を表示しています。 すべての投稿を表示

2011/09/08

画像の一部をハイライトする

上記の様に注目させたい箇所だけ明るくして、周りをグレーアウトさせます。

Evernoteに買収され無料になったSkitchを使います。

  1. カラーパレットから半透明のグレーを選択
  2. 四角形描画ツールを選択
  3. 明るくする場所を四角で囲む
  4. 塗りつぶしツールを選択
  5. 四角の外側の適当な場所をクリックして塗りつぶす
  6. 適当に保存すれば終了です。

高度な画像処理ツールであれば同様の編集は可能ですが、多少のスクリーンショット編集とお手軽さの兼ね合いという点でかなり良い選択肢です。

本当に塗りつぶしたいだけならば、ブラウザベースで編集できるBlurHighlightというサービスもあるようです。

こちらはFlashで出来ているため、ブラウザベースで動作しますが、ページさえ表示されればオフラインでも編集可能です。ファイルはサーバへアップロードしている訳ではなく、Flashが読み込んでいるだけの模様。

参考

2010/08/08

Macでキャプチャ&編集

撮影方法は標準機能でも何通りかあります。

  1. スクリーンショットを撮る
    1. ショートカットキー
    2. プレビュー
    3. グラブ
  2. 編集

スクリーンショットを撮る:ショートカットキー

効果 キー
1 全体をファイルに保存 Shift + Cmd + 3
2 全体をクリップボードにコピー Ctrl + Shift + Cmd + 3
3 選択部分をファイルに保存 Shift +Cmd + 4
4 選択部分をクリップボードにコピー Ctrl + Shift + Cmd + 4
5 選択ウィンドウをファイルに保存 Shift+ Cmd + 4 > Space
6 選択ウィンドウをクリップボードにコピー Shift + Ctrl + Cmd + 4 > Space

1〜4は[システム環境設定] > [キーボード] > [キーボードショートカット] > [スクリーンショット]で確認できます。

スクリーンショットを撮る:プレビュー

[アプリケーション] > [プレビュー]でもほぼ同じ事が可能です。

プレビューを起動して、[ファイル] > [スクリーンショットを撮る]から各種メニューを選択します。

スクリーンショットを撮る:グラブ

[アプリケーション] > [ユーティリティ] > [グラブ]でもほぼ同じ事が可能です。

[環境設定]でカーソルの種類を選択しておくと、スクリーンショット内にカーソルを含めて撮影できます。

編集

保存したスクリーンショットの画像ファイルをダブルクリックするか、[アプリケーション] > [プレビュー]でプレビューアプリを開きます。

Shift + Cmd + aでウィンドウ下部に注釈ツールバーが表示されます。矢印だの丸だのテキストだのといった、簡単なスクリーンショットへの編集ならこれで間に合います。

や はり、新しい環境だとインプットは適当にごまかせても、アウトプットに難儀します。ブラウザもFirefoxなどのクロスプラットフォームな環境が非常に 有り難いものです。ちょくちょく調べつつ設定を調整していたテキストエディタが不安定で、1時間掛けて書いてたファイルが飛んだりもしたので、自動保存で 環境に依存しないWebベースのツールを本気で開拓した方が良い気がしてきました。