Fedora badges: how to

Fedora badges is a perfect place to start if you want to help out the Fedora Design Team. ‘I’m not a designer!’ ‘I can’t draw!’ ‘I’ve never opened Inkscape’ – you might say. And that is totally fine! Everybody can help out, and none of those reasons will stop you from designing your first badge (and getting badges for designing badges ;)).

So let’s look at how to get started! (all of these can be found in our presentation here)

  1. Badges resources

    Inkscape Download: https://inkscape.org/en/download/

    Fedora Badges: https://badges.fedoraproject.org/

    Fedora Badges Open Issues: https://pagure.io/Fedora-Badges/issues?status=Open

    Fedora Badges Design Resources: https://pagure.io/Fedora-Badges/issue/raw/66de8abf46b1a554666d4ddb3ff20253d40350afbfe8801acca300e121364a35-FedoraBadgesResources.zip

    2. Anatomy of a badge

anatomy

As you can see, badge consists of several elements, all of which will be different for different badges based on how you categorize them.  More on those as we look at Resources.

3. Resources

So now go ahead and download the Fedora Badges design resources

ATTENTION! VERY IMPORTANT! Prior to designing check out the Style Guidelines that you can find inside the zip file.  Couple of things to keep in mind here:

  • background and rings colors: it is important to keep badges consistent – please categorize your badge and based on that choose colors from the palette. If you need help categorizing, ask on IRC #fedora-design or during our bi-weekly badges meetings every other Wednesday  7-8 US Eastern on fedora-meeting-1@irc.freenode.net.
  • pallette (pp 12-13): if you need some other color, pick one from the palette. You can even download and install it on your computer to use straight from Inkscape. To import them, save the .gpl files to the ~/.config/inkscape/palettes/ directory.
  • fonts (pp 17-18): use Comfortaa and pay attention to do’s and don’ts listed there.
  • do’s and don’ts: it is very important to keep those in mind while designing, so all our badges are consistent and beautiful.

Another tip for consistency: once you’ve have picked a badge, go look at ALL the badges here: https://badges.fedoraproject.org/explore/badges. If you are just starting, it’s a great place for inspiration; you can see how similar badges have been categorized, and what imagery and patterns have been used. Download one of these badge artwork files and use it as a template or starting point for your badge design. To do that, simply click on a badge and go to its ticket. Usually .svg can be downloaded from there.

Selection_0472.png

4. Design

  • Look at similar badges on badges index.
  • Choose a concept for your badge. Look at similar elements, consider suggested concepts from the ticket, or come up with something yourself if you feel like it!
  • The easiest badges are Conference and event badges. They are all the same colors: purple ring, grey background for conferences and dark blue for presenters. Use the template or even re-use last year’s badge and put your conference logo / year on it – Congratulations! You’re done!selection_048
  • Gather inspiration & resources. This means going on the internet and researching images and concepts. For example, if you want to draw a badger on a bike, you might want to search for a photo or an illustration of a person on a bike to use as a reference. No need to reinvent. This may not be necessary for the simpler badges.
  • Categorize your badge using the Style Guide or ask one of us for help.
  • Open the corresponding template, Save as… your filename and get designing! Here’s a link to some nice Inkscape tuts: Fedora and Inkscape. Keep it simple and pay extra attention to resizing stuff. You don’t want to change background size and positioning, so don’t move it around. That way all the badges look the same. When resizing other elements always hold CTRL to maintain proportions. Also don’t worry too much, we’ll review your badge and help if necessary.
  • Feel free to reuse and remix other badges elements. Also remember to SAVE! Save all the time 🙂
  • Once you’re done with the first draft, go to Export PNG image, select a place where to export, name your file and choose Export area – Page. Check that your badge is 256×256 and there! All done! Congratulations!
  • Upload png to the ticket and ask one of us to review your design.
  • Now work with a mentor to finish it and with a developer to push it.
Fedora badges: how to

FAD and Flock to Fedora 2016

Brace yourselves, this is going to be a long one! In the past 2 weeks I’ve been traveling a lot: first to Westford, US for Design Team Fedora Activity Days 2016 and then to Krakow, Poland for Flock to Fedora 2016.

FAD July 29-31, 2016

This year part of the Fedora Design team met in Westford, MA. Mo Duffy gathered together Sirko Kemter (gnokii),  Marie Nordin (riecatnor), me, Chris Roberts (croberts) and  Radhika Kolathumani (radhikak). FAD is a mini-conference focused on recruiting (and enabling the recruitment of) new designers to Fedora via the Fedora Badges and Fedora Hubs projects.

13662206_10210359881941299_6446289493379769946_oc

Day 1

On the first day we did a lot of design team planning and preparations for the next day, for which an Inkscape bootcamp / workshop was scheduled. Everybody mentioned above + Ryan Lerch and Justin Flory were present (Ryan and Justin for a bit via Bluejeans). There was a lot on our agenda: newcomers, Pagure migration, status of ticket queue, meeting times, badges, distribution related design, CommOps thread. We managed to actually discuss most of it.

