當前位置:首頁>ps實例教程>ps網頁設計>網頁圖片>教程內容

用ps制作另類分隔線(4)

來源:一起ps 作者:一起ps吧 學習:9649人次

先看效果圖。

在網頁設計布局中,分隔線是很常見的,它們的樣式有很多,但它們有一個共同的功能:將不同的信息塊分隔開來,本教程我們學習如何用photoshop制作與眾不同的分隔線。

新建文檔400x200像素,背景填充5a5a5a。建新層,用矩形工具畫1像素選區(qū),填充黑色。

建新層,將選區(qū)往下挪1像素,填充白色,ctrl+D去掉選區(qū)。

將2圖層模式都改為柔光。

建新層,做如下圖所示矩形選區(qū),白到透明直線漸變(從下往上拉),圖層不透明度10%。

建新層,重復上一步,做一個黑到透明的漸變,圖層不透明度30%。

畫一個矩形選區(qū),長度相等,寬度是漸變層的2倍。

Ctrl+shift+i反選,選擇>修改>羽化,半徑13像素。除了背景,挨個圖層選擇,刪除2次,去掉選區(qū),最終效果如下。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網友求助,請回答!