Learn AI-Native Design: https://designcourse.com
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- Today, I'm doing a demo of QuiverAI: https://quiver.ai - I'm putting it through several different scenarios where we test its ability to generate high-end logos, icons, and general assets for graphic/print design. They also offer an API so that you can integrate it into your workflows to generate SVG's in a programmatic manner. Is it perfect? Nope, but "this is the worst it will ever be"
#ai #svg #graphicdesign
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
Оглавление (2 сегментов)
Segment 1 (00:00 - 05:00)
Quiver AI just released a couple days ago and it is all the rage in terms of generating SVGs on the fly with AI and I have to agree it is the best one that's out there right now. And so I'm going to take you through a few different examples to see just how good it is and how bad it is at certain tasks. All right, so for the first stress test, I decided to take this logo right here. or it's a word mark called landscape for a fictional landscaping business that allows people to take pictures of their house and maybe it generates, you know, different curb appeal or whatever, right? And so I told it, design a separate logo symbol that will fit the simplistic yet professional nature of this word mark for an AI landscaping business. The business allows individuals to take pictures of the outside of their home and the AI allows them to visualize landscaping options. Now, the symbol should be unique, simple, but relevant with the concepts of landscaping, gardening, and earth with AI and technology. Now, I knew there was a very small chance that it's going to nail this right away. Um, but was really cool. As you can see, it generates all four of these on the fly, and you kind of get to see what it's doing in real time, and it could take about a minute or two. Now, any brand identity designer who's worth their weight at all, I mean, will look at these and say, "Okay, this is utter trash. " And I have to agree this these are not good at all. And I knew this was going to be a really difficult challenge because this type of symbol and this request really requires a lot of cognitive load. I mean, it's a really difficult puzzle, you know, to piece together if you're a brand identity designer trying to do something that's unique but abstract and not literal but also relevant. And so this is actually the one that I personally came up with. It's a lot more simplistic, but there's a lot of meaning behind it when you combine these shapes together to create something unique. Now, for the next test, I decided to see, you know, how good is it at creating icons from an existing icon set. So, I pasted these four in to the prompt and I told it attached our four icons from an icon set in the same style, create a web search icon. And these are what it came up with. Now they're actually a lot better than the other result. It doesn't require, you know, all this intense thinking in terms of brand identity in terms of logos. Um, now you can see like this one right here, the the text isn't that good, but we can actually work with this. These in and of themselves are a little bit too complex, but this one, if I just take it into Figma and remove some elements and then adjust the stroke, it actually looks like just another icon that's a part of the set. So this actually passes in my opinion. Now I wanted to try another type of logo challenge for this and this time decided to do an emblem style logo and I attached four different variations of a logo of emblem style logos. So attached our emblem style logos, create another emblem style logo using the same colors for foreground and background for a business called Gary's Bait Shop. Now obviously it's not good at generating text. So, in the future, I would just say generate no text, leave it empty, and then you can just add your own text from there. Now, these right here, there's a number of issues in the actual illustrations itself. I think the fish icon is potentially really cool, although you kind of see that everywhere. Um, but there's just issues everywhere else. I think this right here, this test fails for sure. Now, for the next two final prompts, I'm going to show you how I envision, you know, modern graphic designers perhaps using something like this to create like a flyer or a poster or something. So, for this one, I pasted in an actual, you know, photograph. Who knows, it may maybe be AI generated um of three old school CRT type monitors, and I told it create an SVG graphic similar to this image of three old monitors from the 1980s and place them against a black background. So, it generated these four cartoonish looking, you know, monitors, different variations. And I chose one, and then I imported it into Figma, as you can see here, and I decided to just play around with it and integrate it into like some type of ad or a poster that's relevant. Now, what's really cool, because these are SVGs, you know, we can easily change the style, the colors, and all that stuff, and then just integrate it as an asset for the illustration. And so, this is what I came up with. I think this is a great use case for this tool to really help speed up the process of not having to manually illustrate things. Another test that I did is I made a cursive G. My name is Gary, you know, so I this is my like how I sign my name, my signature. I start off with this G here. And I told it recreate this cursive G, but keep the same likeness, but make the strokes and the lines flow much more smooth and add a little white space around the lines that overlay and intersect with each other. Now, it decided to do its own G. It completely ignored my G for some reason. Um, but it actually came up with a really nice looking G, a cursive G.
Segment 2 (05:00 - 06:00)
Um, you know, consistent with my requests about having whites space with the intersecting lines. So, I decided just to take this back into Figma and kind of do another kind of graphic design experiment with a poster. Um, and as you can see here, it's just iterating, having fun with the colors and stuff like that, adding a little bit of type. And at the end, it creates what I think is like a really nice looking maybe typographic poster of some sort. Now what I would really like to do because they offer an API for developers, you can integrate this into some type of AI infused workflow where you can generate posters, graphics, assets, vector, you know, vector-based assets on the fly and recursively it could start to improve itself. Now when AI, you know, the brains of AI and these AI models get even better, it will be able to, in my opinion, tackle, you know, more abstract, you know, hard problems in terms of like identity design and logo design. Um, and you know, once we reach that point, it's going to be really difficult for identity designers, you know, to be able to charge as much as they do now. when we have tooling that can perhaps really think creatively and execute really well as well. So anyhow, exciting times ahead here depending on what perspective you look at it. But in terms of creating things, uh things are are just becoming easier and easier. This tool isn't perfect, but it's the worst it will ever