All right. 1
So at the moment, this is what our app looks like. 2
Now, I want to make a few modifications 3
to the app to maybe jazz it up a little bit. 4
So the first thing I want to do is I want to make that image fill the entire space of the image view. 5
So let's change that image view from Aspect Fit to Aspect Fill. 6
Then I want to change the nav bar color to maybe something that looks a bit more like a garden app, 7
so some form of green, and I'll change the background view as well to some sort of nice light green color. 8
That means I need to change my label to a white text. 9
I'm also going to change that camera to a white camera. 10
All right. So, now I'm going to show you how we can create a neat little app icon for our app. 11
So I'm just going to go onto Freepik, which is a really nice website for graphic resources, and I'll 12
just search for flower. All right. Cool. So we've got loads of different types of flowers, 13
but I want something kind of simple, maybe something like one of these flowers. 14
So let's go ahead and download it and unzip it. As you can see, they include the license, but also a file 15
that we can edit inside illustrator. 16
So that's an EPS file which is, basically, a vector file. So the flower that I'm quite keen on is 17
probably this one. So I'm just going to select it and copy it by command C, and then I'm going to open 18
up Photoshop and make a new canvas. 19
So this is really important because we're going to be making our app icon the easy way by using this 20
website, MakeAppIcon 21
You can see that they want your starting image size to be 1536 x 1536. 22
So super large. 23
So that's what I'm going to make here, 1536 x 1536. 24
Hit enter. 25
All right. 26
And then I'm going to paste my image in as a smart object and I'm going to scale it up, so that it looks 27
reasonably large on screen. 28
So maybe about this size, I guess. 29
Now, I'm pretty bad at centering by eye, so I'm going to use Photoshop to help me do that. 30
So I'm going to select the entire screen, and then I will make it horizontally and vertically centered. 31
Sweet. 32
So the next thing I want to do is add a gradient to the background to make it look nice and apply. 33
So to do that, I'm going to go back into Illustrator, and then I'm going to select some colors from this 34
image that we chose. 35
So I'm going to use the color dropper tool, of course, and I want to use a nice dark purple. 36
So let's copy that hex code and I'm going to add a gradient here. 37
So, as you can see, I've actually already added it in here, but we'll just do it again to show you. 38
So here I'm going to add that color I got from earlier on. 39
And then, the other side of the gradient 40
I'm just going to use a, maybe, a lighter purple, like maybe one of these. 41
All right. So let's copy that and get back into Photoshop and edit this. 42
Let's change that color to this one. 43
All right. Cool. Looking good. 44
Now, I'm going to add my gradient. 45
Maybe I'll just drop it down vertically. 46
Looks, looks all right. 47
I think I could make this a little bit brighter. of a little bit-- 48
bit more purple, but brighter of a color, and hit 49
OK. 50
Yeah, that looks pretty neat. 51
Let's put our image on top. 52
Looking good. 53
So let's go ahead and save this. 54
I'll call it WhatFlowerAppIcon.psd, and I'm going to uncheck the layers and I'm going to save 55
it onto my desktop. All right. Cool. 56
So once that's done, then I'm just going to drop it in here. 57
This is literally the easiest thing ever. 58
So I've got my desk top open and I'm just going to drag this image in PSD format into the toaster. 59
And you will see it going into the toaster, it's s really neat animation, and it's going to bake it for a 60
little while. 61
So it's going to ask you for an e-mail address to send the processed images to you, so you can use whatever 62
you like. 63
I personally have a burner email address just for these kind of purposes. 64
So the icons that I want I don't want it for watch and I don't really want to subscribe. 65
And then all you have to do is just add your email and you'll be able to download it. And you can see 66
that they provide all of the sizes that you need. 67
All right. 68
So let's go ahead and check e-mail. All right, so there's our app icon for MakeAppIcon and I'm just going 69
to download the ZIP file that they've provided. 70
Okay. 71
So I'm going to unzip that app icon and then you can see that you've got three folders: 72
android, imessenger, and ios. The one that we're interested is the ios. And you can see that you've got all 73
the icons that you need 74
and also it's formatted in a way that you can basically just drag and drop it into your folder. 75
If you have a look inside your assets.xcassets folder and you say show in Finder the app icon, 76
you can see that it's named exactly the same, Appicon.appiconset. So all we need to do is just to replace 77
this folder. 78
So I'm--so just to recap. 79
I'm in the assets.xcassets with the AppIcon selected. Currently, it's completely empty. 80
I'm going to right click and say show in Finder. 81
So this is where it is, 82
Assets.xcassets, and then I'm going to delete this, and instead, drag this new one in here. 83
And you'll see that it updates an Xcode and it's all beautifully classified, 84
none of this dragging and dropping. 85
So some of these are not placed because they are of the wrong size. 86
So all we need to do is just to delete them 87
and you're good to go. 88
So let's check out our beautiful app icon on our phone. 89
And there it is. 90
Looks pretty neat, right? 91
So you can go ahead and style your app, however, you like, change the colors, change the layout, change the 92
designs. Basically, go nuts, 93
make it your own, and make it however you want it to be. 94
So I hope you enjoyed learning how to convert various models into a format that we can use with CoreML 95
and creating our flower classification app. 96
So there's loads of places where you can find pre-trained models. 97
The easiest is probably just Googling it for the particular implementation that you want and see if 98
it exists. 99
But for Caffe at least, I know that there's something called Model Zoo where you've got a whole load of 100
pre-trained models that you can basically download and use. And I'll include a link to this 101
in this lesson as well. 102
So onwards and upwards, and I will see you on the next module.