PS制作波浪线&折线教程

上海/网页设计师/8年前/4921浏览
PS制作波浪线&折线教程

大家好,这是本人第一次写ps教程,希望各位多多关照。讲之前我先要哆嗦几句,不想听哆嗦的请直接跳过看第二部分的制作方法,关于这个制作方法,我之前还没有在网上看到对应和我一样的方法,我只和几届学生们讲过这个方法。但是当我要写这个教程时,已经搜

一、波浪线&折线用途

用途一: 分栏装饰线,波浪框会比矩形更有设计感,更活泼,更柔美感。

适用于女性 可爱 甜美 活泼 水波 等关键词相关设计元素去体现。

在电商网站经常被用到,如下图:


用途二: 另外在一些网站上的活动,优惠卷设计上也经常会见到这样的设计

如下图:

409658a6c331a801219c779ca606.jpg那么用途就看到这了。相信大家学会后还会想出更多的用途和设计思路,我们就开始讲解制作方法吧。


二、波浪线&折线制作方法

步骤一:

A新建一个画布。

37d958a6c34ea801219c7786e7cc.jpg

 

B.用矢量“矩形工具”画一个带颜色矩形。

c4b058a6c362a801219c77060aae.jpg

                           

C.在图层面板中(找不到的同学可反复按F7),找到刚才画的矩形1

右键该图层,在弹出的菜单中,找到”转换为智能对象

这一步相当关键重要,有什么用?我在后面会讲到。先做出这三步吧。

07dd58a6c3b6a801219c77f1758e.jpg

               

步骤二:

A.在最上方菜单栏中,按顺序找到 “滤镜”—“扭曲”---“波浪”

ae9f58a6c3d0a801219c77ebcfd4.jpg            

B. 此时会弹出一个波浪窗口,里面有很多的数字可以设置,

看懵逼了吧,这里的设置也很关键,所以不要着急,我细细讲清楚。

ebdd58a6c3e9a801219c77984e4f.jpg

理解参数详细:======================================

a.生成器数

改为”1”这是这个窗口中最重要的设置,为什么是1?不是2?  这里的数字1是指波浪或折线大小相同。你可以理解为数字1就是1样大小的波浪。

你想啊,要是一个漂亮妹子的波一大一小,长得不一样大,肯定不美了啊。。鱼鱼鱼鱼。。。

嗯哼我讲跑题了。。。。回来,希望我讲这么多,你能明白参数1的意思就是重复一样的意思。-

 

b.波长

最小和最大,两个参数主要是和波浪数量相关,其实就是指波浪与波浪间的长度,长度越小,在总面积中可以容纳的波浪数就越多。

可以理解为:包子做的越小,蒸笼里可以放的包子就越多。

记下八字:波长越小,波浪越多。

 

c.波幅

也有最小和最大值,两个参数主要和波浪高低相关,波幅值越大

可以理解为,你希望漂亮妹子是A罩杯B罩杯 还是C呢,当然开个玩笑

峰值越大,数值就调越大
在我们实际上工作时,波幅数值不用太大,要和波长相符,尽量让线条看上去舒缓平滑流畅,这样才有美感。

 

d.比例

水平和垂直 ,两个参数的取值范围都在1%---100%

在设计中,一般都不希望上下左右都有波浪这样会看上去很乱没规律性。

1.设上下波浪时,调整为水平  1% ,垂直100%
2.设左右波浪时,调整为水平100% ,垂直1%

 

e.类型

1.正弦    就是波浪形状,波形效果
2.三角形  就是尖角形状,撕纸效果
3.方形    就是长城形状,高低矩形效果

 

C.调整波形(上面参数看了还不理解的,先看我截图的数字做一遍)

a.如下图,设置完参数后,确定

222758a6c3fca801219c777def94.jpg

b.如下图,可在图层面板中找到“波浪”效果,双击弹出波浪参数,可做多次的效果调试,调到自己满意为止。这也是为什么之前要”转换成智能对象”的原因之一。

5e2258a6c416a801219c7765b13d.jpg

 

步骤3:  

A. 按ctrl+T确定,出现如下图情况,鼠标拖拽两边直到和画布对齐。

可以看到我们的分栏做好了。

f36a58a6c42ea801219c7775f9c5.jpg

B.可以再次按下ctrl+T拉升上下,调整上下的面积大小。你会发现不管你调整多少次,波形都不会变形,这也是之前为何改为”转换为智能对象”原因之二。

 

e2b458a6c442a801219c77d68d97.jpg

 

C.补充(对于ps基础的同学)

可以再拖入一个背景层,和刚才做的波形做一个剪切蒙版,把背景填入波形中也是一个不做的设计。
  22b958a6c454a801219c77ae6786.jpg 

二、总结&注意事项

好了,今天的教程就到这里快要结束了。

总结一下知识点

a.    转换为智能对象,智能对象产生的滤镜效果是可以反复修改的。

b.    智能对象的变形操作不会改变滤镜效果的变形。

c.    滤镜中波形的参数控制,可以调出波形&折线效果,关键是对参数的理解。

最后希望我今天的这个教程对你有小小的帮助,祝大家设计技艺越来越强,在设计路上越走越顺心,工资水涨船高,下次教程见喽!


本文纯属学习交流,部分图片来源网格,如有侵犯请及时与本人联系 

火星时代教育—胡大大


76
Report
|
100
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
华为项目——Ai智慧网图
Homepage recommendation
DESIGN NEW WAVE
Homepage recommendation
大家都在看
Log in