Quantcast
Channel: » DIY Design Tutorials
Browsing latest articles
Browse All 10 View Live

Image may be NSFW.
Clik here to view.

Appropriate Naming Conventions for Saving Your Sliced Template

Naming your slices is important because the names you give your slices will be the names of the .jpg or .gif images that will go into your web pages. Double-click on a user slice’s number to open the...

View Article



Image may be NSFW.
Clik here to view.

Save for Web Produces Different File Names than Expected

I saved the PSD file for the web, and the new images are not appearing in the template… Check the slice names in your .psd See: Appropriate Naming Conventions for Saving Your Sliced Template Make sure...

View Article

Image may be NSFW.
Clik here to view.

How Do I Remove a Stretched Background Image from a Website Template?

Some templates may have an “expandable background” that appears to stretch across the screen. The reason for this is that so all of the white space is filled in any size browser resolution: You may...

View Article

Image may be NSFW.
Clik here to view.

How to Add a Repeating, Solid, or Stretched Background to a Template

In some cases you may decide that a template would look better with a background image or color to fill in the white space behind the web template design regardless of the viewer’s monitor size or...

View Article

Image may be NSFW.
Clik here to view.

Optimizing Website Template File Size when Saving for Web

When saving graphics to be placed in your web pages, it is recommended that you use Photoshop’s Save for Web option. This will ensure the best quality and smallest download time for each of your...

View Article


Image may be NSFW.
Clik here to view.

How Do I Center a Left Justified Website Template Design?

Centering your page in the HTML code: Open the html web page in a text editor or an html editor (in an html editor go to the view that shows the source code). Near the top of the code, locate the tag...

View Article

Image may be NSFW.
Clik here to view.

Using Guidelines as an Alternative to Slice Lines

In Adobe Photoshop, guides appear as lines that float over the entire document. Slices, selections, and other tools will snap to a guideline, ensuring accuracy. You may place new guides or reposition...

View Article

Image may be NSFW.
Clik here to view.

Using the Slice Lines in a Template or Producing New Slice Lines

The Photoshop documents (.psd) that come with your template package consist of large number of layers that are embedded into a design giving the look of a single image. This design is cut up into...

View Article


Image may be NSFW.
Clik here to view.

Changing Photos that Are Part of the Template Layout

Sometimes you will find photos in a template that are integrated into the design: Perhaps you would like to keep the background, but change one of the photos of the women, and you find that the portion...

View Article


Image may be NSFW.
Clik here to view.

Adjusting the Color of a Photo or Graphic Element

Adobe Photoshop has many ways to alter the colors of a photo or graphic. One method is to choose a command from the (top menu) Image > Adjustments submenu. Adjustment options include hue/saturation,...

View Article
Browsing latest articles
Browse All 10 View Live




Latest Images