#827 Idea: Badge series for awarding badges to others manually
Opened 2 years ago by till. Modified a year ago

Badge description (like "You added a co-maintainer to a package. BFF!"):
- You awarded 5, 10, 20, 40, 80, 160 badges manually

Help the badges team understand what this idea is all about. If this badge is
awarded for certain kinds of activities:

1) What are those activities?
- Awarding a badge manually

2) Who is doing them (are they packagers? translators? newcomers? veterans?
users? sponsors?)
- everyone who got nominated to award badges

3) Why are they doing them (is this a means to a different end?)
- the reward other people for doing great stuff

4) When do they do them (every day? once a year?)
- depends on the type of badge

5) How do they do them (by talking in IRC? by running commands in the console?
by using a web interface?)
- using the Tahrir web interface

Lastly, do you have any ideas for artwork concepts?
- Maybe a panda (on a podium or in a booth handing) out badges - or at a screen typing in fas names in a web app. Maybe the badges for the higher numbers can show a more exhausted panda or better organized to make it faster.


I think this is a great idea(Because I push out massive amounts of badges), but I don't know how we should track it. Just guessing?

Metadata Update from @computerkid:
- Custom field artwork adjusted to None
- Custom field concept_review_passed adjusted to None

2 years ago

I was assuming that it is present in the fedora messaging data for an awarded badge. Nevertheless, at least Tahrir should know this, too, so maybe it is recording this in its database.

Metadata Update from @smeragoel:
- Issue tagged with: artwork - needed, category - community, difficulty - intermediate, needs-rules, outreachy-2022

2 years ago

Hello :) I would like this issue to be assigned to me :)

Hi @harshita12 - you are welcome to start work on this task- looking forward to your first draft :)

Let me know if it fits well into the description and the changes required :) I will then proceed to make for 10, 20, 40, 80, 160 and try making slight variations in each. :)

Hi @harshita12! This is a very good first attempt :D I'd like to make some suggestions for your next go:

  1. There are some perspective issues with the laptop, the table and the fedora logo. Maybe the laptop lid could be opened up more? Also, we can remove the Fedora logo. The logo at this scale probably won't be recognisable in the final badge. You could add an outline of the badge shape instead.

  2. The panda's face looks a bit squished. The mouth kind of looks like a nose and less like a mouth. Maybe try shifting it lower and changing the shape of the mouth?

  3. The starburst centre and the number 5 don't align. I think it could look nicer if they are aligned :)

  4. Overall, this is a very good first attempt. I think you can also play around with other ideas because this one seems a bit generic. We could use it for other badges, but it doesn't scream "awarding badges". Maybe you could try out the other idea @till suggested in the description: a panda at the podium handing out badges. There could be a line of pandas that gets more crowded as the numbering goes up.

Also, next time, you can attach both the PNGs and the SVGs of your design in the same comment so that the design is visible right on the ticket itself.

All in all, great attempt. Looking forward to seeing the next version!!

I would like to work on this

Hi @madhavidayma thanks for working on this task! Some notes for you:
- Make sure to to use the badge templates. Here are the steps:
Save the templates to your computer.
Open the template.
Go to File -> Save As
Rename your file with an appropriate title.
Add designs on top of this template. Do not change, move, or alter the template in any way. This keeps the badge designs consistent. Your designs should blend into the designs on the Badges site.
Your exported PNG should be 256x256 pixels. Make sure to upload the SVG as well.
- Make sure to use your own original graphics or remix graphics that are already created for Fedora badges
Looking forward to your next draft!

Hi @madhavidayma thanks for working on this task! Some notes for you:
- Make sure to to use the badge templates. Here are the steps:
Save the templates to your computer.
Open the template.
Go to File -> Save As
Rename your file with an appropriate title.
Add designs on top of this template. Do not change, move, or alter the template in any way. This keeps the badge designs consistent. Your designs should blend into the designs on the Badges site.
Your exported PNG should be 256x256 pixels. Make sure to upload the SVG as well.
- Make sure to use your own original graphics or remix graphics that are already created for Fedora badges
Looking forward to your next draft!

I Have some improvements do check them @smeragoel and @riecatnor

panda123.png
pandbadge.png

Hi @madhavidayma nice improvements! Some notes for you:
- looks like you are making improvements with the template, but the spacing around the badge art is not correct. Did you follow the steps I left in my last comment? https://pagure.io/fedora-badges/issue/827#comment-790040
- Make sure to check out the Fedora Badges style guide.. your art should have a background, use certain stroke sizes, use a certain typeface: https://docs.fedoraproject.org/en-US/badges/_attachments/fedora-badges-style-guide.pdf
- Make sure to think about the concept of the badge and come up with something related, this is for awarding people badges manually. It can be time consuming, but it is a labor of love :) so maybe it is a panda handing out badges to a line of other pandas?

awarding_badges.png

awarding_badges.svg

-> Badge givers award ceremony, a panda at the podium announcing on its screen that you have been awarded "5" for awarding badges

-> when the numbers increase we can show more people in the audience in pink, and one green only, as those you awarded badges to, are there in the audience to cheer you. The award receiver is the green panda.

i am a little skeptical of how i'll fit the 2 or 3 digit numbers in the badge though.

@smeragoel @riecatnor let me know what you think of this and if it's better or worse than the prev version that I had received feedback on :))

Hey @smeragoel @riecatnor, I would like to work on this issue. Please assign it to me. Thank you!

Hey @smeragoel @riecatnor
I have designed the badge for awarding '5' badges.
The panda at the podium is giving badges, looking at his laptop screen, at the badge givers ceremony, as described in the description.
Please review it so I can design the rest of the badges on a similar design with little variations.
Thank you!
awarding_badges_5.pngawarding_badges_5.svg

