Tutorial 2 - Layering Basics

Hi All,

The next tutorial will be on the Layering Basics section, and this is the further step from the Tutorial 1 - Selection Tools, and as usual we need to open the file which contains the 5 images which edited from the Selection Tools :

At the same time, we also created a new file named as 'Layering'

We can also adding some colors into the new file by choosing either solid or gradient color from the selection on the bottom right of the screen. At this case, I chose gradient color with light blue color. At the same time, we can also reduce its opacity to create a lighter color or so-called increase the transparency onto the image.

Can you guys see a more transparent color onto the image?


We will then move to the next step by moving the images edited from the Selection Tools into a new layer.

The image of the MMU bus has been moved to the new file from the 5 images that edited using Selection Tools.

The same also applies to other images, which one by one moved into the new layer. Meanwhile, to illustrate on how layering process being done, and as we can see from above, we are going to move the bus to be on top on the image of the building, and that's when layering play its part. Very simple and easy, all we need to do is just dragging the layer to our own preference, whether to be on top or below of each other. For example, if we need the bus to be on top of the building image, all we need to do is drag the layer for the bus to be on top of the layer for the building.


Meanwhile, we can rename the layers for our own easy reference by just choose Layer Properties and change its title as what we wanted it to be.

Can you see on the right hand side that the arrangement of the layers has switched between Layer 1 and Layer 2? When Layer 1 is on top of Layer 2, then we can move the bus to be on top of the image for building, like below:

Also, we can adjust the size of the image by just pressing CTRL + T for transformation adjustment, and by just pulling the edge of the image.

The same method also applies to the remaining images, and the final image could be in like as below:

We can also adding some descriptions onto the image by choosing from the Horizontal Type Tool from the selection from the left hand side of the screen.

So, when you are satisfied with the artwork and editing, just save the image. =) 


So, Layering Basics is ended with the image below.