Fedora Badges Workshop
Presented by
riecatnor & mleonova Marie Nordin & Maria Leonova FLOCK Krakรณw, Poland August 4, 2016
Designing Fedora Badges is fun! Blogs riecatnor.wordpress.com mashaleonova.wordpress.com
Introduction
5
Fedora Badges Workshop
Outer Ring
(Drop shadow)
Colored Ring Background Pattern Graphic
Anatomy of a Badge
Fedora Badges Workshop
Fedora Badges Design Resources Style Guide Templates Palettes & Content
Fedora Badges Design Resources Link fedorahosted.org/fedora-badges/wiki/DesignResources
Links
Fedora Badges Workshop
Fedora Badges Workshop
Fedora Badges Design Tutorial
First Steps a. Download and install all relevant resources b. Identify a ticket that needs artwork c. Set yourself to owner
a. fedorahosted.org/fedora-badges/wiki/DesignResources b. fedorahosted.org/fedora-badges/report
Tutorial 1
Fedora Badges Workshop
Research a. Look at similar badges b. Choose a concept for your badge c. Gather inspiration & resources
a. badges.fedoraproject.org/explore/badges c. Your search engine of choice
Tutorial 2
Fedora Badges Workshop
Categorization a. Use the guide to categorize your badge b. Open corresponding template in Inkscape c. Save As... name of your file
a. fedorahosted.org/fedora-badges/wiki/DesignResources b. inkscape.org/
Tutorial 3
Fedora Badges Workshop
Background a. Use sub category page to define color b. Select color from Fedora & Badges Pallet c. Save
a. & b. fedorahosted.org/fedora-badges/wiki/DesignResources
Tutorial 4
Fedora Badges Workshop
Background a. Background can vary depending on concept b. Draw your own/ Import/Gradient/Glow c. Save
Tip: Use Align and Distribute to match up pattern with background
b. https://fedorahosted.org/fedora-badges/wiki/DesignResources
Tutorial 5
Fedora Badges Workshop
Graphics a. Draw from scratch/ Import/Reuse/Remix b. Evaluate your design with the Style Guide c. Export a PNG and save
a. Most SVGs available on tickets at fedorahosted.org/fedora-badges b. fedorahosted.org/fedora-badges/wiki/DesignResources
Tutorial 6
Fedora Badges Workshop
Upload a. Upload SVG and PNG files to ticket b. Comment and place image in line c. Ping mentor in #fedora-design
a. fedorahosted.org/fedora-badges/ticket/243 b. [[Image(file_name.png)]]
Tutorial 7
Fedora Badges Workshop
Revisions a. Work with mentor to finish design b. Mentor will set art work status to approved c. Ping developer to push badge out
a. & c. #fedora-design on freenode.net
Tutorial 8
Fedora Badges Workshop
Congratulations! You designed a badge! https://badges.fedoraproject.org/
Tutorial 9
Fedora Badges Workshop