smartmockups a-window_21』は、iPhone や iPad 、 MacBook などの Apple 社の製品の画面に、好きな画像をはめ込むことがカンタンにできる Web サービス。

たとえば、こんな写真がカンタンに作れる。解像度も選べるのがナニゲに親切だ。

smartmockups_eg01m
できあがり例 その 1
smartmockups_eg01mb
できあがり例 その 2

1. smartmockups の使いかた

  1. smartmockups にアクセスする
  2. 写真を選ぶ。このとき、製品別に絞り込むことができる(下図)

    sm5100
    写真を選ぶ
  3. 「 Upload image 」ボタンをクリックして、はめ込む画像をアップロードする(下図)

    sm5120
    はめ込む画像をアップロード
  4. 縦横比が異なる場合にはトリミングして、「 Crop and continue 」をクリックする(下図)

    sm5130
    縦横比が異なる場合はトリミングする
  5. 結果を確認する(下図)

    sm5140
    結果を確認
  6. 「 Download full image 」をクリックして、サイズを指定してダウンロードする(下図)

    sm5160
    サイズを指定してダウンロードする

2. まとめ

  • 今回作成した写真はこんなできあがりになった。

    smartmockups
    できあがり例
  • ログインなど、めんどうな手続きなしで使える
  • 元になるひな型の写真は、すこしずつ増えているらしい
  • ブログ記事のアイキャッチ画像に使えるかもしれない
  • 最大解像度は 3000 × 1993
  • ファイル形式はなぜか .png になる