Hi folks! Thanks for working on this ticket! reviews below

@harshita12
- This design is much closer to the concept of the badge- nice work on that
- I would suggest adjusting the composition a bit, the middle area seems to be taking up a lot of space but not adding a lot to the design. I think you can make the perspective more forced in order to gain some space
- The shape around the 5 looks like its supposed to be the fedora logo shape, but it looks skewed. I see that you are referencing badges with that- which makes sense for this badge, but I think it is not quite effective. I think it is because you have removed recognizable pieces of badges such as the color ring and white areas
- Play with the colors for the pandas up front, they seem very contrasty- take a look at other badges to get an idea of how to color these
- The panda behind the badger looks like they are floating there, and the arms look kind of awkward, I would recommend adding in the rest of the body and work to make the arms more natural
- I think your badge template might be off as well, make sure to use that without making any changes

@chhavijindal
- I like how you've used the past art work, but we are still missing the "awarding badges" concept in there, try to work that in somehow
- Please use the comfortaa typeface for your numbering
- The pandas in the background are floating like ghosts :) I would suggest anchoring them somehow or use a different design that includes the entire body of the panda
- The background is quite dark and also flat- I would recommend choosing a different color and add in some pattern or illustration

@madhavidayma
- It looks like your badge template is skewed, please make sure you are using the template and make no changes to the template art
- I think the medal graphic doesn't fit here, what about using a badge?
- I would suggest removing the black on the podium as we avoid black in badges, switch the colors up to be medium grey and dark grey
- The area on the bottom is taking up a lot of space in the design, I think you can reduce that some to make space for the pandas- they are quite small right now

@silver
- Nice start, I like how big the panda is!
- It looks like you have a podium, and then a brown shape in front. I think you can go with one or the other? or make it more of an illustration if you are trying to show a stage
- You can remove the fedora logo, we try to avoid using it generally, and this badge concept doesnt need it. (also thats the old logo)
- There is a small object on the pandas chest- what is that supposed to be? right now it is hard to tell
- The stroke you have on the speakers podium is very heavy, I would reduce that and make the edges rounded instead of pointy, you can do this under "stroke style"
- It would be good to add something in to denote this is for awarding badges, maybe the panda is holding up a badge?

Looking forward to the enxt drafts!

Hey @riecatnor @smeragoel
Thanks for the review of my previous work. I have worked on the suggested changes and tried to come up with a better design.

I have modified my design, to include the idea of awarding badges manually.
The panda at the podium is giving badges, looking at his laptop screen, at the badge awarding ceremony, as described in the description. The green panda represents the receiver of the badge, among the crowd of the other orange pandas.

Kindly review this.
Thanks!
awarding_badges_5ii.pngawarding_badges_5ii.svgawarding_badges_5iii.png

Fresh reviews, everyone!

@chhavijindal:
- The pandas still look like floating ghosts. You can try looking up reference images for some help! I think you will need to customise the existing artwork to make it more cohesive. Also, avoid putting the artwork too close to the edges

@harshita12:
- I think the badge template on the wall isn't adding the intended highlight. Try changing the background to a radial gradient and shifting the gradient's centre to behind the Panda's head for a more subtle emphasis.
- Add more different coloured pandas instead of alternating the colours.
- Move the numbering more to the right; it is too close to the edge right now.
- Make sure to use the badge template correctly. Your PNG output should be 256x256 pixels, 96dpi. Read more here: https://docs.fedoraproject.org/en-US/badges/design-badges/

@smeragoel I have worked please see.
Smera I have not added more pandas because then it looks like congested so just two pandas in a line and first it was skewed badge but now I corrected that
I have removed mic because as Marie told we don't use black in badge designs.

worked_1.png

Hi, @smeragoel @riecatnor ... I am Oreofe, an Outreachy 2023, applicant and I want to contribute this issue for possible solution. Giving my contribution to the Fedora Badge project, I created a couple of concepts for awarding badges to others manually.

@smeragoel @riecatnor
Here is the design for awarding badges in the booth. I included the "other" pandas and badgers as they are handed their badges in numbers and also, a panda typing on a screen, the fas names on a website app.

@smeragoel @riecatnor
Here is the design for awarding badges in the booth. I included the "other" pandas and badgers as they are handed their badges in numbers to others and also, a panda typing in a screen the fas names in a website app. I designed artwork of the badges that show a panda awarding a badge to another panda, a more exhausted panda, awarding badges for the higher numbers and a better organization of awarding a series of badges from a panda to others to make it the awarding faster.
Kindly, leave your feedback. Thank you.

Award_B_1_3.svg
Award_B_1_3.png
Award_B_2_1.svg
Award_B_2_1.png
Here is a badge that shows a more exhausted panda for the higher numbers with the tongue out to signify that the panda is exhausted.

Award_B_3_3.svg
Award_B_3_3.png
Here is a badge that shows the better organization of awarding a series of badges to others to make it faster. In this artwork, there is a board, placed above to display the series of badges to be awarded at the time.

Screen.T.svg
Screen.T.png

Hi @orezi5 thanks for starting work on this ticket! Feedback for you:
- I like that you are playing with the badge artwork, patterns, etc.. tho I think the artwork in this comment is a nice execution of the concept and fits very well with the Fedora badge style.
- Using the art from the comment I referenced, I would suggest moving the badger down just a bit as its cropped in a strange place on the body of the badger.. so you will need to "release clip", move the badger down, and then "set clip" again
- Once that part is done and approved, we can work on creating the other badges in the series

Looking forward to your iteration :smile:

Login to comment on this ticket.

Metadata
Boards 1
Artwork Status: Backlog
Attachments 31
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached 2 years ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment
Attached a year ago View Comment