Illustration IOS Tutorial

How to create iMessage Stickers Step by step (1) Starting with Xcode

November 20, 2017
iMessage Stickers Relaxing Single Ladies

** This posting is for artists who wants to create iMessage stickers and have no experience with Apple Xcode. This step by step guide will let beginners create sticker pack successfully, like I did!

** This posting is updated on 2017.9.23.

** This posting is about Xcode and creating stickers with images you’ve created already. You can create your stickers via Xcode, which can be downloaded free, but you need to sign up Apple developer program (99$) first to release your sticker pack on the Apple store.

** Reference Websites

——————————————————–

Start with Xcode

  1. File-> New-> Project to create a new project.

2. Choose ‘Sticker Pack Application’

3. Type your product name. I’ve already done few stickers so there already automatically typed a team name, organisation name and bundle identifier.

  • Team name which you’ve processed with Apple Developer, should be appears on the dropdown menu.
  • Identifier should be like; com.domain or net.domain as Apple recommended.
  • Your bundle identifier will automatically created as com.domain.yourproductname

4. Click ‘stickers.xcstickers’ folder and you’ll see the ‘sticker pack’ like screenshot below.

 

 

 

 

 

 

 

 

 

 

5. Drag and drop your sticker images. Do not celebrate too soon! It’s just a toddler step finished.

  • You can drag to change the order of stickers.

6. Let Xcode test your images. Click the button near ‘StickerPackExtension’ and you’ll see dropdown menu including several iOS devices. I’d test mine with iPhone 7 Plus, which has a biggest screen for now.

  • If you have a plenty of time, test with SE device also, to see how it looks on the smallest screen.

7. On the right side you’ll see ‘Sticker size’ menu. The exact size of sticker pack is:

* Updated on 2017.9.23 *

  • Small; 300×300
  • medium; 408×408
  • large; 618×618

Most of stickers look cute in small or medium format. But for this time I’m choosing large size since my illustrations are quite detailed. You can change it after a few testing.

8. Product-> Run

9. And.. tada!! Simulator has been activated.

  • Sometimes it takes a looooong time to run a simulator. Do not panic or blame your mac. My macbook pro is quite decent machine but sometimes Xcode runs a bit slow or even crashes. Take enough time, and if there’s still no response, restart Xcode.

10. As a screenshot shown below, you can send stickers on message simulator, just like you do on the actual device.

11. Everything look nice? Let’s move to the next step. APP ICONS. It’s quite tedious but essential process.

 

12. Drag and drop your icons and Xcode should find their right seat. If not, do some more work unless you’ve quit already.. I know, every artists hates repeatable works!!

13. Test your icons on the simulator too. It’s optional move, but if your icon setting has an error Xcode will notice you on this step. Choose testing device you want and Product->Run.

14. You can preview icons like this; OK, my ‘relaxing ladies’ image cropped funky, but it’s not that bad so let’s move on.

 

** Take a look my sticker pack list (Click)

** Check my Relaxing Ladies iMessage Sticker Pack featured this post (Click)

– Some stickers features a woman without her tops, has been changed its appearance because they got rejected. So, I guess you should check if your sticker pack has a female nudity, whether it’s sexual or not. But seriously, I love to be topless so I can fully relaxed at my home!!

You Might Also Like

No Comments

Leave a Reply