creatures caves welcome, guest
downloads   gallery   dev   community   creatchi   forum   mycaves
bookmarks | search | post new topic
Development Forum
old
Favorite Place Icon Spritework   
RisenAngel
Sanely Insane

RisenAngel
United States  
Manager


 visit RisenAngel's website: The Realm
  9/23/2014

Recently I decided to try and finish up a metaroom project I started some time ago. The first order of business was to try and make a new favorite place icon since the one I originally made looked awful.

I tried to make it look like the favorite place icons of the official metarooms, but this is where I kept running into problems. Compared to the smooth lines of the official favorite place icons, the ones I kept making were obviously pixelated. Furthermore, this is just the base icon - trying to make a glowing version is probably going to be an even bigger headache.

What I was originally doing was taking an image I felt best represented the room (in this case, a zander fish), making an outline, and then pasting it onto the base. I've also been using GIMP for this.

Since that process isn't working out right now, is there a better way to go about making a favorite place icon? If nothing else, is there any information about how CL went about making their favorite place icons?


~ The Realm ~
Risen Angel's Creatures Blog


 
Ghosthande
Prodigal Sock

Ghosthande


 visit Ghosthande's website: Breeders Beware
  9/23/2014

I can relate; it took me a surprisingly long time to start making "decent" favorite place icons, considering how simple the sprites look. My very old ones--including the original Bai-Loki icons--will thankfully never see the light of day.

In reference to the pixelated lines, do you mean the "line art" within the colored circle, or the circle itself?

Also, what have you been using other than GIMP?

Most of the time I just drew the icon shape with a brush 1px in diameter; as long as anti-aliasing is turned on for the brush, and the brush is soft enough, it should look sufficiently non-pixelated. I do know that GIMP is a bit harder to make good-looking lines in than Photoshop... generally, if you decrease opacity enough, it will eventually start looking okay.

For the lit up version, Photoshop has a "glow" effect which can be used to duplicate the look of the official icons almost exactly. So I just cheated and used that. I'm not sure if GIMP has a similar effect, but if not, a very large, very soft brush set at a low opacity might be able to duplicate the look too.



 
RisenAngel
Sanely Insane

RisenAngel

Manager


 visit RisenAngel's website: The Realm
  9/23/2014

I meant the lines within the circle; the circle itself was just ripped from one of the official favorite place icons. GIMP is the only program I've been using considering it's the only non-MS paint program I have on this computer (I'm not willing to purchase Photoshop at the moment).

Anyway, I started using the brush with the opacity set to less than maximum; before this I pretty much used solely the pencil and then went over the outline with the blur tool. It looks better, though it still looks horribly jittery since I'm stuck with a mouse.

Unfortunately, I'm fairly certain GIMP doesn't have a glow effect akin to Photoshop's (though I've never used Photoshop so I don't know what its effect is like). However, your brush suggestion got the job done just as well.

After much fidgeting and taking the advice here, I ended up with this. I think it's nice enough to be usable, though I do think I could do better.


~ The Realm ~
Risen Angel's Creatures Blog


 
Ghosthande
Prodigal Sock

Ghosthande


 visit Ghosthande's website: Breeders Beware
  9/23/2014

Nice! Looks like you definitely nixed any pixelatedness.


 
Luzze

Luzze



  9/25/2014

I don't know what GIMP is capable of but with photoshop it's the easiest to use the pen tool and trace/draw the icon into a vector path and then stroke it with a white 1px hard brush (soft brush didn't look so good..)
 
Ghosthande
Prodigal Sock

Ghosthande


 visit Ghosthande's website: Breeders Beware
  9/25/2014

Yeah I don't think you can do that with GIMP.

I've used the pen tool also, mostly for things that need smooth curves or geometric shapes--like a DNA, or a globe. It certainly beats trying to draw out a perfect circle or curve by hand. But for small things with lots of details (like critters), vectors can lose some of their convenience. The Enchanted Grove's icon has a unicorn on it... I wouldn't want to use vectors for that. :P



 
Mioonktoo

Mioonktoo


 visit Mioonktoo's website: Creatures From Lurkspace
  9/25/2014

I know it's late and I've never had Photoshop so I can't make comparisons, but Gimp does have a handful of glow plugins/ filters built right in. They're located in the Filters menu under "Light and Shadow," "Artistic," and "Alpha to Logo." There's most likely better glow plugins in the official repository though. But its really better to just go over your lines with a really soft brush like you just did instead of fiddle around with the glow options found in the menu categories I just listed. Or use Paint.net for the glow effects since it does that better than Gimp. Well, at least my probably outdated copy of that program does.

From the depths of Deep Lurkspace I emerge... And suddenly can't remember what it is I came up for.
 


downloads
cobs
adoptions
creaturelink
metarooms
breeds
 
gallery
art
wallpaper
screenshots
graphics
promos
sprites
dev
hack shack
script reservations
dev resources
active projects
dev forum
 
community
links
advice
chat
polls
resources
creatchi
 
forum
bookmarks
general
news
help
development
strangeo
survivor
mycaves
log in
register
lost pw
0 online
creatures caves is your #1 resource for the creatures artificial life game series: creatures, creatures 2, creatures 3, docking station, and the upcoming creatures family.

contact    help    privacy policy    terms & conditions    rules    donate    wiki