gitcoinco / web

Grow Open Source
https://gitcoin.co
Other
1.78k stars 771 forks source link

DESIGN - Create a vector avatar for the Gitcoin avatar builder. (NO LONGER OPEN FOR NEW START WORKs) #5893

Closed owocki closed 4 years ago

owocki commented 4 years ago

I have some fun news.

The Gitcoin avatar builder is about to get the ability to have MANY different avatar types on it.

1

Screen Shot 2020-01-27 at 10 30 42 PM

2

Screen Shot 2020-01-27 at 10 30 34 PM

3

Screen Shot 2020-01-27 at 10 30 28 PM

Starting with the release of the Bufficorn Avatar builder at ETHdenver 2020, we are going to be allowing MANY different avatar types onto the platform soon.

How it works

Checkout these two sample avatar svgs.

If you open them up in your favorite SVG editor this is what youll see as the DOM structure

Image+2020-01-27+at+10 33 10+PM

Basically there are different categories of accessories.. And different permutations of that accessory.. And they are encapsulated as items in the DOM of the svg.

Bounty

Your task is to create an avatar concept for the avatar builder. To participate

  1. Design an avatar from the request list below.
  2. Post a sketch .
  3. We'll chat about it; and I may invite you to post a full vector image of the avatar.
  4. We'll chat about it; and I may invite you to post a full layer avatar file.

The prize for a getting a full avatar file on the site will be 5 ETH. I will fund up to 5 of these in Q1 2020.

Asks

Here are some avatar styles that would be cool to add to the site:

How to submit work

Submit a PR to this directory https://github.com/gitcoinco/creative/tree/master/Product/Avatar on the gitcoin creative repo

Must comply with svg specs Must be 350px x 350px in viewport

gitcoinbot commented 4 years ago

@writeprovidence Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

gitcoinbot commented 4 years ago

@writeprovidence Hello from Gitcoin Core - are you still working on this issue? Please submit a WIP PR or comment back within the next 3 days or you will be removed from this ticket and it will be returned to an ‘Open’ status. Please let us know if you have questions!

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

xuanmir commented 4 years ago

Hello! Is it too late to apply for this?

owocki commented 4 years ago

hi from parental leave.

each of the last sketches posted looks great. keep up the good work everyone!!

Hey all - just checking in on y'alls progress! Make sure it adheres to the spec and works with our avatar builder as Kevin described above!

what dan said. wed hate to have ppl go too far on the artwork and not be able to integrate it bc the specs dont match

also i have a request. anyone wanna make a metacartel avatar svg that fits the above specs ? 1OQze4G0_400x400

Popeline5 commented 4 years ago

What do you think about my Jedi ?

alexgetty commented 4 years ago

@owocki @danlipert Before I take the time to get all these assets formatted and organized, I'm hoping to get a signal as to which option I proposed you guys would prefer: using my original characters even though they don't fit into one of the suggested categories or creating some new assets within one of those categories. I just want to make sure my efforts are aligned with your goals.

Congrats on the new offspring, Kevin!

gitcoinbot commented 4 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done


@writeprovidence due to inactivity, we have escalated this issue to Gitcoin's moderation team. Let us know if you believe this has been done in error!

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

owocki commented 4 years ago

What do you think about my Jedi ?

share access with kevin@gitcoin.co or public read and ill tell u

owocki commented 4 years ago

@owocki @danlipert Before I take the time to get all these assets formatted and organized, I'm hoping to get a signal as to which option I proposed you guys would prefer: using my original characters even though they don't fit into one of the suggested categories or creating some new assets within one of those categories. I just want to make sure my efforts are aligned with your goals.

honestly i like all the stuff u posted in your post above..

if u already have a modular character system, and you are in a place in which u can liscense it to this repo under our liscense (GPV v3) then i say lets go in that direction.. why duplicate the effort yknow?

Congrats on the new offspring, Kevin!

thx - ur in denver? see u around colorado blockchain i suppose!

owocki commented 4 years ago

everyone else.. how goes? would love to start getting some SVGS i can plug into a PR!!!

Popeline5 commented 4 years ago

@owocki here’s my Jedi IMG_0885 IMG_0886

theCydonian commented 4 years ago

@owocki, I can create a metacartel svg avatar. Do you just want it to look like the image you attached but with deconstructed components, or something else?

alexgetty commented 4 years ago

@owocki Sounds good. I have a bit of work to do to get my system in line with your format, but it should be too much of a hassle. I'll work through that as well as start looking into the GPV v3 licensing. Once I get at least one character variant in the correct format I'll post my svg code here so that you can verify it's done correctly, then I'll work on formatting the rest of the character variations.

I'm still new to this... do I need to do anything on gitcoin to "officially" work on this bounty?

To answer your other question, yes I'm in Denver. I came to a few of the meetups in boulder a while ago and met you briefly, but it's been a while since I've been to one. I was able to catch your talk/panels at ETHDenver last week though and have added C&B to my reading list because of it :)

owocki commented 4 years ago

