Blog
How to create an iOS Sticker pack walkthrough
2016-10-06
How to Create an iOS Sticker Pack – A Tutorial Walkthrough The new iOS Sticker Pack apps are flooding into the App Store, and if you are a developer like me, you want to get in on the action. I struggled trying to find a good instructional article online but I was able to get my first sticker pack app uploaded and through Apple’s review process. So, I decided to write a tutorial on how to create an iOS sticker pack. This is not meant to be an exhaustive instruction but it should get you through the creation, certification, signing, and distribution of your first sticker app. Table of Contents CREATING THE STICKERS CREATING THE XCODE PROJECT BUILDING THE XCODE PROJECT UPLOADING TO ITUNES CONNECT CONFIGURING ITUNES CONNECT FOR UPLOAD CREATING THE STICKERS Firstly, you’ll want to create your sticker content. Open your favorite image editing software (I use Sketch, but Photoshop or any other photo editing software will work just fine). Start by choosing your desired sticker size(s). The graphic below is pulled from the iOS Human Interface Guidelines article on creating sticker packs. As you can see, there are 3 available size choices for stickers. Pick one, and use the above listed pixel dimensions as the size for ALL of your stickers. For this example I’ve chosen to go with the “Regular Size” stickers. So, I’ll open Sketch and create some art boards which are 408px in height by 408px in width. Now I’m using some comic book style word art I found online. I simply pasted the images into Sketch art boards and resized them down to 408px both high and wide. When exporting, use one of the following file formats: GIF, PNG, APNG. I use PNG unless I choose to animate my stickers. Finish creating your stickers and then let’s move to the next section. CREATING THE XCODE PROJECT Open Xcode and choose ‘Create a new Xcode project’. From there, let’s choose ‘Sticker Pack Application’ then hit next. Name your app and let’s move on. BUILDING THE XCODE PROJECT In the Navigation panel, you’ll see a folder titled ‘Stickers.xcstickers’. This is where we will put all of our sticker and app icon files. Click the folder icon in the Navigation panel to view the contents of the folder, whic