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

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

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

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

一、波浪線&折線用途

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

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

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

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

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

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

如下圖:

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

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

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

步驟一:

A新建一個畫布。

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

B.用矢量“矩形工具”畫一個帶顏色矩形。

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

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

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

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

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

步驟二:

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

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

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

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

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

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

a.生成器數(shù)

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

你想啊,要是一個漂亮妹子的波一大一小,長得不一樣大,肯定不美了啊。。魚魚魚魚。。。

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

b.波長

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

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

記下八字:波長越小,波浪越多。

c.波幅

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

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

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

d.比例

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

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

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

e.類型

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

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

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

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

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

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

步驟3:

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

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

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

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

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

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

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

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

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

總結(jié)一下知識點

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

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

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

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

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

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

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

星河入夢2019-11-06 10:50
收藏了
Richards2019-01-19 07:29
必須支持
Chilmax2018-04-17 11:20
太棒了
舊年時光之書2017-05-27 10:03
學(xué)習(xí)學(xué)習(xí)
舊年時光之書2017-05-27 10:03
學(xué)習(xí)學(xué)習(xí)
原來只是個童話2017-05-27 03:05
學(xué)習(xí)
杯具洗具店2017-05-27 03:05
學(xué)習(xí)
萌寵有代價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)友求助,請回答!