Archive for the ‘Photoshop’ Category

Resize for Web

April 30, 2010 Comments off

To resize your hi-resolution images to upload to display on the internet you need to resize your images.

With the image open go to Image/Size.  Below you can see that this image is 1680 by 1080 pixels.  It’s resolution is 300 pixels per inch and its physical dimensions are 5.4 by 3.6 inches.

Make sure that you uncheck Resample Image and set the Resolution to 72 pixels/inch.  72DPI is the resolution of a computer monitor.  You can see that you Pixel Dimensions have not changed, but you can see that changing the resolution to 72 has changed the Document Size to 22.5 by 15 inches.

Once you have adjusted the Resolution to 72, check the Resample Image button again and now change the Pixel Dimensions.  Change the Width to 600 pixels.   And you can see that now the new image will be 703.1 K as opposed to the 50.1 M the images used to be.  Click OK.

Now that you have resized the image you can save it for the web.  Go to File/Save for Web

A new prompt pops up, click on the tab 2-up, this will show the original image on the left and the optimized for web image on the right.  Change the format to JPEG, and the Quality to 70 percent.

You will see at the bottom of the image that the original image is 703 K while the optimized image is 59.7K, even smaller than the resized image.

Below is the optimized image to display on the internet.

Categories: Resize for Web

Photoshop Toolbar

April 23, 2010 Comments off

Hi, click here to download a hi resolution image of a photoshop tool bar with quick explanations of what the tools do.

Categories: Photoshop Toolbar

Image Manipulation

April 20, 2010 Leave a comment

Hi, open up the image of the lady and the dress and the rest of the images.  The links are below.  Click on the links to open the images except for the Dress link.  Right click on that one and select  Save As


Dress Right click and select Save As (this is a Photoshop PSD file that needs to be saved before opening)




ball of lightning

Deviantart is also a good source of images.

With the image of the lady open.  Use your magic wand tool, or the quick select tool to select the background.  Once selected inverse the selection.

by inversing the selection you have now selected the lady.  Press [Contrl J] to make this selection its own layer.

You can also use Edit/Copy and Edit/Paste

Now open the Dress image.  You will notice that the dress has already been cut out and that the background shows a chekcerboard pattern.  This means that the background is transparent.

Using your Move tool, click and drag the dress from its document onto the image of the lady.

You’ll notice that the dress is much too big.  with the Move tool still selected.

Go to Edit/Free Transform and click and drag on any of the four cornders of the bounding box that appears.  Make sure to hold down shift to scale the dress proportionately.

Now that you have sized the dress.  Make a copy of the dress.  Go to your Layers Window and duplicated the layer and place one of the Dress layers on top of the lady and the other below the Lady.  You’re Layers should look like this.

Make sure you are on the top most Dress layer and go to Edit/Transfrom/Warp.  This will create a bounding box with handles that you can manipulate.

Once you have the Warp bounding box up.  Drag the lower right corner over to create layers in the dress.

Manipulate the handles to get a feel for how this moves, you will also have to make sure not to warp it too much.

Dont worry about the parts where it looks like the dress has disapeared, it is still there.  Accept the changes. to view them.

Create a new Layer above the lowest Dress layer but below the layer the Lady is on and on this layer paint black on top of the dress to shadow it.  Turn the layer to multipy and adjust its opacity until you achieve the desired results.  See the image below.  As you can see the image on the right has shadowing applied to it, and it looks more realistic.

Before we go too far on her, we should add some atmosphere to this image.  I added the walltexture image and used a multiply blending mode.

Next I added the wallpaper textrue to the background to create a wall.  As you can see I layered two of them on top of each other.  Below you can see them.  One is a Multiply blending mode, the other is a soft light blending mode.

Next I am going to add another layer of texture to the floor.  I am going to add a tile texture.  and then distort the tile so that its perspective works with the image.

To do this go to Edit/Transform/Perspective

Adjust it until it is correct.  As you can see once again I used two layers blended on top of each other.  The bottom layer is multiply while the top layer is soft light.

And last, to add a sci fi element we will add a ball of lightning to her left arm.  Open the ball of lightning image and drag it into your document.  Make sure it’s in the top most layer and go to Select/Color Range and with the color picker chose the color black on the ball of lighting.  Hit ok and then Delete on your keyboard.

