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. Web Service

    住所や建物名を入力するとGoogleマップの座標を取得することができる

    地図上で、ある地点の座標を知りたいといった時があるかと思います。そんな…

  2. Web Service

    好きな色、パターン、グラデーション、背景画像などを探せる「ColRD」

    好きな色、パターン、グラデーション、背景画像なんかを探すことができる「…

  3. WebGradients

    Web Service

    CSSやPNG形式に対応した180種類のグラデーションを活用できる「WebGradients」

    WebGradientsは、180種類ものグラデーションが用意されたコ…

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

    Web Service

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

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

  5. Web Service

    Chromeで今見ているページをPocketへワンクリックで追加することができる「Pocket (f…

    ChromeでPocketにワンクリックで記事を追加することができる拡…

  6. Web Service

    最大150枚の画像を一気にリサイズできる「Bulk Resize Photos」

    複数の画像を一気にリサイズすることができる便利なサービス「Bulk R…

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP