优艾设计网

用Photoshop制作另类分隔线

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:一起ps吧
先看效果图。 在网页设计布局中,分隔线是很常见的,它们的样式有很多,但它们有一个共同的功能:将不同的信息块分隔开来,本教程我们学习如何用photoshop制作与众不同的分隔线。

建新层,做如下图所示矩形选区,白到透明直线渐变(从下往上拉),图层不透明度10%。

用Photoshop制作另类分隔线

建新层,重复上一步,做一个黑到透明的渐变,图层不透明度30%。

用Photoshop制作另类分隔线

画一个矩形选区,长度相等,宽度是渐变层的2倍。

用Photoshop制作另类分隔线

Ctrl+shift+i反选,选择>修改>羽化,半径13像素。除了背景,挨个图层选择,删除2次,去掉选区,最终效果如下。

用Photoshop制作另类分隔线

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消