@Popeline5 looks cool :) pls continue

@theCydonian yeah deconstructed parts, and fitting the spec in the desc. we can add more parts to it from there.

@TheDataDesigner great! you can click 'start work' on the bounty if you want.

theCydonian commented 4 years ago

@owocki I finished reconstructing the metacartel logo in illustrator to separate the vector components out into parts. Here are some screenshots of my work:

If you want me to continue work on this bounty, what types/how many variations of the parts do you want?

Screen Shot 2020-02-21 at 22 20 37 https://user-images.githubusercontent.com/31706764/75087697-8cdae600-54f8-11ea-8761-498783d017e7.png https://user-images.githubusercontent.com/31706764/75087698-8cdae600-54f8-11ea-8a18-248a9f4b8c98.png https://user-images.githubusercontent.com/31706764/75087699-8d737c80-54f8-11ea-8ee7-683976f6cb2c.png https://user-images.githubusercontent.com/31706764/75087700-8d737c80-54f8-11ea-8d45-b0b0fdd9b6c9.png https://user-images.githubusercontent.com/31706764/75087701-8e0c1300-54f8-11ea-8555-7f2fabde170f.png https://user-images.githubusercontent.com/31706764/75087703-8e0c1300-54f8-11ea-9272-8882f080fa58.png https://user-images.githubusercontent.com/31706764/75087704-8e0c1300-54f8-11ea-9a1e-15e92affb526.png

gitcoinbot commented 4 years ago

Issue Status: 1. Open 2. Started 3. Submitted 4. Done


@writeprovidence due to inactivity, we have escalated this issue to Gitcoin's moderation team. Let us know if you believe this has been done in error!

Funders only: Snooze warnings for 1 day | 3 days | 5 days | 10 days | 100 days

owocki commented 4 years ago

@theCydonian looks great! let me ask some metacartel members what avatar accessories they want. some thoughts from me:

can you post the svg so we can be sure that the DOM is constructed correctly?

owocki commented 4 years ago

hey everyone on this thread; could you post your WIP svg sometime in the next 48 hours so i can validate it against the avatar builder code ? pretty pls

theCydonian commented 4 years ago

@owocki here is my svg so far:

metacartel.svg.zip

I'll start working on the variants today.

theCydonian commented 4 years ago

@owocki I made a bunch of variants and incoorperated assets from the bufficorn avatar. Here is what I've got:

spicyboi.svg.zip

Let me know if you need anything else.

KushMd commented 4 years ago

JEDI https://drive.google.com/open?id=1Vo4fLyMNEgSbl_DF_ZInAOco8rx0hw4B

KushMd commented 4 years ago

ORC https://drive.google.com/open?id=1cJZk1J1c-eabwI898f0lGF3zgOEIPU8d

KushMd commented 4 years ago

JOKER(supervillian) https://drive.google.com/open?id=19CNJzLg9XG4Z1cfNsvg6uWl9Y1mktMCw

alexgetty commented 4 years ago

Here's a sample of the first character along with a bunch of different bases to show the format for variations. Let me know if I need to tweak anything here before building out the other elements

character.zip

Screen Shot 2020-02-24 at 8 37 25 AM

owocki commented 4 years ago

just played with all of the above svgs.. were mostly on track!!

some comments for everyone:

almost all of the samples only had one accessory/hair/clothing/etc type. will need at least 3 of each type before submission :)

and make sure you name your different dom elements as follows :) otherwise the system wont know how to parse/name the individual parts

Screen Shot 2020-02-24 at 2 09 25 PM

owocki commented 4 years ago

