search
HomeWeb Front-endPS TutorialPhotoshop制作春节鲤鱼跳龙门动画教程

Photoshop制作春节鲤鱼跳龙门动画教程

Jun 01, 2016 pm 02:32 PM
animationSpring Festival

2016年春节就要到了,咱们今天用ImageReady制作一个“鲤鱼跳龙门”的小动画。CS3以上的版本可以直接在PS里面完成即可,基本参数都是一样的,喜欢的朋友让我们一起来学习吧。基本参数都是一样的,喜欢的朋友让我们一起来学习吧。 2013年春节就要到了,咱们今天用ImageReady制作一个“鲤鱼跳龙门”的小动画。CS3以上的版本可以直接在PS里面完成即可,基本参数都是一样的,喜欢的朋友让我们一起来学习吧。
以下是完成图:
Photoshop制作春节鲤鱼跳龙门动画教程
制作过程:
一、 在ImageReady中新建10*10厘米,分辨率为72dpi的画布,新建图层,用钢笔工具勾出下图形状,填充R:120G:80B:0。
Photoshop制作春节鲤鱼跳龙门动画教程
二、 新建图层,用圆形工具减选出月牙形,填充R:255G:255B:0,复制多个,按大小方向排列好,合并图层。
Photoshop制作春节鲤鱼跳龙门动画教程
三、 在图层面板上给月牙形图层添加图层样式,选择阴影。合并前面做的2个图层,用加深工具将四周的变暗,用减淡工具将中心提亮。
Photoshop制作春节鲤鱼跳龙门动画教程
四、 将做好的图层复制2个,调整大小排列好。
Photoshop制作春节鲤鱼跳龙门动画教程
五、 新建图层,用矩形工具拉一个长方形选框,将渐变编辑器栏里设置三个三标为别是深红、大红、深红,再在选框中拉出一个渐变,复制1个图层,摆放好。
Photoshop制作春节鲤鱼跳龙门动画教程
六、 新建图层,用矩形工具拉一个长方形选框,填充黑色,将图层下移置后。
Photoshop制作春节鲤鱼跳龙门动画教程
七、 用画笔工具,在上面做些点缀。
Photoshop制作春节鲤鱼跳龙门动画教程
八、 新建图层,用矩形工具拦一个长方形选框,填充R:0G:0B:255,用加深工具将上半部分进行加深。
Photoshop制作春节鲤鱼跳龙门动画教程
九、 用打字工具打上一个繁体的龙字,找素材也可。
Photoshop制作春节鲤鱼跳龙门动画教程
十、 新建图层,置于最后一层,将前景色设置为R:0G:131B:209,用渐变工具由上至下拉出一个蓝色渐变。
Photoshop制作春节鲤鱼跳龙门动画教程
十一、新建图层,用矩形工具拉一个长方形选框,填充R:0G:131B:209。
Photoshop制作春节鲤鱼跳龙门动画教程
十二、将前景色设置为白色,就在上一层用画笔工具画一些波纹形。
Photoshop制作春节鲤鱼跳龙门动画教程
十三、执行菜单栏上的“滤镜—扭曲—海洋波纹”,用自由变换工具将前景拉大,形成透视效果,用魔棒工具选择空白处,羽化10像素,按delete键删除几次,使远处变得模糊。
Photoshop制作春节鲤鱼跳龙门动画教程
十四、复制波浪图层,将复制的那一层移动最上面,然后用柔化的橡皮工具,擦除上面一部分,该图层用来遮挡龙门,使其看起来象在水里一样。
Photoshop制作春节鲤鱼跳龙门动画教程


十五,新建图层,用钢笔工具画出鲤鱼的形状,填充合适的颜色。依次画上鱼鳞、眼睛、嘴、尾部以及鱼鳍部分。
Photoshop制作春节鲤鱼跳龙门动画教程
Photoshop制作春节鲤鱼跳龙门动画教程
Photoshop制作春节鲤鱼跳龙门动画教程
Photoshop制作春节鲤鱼跳龙门动画教程
Photoshop制作春节鲤鱼跳龙门动画教程
Photoshop制作春节鲤鱼跳龙门动画教程
十六、把鱼多复制几个图层,可以变一变颜色,用变形工具再旋转出将它们跳跃的状态以及方向。
十七、将海浪层也多复制几层,用颜色选取将它们的兰色去掉,只保留白色部分,当然最底下一层要完整的。
十八,用其中一个去底的海浪图层,执行“滤镜—扭曲—水波”,做出鲤鱼跳出时的水波。
Photoshop制作春节鲤鱼跳龙门动画教程
十八、将龙门上的三层顶也各复制一个,分别提亮。
十八、转到Imageready。将各个图层按顺序在不同的帧中隐藏或可见,原则是如果要移动,可直接在不动的帧中移动显示出不同的位置,如果要变形,则要另复制一个图层重新制作。
Photoshop制作春节鲤鱼跳龙门动画教程
Photoshop制作春节鲤鱼跳龙门动画教程
Photoshop制作春节鲤鱼跳龙门动画教程
十九、最后设置优化面板,使其效果达到最好。
Photoshop制作春节鲤鱼跳龙门动画教程
完成效果:
Photoshop制作春节鲤鱼跳龙门动画教程

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Photoshop: Investigating Free Trials and Discount OptionsPhotoshop: Investigating Free Trials and Discount OptionsApr 14, 2025 am 12:06 AM

