Starlight-Tales.com

fanfic, fanvids & fandom ramblings

Icon Tutorial – Pale but Contrasty Images (The Lost Boys)

31
Jan 2007

The Lost Boys – Pale but Contrasty Images – Tutorial by thestalkycop

From this: Tutorial by thestalkycop to this: Tutorial by thestalkycop or this: Tutorial by thestalkycop
This tutorial assumes you are comfortable with making new layers and changing their properties (to screen or exclusion, for example).
Continue reading »

Posted in Graphics, Icon Tutorials Tagged , ,

Paint Shop Pro Gradients

11
Jan 2007

I made a bunch of gradients for Paint Shop Pro 7. They actually work in later versions of PSP too. I’ve since upgraded to PSP9 and they work perfectly. I belive you may have to actually import them in any version of PSP above version 7. There is a tutorial here which will help.

PSP7 Gradients by thestalkycop
[PSP Gradients] Sands (11.4 KB) (1344)

PSP7 Gradients by thestalkycop
[PSP Gradients] Dark & Murky (11.7 KB) (1189)

PSP7 Gradients by thestalkycop
[PSP Gradients] Blues (9.66 KB) (1184)

PSP7 Gradients by thestalkycop
[PSP Gradients] Purples & Pastels (10.2 KB) (1195)

Or download the complete set: [PSP Gradients] Complete Collection - Blues, Dark, Purples & Sands (43 KB) (1225)

Enjoy!

Posted in Downloads, Other Tagged , ,

Icon Tutorial – Harsh Contrasty Icons (Jared Rushton)

30
Aug 2005

Icon Tutorial – Harsh Contrasty Icons (Jared Rushton)

Go from Tutorial by thestalkycop to Tutorial by thestalkycop

I’m using Paint Shop Pro 7, but this is fairly simple and will probably translate well.
Sometimes, dead is better

Posted in Graphics, Icon Tutorials Tagged , , ,

A Tip for saving textures

18
May 2005

Just a tip about textures
I just thought I’d share this, because I’ve been getting frustrated for quite awhile and I’ve just figured out the simple way out of my frustration.

I’m a big fan of using textures on my icons (as you can see from the one I’m using). I’m also a fan of keeping my pictures in separate folders based on what they are pictures of (eg. Guns N’ Roses, with sub-folders for each band member, etc).

When making this icon, I started with a texture (Stock Images > Textures > texture-maker’s-name) and used a picture of Stephanie Seymour (Guns N’ Roses > Axl > Stephanie) and played about with an overlay from a music vid (Guns N’ Roses > Videos > November Rain) (I eventually canned that idea), then I wanted another texture on top (Stock Images > Textures > texture-maker’s-name). Lot’s of messing around with different folders.

Now I have simplified the whole thing. All of my textures have now been installed in my C:\Program Files\Jasc Software Inc\Paint Shop Pro 7\Patterns folder.

I used IrfanView 3.95 to batch-convert all of the jpgs into bitmaps and put them in that folder. Now I just create a new layer and flood fill with them, rather than searching through loads of folders for the right one. I’ve kept the textures in their separate folders arranged by the maker’s name, but now they all come up in one place.

I am a genius.

Well, nerd actually – especially given my exceptionally anal filing system for my pictures – but that’s not the point. I have saved myself valuable seconds of hunting-time when it comes to textures. *grin*

Hope this idea works for a few other people.

Note: With Paint Shop Pro 9, you can just save the pictures, in any format, in your My PSP Files > Patterns folder, which lives in My Documents.

(PS: Please tell me I’m not the only one this obsessive about keeping my pictures in order!)

Posted in Graphics, Icon Tutorials Tagged ,

Icon Tutorial – Smooth & Desaturated (Axl & Stephanie)

3
Jan 2005

Axl and Stephanie – Tutorial by thestalkycop

From this: to this: using psp7, though it should translate fairly simply.
I know that you can love me…

Posted in Graphics, Icon Tutorials Tagged , , ,

Icon Tutorial – Glowing Text

14
Oct 2004