We talked a lot about newcomers and criteria of becoming a Design Team member. First of all it seems that there are not enough tickets for them or they might be unable to choose the appropriate ones. We decided that it makes sense to assign each newbie a mentor, as well as tag newbie tickets appropriately. Defining a number of tickets needed to be accepted into the Design team needs to be combined with their difficulty: for instance, changing a number on a badge != designing a logo from scratch.

Meeting times need to be different in Western and Eastern hemispheres, the idea being that we could read through each others meeting minutes at start of our own meets.

We need to ‘unseparate’ distro design queue from the trac tickets and have them all together in one place, so the former are more visible. The same goes for badges: we decided that it would be a good idea to have a separate badges meeting and clean up the ticket queue at least once a month.

We also talked about swag and need for design team overview over printed matters, since it is crucial to choose the right files for printing in order to maintain quality. Looks like more communication is needed here between different teams in Fedora. Sometime during this discussion Marie and I took a little break to go through badges trac and choose the ones appropriate for the workshop next day. 30 people were registered, so we went through all of them to have a good number.

13957402_10100459450589306_837920315_n

Later that day we got supplies for our event and had a lovely dinner.

Day 2

We set out to the Red Hat Westford office bright and early, as 30 people had registered for our Inkscape-learning workshop. I could write about it quite a bit, but no need – Mo has already written a great post describing it in detail here.

13903266_10100458208134196_5353899798899726527_n

TL;DR people liked it, all the reviews are positive, but we might have underestimated the amount of time needed and there was almost no time for badges. But no worries, since we do our badges thing all the time and Flock was just a couple days away ↓↓

Day 3

On Sunday most of us were flying out from Boston Logan, so we took a day to see Boston: visited Isabella Gardner museum and Mo gave us a walking tour, which was all pretty great!

Then I did a BOS-FRA-VIE flight, bus to Brno, bus to Krakow travel and arrived at Flock!

Flock to Fedora 2016, Krakow August 2-5

 

Co9nOR2WAAA3tR7.jpg:large

Day 1

The venue: very conveniently the same hotel where everybody was staying. It has all conference rooms close together on the ground floor. Light and bright, breakfast in the morning, lunch every day, snacks and drinks – all in all very pleasant experience.

Twitter feed: you can check out tweets and pics at #flocktofedora.

The schedule is still here on sched.org.

The talks

I was a little bit late to the party and missed all talks in the 1st part of the day, because I was traveling. I finally made it to the 15:30 talk by Paul Frields: Fedora Magazine and what it teaches us about users. You can see some of my notes on Paul’s talk on page 1 here.

IMG_20160802_160751.jpg

16:30 Sylvia Sanchez: Thoughts on Fedora and Arts. Frankly, I was not the biggest fan of this talk, seemed a bit unprepared. I’m sure there are notes somewhere, if you are interested.

17:30 Ina Panova: Software Repository Management with Pulp. I didn’t take notes, but you can see the whole preso here. Pulp is a platform for managing repositories of software packages and making it available to a large numbers of consumers. I’m also going to rework their logo a bit 😉 Oranges and packages, what could be more fun!

IMG_20160802_174341_crop.jpg

Evening: we had a guided tour of Krakow, which is a beautiful city! The weather was nice, our guide interesting and funny, so I enjoyed an official city tour, which doesn’t happen very often.

 

Day 2. My notes for August 3 are here starting on page 2.

9:00 Keynote #2,  Radosław Krowiak Co-owner, Akademia Programowania. He gave a talk about teaching kids programming and maintaining creativity levels, that are often diminished at school.

10:00 Matthew Miller: Kirk, McCoy, and Spock build the future of Fedora. Matthew talked about our goals and strategy and Star Trek and unicorns. To sum up – we all need to work together and see my notes above =) Here come the unicorns:

IMG_20160803_100601_crop

Here is a list of talks I visited later that day (see notes for Brian and Dusty’s talk and diversity panel): 11:00 Brian Exelbierd and Dusty Mabe: Bringing developers into the Flock, 1:30 Ralph Bean: Factory 2.0, 2:30 Maria Leandro and all: Diversity panel, 3:30 Pierre-Yves Chibon: Pagure: Past, Present and Future, 4:30 Sayan Chowdhury and Ratnadeep Debnath: Realtime IRC on Fedora Hubs, fewh that was a lot of talks! 😉

I want to really point out here Sayan’s and Ratnadeep’s work on IRC for Fedora Hubs, which IMO is essential for newcomers. There was a live demo and it appears to be working, synchronizing between the widget and the IRC client as you type. We talked about it later on Friday and guys have created a ticket for mockup on pagure.io. Some people argue that IRC is outdated, but really we still need it, since everybody in the community uses it still, and it’s not going anywhere anytime soon.

After all the talks that day we had dinner on a boat and a cruise of the Wisła river, which was very enjoyable and outside. Everybody got to do a lot of social networking, which might be the most important thing at conferences. After talks, of course 😉

