How should I add Ghost's logo as an SVG? I don't know...

wakest's posts Post Back to profile

Top-level

wakest ⁂

How should I add Ghost's logo as an SVG? I don't know how to vectorize this lol

Like 22 April at 17:46 | Open on social.wake.st

6 comments

rag. Gustavino Bevilacqua

@liaizon

Could be done, but it has a lot of gradients.

22 April at 18:01 | Open on mastodon.cisti.org

wakest ⁂

@GustavinoBevilacqua should I just outline it?

22 April at 18:04 | Open on social.wake.st

rag. Gustavino Bevilacqua

@liaizon

The outline becomes flat.
You need at least a dozen of separate paths, then you can work on the shades.

22 April at 18:06 | Open on mastodon.cisti.org

wakest ⁂

@GustavinoBevilacqua it gets more complex lol https://ghost.org/docs/logos/

the logo seems to be dynamic. it sorta breaks all the "norms" I have set for what a logo must be in this project haha

22 April at 18:08 | Open on social.wake.st

rag. Gustavino Bevilacqua

@liaizon

Using SVG you can even make it interactive, changing color on demand, but it's a heck of a job!

See this:
https://tympanus.net/codrops/2019/09/03/how-to-dynamically-change-the-colors-of-product-images-using-css-blend-mode-and-svg/

22 April at 18:14 | Open on mastodon.cisti.org

wakest ⁂

@GustavinoBevilacqua this realistically and technically are two different things. I don't think I want to attempt at this logo being anything but a static line...

22 April at 18:20 | Open on social.wake.st

Go Up