當(dāng)前位置:首頁(yè)>ps入門(mén)教程>ps邊框教程>教程內(nèi)容

折線教程,教你制作波浪線邊框(6)

來(lái)源:火星時(shí)代教育 作者:胡大大 學(xué)習(xí):56909人次

這種波浪線經(jīng)常在電商優(yōu)惠卷時(shí)看到,其實(shí)用PS制作方法也很簡(jiǎn)單,今天就教大家如何制作優(yōu)惠卷的波浪邊框。

一、波浪線&折線用途

用途一: 分欄裝飾線,波浪框會(huì)比矩形更有設(shè)計(jì)感,更活潑,更柔美感。

適用于女性 可愛(ài) 甜美 活潑 水波 等關(guān)鍵詞相關(guān)設(shè)計(jì)元素去體現(xiàn)。

在電商網(wǎng)站經(jīng)常被用到,如下圖:

拆線教程,教你制作波浪線邊框_www.theoat.com.cn

拆線教程,教你制作波浪線邊框_www.theoat.com.cn
www.theoat.com.cn

用途二: 另外在一些網(wǎng)站上的活動(dòng),優(yōu)惠卷設(shè)計(jì)上也經(jīng)常會(huì)見(jiàn)到這樣的設(shè)計(jì)

如下圖:

拆線教程,教你制作波浪線邊框_www.theoat.com.cn

那么用途就看到這了。相信大家學(xué)會(huì)后還會(huì)想出更多的用途和設(shè)計(jì)思路,我們就開(kāi)始講解制作方法吧。

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

步驟一:

A新建一個(gè)畫(huà)布。

拆線教程,教你制作波浪線邊框_www.theoat.com.cn

B.用矢量“矩形工具”畫(huà)一個(gè)帶顏色矩形。

拆線教程,教你制作波浪線邊框_www.theoat.com.cn

C.在圖層面板中(找不到的同學(xué)可反復(fù)按F7),找到剛才畫(huà)的矩形1

右鍵該圖層,在彈出的菜單中,找到”轉(zhuǎn)換為智能對(duì)象”

這一步相當(dāng)關(guān)鍵重要,有什么用?我在后面會(huì)講到。先做出這三步吧。

拆線教程,教你制作波浪線邊框_www.theoat.com.cn

步驟二:

A.在最上方菜單欄中,按順序找到 “濾鏡”—“扭曲”---“波浪”

拆線教程,教你制作波浪線邊框_www.theoat.com.cn

B. 此時(shí)會(huì)彈出一個(gè)波浪窗口,里面有很多的數(shù)字可以設(shè)置,

看懵逼了吧,這里的設(shè)置也很關(guān)鍵,所以不要著急,我細(xì)細(xì)講清楚。

拆線教程,教你制作波浪線邊框_www.theoat.com.cn

理解參數(shù)詳細(xì):======================================

a.生成器數(shù)

改為”1”這是這個(gè)窗口中最重要的設(shè)置,為什么是1?不是2? 這里的數(shù)字1是指波浪或折線大小相同。你可以理解為數(shù)字1就是1樣大小的波浪。

你想啊,要是一個(gè)漂亮妹子的波一大一小,長(zhǎng)得不一樣大,肯定不美了啊。。魚(yú)魚(yú)魚(yú)魚(yú)。。。

嗯哼我講跑題了。。。;貋(lái),希望我講這么多,你能明白參數(shù)1的意思就是重復(fù)一樣的意思。-

b.波長(zhǎng)

最小和最大,兩個(gè)參數(shù)主要是和波浪數(shù)量相關(guān),其實(shí)就是指波浪與波浪間的長(zhǎng)度,長(zhǎng)度越小,在總面積中可以容納的波浪數(shù)就越多。

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

記下八字:波長(zhǎng)越小,波浪越多。

c.波幅

也有最小和最大值,兩個(gè)參數(shù)主要和波浪高低相關(guān),波幅值越大

可以理解為,你希望漂亮妹子是A罩杯B罩杯 還是C呢,當(dāng)然開(kāi)個(gè)玩笑

峰值越大,數(shù)值就調(diào)越大
在我們實(shí)際上工作時(shí),波幅數(shù)值不用太大,要和波長(zhǎng)相符,盡量讓線條看上去舒緩平滑流暢,這樣才有美感。

