Photoshop uses smart objects to create a GIF animation tutorial that disappears from the sky

Source: Internet
Author: User
We will give you a detailed analysis of Photoshop software users and share with you the tutorials on how to use smart objects to make a GIF animation that disappears in the sea of flowers.
Tutorial sharing:
1. Save the big image below to the local machine and open it with PS.

 

2. Select the pen tool to hide the character part, convert it to the selected area, press Ctrl + J to copy it to the new layer, and then temporarily hide the hidden character layer, as shown in the figure below.

 

 

3. Select the background layer and press Ctrl + J to copy the layer to obtain the background copy layer, as shown in the following figure.

 

4. Select "Copy stamp tool" in the toolbox, set the mode "normal" in the attribute bar, set the opacity and traffic to 100%, and set the sample "current layer", as shown in the figure below.

 

 

5. Press and hold the Alt key to sample data at the horizon position, click the left mouse button, and release the data.

 

6. Then, smear the character to erase it.

 

 

7. You can sample and clean the characters in different places, as shown in the following figure. If you are too troubled, you can go to the video tutorial on this site to download off-the-shelf PSD materials.

 

8. Select the character layer, name it "character", and press Ctrl + J to copy a layer to get the character copy layer, as shown in the figure below.

 

9. Hide the character layer, return to the character copy layer, select the imitation stamp tool, sample the character, and then apply the effect shown in the following figure. This will be used for later animation.

 

 

10. Hide the character copy layer and display the character layer, as shown in the following figure.

 

11. Subsequent operations are cumbersome. Create a blank layer, select the oval box selection tool, press Shift to pull out the right circle selection area shown in the following figure, fill the yellow area with the paint bucket tool, and then cancel the selection area, as shown in the following figure.

 

12. Right-click the blue area next to the thumbnail of the current layer on the layer panel and choose convert to smart object, as shown in the following figure.

 

13. After adding a smart object, the layer thumbnail has a specific icon, as shown in the following figure.

 

14. Select the mobile tool and press the Alt key to move the smart object to copy it. You can adjust the size.

 

15. Copy and place the characters according to their outlines until they are filled, as shown in the following figure.

 

16. Select all the intelligent object layers, as shown in the following figure.

 

17. Select "convert to smart object" from the menu in the upper right corner of the layer panel, as shown in the following figure.

 

18. This is the current effect. The layer of the circle is changed to a layer.

 

19. Move the current layer to the bottom of the character layer, as shown in the following figure.

 

20. Select the character layer and press Ctrl + Alt + G to create a cut mask. The effect is shown in the following figure.

 

21. Create a cut mask for the character copy layer and move it to the bottom of the character layer, as shown in the following figure.

 

22. Press Ctrl + the left mouse button and click the intelligent object layer thumbnail to bring up the selection area, as shown in the following figure.

 

23. Select menu: choose> modify> extend to expand the selected area by 1 pixel, as shown in the following figure.

 

24. Keep the selection area, return to the background copy layer, and press Ctrl + C to copy.

 

25. Select the character copy layer to keep the selected area unchanged. Create a blank layer, as shown in the following figure.

 

26. Press Ctrl + V to paste the copied image, as shown in the following figure. At this time, you cannot see the extra part.

 

27. Now we want to operate on the intelligent object layer and double-click the thumbnail of the Intelligent Object layer.

 

28. We get a new file, select the menu: Image> canvas size, set the width and height to 800*450, locate and select the center, and then confirm.

 

 

29. Double-click any smart object thumbnail in the layer panel to get a new file.

 

30. Set the canvas to 400*400 pixels in the same way as above, as shown in the following figure. The subsequent operations may be a bit complicated. If you do not know anything, you can watch video tutorials. We get two files. The first one is a large file, followed by a small file, and the subsequent operations are completed here. Do not close these two files.

 

 

31. Return to our previous document, create a new layer on the top of the layer, press Ctrl + Alt + Shift + E to print the layer, and then hide the layer.

 

 

32. Return to the small file, press Ctrl + T to narrow down the small circle a little, and reduce the proportion to around 86%. Then, OK, and press Ctrl + S to save.

 

33. Return to the large file and press Ctrl + S to save it.

 

34. When we return to the character file, the effect changes. We create a new layer, print the layer, and hide the layer.

 

35. Return to the small file, press Ctrl + T to zoom in again, press enter to confirm, and then press Ctrl + S to save.

 

36. Return to the large file and press Ctrl + S to save it.

 

37. Return to the character file, create a new layer, stamp the layer, and hide the layer after the stamp.

 

38. Return to the small file and use the mobile tool to move the circle to the right.

 

39. Use a Magnifier tool to zoom in and use a plug-in tool to hide a small circle. Use a mobile tool to remove it, as shown in the following figure.

 

 

40. Remove the remaining parts with the plug-in tool, as shown in the following figure. Press Ctrl + T to narrow down a little, and then press Ctrl + S to save.

 

41. Return to the large file and press Ctrl + S to save it.

 

42. Return to the character file, create a new layer, print the layer, and then hide the layer.

 

43. Go back to the small file, remove the part, reduce it, and press Ctrl + S to save it.

 

44. Return to the large file and press Ctrl + S to save it.

 

45. Repeat the operation. First, narrow down the small file, expand the split distance, and then save it. Then, save the large file. Create a new layer on the character file, stamp and hide the layer, and repeat it three times, as shown in the following figure.

 

 

 

46. Return to the character file, copy the background copy to a layer, and press Ctrl + Shift +] to top the page, as shown in the figure below.

 

47. Now, start making the animation. Choose window> timeline, as shown in the following figure.

 

48. Select "create frame animation", as shown in the following figure.

 

49. Click "Create frame animation" to go to the animation settings panel.

 

50. For the first frame of the layer, select the layer for the first stamp. For other layers, click "time" and set the time to 0.5 seconds.

 

51. Click the new icon under the timeline to create a new frame.

 

52. Select the layer for the second stamp, as shown in the following figure.

 

53. Set the time to 0.1 seconds, as shown in the following figure.

 

54. Create a new frame and select the third stamp layer.

 

55. Repeat the operation and create several frames with several stamp layers. Select the copy layer of the background for the last frame. The time is not set to 0.5 seconds, as shown in the following figure. Set the number of times in the lower left corner of the timeline to always, as shown in the figure.

 

56. Click the play button to preview the animation. If there is no problem, you can export the animation format. Select File> storage as the Web format.

 

57. On the pop-up panel, select the "storage" button in the lower-right corner to save the image, and then select the storage location and name.

 

Final effect:

 

Okay, the above information is the detailed analysis of all the content shared by the Photoshop software users who use smart objects to make the characters into GIF animation tutorials that disappear in the sea of flowers. now, as you can see, I believe that you have made a very clear solution first, so you can follow the tutorials shared by Xiaobian to try the results.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.