Web Service

ブログで使う画像を加工・編集して文字入れや矢印も簡単に挿入できるSkitchの基本的な使い方

毎回ブログで使う画像はPhotoshopで編集したりしてたんですが、もうちょっと手軽にできるソフトがないかのかと色々調べているとSkitchというサービスが好評みたいなので使ってみました。手軽にキャプチャも撮れて、文字入れや矢印なんかも簡単に挿入できます。すごく気に入ったので使い方を備忘録がてらエントリーします。

[ads_center]

Skitchを活用してみる

Skitchは以前MacAppStoreで1700円で販売されていたみたいなのですが、Evernote社が買収して現在は無料で手に入れることができます。もはや手に入れない理由がないですね。

ということでよく使いそうな機能の紹介です。

キャプチャを撮る、またはローカルの画像を開く

まずは編集したい画像を指定するやり方です。基本的に何の画像を編集するかといったら以下の2点になるかと思います。

  • キャプチャで撮った画像
  • ローカルに保存してある画像

以下、各やり方の紹介です。

キャプチャを撮ってみる

skitch キャプチャ

キャプチャの取り方は右上のSnapというところをクリックします。そして、ドラッグで範囲を決定すればOKです。画面全体を撮りたい場合は、画面のどこかをクリックするだけで今見ている画面全体のキャプチャを撮ることができます。

ローカルに保存している画像を開く

保存している画像を開いて編集したい場合は、上部メニューから、「File」→「Open」で開くことができます。「command + o」でも普通に開けました。

画像を切り取る

skitch リサイズ

Skitchの画面でキャンパスの端の方にカーソルを合わせるとポインターが変わるのでそこでドラッグして切り取る範囲を調整できます。戻したい場合は逆に広げていくと元の画像が出てきますのでとても便利です。

矢印をつける

skitch 矢印

矢印をつけたい場合は右サイドメニューから好きなカラーやサイズを指定して、左メニューにある矢印のアイコンをクリックします。そしてキャンパス内でドラッグすると矢印が置かれます。伸ばしたり縮めたり簡単にできるのでとてもいい感じです。

文字を入れる

skitch 文字入れ

同じく文字を入れる時もカラーやサイズを設定して、文字のアイコンをクリックすれば、あとはキャンパス内で文字を入れたい場所でクリックして入力していきます。

名前をつけて保存する

skitch 保存

保存する場合は画面下部にファイル名を入力して、「Drag Me」をファイルを保存したい場所にドラッグ&ドロップするだけです。

まとめ

といった感じで、どれもシンプルで分かりやすくてとても気に入りました。これからはちょくちょくこのブログでも使っていくつもりです。

以下のサイトがとても参考になりました。

関連記事

  1. Web Service

    2ちゃんねるまとめブログのまとめを手軽に見ることができるChrome拡張機能「2ちゃんねるまとめ」

    2ちゃんねるまとめブログのまとめをChrome画面から手軽に見る事がで…

  2. Web Service

    CSSで使えるカラーネームの一覧を見やすく表示してくれる「147 Colors」

    覚えておくと便利そうだったのでメモしときます。CSSでも使える147種…

  3. timeanddate.com
  4. Web Service

    iPhoneからWordPressの記事を投稿、編集できるアプリ「するぷろ for iPhone」を…

    このブログはワードプレスを使っているのですが、最近iPhoneから直接…

  5. Web Service

    ドラッグしたテキストを音声で読み上げてくれるChrome拡張機能「SpeakIt!」を使ってみた

    こういうの欲しかったのでかなり嬉しいです。ドラッグしたテキストを音声で…

  6. Web Service

    iPhoneで撮影した写真の個人情報などにモザイクや黒の塗りつぶしで隠すことができるアプリ「hide…

    iPhoneで撮影した写真で顔やメールアドレスなどの個人情報が写ってい…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. スタバのドリップのホットのショート
  2. LE エルイー 6 PANEL CAP
  3. タリーズ ハウスブレンド
  4. BAG-TW1BKシリーズ

アーカイブ

PAGE TOP