查看原文
其他

PS教程:简单制作逼真的凹陷直线效果

www.luojin.me 罗锦 2020-01-05

先来看看效果图:

刚刚我做界面需要制作一条带点凹陷在页面的直线,努力经过半小时的研究。总结出其中的规律!有好方法当然要分享给大家啦。希望能对大家有帮助!


这样的凹陷的的直线!一般都是由上下两条一像素直线组合起来!然后通过颜色相差!差生凹陷效果,估计有很多人对这个颜色选定还存一定的不好把握!接下来我告诉大家一个巧妙选定颜色值的办法


当你要在一个颜色上做凹陷一条直线(比如说我现在在如下图)背景颜色值 #555555

使用 单行选框工具 划出一条直线 (此线是两条线位置处上面)

新建一个图层 然后为这一个像素的填充颜色 颜色值的选着规律为:在背景色的基础上亮度减去 20% 左右 
#555555  
亮度减去20%

确定颜色值 用油漆桶工具把选着好的颜色填充前面做的单行选区 

然后把 单行选框下移一个像素!新建一个图层! 做下面的哪条直线
下面线的颜色值选区 ,需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!
在#555555底色的基础上 亮度增加 20% 左右


然后把选着好的颜色值填充到选区

然后效果 如下:


总结:一定要注意好!两条一像素的直线。处于上面直线的颜色值要比背景色低20%左右的亮度   处于下面的直线的颜色值要比背景色高20%左右的亮度。
  
大伙都去试试这个办法吧!如果觉得实用!多顶下!谢谢!
然后说填充的快捷键吧!为新学员加下油  
填充前景色快捷键 alt+delete   填充背景色ctrl+delete


往期回顾:

平面设计和UI设计的区别,UI设计学习书籍推荐(零基础必看)

什么样的人适合学习UI设计?(转行必看)

UI设计课程一览表

零基础如何自学平面设计,需要学些什么?

CDR广告设计课程介绍(最新版课程)

UI设计学习指南

新手学习Photoshop的七大戒律

给给初学Photoshop朋友的24条建议

菜鸟学习UI设计正确步骤,菜鸟看少走2年弯路!

UI真的很火,但入行前你需要了解这些!

为什么说UI设计师工资是设计界最高的?

UI设计学习技巧之学习方法

CDR教程:用CorelDRAW X7中的颜色转换滤镜

PS教程:简单突出图片的局部

PS教程:DIY一个漂亮的星光笔刷

PS教程:简单给图像无损锐化

PS教程:快速调整曝光不足的灰暗照片

(责任编辑:钟小英)

学习可以直接联系QQ 5032692或者新浪微博@罗锦V,或者钟小英老师QQ/微信2719509659

加我备注:学习PS

想学PS又很懒?【10G】省时教程和资源免费送!
点我获取

每天学点PS·点缀生活色彩

PS|摄影|设计|视觉|艺术|创意

微信ID:luojin05100

长按二维码关注,每天学点PS

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存