Tessisamess

Layouts, Codes, Tutorials, & Resources

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal

Hey there, I'm Tess!

Welcome to my blog; I make lots of different layouts, codes, tutorials, and other resources for Insanejournal and Dreamwidth RPers! There's a lot to choose from and brand new content goes up every week!

Take a look around, and don't hesitate to ask for help if you need it!

Can't get enough resources? Why not subscribe to my Patreon for exclusive monthly content, or support the creation of more content by leaving a tip on Ko-Fi! ♡

Need an invite?

If you're unable to comment on my journal to ask for help now that anon has been turned off due to serious spam issues, don't worry! Just shoot me an email and I'll send you an invite code for Insanejournal. I've got plenty to spare!
×

December 2018

S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Please Note:

I do not offer assistance with any sites other than IJ and DW unless it is for general HTML and CSS (ie. custom hosted pages and similar.) I cannot convert a code to a new site's rules because there are a lot of niche RP sites, and I have no way of knowing each one's limitations and caveats. Sorry about that!

Layout By

Powered by InsaneJournal
Previous | Next

How Tess does her icons in GIMP. Or whatever.

to

How Tess does her icons in GIMP. Or whatever.

What up, kiddos? A nice lady mentioned wanting to do icons, so I offered to show her how I do mine. Do you like crystal clear, sharp-but-not-too-sharp, icons with no frills? Yeah, me too, man. Sexy shit. If you're interested in learning to auto-cap movies with VLC just lemme know in the comments and I'll show you how to do that, too. This tut is more for screencap icons than photoshoot icons, so be aware of that going into this. Here we go! For this tutorial you will need:

       ‣ GIMP
       ‣ Movie screencaps or, like. Pictures. Or whatever.
       ‣ The ability to follow my incoherent rambles.

Okay, so I'm just gonna grab something off of my desktop that I've already used for icons since I know that it will need all of my bare minimum steps. Open images in a new tab for their full size in this tutorial. Here's the full image if you would like to follow along with it as practice:



Open that bitch in GIMP and then click the rectangle select tool. It should be at the top left in the icons of your lefthand tool window. My image is a close-up of the PB's face, so I need to crop a square. This image is 720 wide by 304 high, so I'm going to make a box that's 304 wide. The height doesn't matter so long as it is at LEAST 304. Feel free to let it go outside of the boundaries of the picture.



Now crop that motherfucker by going to IMAGE in the middle window's menu and then down to CROP TO SELECTION. Bam. You have a square.



Now go back to IMAGE and down to SCALE IMAGE. In the popup box, set the width to 100 and hit SCALE. Now your shit is all kinds'a icon sized.



As you can see, this shit is way too fucking dark. Let's fix that, eh? Go to your LAYERS tab and make sure the picture layer is selected (single-click it if it isn't highlighted) and then hit DUPLICATE.



Now that you have twinsies you're ready to fix the lighting issue. Above your displayed layers is a dropdown labeled MODE. Click that and select SCREEN.



Sometimes using SCREEN is enough. Sometimes it will be too bright and it discolors the image and/or washes it out. If that's the case, go to LAYER > TRANSPARENCY > ADD ALPHA CHANNEL.



Then select the ERASER tool from the lefthand box, and set OPACITY to somewhere between 30 and 60, depending on how washed out it is, and then erase completely over the screened layer to tone it down. It's best to pick the biggest round brush and set the SCALE to 10.0 so that you only have to pass over it once. Remember: Since this is a percentage-based opacity don't let go of your mouse button while erasing or it will be uneven.



Now that that's done, right-click the screened layer and click MERGE DOWN. Now you're back to having one layer.



If you're following along with my test image, your icon should look something like this:



That's great and all, but we can do a little better, right? Right. I tend not to do a full sharpen on my icons. Instead, I use a brush and sharpen specific areas, most notably: Hair, lips, scars, wrinkles, or shine in a person's hair. With Paul, here, we've got eyes and wrinkles in his facial expression to sharpen. Choose the BLUR tool and then set it to SHARPEN. I usually zoom into my icon at 800% so I can be more accurate with my fuckery. Remember to zoom back out to 100% and make sure you didn't over-sharpen anything.


WELL? GET TO SHARPENING, BRO!



Now, sometimes, you need another SCREEN. I think it's still a wee bit too dark, so duplicate your layer again, set it to SCREEN. Wow, way too bright, right? Do that thing I told you up there. You know, with the alpha channeling and the erasing. Awyiss. Much better. Merge that fucker down and you're done. Good job. You made a motherfuckin' icon.



Shameless pimping:

Like my icons? Check out my new(ish) icon tag. Like my random ass PB choices? Check out ~oddpb and consider joining and contributing!

Comments

Dec. 12th, 2012 09:06 pm (UTC)
:D Yay! I'm glad you liked it. I mean, there's a ton more you can do with PB icons of course, depending on what you like, but this is good for bases or, if you're like me, if you just prefer clear icons that aren't too dark, too blurry, or too sharp without any of the extras.