The fixed width layouts are those who’s web pages are fixed with particular numerical value while liquid layouts signify to the web pages that the width is flexible and depends upon the widths of the user’s browser. 

Both kinds of layout can be applied to whatever purpose of your website is, however you need to know deeply each of those in order to apply the right one for your web design Preston. 

On the Internet, you as the designer do not have the power to manage various factors such as the size of the user’s window, the kind of web browser, hardware and other per-user settings that are applied on the user’s computer.  

That is why, if you want to have not only a decent web site but a successful one, you need to cleverly select the right layout for your web design Leeds.

Moo Creations is a specialist graphic design Preston agency and branding preston studio, creating a range of materials for new, small and medium sized businesses across Lancashire and the UK.

We work directly with our clients whether we’re catering for marketing needs, exhibition work or full branding solutions.

A freelance design service is also available to creative agencies requiring them.

Our clients also benefit from our project management and print liaison service should they require.

We also offer online solutions alongside our tailored design for print services including the design and delivery of brochures, catalogues, direct mail and other marketing solutions, folders, stationery or calendars… But our specialty is the provision of logo and branding solutions for businesses of all types.

If it needs printing, it needs designing and our all-inclusive prices help our clients save money on every project.

moo creations, keeping our clients ahead of the herd.

1.) Begin with a new document. You can either use a photo, or create one yourself, you can just use a block gradient of colour too, once you have created your document choose the polygon lasso tool - hold down your mouse on the lasso tool to reveal the polygon one.

2.) The polygon lasso tool doesn’t work with dragging like most tools, to work the Polygon Lasso, you click at the origin. As you move your cursor, a line will follow it and you then have to click again to create a line.

3.) Keep clicking in the shape of a triangle, this doesn’t have to be exact, but try to be as accurate as you can. To complete the selection, hover your mouse over the origin - this is the first place you clicked. You will see little circle. This circle means that you will complete the selection if you click on the start point - so click on the point! 

4.) As soon as you click on the start point, you will notice the marching ants selection. Now, we are ready to fill with color. Reset your foreground/background colours by pressing the ‘D’ key. Press the ‘X’ key to swap the color. White should now be the foreground color.

5.) Choose the Gradient tool and you then need to go to the options bar at the top and choose two things, click the gradient to open the options, select the foreground to transparent option and make sure that you choose the linear gradient option. Finally, make sure that the transparent option is turned on in the options bar at the top and reverse is off.

6.) Create a new layer and select it, so we don’t add pixels to the background. Click at the bottom of the selection. Drag the gradient along the selection, but not past the selection.

7.) Release the mouse and you now have a gradient. Turn off the selection by pressing CTRL/CMD+D or clicking away with the selection tool. Change the shape by pressing CTRL/CMD+T for the free transform tool. Right click for additional options such as perspective. Change the shape to suit your needs by dragging any of the little squares - these are known as adjustment handles.

8.) You should now have a spotlight, but it lacks realism because the beams have hard edges. To soften the beams, choose Filter > Blur > Gaussian Blur. 

9.) To add more beams, Duplicate the layers and use free transform to change the angles.

This effect works well with a photograph which is underexposed and could be touched up with just a little bit of levels or curves. Instead of just brightening the image which would be our natural instant, an interesting effect is to create the look of a spotlight.

1.) Begin by creating a selection with the elliptical marquee tool, Choose Select > Transform Selection and a bounding box will appear, this will give you the ability to rotate, scale and resize the selected area. 

2.) Press enter/return to apply the transformation to the selection, the next step is to create a curves adjustment layer, choose a new adjustment layer from the bottom of the layers palette and select curves.

3.) This will then open a dialog box, which is for curves, move the mouse from the box and over to the image, the cursor will then change into an eyedropper tool. 

4.) Click and drag and a circle will appear on the diagonal line of the curve. This is the tonal range of the area that you are moving the mouse over. Take a note of where the range is on the curve.

5.) Click and drag on the curve. Move the point up and notice that the image will be lightened. Looking at the layers palette, you will see the adjustment layer with a layer mask applied. Notice that the area of the mask where the selection was present is now white, click the mask to make it active. 

6.) The light edge needs to be softened, do this by choosing the options, Filter > Blur > Gaussian Blur 

7.) Remove the effect from the areas that would be in shadow and not illuminated in real life, e.g. such as the air, choose black for the foreground color and select the brush tool, click and drag the paintbrush and you will paint away the adjustment from the regions you desire because you are painting on a mask 

8.) And that should be it! This is a great effect and you can lower the opacity of the adjustment layer if you desire to tone down the effect a little, a great way to draw attention to certain areas of an image.

Zoom effects can be done through using a camera, but you can also get some interesting results when you use certain filters in Photoshop. This effect works great when used on photographs of moving objects, especially motor-sport photographs, but the effect can be just as stunning when used on still images.

1.) The first step is to choose your image you would like to work with, and then choose the elliptical marquee tool from the toolbox. Once you have chosen the tool you need to make a selection on your image, you can also hold down the spacebar to reposition the selection as you are drawing it.

2.) Now, it’s important to feather the selection. If you don’t the effect will be too harsh and obvious. The feather creates a soft edge and a smooth transition to the blurred areas. So you need to choose the options Select > Modify > Feather. Change the size of the feather radius depending on the resolution.

3.) Right now you have a selection around the center of the image, and you want to select everything but the center. Choose Select > Inverse and you should see the selection go around the edge of your page now.

4.) Next choose the options Filter > Blur > Radial Blur and choose Zoom as the method, select good for quality. Choose your amount to suit. For a heavier blur use 100. You might have to test it and undo a few times to get exactly what looks best on your image.

