FRAME

Web Service

iPhoneやMacにスクリーンショットを埋め込んで画像作成できるツール「FRAME」

FRAMEというとても便利なツールを使ってみました。iPhone、iPad、Macといった様々なデバイスにスクリーンショットを埋め込んで画像を作成することができます。ブログのアイキャッチ画像で使ったりと何かと使いどころはあるのではないでしょうか。

[ads_center]

FRAMEの使い方

FRAME

FRAME

使い方はとても簡単です。無料で使えるのも嬉しいところです。

まずはスクリーンショットを埋め込みたいデバイスのフレームを選択します。AppleのパソコンやiOS・Androidのスマホやタブレットなどいろいろと用意されています。

デバイスのフレームを選択

とりあえずここではMacを選択してみます。Macを選択すると、さらにたくさんのバリエーションが出てきます。MacBook ProやiMac、またはMacBook Airなど様々です。

たくさんのバリエーション

自分の好きなフレームを選択したら、右側にある「Upload Image」から埋め込みたいスクリーンショットをアップロードします。

スクリーンショットをアップロード

そして、埋め込む範囲を設定すればOKです。

埋め込む範囲を設定

こんな感じでスクリーンショットを埋め込んだ画像が簡単に出来上がります。めっちゃ便利ですね。

スクリーンショットを埋め込んだ画像

というわけで、他にも豊富なフレームのバリエーションがあるので、ぜひ覚えておきたいツールですね。

Tetrisレスポンシブに対応したmasonry風のフリーのWordPressテーマ「Tetris」前のページ

画像をフルスクリーン表示できるLightbox風ギャラリー「jQuery fullsizable」次のページjQuery fullsizable

関連記事

  1. HTML特殊文字変換ツール

    Web Service

    テキスト内のHTML特殊文字を変換してくれる便利なツール

    テキスト内にあるHTML特殊文字を変換してくれる便利なツールがあったの…

  2. Web Service

    指定した色を基準にグラデーションから好きな色を選択できる「0to255」

    指定した色を基準にしてグラデーションからその色より明るい(または暗い)…

  3. Pocketのショートカットキー

    Web Service

    Pocket(Macアプリ・Webブラウザ)で便利なショートカットキー

    あとで読むサービスでお馴染みのPockeで日頃からよく使う便利なショー…

  4. Web Service

    ATOK Pad(Mac)を使ってみたら呼び出しも簡単で使いやすかった

    ATOK Pad(Mac)をインストールしてみました。ちょっとしたメモ…

  5. Web Service

    CSSで簡単に三角形を作ってくれるChrome拡張機能「CSS三角形作成ツール」

    ちょっと面白かったのでご紹介します。Chromeの拡張機能で、CSSで…

最近の記事

  1. NIVEA MEN CREME
  2. チャイラテ
  3. ベーコンエッグアボカドトーストとゆずジンジャーアップル
  4. COMOLI ナッピングウールショーツ
  5. 川上庵(麻布十番)牡蠣天せいろ
PAGE TOP