Archive for the 'Photoshop Tutorials' Category

An Eye for an Eye

Just in time for Halloween, learn how to make this cartoonish eyeball in Photoshop. Get creative with the iris and pupils to make something monstrous!

Eyeball in Photoshop

Eyeball in Photoshop

This eyeball was actually inspired by a ring I bought at the Buskers this summer.

So pop open Photoshop and head on past the break!

Read the rest of this entry »

More Starbursts Than You Can Shake a Stick At

Starbursts/sunbursts have always looked cool to me. It probably stems from my affinity for all things Japanese, but they’re just so fun to make and use and look at. In this tutorial I’ve included about a billion different ways (or four) of making starbursts in Photoshop – each looking a bit different than the other.

Starburst

So flip a coin, roll a die, or hope for divine intervention, and pick your path so we can get started already!

Read the rest of this entry »

The Midas Touch: AKA Turning Objects into GOLD!

What if everything you touched turned to gold?

Now you can have that power – without the donkey ears.

This is a tutorial on turning objects into gold with Photoshop. I find this works better on smooth, shiny, or artificial items – although this can be applied to living things the effect is not as convincing.

Gold Image

Gold Image

This tutorial was suggested by Mizaks, owner of The Critical Critics.

Read the rest of this entry »

Mask Your Photos to Make Curved Edges (+ Other Strange Shapes!)

Have you always wondered how to get a photograph to have such nice, rounded edges?
Well, using masks, there is an easy way to do that in Photoshop. And the effect doesn’t stop at curved edges! If you can lasso it, you can mask it.

Mask

Mask

Read the rest of this entry »

Dead Easy Complex Geometric Shapes

(thank you knmt for sending me this tut!)

In this tutorial, I’ll show you how to create spiffy-looking complex geometric shapes using pre-defined Photoshop shapes. The final effect looks pretty cool, almost like tattoos, and they are dead easy and fun to make!

geometric shapes

Let’s get started.

Read the rest of this entry »

Your Favicon is Showing

Regular readers of the Minty Ferret may have realized that I’ve recently added a favicon to the site. Favicons are little images that show up beside the web address and bookmarks – just look above. See the ferret paw-print? That’s a favicon.

Favicon Tutorial

So here’s a quick tutorial on making a favicon and uploading it so it works on your website.

Open a 16×16px document.

Favicon Tutorial

Design your favicon. You only have a small area to work with, so keep it simple! You might want to stick to just a letter, a portion of your logo, or something uncomplicated that represents your website.

Favicon Tutorial

Now select File > Save for Web.

Favicon Tutorial

Although favicons are .ico files, there is no option to save it as such in Photoshop. We need to save it as a .gif and then use a third-party software to convert it to a favicon-friendly file.

Favicon Tutorial

Once you’ve finished saving it as a .gif, head on over to Favicon from Pics. Upload your .gif image to their site.

Favicon Tutorial

Now download the provided file to your computer.

Favicon Tutorial

Unzip the folder…

Favicon Tutorial

And upload the favicon.ico file to the root of your website.

Favicon Tutorial

Add the following code between the HEAD tags on every page you want your favicon to show.

Favicon Tutorial

<link rel=”Shortcut Icon” href=”/favicon.ico”>

Note: If you’ve done this and your favicon is still not working, you have have to specify the full path to the icon. For example, I had to use http://mintyferret.com/favicon.ico instead of /favicon.ico to get it to work.

Upload the revised files to your webspace. And there you have it! Your very own favicon.

Favicon Tutorial

Looking for favicon inspiration? The Favicon Gallery has a nice list of favicons for you to peruse.

Thick Diagonal Lines and Stripes in Photoshop

Here I will give you a very quick tutorial on how to make diagonal lines / stripes in Photoshop. However, if you’d rather have them ready-made, scroll to the bottom of the post to download my Diagonal Line Patterns for Photoshop.

First, open a square canvas made of odd-numbered pixels. I used 15×15px in my first few patterns and then expanded it to a 25×25px canvas.

Now grab the pencil tool and set it to 1px.

diagonal lines

Now you simply have to make the shapes shown below to achieve the desired effect. Every single one of these are included in the Diagonal Line Patterns package at the bottom of the post for you to download.

diagonal lines diagonal lines
A 1-px line
diagonal lines diagonal lines
A 3-px line. Notice the added dots at each corner to make the pattern seamless.
diagonal lines diagonal lines
A 5-px line. As the width increases, you need to compensate for that by filling in the corners in a diagonal fashion as well.
diagonal lines diagonal lines
A 7-px line.
diagonal lines diagonal lines
A 7-px line, this time on a 25×25px canvas.
diagonal lines diagonal lines
A 9-px line.
diagonal lines diagonal lines
A 11-px line.
diagonal lines diagonal lines
A 13-px line.

And so on and so forth. Then simply select Edit > Define Brush Pattern to create your Thick Diagonal Stripes pattern!

The patterns you can download below are the same as those shown above, and will look something like this once you’ve loaded it up into Photoshop:

diagonal lines

And without further ado, here is the link to download the package. If you make anything with this pattern that you wouldn’t mind sharing, please contact me or post a comment and I’ll gladly showcase your work here!

>> Download the Thick Diagonal Lines Package Here <<
Downloaded 9733 times

Calendar Icon Tutorial

Learn how to make those Calendar Icons you frequently see on blog sites.

Calendar IconCalendar Icon

PSD files for this Photoshop tutorial are included, and a package of free Calendar Icons are available for you to download as well!

Read the rest of this entry »

LOLCAT Tutorial

Now for a bit of fun. :) This simple tutorial will walk you through the steps of creating a LOLCAT.

LOLCAT

Read the rest of this entry »

Animated Banner Tutorial

Using Photoshop and Imageready, you can easily design animated banners for advertising campaigns.

Here is what the final result will look like:

Animated Banner

Read the rest of this entry »