Flock 2016 badges workshop

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.