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

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片(3)

來(lái)源:公眾號(hào) 作者:野鹿志 學(xué)習(xí):60343人次

@野鹿志: 本篇教程通過(guò)ps做一個(gè)頁(yè)邊角卷紙效果的照片,這種類型在設(shè)計(jì)中經(jīng)常會(huì)遇到我們只覺得這種漂亮有型,卻不會(huì)做,本篇教程用十分詳細(xì)的步驟分教大家進(jìn)行制作,同學(xué)們一起來(lái)學(xué)習(xí)一下吧,相信教程做完,你也可以完成出色的卷邊效果的作品。

效果圖:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn
www.theoat.com.cn

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn
 

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

素材下載:http://www.theoat.com.cn/photoshop/sucai/2018/q792587.html

下面開始講解翹邊效果的制作方法:

打開Ps,新建畫布尺寸為1324*1832:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

為了方便觀察,先新建一個(gè)淺灰色的純色填充圖層吧,把不透明度降低,目的是后面與主題的樣機(jī)顏色區(qū)分開:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

執(zhí)行視圖-新建參考線面板,如圖所示先把參考線搞上:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

接下來(lái)制作卷頁(yè)的形狀,方法不是唯一,你可以選擇直接用鋼筆畫出來(lái)。

如果畫不好的話,可以像野郎這樣先沿著參考線畫一個(gè)矩形:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

再執(zhí)行ctrl+t變形,把左下角的端點(diǎn)卷過(guò)來(lái)就行了:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

然后用鋼筆工具在這個(gè)圖層的下方補(bǔ)一下就行了:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

將其顏色改為灰色:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

再添加漸變疊加的圖層樣式,參數(shù)如圖:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

上方新建一個(gè)純色填充圖層,顏色暫時(shí)弄成白色吧。

然后將混合模式改為正片疊底并創(chuàng)建剪切蒙板,這步操作也是為了后面整體樣機(jī)顏色統(tǒng)一:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

把它們編好組吧!然后將剛才的形狀1圖層復(fù)制出來(lái)一層,拖到組的外面轉(zhuǎn)為智能對(duì)象以后重命名為按鈕:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

隱藏掉除了組以外的圖層,ctrl+shift+alt+e蓋印所有可見圖層,重命名為陰影。

并且按住ctrl鍵鼠標(biāo)單擊圖層縮略圖載入選區(qū)以后,將其填充為黑色:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

將它拖到組的下方,轉(zhuǎn)為智能對(duì)象以后執(zhí)行濾鏡-模糊-高斯模糊,參數(shù)大家看著辦吧:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

再執(zhí)行濾鏡-模糊-動(dòng)感模糊,參數(shù)同樣看著辦吧:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

給陰影圖層添加圖層蒙板,再用黑色柔邊畫筆擦去不需要的部分,注意調(diào)整畫筆的流量和大小哦:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

接著要給樣機(jī)制作那個(gè)十字光效了,新建一個(gè)空白圖層,重命名為黑十字。

然后用矩形選區(qū)工具參考著參考線套出選區(qū):

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

用黑色柔邊畫筆降低不透明度和流量,在紅色箭頭所指出畫兩筆:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

同樣的方法畫另外兩個(gè)區(qū)域,箭頭所指的最后一個(gè)區(qū)域不畫它。

畫的過(guò)程中可以把不同區(qū)域的畫筆不透明度和流量都改一下:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

同樣的方法再用白色柔邊畫筆畫一個(gè)白十字圖層,這一次注意畫箭頭所指出的地方。

畫完以后再去分別調(diào)整黑白十字圖層的不透明度,讓其更加自然一點(diǎn)。

為了方便大家看,我暫時(shí)把其他圖層隱藏掉了:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

給紙張來(lái)點(diǎn)質(zhì)感吧,新建一個(gè)圖層,填充深灰色:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

轉(zhuǎn)為智能濾鏡以后執(zhí)行濾鏡-雜色-添加雜色,參數(shù)大家看著辦就好:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

再將混合模式改為疊加:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

將雜色圖層和黑白十字圖層編組,按住ctrl單擊按鈕圖層縮略圖載入選區(qū):

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

再給十字組添加圖層蒙板搞掉多余的部分:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

可以再給背景圖層添加一個(gè)雜色吧,方法就不再贅述了:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

至此樣機(jī)就制作好了,說(shuō)一下這個(gè)樣機(jī)的使用方法吧,雙擊按鈕縮略圖會(huì)新打開一個(gè)文檔:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

拖入一張圖片,尺寸最好是1039*1385的比例哦不然會(huì)有拉伸。

我這里就隨便選了一張了。然后對(duì)形狀創(chuàng)建剪切蒙板,ctrl+s保存:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

回到原文檔,圖片就被替換了:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

如果你想整體的顏色統(tǒng)一,之前的兩個(gè)純色填充圖層就派上用場(chǎng)了。

直接分別去吸取海報(bào)的主題色就可以了:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

最后把圖片導(dǎo)出來(lái)看看吧:

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn
www.theoat.com.cn
翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

翹邊效果,用ps做一個(gè)卷頁(yè)折紙效果的圖片_www.theoat.com.cn

此類效果個(gè)人很喜歡,在設(shè)計(jì)當(dāng)中,會(huì)經(jīng)常遇到有很大的擴(kuò)展性,同學(xué)們?nèi)绻麑W(xué)會(huì)的話,在以后的設(shè)計(jì)中會(huì)很受用。

野鹿志

作者公眾號(hào):

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
霧色2018-12-19 09:03
學(xué)習(xí)
_______Jing2018-12-17 03:30
學(xué)習(xí)
大大2018-08-09 11:26
nice
請(qǐng)叫我夠修金撒嗎2018-07-13 09:18
學(xué)習(xí)了
王瑾2018-04-17 07:44
快更,拜托了
2018-04-14 10:37
棒棒噠,受教了
穿著褲衩奔跑2018-04-14 07:39
厲害。謝謝
穿著褲衩奔跑2018-04-14 07:39
厲害。謝謝
穿著褲衩奔跑2018-04-14 07:39
厲害。謝謝
穿著褲衩奔跑2018-04-14 07:39
厲害。謝謝
穿著褲衩奔跑2018-04-14 07:39
厲害。謝謝
心不動(dòng)則不傷2018-04-14 07:17
效果 簡(jiǎn)單快捷 贊個(gè)
心不動(dòng)則不傷2018-04-14 07:17
效果 簡(jiǎn)單快捷 贊個(gè)
心不動(dòng)則不傷2018-04-14 07:17
效果 簡(jiǎn)單快捷 贊個(gè)
心不動(dòng)則不傷2018-04-14 07:17
效果 簡(jiǎn)單快捷 贊個(gè)

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

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