From Fedora Project Wiki

(Created page with '= this is a temporary page for the hackergotchi ribbon tutorial = = Creating a new hackergotchi ribbon = This is a small tutorial explaining how to create your own hackergotch...')
 
No edit summary
Line 4: Line 4:


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...).
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 [mailto:jefvanschendel%40gmail%2ecom jefvanschendel AT gmail DOT com] or ask anybody on the Design Team, and we'll add it to the collection!


== Setup ==
== Setup ==
Line 15: Line 21:
* Open the source file with Inkscape.
* 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%.
** 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%.
* Double-click the text and edit it to your liking.
* Simple double-click the text and edit it to your liking.


== Changing the color ==
== Changing the color ==


* On the toolbar, press the Fill and Layers buttons (both are shown below). This will open the both the '''Fill and Stroke''' panel and the '''Layers''' panel on the right side.
* 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.


[[File:Screen1.png]]
[[File:Screen1.png]]
Line 31: Line 37:
* Click on the ribbon to select the background image.
* Click on the ribbon to select the background image.
* Adjust the color wheel on the '''Fill and Stroke''' panel to your liking.
* 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 on the left.
** 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.

Revision as of 23:07, 2 July 2010

this is a temporary page for the hackergotchi ribbon tutorial

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!

Setup

First, download the [Media:HackergotchiRibbon.svg hackergotchi ribbon source].

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

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.