Glowing Text Tutorial for psp7 (though it should translate pretty simply)
(by the way, the font used is “Champignon” from DaFont.

Tutorial by thestalkycop

I’ve just found a really easy way to create the glowing text effect without too much faffing around – or the hassle of downloading filters and such-like. Originally I used floating text, filters, and various other (sometimes accidental) effects for a less-appealing look.

I’m starting of with an ugly example – I know it looks bad, but I couldn’t find any icons that needed the effect, and I thought the colours would be nice and dark to show the effect. Ok, I’m lying, I just adore text that is absolutely unreadable in a very ugly colour scheme.

Tutorial by thestalkycop

The text is Anti-alias, because it gives a smoother, prettier effect. I resent that if I want to outline my text I have to turn this off otherwise the outline looks clunky. Anyway, put your text on your image, and check Anti-alias if you want.

Now choose the Magic Wand tool tutorial by thestalkycop and click anywhere on the background. You should get the “marching ants” effect around your text like this…

Tutorial by thestalkycop
(Zoomed in so you can actually see it).

Go to Selections > Invert then
Selections > Modify > Expand

I chose 1 pixel, but it’s up to you.

Now create a new raster layer (Layers > New Raster Layer) – don’t de-select anything.

Flood-fill the new layer with the colour of your choice. I like white best, darker colours tend to look murky and messy – but then, that might work on the graphic you’re currently working on.

Tutorial by thestalkycop

Now, move the new layer below the text layer (Layers > Arrange > Move Down).

Tutorial by thestalkycop

Looks horrible, but the last step takes care of that! Now you get to play with Guassian Blur. Effects > Blur > Guassian Blur

Tutorial by thestalkycop This is at 2.00
Tutorial by thestalkycop This is at 4.00

You can also use a motion blur (usually 90 degrees works well) for a background line rather than a blur. An example of this can be found here (at the bottom of the page, the final effect of the tutorial).

Tutorial by thestalkycop This is a motion blur set to 90 degrees at a strength of 25.

Pretty cool, huh?

(Feedback is appreciated – such as did I even make sense?)

Posted in Graphics, Icon Tutorials Tagged , ,

Icon Tutorial – Washed-out Images (Julie Gaffney)

4
Jul 2004

From this: Tutorial by thestalkycop to this: Tutorial by thestalkycop or this: Tutorial by thestalkycop

This tutorial assumes you are comfortable with making new layers and changing their properties (to screen or exclusion, for example).

Tutorial by thestalkycop I started by cropping my cap of Julie to 100×100
Tutorial by thestalkycop I sharpened it twice, then cleaned up the skin using the soften brush.
Tutorial by thestalkycop I duplicated the layer and set it to Soft Light at 100% opacity.
Tutorial by thestalkycop I duplicated the layer again and set it to Screen at 100% opacity.
Tutorial by thestalkycop Next I made a new layer and flooded it with a deep blue (#050C3F) set to Exclusion.
Tutorial by thestalkycop Next I made another new layer, set it so 20% opacity and flooded it with #DCC7A6.
Tutorial by thestalkycop I made another new layer and flooded it with the same colour #DCC7A6, again set to 20%, this time I used Dodge as the layer property.
Tutorial by thestalkycop Then I merged the layers and sharpened them once. Once again, I softened the skin where needed.
Tutorial by thestalkycop

Then I made a new layer and flooded it with my sexy gradient set to Screen at 100% opacity.
(You can make it yourself, have white at both edges, then #C29C98 at 20%, #656281 at 50%, #C29C98 at 80%. If that doesn’t make sense, just right-click the gradient, copy it, and then paste it as a new layer on to your icon.

Tutorial by thestalkycop Merge.
Tutorial by thestalkycop Next I adjusted the Brightness and Contrast to Brightness -47 and Contrast 45 (Colours > Adjust > Brightness & Contrast).
Tutorial by thestalkycop <— Believe it or not, that’s a texture. I’ve outlined it and made it huge to show you. The real one is here –>
Make a new image 4x4px in size with a transparent background. Fill the top two pixels with #EBAA83 and leave the other half transparent.
Go back to your icon.
Create a new layer, set it to Burn at 30% opacity.
Go to Fill, and choose Pattern, you should be able to select the little “texture” you’ve just made. Set it at an angle of 45 degrees and flood fill.

Tutorial by thestalkycop You should end up with this.
You can skip that step if you preferred the second version of the icon.
Tutorial by thestalkycop I realised that if I wanted my text to be readable, I’d have to switch a few things around. I selected the background layer (the picture of Julie) and went to Image > Mirror.
Tutorial by thestalkycop Use this brush, on #EBAA83 set to Soft Light
Tutorial by thestalkycop This is the result.
Tutorial by thestalkycop Next up, the text I used Violation (from dafont.com) size 12, colour #78598D set to burn. It says “to show the world”, you can duplicate the layer if you think the text isn’t strong enough.
Tutorial by thestalkycop I made a border by making a new layer, and selecting all (Ctrl + A), then contracting the selection by 2 pixels (Selections > Modify > Contract) then inverting (Selections > Invert) then flood-filling with #78598D set to Burn.

Or you can just copy the one here and paste it in!

Tutorial by thestalkycop And to give it the final touch, I blurred the Border layer, using Gaussian Blur (Effects > Blur > Gaussian Blur) set to 2.00.
Tutorial by thestalkycop If you skipped the step with the “texture”, then you’ll have this.

And that’s it.

To Recap:
#050C3F – Exclusion
#DCC7A6 – 20%
#DCC7A6 – 20% – Dodge
Merge layers. Sharpen.
Gradient – Screen
Texture – #EBAA83 – 30% – Burn
Brush – #EBAA83 – 30% – Soft Light
Text – #78598D – Burn – Violation Size 12
Border – #78598D – Burn – Gaussian Blur 2.00

Whew! That was harder than making the icon. Was it clear, or was it crap?

Posted in Graphics, Icon Tutorials Tagged , ,

    Link Here

    Link to Starlight-Tales Link to Starlight-Tales
    Link to Starlight-Tales Link to Starlight-Tales Link to Starlight-Tales
    Link to Starlight-Tales
    More links here

    Affiliates:
    Link to Starlight-Tales Link to Starlight-Tales
    Link to Starlight-Tales Link to Starlight-Tales Link to Starlight-Tales

    Archives

    November 2017
    M T W T F S S
    « Sep    
     12345
    6789101112
    13141516171819
    20212223242526
    27282930