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

    Mac版Pocketがリリースされたのでさっそく使ってみた!

    あとで読むサービスのPocketがMacのアプリでついに登場していたの…

  2. CSS Gradient Animator

    Web Service

    CSSでグラデーション背景を変化させるコード作成ジェネレーター「CSS Gradient Anima…

    CSSで変化するグラデーション背景を作成したい時に役立つジェネレーター…

  3. Web Service

    話題のiPhoneのTODO管理アプリ「Clear」を使ってみた

    いくつかの記事で話題になっていたTODO管理アプリのClearがいつの…

  4. Web Service

    材料・時間・カロリー指定もできる「Google レシピ検索」

    Google レシピ検索という便利なサービスを試してみました。Goog…

  5. ツイッターへの画像・動画の載せ方

    Web Service

    ツイッターへの画像・動画の載せ方(添付方法)について

    ツイッターでつぶやくときに、ただ文章のみをつぶやくだけではなく画像や動…

  6. Type Zebra

    Web Service

    自分のパソコン内に入っているフォントを確認できる「Type Zebra」

    自分のパソコン内に入っているフォントを確認できる「Type Zebra…

最近の記事

  1. SV-S251
  2. スラウェシ トラジャ
  3. 梅
  4. CAR-HLD12BK

アーカイブ

PAGE TOP