d.比例

水平和垂直 ,兩個(gè)參數(shù)的取值范圍都在1%---100%

在設(shè)計(jì)中,一般都不希望上下左右都有波浪這樣會(huì)看上去很亂沒(méi)規(guī)律性。

1.設(shè)上下波浪時(shí),調(diào)整為水平 1% ,垂直100%
2.設(shè)左右波浪時(shí),調(diào)整為水平100% ,垂直1%

e.類型

1.正弦 就是波浪形狀,波形效果
2.三角形 就是尖角形狀,撕紙效果
3.方形 就是長(zhǎng)城形狀,高低矩形效果

C.調(diào)整波形(上面參數(shù)看了還不理解的,先看我截圖的數(shù)字做一遍)

a.如下圖,設(shè)置完參數(shù)后,確定

拆線教程,教你制作波浪線邊框_www.theoat.com.cn

b.如下圖,可在圖層面板中找到“波浪”效果,雙擊彈出波浪參數(shù),可做多次的效果調(diào)試,調(diào)到自己滿意為止。這也是為什么之前要”轉(zhuǎn)換成智能對(duì)象”的原因之一。

拆線教程,教你制作波浪線邊框_www.theoat.com.cn

步驟3:

A. 按ctrl+T確定,出現(xiàn)如下圖情況,鼠標(biāo)拖拽兩邊直到和畫(huà)布對(duì)齊。

可以看到我們的分欄做好了。

拆線教程,教你制作波浪線邊框_www.theoat.com.cn

B.可以再次按下ctrl+T拉升上下,調(diào)整上下的面積大小。你會(huì)發(fā)現(xiàn)不管你調(diào)整多少次,波形都不會(huì)變形,這也是之前為何改為”轉(zhuǎn)換為智能對(duì)象”原因之二。

拆線教程,教你制作波浪線邊框_www.theoat.com.cn

C.補(bǔ)充(對(duì)于ps基礎(chǔ)的同學(xué))

可以再拖入一個(gè)背景層,和剛才做的波形做一個(gè)剪切蒙版,把背景填入波形中也是一個(gè)不做的設(shè)計(jì)。
拆線教程,教你制作波浪線邊框_www.theoat.com.cn

二、總結(jié)&注意事項(xiàng)

好了,今天的教程就到這里快要結(jié)束了。

總結(jié)一下知識(shí)點(diǎn)

a. 轉(zhuǎn)換為智能對(duì)象,智能對(duì)象產(chǎn)生的濾鏡效果是可以反復(fù)修改的。

b. 智能對(duì)象的變形操作不會(huì)改變?yōu)V鏡效果的變形。

c. 濾鏡中波形的參數(shù)控制,可以調(diào)出波形&折線效果,關(guān)鍵是對(duì)參數(shù)的理解。

課后題:如果要制作一個(gè)圓形的帶波浪邊框的 圖片應(yīng)該怎么做?如果有人想到的歡迎投稿跟大家分享。

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
1537965792021-08-28 08:38
謝謝您的分享。
安然20202021-08-20 03:53
學(xué)習(xí)了,很實(shí)用,感謝樓主
1537965792021-08-16 08:47
謝謝樓主的分享。
禿頭小寶貝兒2020-12-09 03:24
波浪邊制作

今朝SANGee2020-11-28 04:48
我的作業(yè):今天超開(kāi)心,學(xué)習(xí)了波浪

星河入夢(mèng)2019-11-06 10:50
收藏了
Richards2019-01-19 07:29
必須支持
Chilmax2018-04-17 11:20
太棒了
舊年時(shí)光之書(shū)2017-05-27 10:03
學(xué)習(xí)學(xué)習(xí)
舊年時(shí)光之書(shū)2017-05-27 10:03
學(xué)習(xí)學(xué)習(xí)
原來(lái)只是個(gè)童話2017-05-27 03:05
學(xué)習(xí)
杯具洗具店2017-05-27 03:05
學(xué)習(xí)
萌寵有代價(jià)2017-05-27 03:05
學(xué)習(xí)
小黑的春天是我2017-05-27 03:05
學(xué)習(xí)
阿良傳2017-05-27 03:05
學(xué)習(xí)

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!