From Fedora Project Wiki

No edit summary
No edit summary
Line 1: Line 1:
= this is a temporary page for the hackergotchi ribbon tutorial =
= Creating a new hackergotchi ribbon  =
= Creating a new hackergotchi ribbon  =


Line 12: Line 10:


[[File:HackergotchiRibbonGSoC.svg]]
[[File:HackergotchiRibbonGSoC.svg]]
[[File:HackergotchiRibbonFUDCon.svg‎]]


(The text may look odd on the wiki because the font is missing.)


== Setup ==
== Setup ==


First, download the exampe [[Media:HackergotchiRibbon.svg]] or use one of the examples above.
First, download the exampe [[Media:HackergotchiRibbon.svg]] or use one of the examples above. Be sure to install the MgOpen Modata font! Use '''yum install mgopen-modata-fonts''' or download it [http://www.zvr.gr/typo/mgopen/index from their website].


This tutorial will use '''Inkscape 0.47''' to edit the SVG file. Install it from the repositories or download it from the [http://inkscape.org/ Inkscape website].
This tutorial will use '''Inkscape 0.47''' to edit the SVG file. Install it from the repositories or download it from the [http://inkscape.org/ Inkscape website].

Revision as of 18:40, 4 July 2010

Creating a new hackergotchi ribbon

This is a small tutorial explaining how to create your own hackergotchi ribbon. They're meant to be used on the Planet, to show your participation in a certain event (for instance, you're a student in the Google Summer of Code, or you're going to FUDcon this year...).

It's meant to be very easy to follow, even if you've never touched Inkscape before. If you need help or want someone to create it for you, don't hesitate to ask around at #fedora-design.

Examples

If you want to create a ribbon for a certain event, check first if it isn't already listed here. If you've created a new one, please let me know at jefvanschendel AT gmail DOT com or ask anybody on the Design Team, and we'll add it to the collection!

HackergotchiRibbonGSoC.svg HackergotchiRibbonFUDCon.svg

(The text may look odd on the wiki because the font is missing.)

Setup

First, download the exampe Media:HackergotchiRibbon.svg or use one of the examples above. Be sure to install the MgOpen Modata font! Use yum install mgopen-modata-fonts or download it from their website.

This tutorial will use Inkscape 0.47 to edit the SVG file. Install it from the repositories or download it from the Inkscape website.

Using your own picture

Simply go to File -> Import or press Ctrl+I to import your own hackergotchi and place it somewhere above the ribbon. The size surrounded by the black borders is 130px by 130px and we try not to go above this size for hackergotchis.

Hold Ctrl while resizing your picture to keep the same proportions.

Editing the text

  • Open the source file with Inkscape.
    • If the frame isn't in the middle of the screen, press 5 to center and enlarge the page. Pressing 1 after that will zoom out to 100%.
  • Simple double-click the text and edit it to your liking.

Changing the color

  • On the toolbar, press the Fill and Layers buttons (both are shown below) to open the Fill and Stroke panel and the Layers panel on the right side.

Screen1.png

HackergotchiScreen2.png

  • Click on the lock icon in front of the "text" layer to lock it, then click the icon for the background layer to unlock it. In short, it should look like the screenshot below.

HackergotchiScreen3.png

  • Click on the ribbon to select the background image.
  • Adjust the color wheel on the Fill and Stroke panel to your liking.
    • If you want to use one of the official Fedora colors, select the background image and use the eyedropper tool on the left side to select one of the colors left to the canvas.

Exporting your image

Go to File -> Export Bitmap or press Shift+Ctrl+E to export your newly created hackergotchi ribbon. In the following window, press Page to be sure, input the correct output folder and press Export.