search
HomeWeb Front-endPS TutorialPS制作飞扬的五星红旗gif动态图教程

这篇教程是向脚本之家朋友介绍PS制作飞扬的五星红旗gif动态图方法,教程制作出来的五星红旗非常地漂亮,教程介绍地很详细,推荐到脚本之家,喜欢的朋友一起来看看吧

今天为大家介绍PS制作飞扬的五星红旗gif动态图方法,教程制作出来的效果非常不错,而且制作出来的图片效果非常清晰,推荐到脚本之家,喜欢的朋友可以过来学习一下哦!

先来看看最终的效果图:

一、效果

  1、便携式

PS制作飞扬的五星红旗gif动态图教程
效果图1

  2、固定式:特写(局部放大)

PS制作飞扬的五星红旗gif动态图教程
效果图2(局部)

  全景图

PS制作飞扬的五星红旗gif动态图教程
效果图2(全景)

二、制作方法

  1、新建文档,名称命为【五星红旗】,背景颜色填充红色。

PS制作飞扬的五星红旗gif动态图教程
图1

  2、将【前景色】设为黄色,新建图层,选择【多边形工具】,边数设为5。

PS制作飞扬的五星红旗gif动态图教程
图2

  3、用【多边形工具】在新建图层上拖出五星,右键点击【工作路径】,选择【填充路径】。也可以选择【形状图层】模式,直接拖出黄色五星。

PS制作飞扬的五星红旗gif动态图教程
图3

  4、选择【前景色】填充五星。

PS制作飞扬的五星红旗gif动态图教程
图4

PS制作飞扬的五星红旗gif动态图教程
图5

  5、选择五星,按【Ctrl+J】键,复制4个,调整大小并放置合适位置,按【Ctrl+Alt+Shift+E】键盖印,到此,红旗的基本素材完成。

PS制作飞扬的五星红旗gif动态图教程
图6

PS制作飞扬的五星红旗gif动态图教程
图7



  6、为了方便备用,将盖印的五星复制并填充黑色,用【矩形选择工具】选取。依次打开【编辑—定义画笔预设】,名称定为五星。

PS制作飞扬的五星红旗gif动态图教程
图8

  7、将【前景色】设为黄色,选择【画笔—五星】,调整大小,在红布上单击即可。

PS制作飞扬的五星红旗gif动态图教程
图9

PS制作飞扬的五星红旗gif动态图教程
图10

8. 新建图层,为红旗制作波纹,选择【渐变】工具,对图层进行黑白渐变,模式设为差值,多次不规则的拖动鼠标。

PS制作飞扬的五星红旗gif动态图教程
图11

  9、对波纹执行【滤镜—模糊—高斯模糊】。

PS制作飞扬的五星红旗gif动态图教程
图12

  10、对波纹执行【滤镜—风格化—查找边沿】及【色阶】调整。

PS制作飞扬的五星红旗gif动态图教程
图13

  11、进一步调整波纹大小,按【Ctrl+J】键复制,执行【编辑—自动混合图层】,使两层首尾相接无缝合并(合并后的图11-2用【污点修复画笔】修复,如11-3所示)。

PS制作飞扬的五星红旗gif动态图教程
图14

PS制作飞扬的五星红旗gif动态图教程
图15

PS制作飞扬的五星红旗gif动态图教程
图16

  12、将波纹图层模式设为【正片叠底】。

PS制作飞扬的五星红旗gif动态图教程
图17



  13、制作旗杆,新建图层,用【椭圆选框工具】,拖出椭圆选区,执行黑白渐变。

PS制作飞扬的五星红旗gif动态图教程
图18

PS制作飞扬的五星红旗gif动态图教程
图19

  14、用【减淡加深工具】对小球进行修饰。按【Ctrl+J】键,再复制两个,并调整大小 ,按顺序叠放一起。新建图层,用【矩形选择工具】拖出长方形选区,并对选区执行黑白渐变。按【Ctrl+Alt+Shift+E】键盖印

PS制作飞扬的五星红旗gif动态图教程
图20

15、用【色相/饱和度】【色阶】对盖印后的旗杆调整颜色。

PS制作飞扬的五星红旗gif动态图教程
图21

  16、新建图层,为红旗添加旗裤,用【矩形选择工具】拖出长方形选区,填充白色,调整不透明度及明暗度。

PS制作飞扬的五星红旗gif动态图教程
图22

  17、依次打开【窗口—动画】,选择时间轴模式,时间设定30帧/1秒,将时间轴拖至左端,点击【位置】旁边的小时钟为波纹建立关键帧(图23),随后将时间轴拖至右端,接下来将波纹向右拖动,直至与红旗左靠齐松开鼠标,右端自动添加1个关键帧(图24)。

PS制作飞扬的五星红旗gif动态图教程
图23

