Take a look at the splashcreen file layers: We will use the layer names to specify how they behave. There is a json5 configuration file where you can specify the sizes to generate and set options like output directory or input file (so you won't be prompted each time).Īnd there are the photoshop source files: The objective would be to have a way to describe all size and variants we need to generate and orchestrate photoshop layers accordingly. Smart monkeys at Geek Learning are like Charlie's Oompas Loompas and they do have more than one trick to show!Īnd guess what language we will rely on? Javascript ! Wait why? Because Javascript is so 2016 ! It runs in the browser, in the server, in the database and in photoshop ! So let's spawn a new javascript based project, because there will never be enough javascript in 2016 ! YOU REPEAT AGAIN !!!!!! diabolical laughing coming from hell.īut there was one thing the REPEAT cabal did not expect.Yes but who will switch the visible layers. Or we could add a colored symbol on the Icon !įor instance we would generate those icons:īut since we have up to 5 environments and 3 quality (alpha, beta, final), it is up to 15 combinations.Įasy, just add layers to photoshop and generated sets of icon for each one of the environments. but we don't see the name of the app anymore (and we have a lot of them). We can of course change their title to identify them as follows : Preproduction app, validation app integration app, etc.
The thing is we also end up installing several versions of the same app on our phones. We already talked a bit about various environements we use to test, validate and ship our products. A horrendous hag is laughing at this very moment. Somewhere, in the whole wild world, the REPEAT cabal was secretly planning something nasty. They generated happily ever after and had a lot of splashscreens and icons. It was like Ionic but with the specific required photoshop settings. Me neither ! And a few minutes later I came up with a modified version of this Photoshop script. Wait what? No ! Never gonna give me up ! Is that it ? Stop it you fool ! This will not give results as crisp as photoshop with the appropriate settings ! You shall not generate ! I was about to run ionic resources -icon and take a nap for the remaining of the afternoon, some cruel one yelled :
So I said enough ! I'm going to use one of them. The thing is I remembered there was nice tools to generate such assets. arrrrghrrlll feels like death from a thousand cuts. Choose the appropriate location and name.Pick png in the file type (if you can find it).In this article you'll learn on of our trained monkey trick to handle a boring task such as generating Icons, Splashscreens or any kind of assets you must produce in various sizes.īut let me tell you a short story first ! Once upon a time, I had to generate one cordova app icons and splashscreensĪrmed with my strongest goodwill, (a big) Lot Of Laughs, I clicked on the photoshop icon sitting on my task bar. Generate Your Icons And Splashcreens Or Any Scaled Assets