8059447255943827318?account_id=2

Day 3

Thursday was dedicated to lightning talks at 9 am, and following workshops. Marie and I had our Fedora Badges Workshop scheduled for the after lunch session at 1:30. We lost some audience to the Infrastructure workshop, but frankly it might have been one of our most successful ones yet. There were ≈10 people in the audience, almost all of them followed through with the tutorial, we had 3 badges submitted and 2 approved all in just 2 hours!
How it works: Marie and I give our presentation, which you can download here (and we need to add to the new badges guide). First we talk about badges in general, then do a quick walk-through of a new badge creation. After that we allow people to choose badges they’d like to work on from a list pre-selected tickets for first time badge creators. And then people work on badges using Inkscape with our guidance and help if needed. This time, since it’s Flock, there was no need for creating a FAS account. Sirko was there for our workshop, so he helped, too.  Thanks to Sinny Kumari for taking a pic, I had no idea 😉

28811741586_7400188135_k.jpg

Later that day there was a Design Clinic organized by Sirko and in the evening we had a party at a brewery. People say the beer and food was great, I was not feeling 100%, but they are probably right. Check out the bus, too:

bus_pub_CpCiselWIAAgqVs

Day 4

On Friday before we left for Brno, there were 2 workshops / hackfests scheduled at 1:30 that I visited: Sirko Kemter: 101: Poster & Infographic Design, where he taught people to make a poster for a party using Flock design elements and Pierre Yves-Chibon: Fedora Hubs Meetup / Hackfest, transcript by jflory7 here and a video (more of an audio) here. I really miss working on hubs and want to start helping out again. There is a number of tickets, that need mockups, and many of those mockups need implementation, too.

All in all

Flock was a lot of fun: great talks, amazing people, new acquaintances, fun activities, beautiful city! Big thanks to organizers and hope to see you all next year!

FAD and Flock to Fedora 2016

FLOCK 2016! Learn How to Get Involved in Creating Fedora Badge Designs

We’re having a workshop on Thursday, everybody is very welcome! Learn about Fedora badges and Inkscape 🙂

riecatnor

Another year, another wonderful FLOCK! Thanks to everyone who put in the hard work to make this event a success. The first day and a half have been informative and fun, learning about what everyone in Fedora is up to, catching up with new and old friends and seeing some of beautiful Kraków. Just before I made my way here to Poland, I met up with the Fedora Design Team in Boston, MA, for a FAD. We tried out a new event for our team that was free to the public, an Inkscape and Fedora Badges Bootcamp, with success! So riding on the tail end of that I am excited to be here with the rest of the Fedora family and to continue working on Fedora Badges and getting people involved.

I will be holding a Fedora Badges Workshop this year at FLOCK with Mariia Leonova on Thursday…

View original post 225 more words

FLOCK 2016! Learn How to Get Involved in Creating Fedora Badge Designs

My Fedora Badges intern

For the past two weeks I was lucky to have an intern, who worked on Fedora Badges. Badges is a great way to start as a Fedora design contributor, as they have low entry level. Templates are ready, graphics is available to download, all the resources available here. All that’s left is to read through the guidelines, check out the already existing badges, install Inkscape – and create! The best thing is: you get badges for making badges 🙂
I hope Simon had a lot of fun working with us. He even created his own avatar for the badges profile – check it out!  Here are some of the badges he’s worked on:
simon_all
Couple of those are a part of a series. Backgrounds might be a little far from the guide, but as he explained – it just said ‘green’, so he naturally went with whatever green he fancied at the moment. I’m sure we can fix these little issues in no time. Simon also worked on other tasks – such as helping me out with logo concept for Fedora Development Portal, as well as some graphics for Brno Newsletter.  All in all it was amazing to have an intern and a great experience for both of us.
I wish Simon good luck in his future endeavors and hope he stays a contributor!
My Fedora Badges intern

Fedora Badges Workshop

Hey everybody! Quick announcement: this Wednesday Red Hat Czech is opening doors of our Brno office again. Visit us and experience unique atmosphere of openness and cutting edge technology – all of it in our newest building located in Technology Park Brno.

What can you expect:
– presentations
– career info
– coding contests
– office tours
– interactive sessions
and more. See full schedule here.

One of the interactive sessions will be my workshop on Fedora badges, where you can come and try your hand at designing one! It is an updated version of Marie’s workshop at Flock last year. Starting at 1 pm I will give a presentation on badges and then we’ll try to create a couple together.

I will be going over the basics of how to design a Fedora Badge. For example I will outline where to find resources, how to pick out tickets and proper badge work flow for Inkscape. If you are curious about designing badges or badges in general, this is a great time to learn how to get involved and and this workshop is appropriate for all design skill levels.Get well on your way to earning an apprentice badge artist badge😀

apprenticebadgeartist_big2

Oh, and by the way: slides will be here!

Fedora Badges Workshop