I try to help people better understand how to succeed with iOS apps, and keep you informed about what’s coming up on the horizon for the industry. The BrightDigit newsletter gives you regular helpful tips and advice right to your inbox!Ī couple of times a month, I publish a newsletter, with news, updates, and other content related to Apple and iOS. That’s where building a bash script to run on the build would be helpful. Ideally, we’d like to simply edit one file which can be included in our repo and automatically generated on the build. The templates can be quite large and even more cumbersome to open each time and edit can be made. Photoshop is the more established application but also less focused on UI and App Icon development. In there you should see all the icon sizes exported from the template. You should see a folder with the same name but including the suffix -assets. Go to the folder containing the psd file you have opened.This is the layer you will be editing directly and will be carried through to the other app icon sizes. Go to your layers window and double click the layer named icon.Go to Assets and make sure it is checked. Make sure we are generating image assets on save.We’ll be using the standard Template-AppIcons-iOS.psd file. Unzip the template collection, go to the Production Templates folder.**Please note - these downloads are quite large so make sure to do this ahead of time.** In this case we will be using the iOS 12 version. Go to the Apple Design Resources page and download the template for the OS you will be building for. Kindly enough Apple offers us UI templates and widget for Photoshop (as well as constantly updated for Sketch) through their Apple Design Resources page. However it isn’t quite as targeted toward application development as Sketch so it isn’t geared as much towards that purpose. Photoshop has been a well established graphics editor for over two decades. Obviously, each time an edit needs to be made, Sketch will need to be accessed and the multiple files will need to be updated in the repo. Sketch offers a very simple way to export the set of graphics. From there you can drag the files into your Asset catalog App Icon slots. If you go to that folder, you should see all your icon sizes. In the Export dialog, select all the sizes you wish to export and then choose the folder you wish to export to.
0 Comments
Leave a Reply. |