What if I told you it’s possible to build mock-ups in your browser? I have reviewed a product which is more advanced than many graphical editors running in the browser. Today’s product showcase is Glorify an advanced graphical editor running in your browser, making it possible to build mock-ups. So without further Ado, let’s dive into Glorify and build a mock-up.
Here we are inside Glorify. Here we are on the dashboard, the workspace home where we get a quick overview of our own designs and a way to start a new design. You can see we have some different categories up here. We have suggested, of course, and then we have other categories that we can go in and start designing. Before we start designing I want to show you the brand kit, because if you start by setting up your brand kit, you will really save time when you do your templates and your designing.
Software reviews each week
Get one new software review in your inbox every week.
What’s coming next?
Do you want to have a say in what review I do next? Then go to my roadmap and vote or suggest a product.
- Features of Glorify
- Glorify pricing
- Alternatives to Glorify
- Future of Glorify
- Pros & Cons using Glorify
- My experience using Glorify
Features of Glorify
So in the brand kit, we can add logos in different types. We can add a colour palette and we can add fonts that we use. So for instance, I’m using Montserrat a lot, so I will just add that and you can see right here they do not have Montserrat. So if this happens, you will have to write the support and ask them to add it.
Otherwise you can, of course, upload it right here manually by downloading it from Google and uploading it here. They do also have another product called Logo Flow up here where you can build your logo, but that’s another product. So going back to the projects here now we will go into our mock up scene that I have started here. And then we’ll basically start designing the moc-kup. So here you can see we have the editor.
We have all of our options to the left here where we can add elements to our design. Then we have a toolbar up here depending on what we are clicking on. Then we can change that. And then out here on the right, we have more options for the elements we’re clicking on. Now one thing I was really excited to see is there are layers.
They do have a layer Navigator. This means that you can easily find the elements which are often behind and difficult to touch normally. And then you can click on them here in the layer and then go to edit and then basically edit those layers. That is a huge benefit. And I would love to see that in other products as well.
But now out here in the menu, we can, of course, browse templates here and then depending on what you’re building right now, you need to choose the right template of course. We have hero images. We have mock-up scenes you can see I have chosen a mock up scene right now. They do also have YouTube thumbnails and posts for social media. They have all of those sizes and you can always Resize your images up here.
Again, a really great feature you can see for instance, if I want to use this one for a Facebook post, I easily just click on Facebook and then I click on what I need to add from Facebook. I think there is a mistake here with the YouTube thumbnail, but that’s how easy it is. Now this is a thumbnail so I can change the background here. You can see when I click on the actual thumbnail.
I get two options. I can change the keyboard and I can change the screen. Now the keyboard is fine. I just want to change the screen. So by editing the content here, you can see we now have some text we can change and a background.
I want to change the background. So what I do is that I go over here and I replace the background. So you can see over here to the left I now have the possibility to add images either by searching or by uploading a specific image. Now I will just search for YouTube here and then you can see we get some different options. I like the first one here, so I will click on that.
It is now being added and you can see it’s added on top of everything. So I will just click on the background and remove that. And now I need to make sure that this layer gets in the back. And what I do then is I go to the layer navigator, and then I basically just pull my image all the way back. Now all that is left to do is make sure that this one fit the background all over.
So I will just zoom out a little bit to make it easier for myself. And then I will expand the image right here. So we’re sure that it takes all of the space that looks good. Now we can’t really see the text so we need to work a little bit with that. Now what I could do is that I could add a border right here, a black border that gives some contrast.
Not enough. But I can also add some shadow right here. So by enabling the shadow you can see, we create even more distance from the image behind and to the actual text. And then of course, you can change the shadow right here as you would like it to, because right now it’s a little bit too much. So I should change it a little bit down, maybe add the blur to be a little bit less and making sure that the distance both vertical and horizontal is not way off.
So for now, I’ll just add it like this. Of course, we also added the border so it doesn’t look great. But this is a way for us to really difference between the background and the text itself. When we are done, we just press up here and then we will automatically be sent back to our mock-up. Now you can see that it takes a little bit of time for it to update the image here, but maybe it just takes time for it to render it.
That’s completely fine. Now, over here in the menu, you can see we have a lot of options. We have basic options like images, icons and text, of course, also shapes. One interesting element is the beta mock up objects, because in here you can see we have all of the mock-up objects. So basically we can add all of these mock-ups to the template we’re working on right now and then replace whatever the mock-up object is with a photo of something we built ourselves.
Again I want to remind you that everything here is happening within a browser. There’s nothing locally on your computer it’s really great to see. Going further down we can also build tools like buttons, annotations, and adding a colour palette. We can also add Blobs, and then they have integrations to Pixabay to Pexels.
And as a photo creator, then they have icons we can use here and then they have effects and textures as well, so you can add dirt, you can add fire, you can add lighting and so much more to your image to bring it to life. Another thing that really surprised me is their illustrations down here in Ouch. They have a lot of illustrations here. And what’s great is that, let’s say I add this illustration right here.
It does take a little bit of time to add it, but when I have added it, I can completely customise this one as I want to, because over here we have all of the colours that is populating this illustration right here and then we can basically just change to the colours. We would like to see if we want some green buttons. We can change this one to green. And of course, we can also Resize this one. And as it’s SVG, we can resize and minimise as much as we want without losing quality.
A really great bonus. Of course, this doesn’t look great, so I’ll just remove it again. But this is all of the elements they have in order to build your template out. They do also have pages. This means that your template or design you’re building can consist of multiple pages.
This is not normally something you do for a YouTube thumbnail or for a Facebook post. It is mainly something you do where you can add multiple images to a website or whatever it is you’re working on. And it is as easy as pressing the plus button here and now we have page two, and then we can easily switch between them by simply just clicking on them. But when we are ready, I will just delete the page here. Then we click on the download button up here. Here we can choose what size we want it in and what file type, so we can choose PNG.
We can choose JPEG of course, PDF and SVG. That’s really interesting. So I will choose SVG and I will choose, I just want the page one and then I will press download.
Now I’m really interested to see how this is going as SVG because I have not really had that as a focus and I’m using images, but here you can see the actual image rendered. So the first mistake is that we’re missing the image that we actually added within the ipad mock up here. Other than that, it’s really great quality of the image. I can see both the Apple Watch and the ipad is high quality, but of course I can see that the image we used in the background is not the best quality, and that is, of course, because an image doesn’t necessarily work with an SVG in that way, it is only elements built out of forms that will really work, but it was really fast downloading the image.
That’s another benefit. You can also enable a grid if you want to over here, but overall, that’s the functionality within Glorify when we build our templates. It’s very simple and they have a lot of templates already. Of course, I’m hoping for them to add more, but for instance, for YouTube thumbnails at the moment they have 351 templates that you can just start using.
And of course templates are just a starting point. We build the templates out into our own design and then we use the actual template.
When we take a look at the pricing structure of Glorify, it consists of three plans. First off, you can get started completely free, and it is pretty generous. Now for the paid plans. I’m a bit disappointed to see that they’re still limiting on the amount of AI background removals we get. I do know it’s because AI is not free for them to use, so it does make sense, but hopefully they will find a better way of us using that in the future.
Now, if you do need unlimited of everything you need to contact them because all of their paid plans have some limits.
Alternatives to Glorify
Now the alternative to Glorify is Canva and Crello as I see it now, I’m really surprised to see how well developed Glorify is. When I started testing it out I didn’t have high hopes, but I must really say their editor is great and they have implemented a Navigator, which is something I’m really missing within Crello and Canva. This is an easy way for me to find the elements that I need to use.
Simplified has taken a different approach to building visual graphics by including AI in helping you generate content.
Of course, they do not have as many templates as we see in Crello and Canva, and there are still elements that they need to work on in order to get a little bit better, but they’re definitely on the right track.
And with the future coming up, I’m really excited to see where Glorify is going.
Future of Glorify
When we take a look at the future of Glorify, they do have a really feature packed roadmap, and that’s so good to see. They are mainly working right now on a carousel view. This means that when you build multiple slides, you will be able to show these slides next to each other so you can easily get an overview. Then they are working on global brand kits. What this means is that when you have built a brand kit, you add colours and fonts.
Now, when you start building your templates and you start using these brand kits, then with the Global brand kit when you change your colours in the brand kit, they will automatically change on all the templates you have used this global colour on. This will really save time in the future. Furthermore, they are working on more integrations, both shared integrations but also stock photo integrations.
This means that we can share our templates and our images on social media easily and with more stock photos integrations we have even more photos to choose between. When it is, we build our template. Last but not least, the biggest update coming is live collaboration. This means that we can sit two, three, five people together and work on the same template at the same time in real time.
Pros & Cons using Glorify
Moving on to the pros and cons of Glorify. Starting with the pros, they have an advanced editor. You can work with SVG files in the browser and you can build mock ups, whereas for the cons, the UX can be confusing, sometimes especially the buttons. I would like to see more templates and I’m missing a feature to build my own shapes.
My experience using Glorify
I was really surprised of how mature Glorify is. The ability to work with photos, illustrations and integrations within the browser has just blown me away. And with their roadmap, it is just so intriguing as a product. Overall, I will give Glorify four and a half stars. It’s really a mature product.
It’s feature packed and with live collaboration coming up, it might be five stars in the future, but yeah, that is my review of Glorify. I hope that you liked the video and if you did, please give it a thumbs up. If you have any questions to Glorify or other products you would like me to review, please leave a comment down below. Thank you so much for watching. Let’s catch up on the next one.