Art: S1 logo

[avaer]

This issue is for exploring logo designs for season 1.

The cold W really doesn't work with light designs I've been working on -- I feel like the the hard aesthetic of the grid clashes with things that stray from the grid.

Also, I want to kind of get away from the "W on a grid" in general. It hints at "metaverse" but that is a vague notion with a lot of baggage, it is impersonal, and the grid makes people think of land, which is the wrong place to start. It also doesn't seem very welcoming.

I threw this together with google images using stolen art:

https://www.pikpng.com/pngvi/iximwow_cherry-blossom-drawing-png-clipart/ https://www.vectorstock.com/royalty-free-vector/elegant-black-roses-design-vector-20046056 https://www.google.com/search?q=nature+svg+divider https://www.google.com/search?q=sakura+branch+svg

I tried to imply a lot of ideas with this:

• creativity
• openness
• markup <>
• cartoon logo
• convergence
• merging
• roads
• growth
• organic
• hand made
• high quality
• high tech
• caring
• good future
• park bench

By segmenting parts like this it would also allow for a lot of animation possibility in UIs.

Could use some variations playing around with this.

[avaer]

Actually, for the rectangle we might want two or three lines of text. (see how Danganronpa did it: https://github.com/webaverse/app/issues/1283#issuecomment-855190102)

I think that still works with the street and same logotype.

I don't have exact words yet but imagine some subtitle like "Webaverse: The Ultimate Adventure".

[GaladWarder]

Alright, I'll take another few passes at these!

[GaladWarder]

Went back through these, tried to bring in feedback from all the previous ones as well. I think there is some solid stuff in this group, let me know what you think!

First up, the square:

• Messed with intentional imperfection
• Pulled the color down, played off of a phone UI
• Made the cables vines
• Made some versions in various levels of hand-drawn-ness

And the rectangular:

• Simplified all textures quite a bit
• Messed with flat colors and gradients
• Played with some lowkey swirl textures
• Took out the street bleed and subbed in a lava texture, in various amounts of 'digital'
• Brought in some vines/beanches
• Tried a longer-form version with more text

[avaer]

[GaladWarder]

Github doesn't support SVG upload, so I stuck them in this folder:

https://drive.google.com/drive/folders/1Op_xN-zQF6TvHnF0jr7sFJXsY9IH9t4L?usp=sharing

There are two versions of each; one is slanted and the other is square-on. Sorry this took so long, it was a bit of a struggle to get nice clean paths to work with for future animations/etc.

Fonts used are Electroharmonix: https://www.dafont.com/electroharmonix.font and Consolas: https://docs.microsoft.com/en-us/typography/font-list/consolas

[GaladWarder]

Some screenshots:

[avaer]

I think you got the style, can we flatten this to reduce the complexity?

I don't think the text should overlap anything (we can move it). The outline is thin and traces the objects, which makes it hard and tedious to draw. I see it more like a license plate with a geometric silhouette of rounded rectangles.

The flower is a good recreation but there are two issues I see. The first is that it is too good of a copy and I don't think we should steal it. There are many variations we could try for color, changing slew, and maybe adding sharper petals. Second, it should feel attached to the bottom, like an actual flower tied or growing there. What we have now is more of a sticker that was glued on, rather than an organic flat part of the logo.

[avaer]

The skewed rectangle is fine.

The W feels crunched and fat compared its typical appearance in CJK script (probably due to the font used). Is there is a way to thinnen the text stroke in general?

[avaer]

Were these intended to be vectors or rasters?

[GaladWarder]

I can make those adjustments easily enough - the flower will take some fiddling to get it integrated, but shouldn't be a huge problem - same with the W font, I can just thin it down.

The brambles should be a vector - they are made with a vector path. If Illustrator isn't treating them as such, it could have something to do with the export? I used a smart object to make it export cleanly

[GaladWarder]

I know I was having issues with the stroke on them so I used a workaround for it, that could be causing some sort of compatability thing.

I still have the clean vector paths, so I can just re-export without the stroke, maybe

[avaer]

[avaer]

[avaer]

[avaer]

I figured out how to vectorize in Illustrator; everything there is vector.

[avaer]

[avaer]

I was trying to vectorize the mega sword for the top, but we couldn't find the blend files which have the blades morph, the substance painter source, or a clean way to retexture the carbon fiber on the sides.

So I went with a vectorization of some test art. The bottom is also a vectorization of raster Sakura found on pinterest.

[avaer]

[GaladWarder]

Which of these do you need finals of?

I can make them today, just not sure which versions you want. Right now, I have the initial one, but flatter, with a more integrated flower on my list. I can also track down the megasword blend files and probably Image Trace it into vector.

I'll just start working down from the top - let me know if there are any that you don't want made

[avaer]

I have all of these as SVG already so they do not need to be made.

The main thing I think we should change is to get an outline of the megasword instead of this -- but I could not find the files for the sword model (at least not the version that has the blade), so I could raster -> svg. Then I gave up and used this.

[avaer]

Is there an AI of this one? https://github.com/webaverse/app/issues/1283#issuecomment-869548188

[GaladWarder]

No, I did all the designing in raster. There's a Photoshop file, though:

https://drive.google.com/file/d/1O6K6L2UXgvmJVEcYCl7Zex7mSxs7Cp7S/view?usp=sharing

[avaer]

I meant the rectangular (bottom) one: https://user-images.githubusercontent.com/29031531/123618084-722a2700-d83a-11eb-9b06-5cde3f5d4fb4.jpg

[GaladWarder]

Oh, gotcha - same deal, I just have PSD files for it.

https://drive.google.com/file/d/1OHt9JgY2N_MXNcYukLNQSKEa-W19r7wH/view?usp=sharing

[avaer]

I think we now have all the ingredients we needed for logos.