Archive for the 'Photoshop Tutorials' Category

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 9605 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 »

3D Text Tutorial

There is a simple way to simulate faux 3d Text in Photoshop. This technique can be adapted for different perspectives as well.

3D Text

Read the rest of this entry »

eCover / eBook / 3-d Box Tutorial

This tutorial will show you how to simulate a 3-D ‘Software Box’ effect in Photoshop.

eBook Tutorial

The techniques shown here can be used to create eCovers or eBooks as well.

Read the rest of this entry »

Web 2.0 Badge Tutorial

Learn how to easily create one of those trendy Web 2.0 Badges.

web 2.0 badgeweb 2.0 badge

PSD files for this Photoshop tutorial are included, and you can download a package of Web 2.0 badges as well! Read the rest of this entry »