Design under construction layout in photoshop

February 16, 2011

In this Photoshop tutorial we will design a “Under Construction” webpage layout in Adobe Photoshop. You can download the layer PSD file of the layout at the end of tutorial.
Final Preview
Before I start the tutorial, lets see the final image of the template layout we will design in…

Nov200806

By Ravi

what is Save for Web in Photoshop

Posted in Photoshop Basic

This is a new feature of photoshop. The save for web option allows you to optimize the files for size while seeing the results to quality.

Menu -> File -> Save for Web.
This opens a new window. In upper left, click on 4-up. The 4-up button is shown below.

It creates 4 images. The upper left image is your original, the others are examples of options.
Select the second image by clicking on it, notice black line surrounds it. In upper right of window are options for saving.

Choose jpeg for image and GIF for text, then set quality and OK. Here you can also reset the image size. Click on “image size” tab, and you will get option to resize the image. And while saving the file, you can also save it as .html file for webpages.