Your Customers are Mobile, you will be too …

Web readying images

In this tutorial we will show you how to rename dozen or even hundred of images at a time with Photoshop CS6 batch processing capabilities. This technique will work in all version of Photoshop including Photoshop Elements, Photoshop CS5 and Photoshop CS5.5. I am doing this tutorial as I have noticed a lot of people searching my site for it… Continue reading

Photoshop CS6 batch processing multiple images ready for the web

In this tutorial we will be showing you how to use batch processing to re-size an entire folder full of images you want to prepare for deployment on your web page. Rather than editing each photo individually, with one simple action we will change them all to 72ppi and re-size them all to suit your website. We all know we don’t want great big picture consuming a few meg of bandwidth each being re-sized by the browser. This is very bandwidth heavy so normally we would use Photoshop or Fireworks to re-size them etc. but when you are processing dozens or even hundreds at a time this can be quite tedious. This is where batch processing comes in. For this exercise I will be using Photoshop CS6 but most versions have this capability and are all pretty simple if not exactly the same.

This process has been testing and works also on Adobe Photoshop CS4, CS5, CS5.5 as well as CS6. The process remains unchanged across all these versions of Photoshop.
Continue reading

In this tutorial we will show you how to use Photoshop CS5.5 to change the color of social network icons (or any icon for that matter) so that they can more closely fit into the color scheme of a wire-frame or website you are working on.With the popularity of social networking sites increasing on an almost daily basis the success or failure of a website depend more and more on integration of these social networks. However integrating them into a website when all the necessary icons are varying and often clashing colors can sometimes be a nightmare. For that reason it is becoming more and more popular to change the colors of these icons to suit the site under construction.

I will be using Photoshop CS5.5 for this but I do believe the other versions of Photoshop use similar techniques to achieve this effect. You may need to play around a little in other versions but the principle will be the same.

If you need a collection of social networking icons please check out the resource links I have provided at the bottom of this article. Continue reading

In this tutorial we will quickly show you how to apply a good Sepia effect to an image in Photoshop CS5.5. Simply placing a Sepia adjustment layer over the top of an image doesn’t make for a very good finish. Too much color still comes through because these images often have a black and white base. And placing a black and white adjustment layer doesn’t create a very good black and white image either let alone a Sepia image effect.

Just adding a Sepia Adjustment Layer to an image allows through too much color

Same image with Sepia and Channels layers in use

Same image with Sepia and Channels layers in use

Using the channels adjustment layer can also create a great black and white photo. Continue reading

In this tutorial we will show you how to blend two or more images into one using gradients masks. The process is fairly simple but as I have noticed quite a few searches coming into my blog looking for information on it I will do it anyways. I have grabbed a couple of creative commons images to use and when finished my image will look something like this:

However your can look however you like as you will most likely be using your own images. As you can see looking at my finished product I have used 3 images in total two blended with a linear gradient and another blended into it all with a radial gradient. Continue reading

Note: This tutorial has been checked and moved for Photoshop CS6. The new Tutorial can be found here.

In this tutorial we will show you how to rename dozen or even hundred of images at a time with Photoshop CS5 batch processing capabilities. This technique will work in all version of Photoshop including Photoshop Elements. I am doing this tutorial as I have noticed a lot of people searching my site for it and getting pages that relate to other batch processing items but if you use those methods you could wind up losing a lot of files or just doing nothing at all. Recording a normal action and telling it to rename a file simply won’t work.

Continue reading

In this tutorial we will be showing how to create an amazing background blending images into a standard gradient background. For this we will be using the color dodge tool and a gradient mask in Photoshop CS5. We will then combine a few CSS tricks to create our background for a website.

When Completed we should have a back ground image that looks something like this:This is down one side of a website I am working on. The background itself slide under the edge of the page itself where the shadow can be seen.

 

Continue reading

We all know that the biggest killer of bandwidth on our websites is the use of images, but how do we go about reducing this. What tricks can we use to create the same effect but without the expensive bandwidth totaling up rapidly on us. In this tutorial we will look at a number of methods available to us to reduce our bandwidth whilst maintaining the look and feel of our site.

Continue reading

Photoshop CS5 batch processing multiple images ready for the web

In this tutorial we will be showing you how to use batch processing to re-size an entire folder full of images you want to prepare for deployment on your web page. Rather than editing each photo individually, with one simple action we will change them all to 72ppi and re-size them all to suit your website. We all know we don’t want great big picture consuming a few meg of bandwidth each being re-sized by the browser. This is very bandwidth heavy so normally we would use Photoshop or Fireworks to re-size them etc. but when you are processing dozens or even hundreds at a time this can be quite tedious. This is where batch processing comes in. For this exercise I will be using Photoshop CS5 but most versions have this capability and are all pretty simple if not exactly the same.

Continue reading

Please buy me a Coffee

Help a starving student to drink more coffee

Follow us on: