Touch the firehose of ds106, the most recent flow of content from all of the blogs syndicated into ds106. As of right now, there have been 92514 posts brought in here going back to December 2010. If you want to be part of the flow, first learn more about ds106. Then, if you are truly ready and up to the task of creating web art, sign up and start doing it.

Village Philosopher Badge

Posted by
|

This week in #prisoner106 we are to make a campaign video for running for office (the position of Number 2 seems to be unoccupied right now).

In preparation for campaigning I created a special badge for the Village Philosopher–that’s me! I need a special way to identify myself so you know whom to vote for.

I am not a number, I am a … Greek letter.

VillagePhilosopherButtonBeveled

The process

I made this in GIMP.

1. Images used, each on separate layer:

2. Scale and order layers so the phi is on top of the penny farthing. I had it under the penny farthing for awhile and was scratching my head trying to figure out how to get the Phi image to not be transparent because the wheel spokes were showing through. Oh my gosh…unbelievable…complete brain freeze not realizing it was just a matter of layer order. Yikes.

3. Add a white background layer under both image layers. Add alpha channel to that layer. Use the ellipse select tool to select a circle on the white background layer, then go to Select->invert to select everything but the circle.

4. Go to Edit -> clear to get rid of the white stuff outside the selected circle on the white layer.

5. Add bevel. Use ellipse select tool to select around the white circle on the background layer (the following will only work if something is selected, I think).

  • Use filters -> decor -> add bevel
  • I used the max size for the bevel, 30px

Done!

 

Issues

1. When I uploaded to Flickr it had a red background:
The Village Philosopher

This was very puzzling, until I learned that when an image has a transparent background, not all file types will preserve that. png does (what I saved it as), but jpeg doesn’t. Not sure what happens on Flickr, but it doesn’t show the original image in the view window. The red disappears if you go to the Flickr page and download “original.”

2. I couldn’t get the bevel to look as nice as the one on the badge on the right side of this site. There is a way to make a bevel manually, but it’s more complicated. This auto-bevel script has little in the way of customizing choices. I think there might be another GIMP script that has more.

3. I don’t know why the bevel only shows up on the right and bottom sides. Must be something built into the script?

 

Update

I tried playing with the “light and shadow” filter on GIMP, and got this one. Still not sure what to do to make the top left look like it’s standing out a bit from the background.

VillagePhilosopherButtonBeveledShadow

Add a comment

ds106 in[SPIRE]