Screenpressoが最強な理由。スクショを極めるブログスクショを極めるブログたかがスクショ、されどスクショ。Screenpressoが最強な理由。画像を編集するエディタが使いやすい!2020-03-13Screenpressoが最強な理由。画像を編集するエディタが使いやすい!ScreenpressoScreenpressoの1つの魅力はスクショの手軽さなのですが、もう半分の魅力は画像エディタが使いやすいことだと思います。この記事では、画像エディタについて説明します。バージョンは2.1.2.22betaです。バージョンアップとともに配置や機能が変わることがあるので適当に読み替えてください。赤枠(2)エディタで使えるショートカットキーまとめ画像エディタとは画像の編集をする機能のことです。画像に吹き出しをいれたり、矢印や四角の線を描いたりして、スクショした画像を加工することできます。Windowsに標準でついているペイントでも同じようなことができますが、Screenpressoの画像エディタは高機能で、とっても簡単に作業ができます。立ち上がりが早い!サクッと開きます。Screenpresso以外の画像も編集するできます。Chromeのプラグインで取った縦長全ページスクショ画像をScreenpressoのエディタで編集することもできるので、覚えておいて損はないです。注釈・アノテーションとはスクショの画像にアクセントをつけることです。矢印を入れたり、四角で囲ったり、文字を入れたりすることです。このブログでは「注釈を入れる」「アノテーションを付ける」と記載しています。スクショ加工の基本的な流れワークスペース内にあるスクショ画像を加工するときの基本的な流れはこんな感じです。ワークスペースで画像をダブルクリックし、画像エディタを開きます。画像エディタで画像の編集をします。加工が終わったら左上の「確定」ボタンを押します。Ctrl+Sで保存(確定)もできます。編集した画像が元画像に上書き保存されます。同時にクリップボードに画像が格納され貼り付けの準備が完了しています。貼り付けしますScreenpressoのいいところは、作業完了時にクリップボードに画像データが入ってるところですね。次の作業にスムーズに入れます。画像エディタを開くワークスペースでファイルをダブルクリックするだけで開きます。外観はこんな感じです。バージョン2.0から画像エディタが変更になりました。左のほうにアノテーションツールが並んでいます。Screenpressoのワークスペースにない画像ファイルをエディタで開きたいときは、Screenpressoのショートカットアイコンに画像ファイルをドロップするか、アプリケーションから開くで選択すればできます。こちらの記事に詳しく書きました。画像エディタは大きくわけて以下のパーツに分かれます。画像切り替えエディタで開いている画像を切り替えます。同一のワークスペース内の画像で前へ次へ切り替えます。PageDownのショートカットキーでも操作可能です。画像のサイズ(ピクセル)が表示されます。ファイルのプロパティを開かなくても確認できます。横サイズ、縦サイズの順番です。Bのエリアをダブルクリックすると、画像のサイズを変更する機能を呼び出せます。画像の表示倍率ズームの倍率を変更できます。見た目だけが拡大、縮小されるだけで画像自体に変更はありません。このエリアをダブルクリックすると100%表示に戻ります。赤枠(1)画像エディタの上部(赤1部分)は、編集した画像へのアクションです。ボタンの名前の通りのことが起きます。画像の編集を終えて、ファイルへの上書き保存をします。上書き保存なので元の画像はなくなります。保存が終わるとワークスペースは閉じます。ctrl+sキー(いわゆる保存)でも同じ動きをします。編集した画像を別名で保存します。元画像を残しておきたいときに使います。Windowsのファイル保存のダイアログが出て、保存先フォルダ、ファイル名、ファイルフォーマットを決めて保存ができます。ファイルの種類を変えるだけで画像のフォーマットを変えることができます。JPG→GIFの変換など簡単に行えます。Screenpressoがサポートしている画像フォーマットは以下の6種類です。JPGGIFTIFFPNGBMPpresso独自の形式.pressoファイルの説明はこちらにあります。ベクター画像形式の画像とのことです。screenpresso.com印刷ほぼ使いませんが、画像の印刷できます。Windowsのプリンターの選択画面が出てきます。プロパティこれもあまり使いません。画像の名前と説明が入力できるようになります。画像をコピーボタンを押すと、編集中の画像をファイルとして保存することなくクリップボードに入れることができます。編集の過程を1アクションずつ画像に残したいときは、いちいち確定ボタンでワークスペースを閉じてしまうと面倒なのでこのコピーボタンが役に立ちます。画像をコピーだと編集中の画像全体がクリップボードに入りますが、この機能だと画像の一部をクリップボードに入れることができます。いつも通り、マウスで四角形を描いた部分だけをクリップボードに入れることができます。左クリックを離したいところで確定するタイプです。画像上のテキストを抜き出すいわゆるOCRの機能です。日本語はいまいち認識度がよくないですね。切り取りいわゆるトリミングの機能です。いつも通りマウスで四角を描いて切り抜きします。いままでのScreenpressoの動きと異なり、マウスを離しても確定はせず一時停止します。切り取りするサイズの変更、位置の微調整ができるので、いい感じに調整してからOKボタンを押して切り取りを確定させます。切り取りでOKを押した直後は、切り取りが確定しただけです。エディタの左上の確定を押さない限りは、ファイルが保存されないので注意です。縮小これはなかなか斬新な機能です。縮小を選ぶと縮小方法が6種類選べます。317へと小さくなってますね。縦方向に200pxくらい削り取った結果です。縮小のOKを押したあとに確定をしないと、画像は消えてなくなります。縦と横の縮小を重ね掛けすることもできます。画像自体のサイズを小さくします。こいつの出番は、ウェブ用のサムネイルを作るときとかですかね。小さくするだけでなく大きくすることもできます。大きくするときは引き延ばすのか、足りない部分に背景を埋めるのか選択できます。サイズ変更を押すとプロンプトが出てきます。値を設定してOKを押すと画像サイズが変更できます。サイズ変更を1つの記事にしました!screencapture.funキャンパスサイズ通常は、「キャプチャー画像のサイズ」と「キャンパスサイズ」が等しいので気にならないですが、画像サイズとキャンパスサイズは変えることができます。キャンパスサイズ>画像サイズにすると、画像の周囲に背景が足されて画像を調整します。いわゆる座布団を敷くってやつですね。550x550サイズになるように、ピンクの座布団を敷く設定をするとこんな感じに編集できます。キャンパスサイズ変更モードを自動にしておくと、注釈追加したときに効果が出てきます。画像の周囲に枠を追加する機能です。枠を追加しても最終的な画像の大きさは変わりません。画像の内側に枠線を描き入れるってことなので、画像の淵のギリギリのところにあるものは見えなくなります。枠線をクリックし、枠線効果ダイアログを表示します。黄緑色のラインを20pxのサイズで入れるように設定します。画像に枠線が追加された状態です。502]のままで、元画像のタイトルバーが消えてしまいます。枠線のオプションを使うとこんな画像が簡単に作れます。赤枠(2)矢印を描く、吹き出しを入れるなどが簡単にできます。お気に入りの機能は、番号を入れる機能と、ぼかしとルーペです。これは、マニアックな内容を含めて、後日まとめて記事にします。コピーしたオブジェクトを貼り付けするまとめ今回は、Screenpressoの画像編集エディタの基本的な操作方法の紹介でした。簡単に使えるので、いろいろ試してみてください。座標を指定していつも同じ場所を同じサイズでキャプチャーをとる方法。08:17関連記事2022-07-09Screenpressoのワークスペースを使いこなす。意外と高機能なフォルダ機能です。Screenpressoの『ワークスペース』の使いこなし術を紹介します。2022-07-02今さら『切り取り&スケッチ』について書く。画像エディタのど真ん中、注釈を入れる機能を使います。Screenpressoのエディタを極める。19:14スクショツールの愛好家です。誰も教えてくれないスクショの撮り方や編集方法を解説します。ワンランク上の操作を身に付けましょう。読者になる@kanaxx43をフォローこのブログについてリンク★はじめに利用シーンごとのリンク>画像キャプチャー系>動画キャプチャー系もうひとつのブログ連絡先お問い合わせは以下のページを見てメールにてお問合せください。//List形式の画面で記事を入れる場所。上から2個目と7個目のsectionの後に入れる。//記事内で個別に指定されないときに使うAd挿入場所。//0から始まる値で、2を指定すると3番目のと直前に差し込む。insertAdsense();引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。