Sorairo

ショートカットでスクリーンショットを横並びにする方法(ウォターマーク付き)

ブログを書く際に便利なショートカットをご紹介します。
今日は2枚のスクリーンショットを横並びにするショートカットなんですが、おまけにウォターマークまで付けちゃいます。
参考にした記事は以下です。

完成形

このショートカットで実現する完成形はこんな感じです。

スクリーンショットを2枚横並びにして、右下に「@Sorairo」というウォターマーク画像を重ねています。

全体の流れ

最初にショートカットの全体像を画像でどうぞ。

このショートカットの流れとしては、

  1. ベースとなる画像をiCloud Driveから取得する
  2. 背景画像を取得し、その上にスクリーンショットを1枚ずつ左右に重ねて配置する
  3. 全体の画像の右下にウォターマークを重ねる
  4. ファイル名をスクリーンショットの作成日ベースに変更する
  5. WordPressにアップロードする
  6. アップロードした完成画像から必要な情報を取得し、画像リンク形式のMarkdownを設定・取得する
  7. Markdownをクリップボードにコピーする
  8. Copiedを開いて保存する

という感じです。

ベースとなる画像をiCloud Driveから取得する

私がこだわったのが、2枚のスクリーンショット間の隙間を透過させることでした。
そのため、あらかじめ横並びにするスクリーンショット2枚分とその隙間分を合わせた横幅の透明な背景画像を準備しました。
他に準備するのはもちろんウォターマーク画像です。
この2つをiCloud Drive上のshortcutsフォルダに保存しておきます。

背景画像を取得し、その上にスクリーンショットを1枚ずつ左右に重ねて配置する

透明な背景画像の上に、まずは左側に配置するスクリーンショットを選択して重ねます。
次に、右側に配置するスクリーンショットを選択して重ねます。
すると、2枚のスクリーンショットが横並びになり、さらにその隙間が透過された800×702の画像が作成されます。

全体の画像の右下にウォターマークを重ねる

次はウォターマーク画像を重ねます。
ウォターマーク画像の大きさとか透明度などはご自身の好みに合わせて変更してください。

ファイル名をスクリーンショットの作成日ベースに変更する

これもお好みで変更してもいいし、そもそも変えなくても何の問題もありません。

WordPressにアップロードする

メディアを選択しておくと画像だけアップロードしてくれます。

アップロードした完成画像から必要な情報を取得し、画像リンク形式のMarkdownを設定・取得する

WordPressにアップロードした画像のパスには一定の形式がありますので、それに必要な情報を取得し、さらにMarkdownの画像リンク形式になるようにテキストという項目内で整形します。

Markdownをクリップボードにコピーする

Markdownの画像リンク形式で取得したテキストをクリップボードにコピーします。

Copiedを開いて保存する

クリップボード拡張アプリのCopiedを開いて、先ほどのテキストを保存します。
クリップボードにコピーした後、テキストエディタアプリに戻ってそのままペーストするならこの工程は必要ありません。
私の場合、あらかじめ複数のスクリーンショットを準備しておきたいので、先にまとめてアップロードして、ブログを書きながらCopied経由でその都度ペーストするという使い方をしています。

最後に

いかがでしたでしょうか。
これだけの作業をたった数回のタップだけで実現できるとか凄くないですか。
しかも完全にiPhoneだけで出来るって素晴らしい。
同じことをPCでやろうとしたら大変ですよね。
以下に、ショートカットのリンクを貼っておきますのでカスタマイズしてお使いください。
Combine Screenshots
他にも便利なショートカットがあるのでまたの機会に紹介します。

advertisement

related posts

好みの位置や大きさにフレーム分けできるDrawFrameがかなりいい感じ!

コラージュアプリは大抵最初に枚数と枠の形を選択するものが多いと思いますが、今日ご紹介するアプリはそんな制約が一切なく自由にコラージュできるアプリです。

モブログを始めるためにまずはするぷろを買ってみました。

iPhoneでブログを書く、モバイルでブログ、モブログ。そんな時に非常に便利なアプリ、するぷろを購入しました。

iPhoneアプリBearで懲りずにモブログ環境を構築してみた。

Bearとショートカットの連携でモブログします。

収支管理アプリのZenyが爆速入力でいい感じ!

めちゃめちゃシンプルで爆速登録が可能なニューリリースの収支管理アプリ、Zenyをご紹介します。

ミュージックアプリを色々と使ってみたのでレビューします〜その②〜Ecoute

ミュージックアプリを紹介するシリーズの第二弾はEcouteです。

ホーム画面を晒します【2015年5月】

長い長い冬眠…いや、繁忙期を抜けて5月病寸前で久々の更新です。感覚が掴めていないのでとりあえずホーム画面でも晒しておきます。

今私が気になっているiPhoneアプリをご紹介します!

iTunesのウィッシュリストって活用されてますか。非常に便利な機能なので改めてご紹介します。

Pixelmatorでアイキャッチ画像を作成する方法(改訂版)

Photoshop並みの高機能を備えたPixelmatorです。

簡単・お洒落に写真に注釈を表示できるiPhoneアプリThis by Tinrocket

写真に注釈を付けるアプリは色々ありますが、ここまで簡単かつお洒落に表示できるアプリは見たことありません。

バスをさがす 福岡がバージョンアップでより便利になった!

待望のURLスキーム対応でより使いやすくなったバスをさがす 福岡をご紹介。要望が取り入れらると嬉しいでしょうね。