25
21

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

10分で出来る!Sketch3を使ったiOSアプリ申請時のスクリーンショット一括作成法(๑˃̵ᴗ˂̵)و

Last updated at Posted at 2015-10-08

iOSアプリ申請時にiTunes Connectで提出するアプリ説明用スクリーンショット作成、サイズの種類が多くて大変ですよね。
4.7インチ、5.5インチ、4インチ、3.5インチ(iPad)の画像を各5枚ずつ1枚1枚作成とか気が遠くなります(๑•́ ₃ •̀๑)

本日は、そんなときに便利なSketch3を使ったiOSアプリ申請用スクリーンショット一括作成法をご紹介します(๑˃̵ᴗ˂̵)و

【用意するもの】
・Sketch3
・アプリ申請用スクリーンショット

【手順】

  1. まず、Sketch3を起動し、左上の「+」をクリックし、アートボードをクリックします。
    iOSアプリ申請1.jpg

  2. すると右側の「iOS Device」に各サイズのアートボードリストが現れるので、作成したいサイズを選択します。
    iOSアプリ申請2.png

  3. アートボードが表示されます。これを選択して、
    iOSアプリ申請3.png

  4. コピーアンドペーストでスクリーンショットの枚数分(最大5枚)増やします。
    iOSアプリ申請4.png

  5. 同じようにして他のサイズも作成します。
    iOSアプリ申請5.png

  6. ちなみに「iOS Device」の中に欲しいサイズがない場合は直接サイズ(WidthxHeight)を指定することも出来ます。
    iOSアプリ申請6.png

  7. アートボードの準備が整ったら、ボードの上に準備した申請用スクリーンショット画を配置します。
    iOSアプリ申請9.png

  8. ここから、画像出力準備です。出力したいアートボードを選択すると右側にExportの設定が現れます。

9.「Export」の文字の右側の「+」をクリックし、出力サイズやフォーマットを選択するだけで、出力パターンを増やせます。
iOSアプリ申請10.png

10. Exportの設定が終わったら、「File→Export」をクリックし、出力したいものにチェックが入っているか確認し、「Export」をクリックします。
iOSアプリ申請13.png

11. 11.このように各サイズの画像が出力されました。
iOSアプリ申請14.png

以上で完了です!

いかがでしたか?みなさんのiOSアプリ申請のお役に立てましたらストックお願いします(๑˃̵ᴗ˂̵)و!

25
21
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
25
21

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?