Web design

Working with Tabbed Windows and Combining Images in Photoshop

4Let's say that the image you are working with needs to be resized. You can do this by clicking on ‘Image' followed by ‘Image Size'. When you do, a window will appear that contains a number of sizing options. This window is shown in the screenshot above. As you can see, the current picture has a width of 75.958 inches and a height of 50.625 inches. It also currently has a resolution of 72 pixels per inch. That's pretty large.

Now, what would you do if you wanted to use this image for your Facebook Timeline Cover? You would need to scale this image down quite a bit, right? You may remember that it was previously stated that Facebook's recommended dimensions for a timeline cover were 851×315.

If you were to change the width of the image to 851, the height dimension would automatically change to 567. That is because the program is trying to rescale the image proportionately. Now, you can turn this feature off by clicking on the rectangular icon to the left of the words ‘Width' and ‘Height'. This would allow you to change the height setting without the program automatically readjusting the width. However, a better option would be to just readjust the width and allow this automatic change to take place. Then, you can simply crop the photo so that it is the right height.

5

After making these changes, your image might become a lot smaller within the interface. This is demonstrated in the screenshot above. There are two ways to zoom into the image. The first is to select the zoom tool, which is within the tool bar on the left-hand side (it looks like a magnifying glass).

Once this tool is selected, you can click on the image until you get it to the size that you want to work with. Another way that you can zoom in and out, if you're on a PC, is to hit the ‘Ctrl' button along with the ‘+' button or the ‘-‘ button. If you are on a Mac, you do the same thing except that you will use the ‘Cmd' key.

Now let's say that you wanted to combine two images together. The easiest way to do this is to select one of the images, click the ‘Move' tool, and left click and drag the image onto the tab that you would like to place the image within. As soon as you release the image, it will lie on top of the other. Another way to do this is to use copy and paste.

6

When you merge two images like this, you'll notice that each remains on a separate layer. As you can see in the picture above, there are now two layers showing on the bottom right of the interface within the screenshot above. This occurs by default.

It may be easier for you to use keystrokes to copy and paste an image. To do so, you would simply hit ‘Ctrl+A' (Cmd+A) to select the image and then ‘Ctrl+C' (Cmd+C) to copy it. After that, you would click on the tab that you would like to move it to before using ‘Ctrl+V' (Cmd+V) to paste the image. You can also use your menu options in order to copy and paste an image. It doesn't matter which method you use to transfer one image into another tab. No matter how you go about it, you get the same result.

If you have any questions, please ask below!