PS制作飞扬的五星红旗gif动态图教程
图24

  18、储存动画(如图所示)。

PS制作飞扬的五星红旗gif动态图教程
图25



PS制作飞扬的五星红旗gif动态图教程
图26

  19、打开动画(如图所示)。

PS制作飞扬的五星红旗gif动态图教程
图27

  19-2 按【Shift+*】,在文件名称一栏输入*,载入。

PS制作飞扬的五星红旗gif动态图教程
图28

  19-3 打开第18步储存的动画。

PS制作飞扬的五星红旗gif动态图教程
图29

PS制作飞扬的五星红旗gif动态图教程
图30

20、调整画布大小(如图所示)。

PS制作飞扬的五星红旗gif动态图教程
图31

PS制作飞扬的五星红旗gif动态图教程
图32

  21、将先前制作的旗杆拖入界面。

PS制作飞扬的五星红旗gif动态图教程
图33



  22、调整红旗大小,直至与旗杆匹配,试播动画。

PS制作飞扬的五星红旗gif动态图教程
图34

PS制作飞扬的五星红旗gif动态图教程
图35

PS制作飞扬的五星红旗gif动态图教程
图36


  23、调整红旗形状(如图所示)。

PS制作飞扬的五星红旗gif动态图教程
图37

PS制作飞扬的五星红旗gif动态图教程
图38

PS制作飞扬的五星红旗gif动态图教程
图39

 24、当前图层(参照第18步,将动画储存)。

PS制作飞扬的五星红旗gif动态图教程
图40



 PS制作飞扬的五星红旗gif动态图教程
图41

PS制作飞扬的五星红旗gif动态图教程
图42

PS制作飞扬的五星红旗gif动态图教程
图43

  26、新建图层,用【矩形选择工具】拖出长方形选区(图44),选择【渐变】,设定渐变参数,按住【Shift】键,拖动鼠标(图45)对选区实施渐变。

PS制作飞扬的五星红旗gif动态图教程
图44

PS制作飞扬的五星红旗gif动态图教程
图45

  27、新建图层,用【椭圆选框工具】,拖出椭圆选区,利用【渐变】【加深减淡】对选区继续修饰,将其图层置于图45上边(见图47)。

PS制作飞扬的五星红旗gif动态图教程
图46

PS制作飞扬的五星红旗gif动态图教程
图47



  28、利用上步(27)方法,为旗杆添加滑轮,按【Ctrl+Alt+Shift+E】键盖印。

PS制作飞扬的五星红旗gif动态图教程
图48

  29、新建图层,制作绳子,用【矩形选择工具】拖出长方形选区,填充颜色,实施【斜面和浮雕】。

PS制作飞扬的五星红旗gif动态图教程
图49

  30、按【Ctrl+T】键,设定参数,复制选区。

PS制作飞扬的五星红旗gif动态图教程
图50

 31、按【Ctrl+T】键,设定参数,调整绳子。

PS制作飞扬的五星红旗gif动态图教程
图51

  32、在执行第17步前,在红旗左端添加旗裤(见图52),而后,实施第17步(见图53、动画54),最后执行第18步。

PS制作飞扬的五星红旗gif动态图教程
图52

PS制作飞扬的五星红旗gif动态图教程
图53

PS制作飞扬的五星红旗gif动态图教程
图54

  33、参照第19-23步实施。复制绳子,调整大小,绳子与旗裤重叠部分,用【加深减淡】处理一下,看上去要有凹凸感;绳子与图层每一面旗逐一合并(见图 55);将旗杆拖入界面,置于顶层(见图56);将图层每一面旗逐一变形处理(见图57)。

PS制作飞扬的五星红旗gif动态图教程
图55

PS制作飞扬的五星红旗gif动态图教程
图56

PS制作飞扬的五星红旗gif动态图教程
图57

  34、当前图层。

PS制作飞扬的五星红旗gif动态图教程
图58

PS制作飞扬的五星红旗gif动态图教程
图59

  35、效果二

PS制作飞扬的五星红旗gif动态图教程
图60

  以上就是PS制作飞扬的五星红旗gif动态图教程,大家学会了吗?喜欢的朋友快快来学习吧!

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's Subscription Model: What You Get for Your MoneyPhotoshop's Subscription Model: What You Get for Your MoneyApr 15, 2025 am 12:17 AM

Photoshop's subscription model is worth buying. 1) Users can access the latest version and use across devices at any time. 2) The subscription fee is low, and continuous updates and technical support are provided. 3) Advanced functions such as neural filters can be used for complex image processing. Despite the high long-term costs, its convenience and feature updates are valuable to professional users.

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.

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)
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
4 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
1 months agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

Atom editor mac version download

Atom editor mac version download

The most popular open source editor