5.) Changing the feather and the blur amount will change the effect. Experiment with different shaped selections and different amounts of blur. In some cases you may want to apply the blur more than once.

This is a list of my favorite and most used Photoshop keyboard shortcuts and there’s nothing more damaging to your productivity than doing everything the long way round when using a programme. Searching for tools or buttons is a task that can easily be bypassed with some quick memorization of shortcuts.

Undo, Multiple Times – (Ctrl + Alt + Z)

Most programs allow you to press (Ctrl + Z) multiple times to perform multiple Undo’s, but Photoshop requires (Alt), otherwise you’ll just keep undoing then re-doing then undoing then re-doing then undoing then re-doing.

Hand/Move Tool – (Spacebar)

Holding the spacebar will turn your cursor into the hand in almost any situation… when using different tools, with dialog boxes open, etc… allowing you to quickly navigate your document no matter what you’re doing.

Switch Document Windows – (Ctrl + Tab)

Your Photoshop workspace can become a mess when working on multiple files, so being able to switch windows quickly is a must.

New Layer – (Ctrl + Shift + N) - with dialog?(Ctrl + Shift + Alt + N) - without dialog

Layers are the greatest thing(s) ever invented in any (design) program and being able to manage your layers properly is important.

Duplicate Layer – (Ctrl + J) - without dialog?(Ctrl + Alt + J) - with dialog

You can duplicate an entire layer, or, if you have a selection, the selection will be duplicated to it’s own layer. This is great when trying different techniques or effects without having to worry about errors.

Re-run Filter/ Fade Filter -  (Ctrl + F) - run filter again?(Ctrl + Alt + F) - run filter again, with dialog?(Ctrl + Shift + F) - fade filter

Even though Photoshop provides preview windows in the dialog box for most filters, there’s still no true way of telling whether you’ve achieved your desired effect until you see the full image. If something goes wrong, you can quickly undo, then go back to your filter and try again without having to go through the hassle of moving your cursor. 

1.) First you need to open up the image you want to work with in Photoshop to start you clipping path. Clipping paths are a vector-based version of a layer mask, a clipping path performs the same function as a layer mask, but contain smooth, hard, edges that do not allow for any shading. To create a clipping path, begin by drawing a path on your image with the pen tool. 

2.) Click the Paths tab on the Layers palette. Then select on Shape 1 Vector Mask path - the Save Path tab will pop up when you click on it. The default path name for the new path is “Path 1″.

3.) Then click on the upper right arrow button and select the option ‘clipping path’. 

4.) In the dialog, choose which path layer to assign a flatness value. Flatness value determines how closely the path conforms to the curves. The lower the number, the more closely the path will conform to the curves. Enter a value and click “OK”

5.) Delete background by pressing the ctrl key + select the path layer and press delete. And then fill with a new background colour, pattern or image you would like as your background!

The effect of a black and white image with a splash of colour is a popular effect used in photographs and images especially for adverts in magazines and on the internet. This tutorial will teach you the basic instructions for different ways to achieve this effect. 

1.) To create an image to grayscale you need to begin by creating a duplicate of the original image, and then convert the duplicate image to grayscale by using the option Image > Mode > Grayscale, and then convert the grayscale image to RGB. 

2.) Use the appropriate selection tool to select only the portion of the image that you want to have in black and white in your final composition. What we are doing is creating a “hole” in the grayscale image so that the colour image shows through the hole when the two images are combined in the next step.

3.) Combine the selected portion of your grayscale image with a duplicate of your original colour image. One simple way to do this is to copy the grayscale selection and paste it on top of the colour image then combine/merge the two.

4.) Make a duplicate of your colour image and work with it. Mask (protect) the portion of your image that you wish to remain in colour. 

5.) With the mask in place protecting the part you want in colour, desaturate your image. The masked portion will remain in color. Image > Adjust > Desaturate. Do any other manipulations you care to make then, if the image is destined for print, convert to CMYK before placing the image in your page layout program. As a RGB image will not create the same given effect.

1.) You need to open the image that you want to work with and also open any image of a sunset.

2.) Choose Image > Adjustments > Match Color and the Match Color dialog box will open.  We will only need to use 2 settings for the task at hand. Under Source, click the drop down menu and select the image of the sunset. There will be a thumbnail for you to check that you have selected the correct image. Turn on the preview option if it isn’t already. The working image will now take on the color attributes of the sunset image. Most probably the effect will be a bit too much.

3.) Adjust the Fade slider until you are happy with the result. Move it to the left for more of the inherited color and to the right for the original color.

4.) When you are satisfied, click the OK button to apply the changes. There are many things that can be done with this new Filter in Photoshop CS including using the match color to remove a color cast in a single click.

1.) The first step is to get two images to work with. Make sure they are both in the same resolution, 72 dpi if you are using them for the web, and RGB colour mode, then open both documents in Photoshop.

2.) We will want to combine both images into one document. Now select the move tool “V” key. Drag one image into the other window and a new layer will be created automatically with the new layer on top. To center the new image in the window hold down the Shift key while dragging.

3.) Click on the add layer mask button, this will create a new layer mask. A layer mask is transparent. When you paint black into the mask it allows the image underneath to show through. Where it is white, the underlying layer will be hidden.

4.) Press the “G” key to select the gradient tool. Make sure the fore and backgrounds are set to black and white. Select linear gradient and foreground to background. Now drag the gradient diagonally across the image.

5.) You can see the gradient in the layer thumbnail and the result on the image. Where it is white, the top image shows and where it is darker the back shows through. Experiment with differant angles. You may also use any of the brush tools on the mask. Black will “paint away” the image and white will “paint it back”. Use a soft brush for best results.

6.) For an interesting variation change the layer blending mode to multiply. This makes the top image appear as if it is a reflection.