You have now deleted only the black color in the image.  Move it so that its over her left hand and adjust the blending mode until you find one you like.  I personally liked Linear Dodge.

However the ball is too pink, use an adjustment layer to change the color to a more yellow red to match the rest of the image.

It still looks pasted on.  If she really was holding a ball of lightning we would expect light to fall on her and the scene.  To do this we will add a lighting effect.

Create a new layer and fill it with the color white.  To fill the layer use the Fill tool

Make sure you are in RGB mode then go to Filter/Render/Lighting Effects

Create something that looks like what you see below.  Keep in mind that you want the lightning ball to be the source of the ligth.

Then adjust the blending modes and opacity until you get a result you like.

With some twiking Hard Mix at 68% Fill seemed a good choice.

Here is what we started with.

Here is the final image

Rachel Bowditch

April 16, 2010 2 comments

Rachel Bowditch is a great artist here in the Phoenix Metro area.  Here show Transfix was part of this past Fringe Festival.  Visit her website to look at her artwork.

She has one image in particular which is very good, but could use a little more contrast.

The first thing I did was add a Curves Adjustment Layer and Darkened just the darks.

This however made the mountain behind her too dark.  A lot of detail was lost.

I added a nother curves layer and purposefully masked out everything except the mountain (the part in white) that way the new Curves Adjustment Layer would only affect the mountain.  I then made the mountain lighter.  Notice I also played with the transperancy of the Adjustment Layer.  Curves are hard to get just right.  I found a range I liked and played with the transparency of the layer to fine tune it.

The next step is to darken the sky.  Using another Curves adjustment layer and a mask I darkened only the sky.

Finally I added back some detail into the figure as she was getting washed out

Below is the final image, after corrections.

This would be a great image to add some color to.  However before we do this we have to change this from a Black and White image to a color image.

Go to Image/Mode/RGB Color (computer monitors are RGB based, since this is an image meant for the internet we will select RGB color)

In a different tutorial we will add color into the image.

Categories: Adding Contrast

Variations (color correction)

April 16, 2010 Leave a comment

The image below was not white balanced properly and is therefore too blue.  Since we are only working with the jpg file we do not have the ability to white balance the image.  We will have to color correct it manually.  Instead of using the curves or color balance adjustment you can use the Variations settign within Photoshop.

Within Photoshop go to Image/Adjustments/Variations

You will see that you know have variations of colors applied to the picture set up like a color wheel. Since we know our original image had too much blue.  Pick the two colors opposite blue and cyan (Yellow and Red) and apply them.

You will notice the changes applied to your image.

However you will notice that it’s now a bit too read.  Add a Layer Mask by clicking the Layer Mask button on your Layers Window.

Make sure that your foreground color is black.

Using your paintbrush, paint black on the mask on the areas where the sky is.  This way you mask out the sky and do not apply the Yellow and Red variation allowing the blue to come through.

If at any time you want to see the mask that you are creating.  Go to Window/Channel and open your channels.  There you will see your mask as its own channel.  Toggle the mask on by clicking on the EYE icon and you will see it represented on your image in transparent red.  When you dont want to see it, toggle it off.

Below is the final output after the variations and masking out the sky.

Categories: Variations

Color Made Easy

April 9, 2010 Leave a comment has a Color Scheme creator.  It’s pretty intuitive and if you need help figuring out a good color scheme you can start here.

Categories: Color Made Easy

Photoshop Filters and SmarFilters

April 2, 2010 Leave a comment

You can use filters in Photoshop to add effects to your image.

If you are working with your original you may want to use Smart Filters.

Open the image of Yoda that you Color Corrected and once open go to Filters/Convert for Smart Filter.

This converts the image into a Smart Object, which will allow you to go back to the Filter Menu and add a Filter, like Cut Out and it will add is as an effect in the Layers Menu, this will allow you to turn it on of off depending on wether or not you like it.  And if you dont like it you can drag it to the trash can and delete it.

As you can see you can also stack Filters on top of each other and you can adjust them after you have applied them. And by double clicking on the slider within the layer you can adjust Opacity of the effect and the blending mode.   By clicking on the Name, it will allow you to readjust the filter.

Categories: Photoshop Filters