@TheDataDesigner that looks good.. but note that u wont have to do color variations for skin tones (so u can remove most of the Base's). our system can swap out any base skin color for a bunch of diffrent other ones just by doing a simple regex on the svg DOM :)

owocki commented 4 years ago

cant wait to add ur guys avatars to this list!!

Screen Shot 2020-02-24 at 4 15 55 PM
theCydonian commented 4 years ago

@owocki I added two new backgrounds. Is there anything else you want me to do, or are you satisfied with this as the final submission? However I might have messed up naming as I'm not sure of how the naming scheme is specified.

spicyboi.svg.zip

Let me know what you think.

owocki commented 4 years ago

@theCydonian theres only one accessory (accessory_14) in the DOM... (similar for hat, mouth, eyebrows, etc)

can you resubmit with several of each category in the main level of the DOM? ie accessory_14 accessory_13 accessory_12 accessory_11

feel free to use the sample svg ( https://bits.owocki.com/v1umkr1e ) as a example

owocki commented 4 years ago

@theCydonian theres only one accessory (accessory_14) in the DOM... (similar for hat, mouth, eyebrows, etc)

can you resubmit with several of each category in the main level of the DOM? ie accessory_14 accessory_13 accessory_12 accessory_11

feel free to use the sample svg ( https://bits.owocki.com/v1umkr1e ) as a example

theCydonian commented 4 years ago

@owocki sorry about that. I messed up the export. This should be better:

metacartel.svg.zip

nasehim7 commented 4 years ago

@owocki Hi Kevin, I have been away because of work. Continuing on what I submitted earlier, I have converted the Mage into the relevant SVG. You can give your feedbacks and accordingly I will fix Mage as well as push out the Orc that I have made.

Here is Mage: https://drive.google.com/file/d/1DGwPNk0iMUCnxJ7u_hTq0f9JFiPRp1F6/view?usp=sharing

KushMd commented 4 years ago

JEDI https://drive.google.com/open?id=1j3uHoh5GZi1ejmbqE1TeJpe7k_eoK_rV ORC https://drive.google.com/open?id=1aPTQvCMq_IIUp49598KABJDD63YprpfL JOKER https://drive.google.com/open?id=1K4ibwP7FoS5x201gNX4nEpNLEvexIwmh

(copied some backgrounds from bufficorn avatar)

Anything else I should add????

nasehim7 commented 4 years ago

@owocki Hi Kevin, here is the SVG form of the Orc which I sketched earlier for the task:

https://drive.google.com/file/d/1DVaphPS4ZiE-m-kZ9ZuQvSD0mrOksD5H/view?usp=sharing

Moreover, I would like to share a version of Harley Quinn which I made couple of days back for my social media page. You can have a look and lets see if we can make use of it in later version of this task or so or maybe something on the similar lines

image

Comments are welcomed for these as well as for Mage.

Cheers, Animesh

simonweniger commented 4 years ago

Burning Man BurningMan

Protoss/Barbarian Protoss

We already have some ideas for different versions, types of the characters and accessories.

alexgetty commented 4 years ago

Here's an updated version of my characters with all the variations included. Added some background options as well, per your request. If this looks good to you, I'd be ready to throw it in a PR.

gitcoin characters.svg.zip

@owocki Perhaps this is just user error, but I can't find the "Start Work" button anywhere on the Gitcoin bounty page. I'm authenticated, but there is no option to start a bounty. I even did a text search for the phrase and nothing came up. I feel pretty silly for having trouble with this...

writeprovidence commented 4 years ago

@owocki my SVG . please take a look avatar.zip

theCydonian commented 4 years ago

avatar-01.svg.zip @owocki I made one final tweak, but this should be good for a final submission.

owocki commented 4 years ago

@simonweniger the burning man one is cool but the SC2 player in me LOVEs the protoss!

owocki commented 4 years ago

testing all of these now.. notes soon

theCydonian commented 4 years ago

@owocki thanks. If there still are any issues, I can likely address them within 2 hours of you pointing it out.

owocki commented 4 years ago

notes below

jedi.svgz whats an svgz? can u deliver as an svg? DOM looks mostly good could we add 2-3 clothing options, facial expressions?

orc.svg looks good DOMwise could we add 2-3 facial expressions, beards backgrounds, and maybe a body? some hidden

Orc-01 These are all bitmaps not vector files, is that by design? the system seems to be choking on the svg bc its so big (presumably bc its bit maps) do u have a vector version?

metacartel.svg can we resize this to be 350px x 350px instead of 1000+ px in viewport size? can we add 2-3 more accessories or tattoo or hat permutations?

spicyboi.svg can we resize this to be 350px x 350px instead of 1000+ px in viewport size? can we add 2-3 more accessories or tattoo or hat permutations?

gitcoin character wow this is perfect! no changes needed :)

avatar-01 this looks good to me. thanks!

joker.svg this one is good! could use

mage These are all bitmaps not vector files, is that by design? the system seems to be choking on the svg bc its so big (presumably bc its bit maps) do u have a vector version?

owocki commented 4 years ago

@TheDataDesigner i just set the bounty type to Cooperative so you should be able to start work now.

btw your avatar is behind a staff only on prod now :) nice work => https://gitcoin.co/onboard/profile?steps=avatar&theme=comic

do u have any more items ud like to integrate?

theCydonian commented 4 years ago

@owocki you said my latest avatar is good. How does this work with the bounty?

owocki commented 4 years ago

@theCydonian which avatar-01 ? im haviing a little bit of a hard time integrating it in the avatar builder.. will let u know if any changes are needed

theCydonian commented 4 years ago

@owocki The lastest is avatar-01.svg. What problems are you having? I can make fixes fairly quickly so you wont have to wait until tomorrow for a final version.

I want to get this done today if possible, and I will put in the work to do so.

owocki commented 4 years ago

@theCydonian your export is 1000x1000; needs to be 350x350

also - having some trouble with the coloring of the items; screenshot => https://bits.owocki.com/Qwu7lWpo -- if u can export it straight from illustrator with explicit fill colors in the svg i think that'll really help

theCydonian commented 4 years ago

@owocki give me 30 minutes and I’ll fix it

owocki commented 4 years ago

can you make it in your export so that all of the accessory body features are only one layer deep in the DOM @theCydonian ?

theCydonian commented 4 years ago

@owocki do you know how I should fix the colors? I resized, but I'm not sure about the colors.