Thursday, January 15th, 2009
Layering begins once the image is stored on your computer, the image will usually open itself in the default programme so you will have to open Photoshop and then find the image you want to open using file – open – and then where the image is stored.
This is when you will do all your manipulation, layering and resizing using Photoshop itself. Once you have completed this you will then save your changes, if you save the images straight into Photoshop it will save them as a PSD, PDD or EPS file. If your image is saved in these particular formats your file will stay large and hold the quality whilst preserving all layers, this is the best file format to use if you are going to be reworking the image.
Other choices of formats for your file are TIFF – which will keep the quality but are large files and best used in design for print, BMP or bitmap is a windows file that creates good photos but creates large files and a PDF is a adobe acrobat file which locks texts and images so they cannot be further manipulated, usually used as a file for sending information or important documents.
Tags: layers, Layouts, Photographs, Photoshop, Photoshop Features
Posted in Image Formats, Photoshop | No Comments »
Tuesday, December 16th, 2008
Images which are used for website layouts and templates, tables, JavaScript enabled menus and interfaces need to be cut up differently, to ensure they are proportioned correctly for what they are going to be used for, this tutorial will show you how to cut them up correctly and then input them into HTML tables ready for use on the internet.
1.) Begin by opening up the image which you want to cut up and use the shortcut CTRL & R to turn the documents rulers on so you have a guideline, drag the edges of the image out so you also have a grey work area to ‘play with’.
2.) Click on the ruler at the top of your page, hold down click and drag down with the cursor, this will make a blue line appear and then drag this line to the point that your want to make a cut and then let go, the final point you stop at doesn’t need to definitely be where you want the cut to be, you can still change the position if the line using the Move Tool to drag the line around.
3.) Use the same process only using the ruler on the left hand side of your image and your image should now be divided into four sections by the blue lines, you need to keep repeating this process until all the areas that you want to cut up are surrounded by blue boxes.
4.) If you want to animate a section of your image you need to make sure that the area is marked to be cut out and this will reduce the file size for your image ensuring the whole image will not need to be loaded numerous times for the animated section, also choose the Snap To Guides option in the view menu.
5.) Using the Marquee Selection Tool make a selection box around the area of the image that you want to cut out, when the area you want to cut out is selected press CTRL & C to copy the selection into memory and then create a new blank document using CTRL & N and the new dialogue box will show the dimensions of the piece you copied, press CTRL & V and this will paste the selection you have copied, save the new image and then go back to the original image.
6.) Repeat this process for every section that you wish to cut up and now the image is separated into usable pieces they will need to be reassembled so they appear to be one whole image again, this will be done using HTML TABLES. You will need the cell spacing, cell padding and border attributes to be set to ‘0’ and the width to be the same as your image as a whole, then all the images should appear lined up like they were still one single image.
Tags: Images, Layouts, Photoshop, Templates, Website Design
Posted in Photoshop, Tutorials | No Comments »
Layering begins once the image is stored on your computer, the image will usually open itself in the default programme so you will have to open Photoshop and then find the image you want to open using file – open – and then where the image is stored.