Heim > Web-Frontend > PS-Tutorial > Hauptteil

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

PHP中文网
Freigeben: 2016-06-01 14:25:37
Original
10902 Leute haben es durchsucht

这篇教程是向脚本之家朋友介绍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动态图教程,大家学会了吗?喜欢的朋友快快来学习吧!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!