Home Photoshop
Photoshop
How to Use Clipping Mask in Photoshop

Launch your Adobe Photoshop and make a new document

Clipping Mask

Choose "Custom Shape Tool" on the left tools bar. It is mostly hidden click and hold on the "Rectangle Tool" and you'll see it at the bottom of the list.

Clipping Mask

From the top panel choose the custom shapes

Clipping Mask

Then, draw a shape.

Clipping Mask

Open a picture and use "Move Tool" to pull it to the file which has the shape.

Clipping Mask

Go to the layer panel, between shape layer and picture layer line move your mouse then hold Alt key and click your mouse. While you are holding Alt key the mouse turns to be like as the symbol underwater cycle like in the following picture

Clipping Mask

Then you'll see the change as below:

Clipping Mask

Use "Move Tool" to adjust the picture layer's location.

Clipping Mask

The last effect of this class is as below. So now you know use clipping mask in a photograph is so easy, isn't it?

Clipping Mask

 
How to Make Basic Animated Gif in Photoshop

Open your image in Photoshop; we'll make a frame-by-frame animation, so you have to put the contents in different layers.

Animated Gif

Open the Animation panel. (Window-Animation).

Animated Gif

In Animation panel, press copy frames button to copy frames. Here we copy to five frames.

Animated Gif

Select the frame in Animation panel, and hide the layer which you do not need to display in this frame. As an example, I set Layer six invisible to cover Layer six in frame four.

Animated Gif

You can press play button to check the animation at any moment. If you are feeling the velocity of animation is too quickly or too low, you can decide on the frames and click the price of time to adjust their appear time.

Animated Gif

Then we will be able to make a tween to make the animation more naturally. Decide on the opposite frames and click tween animation frames button to form a tween.

Animated Gif

We can set the amount of tween frame in Tween dialog box. Click OK to make the tween frame.

Animated Gif

The 2 tween frames have been made. Now we are able to use the same way to form other tweens.

Animated Gif

After making the animation GIF, we must reserve it. Click File- Save for Web & Devices to save the animation GIF.

Animated Gif

The basic frame-by-frame animation GIF has been made. You may use this way to make many fascinating picture to improve your page or send them to your chums when talking on the web.

Animated Gif

 

Featured Articles

Adobe Illustrator
  Adobe IllustratorLearn drawing technique, text effect, 3D graphic & more refer Illustrator Tutorial.
Adobe Dreamweaver
Adobe Dreamweaver If you want to learn to design website learn through our Dreamweaver Tutorial.
CSS (Cascading Style Sheets)
Css Save your time for website designing and speed up your work by using CSS.