You can get the access to Photoshop in the most economical way: 1. Experience the software features with a 7-day free trial; 2. Find student or teacher discounts, as well as seasonal promotions; 3. Use coupons on third-party websites; 4. Subscribe to Adobe CreativeCloud's monthly or annual plan.

Photoshop for Designers: Creating Visual ConceptsPhotoshop for Designers: Creating Visual ConceptsApr 13, 2025 am 12:09 AM

Creating visual concepts in Photoshop can be achieved through the following steps: 1. Create a new document, 2. Add a background layer, 3. Use the brush tool to draw basic shapes, 4. Adjust colors and brightness, 5. Add text and graphics, 6. Use masks for local editing, 7. Apply filter effects, these steps help designers build a complete visual work from scratch.

Is Photoshop Free? Understanding Subscription PlansIs Photoshop Free? Understanding Subscription PlansApr 12, 2025 am 12:11 AM

Photoshop is not free, but there are several ways to use it at low cost or free: 1. The free trial period is 7 days, and you can experience all functions during this period; 2. Student and teacher discounts can cut costs by half, and school proof is required; 3. The CreativeCloud package is suitable for professional users and includes a variety of Adobe tools; 4. PhotoshopElements and Lightroom are low-cost alternatives, with fewer functions but lower prices.

Photoshop's Value: Weighing the Cost Against Its FeaturesPhotoshop's Value: Weighing the Cost Against Its FeaturesApr 11, 2025 am 12:02 AM

Photoshop is worth the investment because it provides powerful features and a wide range of application scenarios. 1) Core functions include image editing, layer management, special effects production and color adjustment. 2) Suitable for professional designers and photographers, but amateurs may consider alternatives such as GIMP. 3) Subscribe to AdobeCreativeCloud can be used as needed to avoid high one-time spending.

The Core Purpose of Photoshop: Creative Image DesignThe Core Purpose of Photoshop: Creative Image DesignApr 10, 2025 am 09:29 AM

Photoshop’s core use in creative image design is its powerful functionality and flexibility. 1) It allows designers to transform creativity into visual reality through layers, masks and filters. 2) Basic usages include cropping, resizing and color correction. 3) Advanced usages such as layer styles, blend modes and smart objects can create complex effects. 4) Common mistakes include improper layer management and excessive use of filters, which can be solved by organizing layers and using filters reasonably. 5) Performance optimization and best practices include rational use of layers, regular saving of files, and using shortcut keys.

Photoshop for Web Design: Advanced Techniques for UI/UXPhotoshop for Web Design: Advanced Techniques for UI/UXApr 08, 2025 am 12:19 AM

Photoshop can be used in web design to create high-fidelity prototypes, design UI elements, and simulate user interactions. 1. Use layers, masks and smart objects for basic design. 2. Simulate user interaction through animation and timeline functions. 3. Use scripts to automate the design process and improve efficiency.

Newbie's article: Use the ps brush to add crack effects to the font (share)Newbie's article: Use the ps brush to add crack effects to the font (share)Apr 07, 2025 am 06:21 AM

In the previous article "Teaching you step by step to add printing effects to plate images using ps (Favorites)", I introduced a small trick to use ps to add printing effects to plate images using ps. The following article will introduce to you how to use the ps brush to add crack effects to the font. Let’s take a look at how to do it.

Photoshop Advanced Typography: Creating Stunning Text EffectsPhotoshop Advanced Typography: Creating Stunning Text EffectsApr 07, 2025 am 12:15 AM

In Photoshop, you can create text effects through layer styles and filters. 1. Create a new document and add text. 2. Apply layer styles such as shadows and outer glow. 3. Use filters such as wave effects and add bevel and relief effects. 4. Use masks to adjust the effect range and intensity to optimize the visual impact of the text effect.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

EditPlus Chinese cracked version

EditPlus Chinese cracked version

Small size, syntax highlighting, does not support code prompt function