Posts Tagged ‘Lesson’

« Older Entries

Make Your Own Comic

Tuesday, August 31st, 2010

Open a new document in photoshop 600×445 px.

Find or use an image you already have of a face. I chose this one:

photoshop

Place it in the photoshop document by copying and pasting. Place it wherever you see fit.

Go to Filter > Pixelate > Color Halftone…

lesson

Use the following settings:

Your image will look like this:

Select the ellipse tool from the tools palette.

Use the following settings:

Place an ellipse where you would like a speech bubble.

Right click in the ellipse and select fill path:

Use the following settings:

Select the pen tool from the tools palette.

Draw a triangle to show the origin of where the speech is coming from.

Right click on the layer and choose Blending Options.

Use the following settings:

Fill the background layer with black.

Go to Filter > Pixelate > Color Halftone…

Use the following settings:

Do this 2 times.

Your image will look like this:

Select the Text tool from the tools palette.

_

Now write whatever text you would like directly over the speech bubble.

_

Tags: , , ,
Posted in Effects | No Comments »

Add Bubbles to an Image

Monday, August 30th, 2010

Open an image you would like to put bubbles into in photoshop.

Photoshop

Duplicate the layer by pressing Command J.

Select the Circular Marquee tool from the tools palette.

Make a circle over the area you would like to create a bubble..

Go to Filter > Distort > Spherize…

Use the following settings:

Hit OK.

Create a new layer and name it Bubble.

Make the foreground color a light blue of your choice.

Select the gradient tool from the tools palette.

Use the following settings:

Use the gradient inside the circle selection to create a “bubble” effect.

Right click to bring up blending options, and select the stroke style. Use the following settings:

Repeat these steps in different areas to create more bubbles.

*Make sure when you “Spherize” that you are on the Image layer.

BEFORE:                                                                                          AFTER:

Tags: , , ,
Posted in Effects | No Comments »

Colorful Background – Photoshop Lesson

Tuesday, July 20th, 2010

Open a new document size 800x800px. In photoshop.

Now we’re going to add a gradient in the background from black to white. First hit the letter “D” on the keyboard to reset the foreground and background colors to default. Then, select the Gradient Tool (G) and drag from the bottom of the window to the top. You should come up with something like this:

Background

Next we’re going to select Filter > Distort > Wave in the menu bar and use the following settings. You can change these to generate various effects.

Now choose Filter > Distort > Polar Coordinates, and use the default settings. This is what it will look like:

With the layer selected choose Filter > Distort > Twirl and set the angle to about 185 degrees.

Now that we have our swirl base we’re going to add some cool colors.  To do this select the little circle at the bottom of the layers palette and select Gradient.

After this select the rectangle to the right of the word “Gradient:” and select the gradient that looks like a rainbow and select ok.


Change the layer style to Multiply.

Here is your background!

Tags: , , , ,
Posted in Websites | No Comments »

Making a Seamless Background for a Website

Sunday, June 6th, 2010

In this tutorial, you will learn how to create your own seamless background pattern, by making use of Photoshop’s Offset filter.

STEP 1: Open a new canvas in Photoshop, the canvas can be whatever size you would like, but it must be square. In the example we will be working with a 100x100px canvas.

STEP 2: Delete the background layer from the Layer’s Palette, and add a new layer (so that the background will be transparent).

STEP 3: Create the pattern. In my example I created a very simple pattern by using a hard Black Brush and varying the size and opacity.

TIP: Keep the pattern black & white/transparent so that you can easily color it with layer styles at a later time.

STEP 4: In order to actually use the above image as a pattern, you first need to make it seamless. The first step in doing this it to open of the “Offset” filter from the Filters > Other menu. In the Offset filter menu, change the Horizontal and Vertical offset to exactly 50% of your canvas width/height. In my 100x100px example, each of these would be set to 50. Also set the undefined areas to wrap around, and press OK.

Your image should now look like this:

STEP 5: Clean up the seams. Using the eraser, remove the unfinished parts of your pattern that run into each other at the ‘seams’ of your pattern.

Before                              After

STEP 6: The last step in creating the pattern, defining the image as a Pattern. From the Edit menu, click on “Define Pattern…”, and give it a name.

STEP 7: Using the pattern. To test your new pattern out, create a new canvass (any size will do), and from the Edit menu, choose “Fill…”, then choose your new pattern from the list of Custom Patterns, and press OK. That’s it! Your new pattern will also be available to be used in layer styles, which will allow you to change the size, color, transparency, etc. of your pattern. This same technique to small seamless patterns out of a large texture images as well.

Tags: , , , , ,
Posted in Websites | No Comments »

« Older Entries