PS绘制高逼格网格背景简易教程

  发布时间:2015-05-15 16:18:57   作者:佚名   我要评论
这篇教程是向脚本之家介绍PS绘制高逼格网格背景方法,教程绘制出来的网格真的很不错,推荐到脚本之家,喜欢的朋友一起来学习吧

9,我们来看看我们做出来的这张图和之前的那张图。

PS绘制高逼格网格背景简易教程

PS绘制高逼格网格背景简易教程

10,通过对比,我们可以看出,为什么人家的网格那么好看呢,我们的网格好像不是很好看呢。为什么我们的网格线那么粗,人家的网格就那么细致呢,同样都是1像素的单位,为什么看起来就不一样呢?难道在PS里面还可以选择0.5像素吗?或者更小的像素吗?

有的同学会说,调一下新建的网格背景的透明度就好了,你可以试试哟,即使调了透明度,效果还是不理想,即使你放大缩小看,依然没有人家的好看。

我觉得那一定是哪里出了问题了,为了解决掉这一问题,我们继续分析吧.....

11,我们来放大看看我们的网格背景,看看他到底为何那么粗,谁让他那么粗的,谁允许他那么粗的?我们放大到3200%,可以看到在参考线下,我们能看到一像素的网格是多大了。这一步调出参考线(快捷键ctrl+r),设置参考线单位为像素。

PS绘制高逼格网格背景简易教程

12,通过放大网格背景来看,我们终于发现了猫腻,原来有的直线占据了2像素,有的直线占据了1像素,所以才导致了最终的效果显示那么粗狂,一点也不符合我们的审美有木有。定义图案的时候我们明明是画的一像素直线啊,即使在纵向和横向都是如此,

为什么油漆桶刷出来就出现了2像素的直线了呢?我们不妨回到定义图案PSD文档去看看是怎么回事。

PS绘制高逼格网格背景简易教程

13,观察上图有木有得出一点思考,2像素是从哪里冒出来的,说好了的一像素呢?经过分析,我得出的结论是问题出在这里,如下图红色标注所示。当我们去掉这两条直线重新定义图案看看会出现怎样的效果。

PS绘制高逼格网格背景简易教程

PS绘制高逼格网格背景简易教程

14,去掉这两条直线以后,整个网格图案就是未闭合的图案,此时我们再用同样的方法去重新定义图案,并给图案取个名字方便识别。然后回到之前的画布,再去用油漆桶工具刷一次,看看是怎么样的效果吧。

PS绘制高逼格网格背景简易教程

15,通过再一次重新定义图案,再一次油漆桶粉刷,我们得出下图效果。(记得降低网格图层整体透明度到30%左右),顺便对比一下之前的图,看看效果有么有提升。

PS绘制高逼格网格背景简易教程

PS绘制高逼格网格背景简易教程

16,经过重新定义图案,我们发现问题就是出在了那里对不对,原因是为什么呢,是因为闭合的网格图案在用油漆桶工具粉刷的时候自动合并了相同的网格,造成了边缘叠加,也就是说1像素的直线经过叠加就变成了2像素的直线,为了解决这一问题,我们在网格图案定义的时候去掉边缘直线,让图案在用油漆桶粉刷的时候不用重合边缘就行了。

至于主要网格和次要网格的区分,就取决于你在定义图案的时候,对边缘直线和网格内部直线透明度的区分了。

17,设计有时候就是这么好玩,一像素的区分就会带来不一样的整体效果,尤其是在UI设计这个行业,需要太多的细节把控。希望这篇文章能给设计行业的新朋友们带来不一样的思考角度,这篇文章也送给自己。希望小伙伴们喜欢,希望编辑给我上首页啊有木有。高清晰分辨率五码教程有木有...

也希望各位大牛把你们学到的知识拿出来分享一点哦,多多交流。

第一期写教程,求板砖,求交流,求朋友,求推荐,求分享。

再说了,点一下又不会怀孕...

还有不懂的请联系我

设计之路还很长,欢迎一起交流。

以上就是PS绘制高逼格网格背景教程,希望大家喜欢!

相关文章

  • ps怎么手绘淡雅的插画? ps绘制抱枕手机壳贴图的教程

    ps怎么手绘淡雅的插画?ps中想要手绘一幅矢量插画,可以放在抱枕上,手机壳上当作贴图,该怎么绘制呢?下面我们就来看看ps绘制抱枕手机壳贴图的教程,需要的朋友可以参考下
    2019-12-16
  • ps怎么手绘咖啡杯中的水墨树林图案?

    ps怎么手绘咖啡杯中的水墨树林图案?咖啡杯想要添加一个水墨贴图,该怎么绘制这幅水墨画呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-12-16
  • ps怎么手绘风景插画? ps景观封面图的画法

    ps怎么手绘风景插画?想要手绘一个矢量的景观图,该怎么绘制景观图插画呢?下面我们就来看看ps景观封面图的画法,需要的朋友可以参考下
    2019-12-12
  • Photoshop绘制噪点插画图文教程

    大家好,最近身边很多小伙伴都在玩这种噪点插画,国外和国内也有很多大神青睐这种类型的插画,想一想如果掌握了方法,运用到App的闪屏里或者网页的Banner里,会不会吸引更
    2019-12-09
  • ps怎么手绘扁平化效果的酒瓶?

    ps怎么手绘扁平化效果的酒瓶?想要画酒瓶,该怎么绘制扁平化的酒瓶额?下面我们就来看看ps绘制酒瓶图形的教程,需要的朋友可以参考下
    2019-08-15
  • ps怎么手绘简笔画老鼠矢量图?

    ps怎么手绘简笔画老鼠矢量图?想要使用ps画一只老鼠,该怎么画简笔画效果的老鼠呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-08-13
  • PS怎么手绘简笔画效果的水母?

    PS怎么手绘简笔画效果的水母?ps中手绘一些简单的图形很方便,想要手绘水母图形,就简单点,绘制简笔画效果的水母就可以了,下面我们就来看看详细的教程,需要的朋友可以参
    2019-08-13
  • ps怎么手绘卡通效果的黑豹先生?

    ps怎么手绘卡通效果的黑豹先生?ps中想要绘制一个卡通版的黑豹,该怎么绘制呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
    2019-07-18
  • ps怎么绘制逼真的牛排矢量图?

    ps怎么绘制逼真的牛排矢量图?很喜欢吃牛排,想要绘制一个三维立体的牛排,该怎么绘制额?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-07-15
  • PS使用滤镜制作水晶球效果的方法图解

    照片弄成水晶球效果会显得很梦幻,如果你也想要试一试将你拍到的美景的一部分弄到水晶球中,那效果一定很棒,下面就来教大家如用PS来弄水晶球效果,感兴趣的朋友跟随小编一
    2019-07-01

最新评论