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

    iPhoneでWikipediaを調べるためのアプリ「Wikiamo」が便利すぎる

    最近色々調べものをする機会が多くて、何かiPhoneで便利なアプリでも…

  2. Web Service

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

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

  3. Web Service

    jQuery Mobileで簡単に自分のオリジナルテーマカラーを作成できるThemeRollerの使…

    jQuery Mobileにはテーマがいくつかあり、そのテーマを変える…

  4. Web Service

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

    毎回ブログで使う画像はPhotoshopで編集したりしてたんですが、も…

  5. Web Service

    ブログで使うCC(クリエティブコモンズ)対象の画像をFlickrやGoogleから簡単に探してくれる…

    ブログでその記事に関連するアイキャッチ画像を入れたりしたい時があるかと…

  6. CSS3 Box Shadow Generator

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP