Photoshop突显图片上文字效果的技巧

    作者:课课家更新于: 2015-10-30 10:28:40

    想学设计?来看看大师是如何完成作品的?

      此刻很多网站皆喜好用下浑年夜图去装潢网站,而若何让网页中的文字正在标致的布景中脱颖而出,让读者第一时候辨认到文字,对网页设想师来讲但是相称关头。明天,那期的外洋PS粗品翻译教程便跟年夜家分享5种简朴有用的方式晋升网页文字的明显度。很是简朴适用,合适小黑们进修。有没有想想还是很激动的啊。


    1、增添对照
      以下里的图片所示,因为布景取文字的色彩相好较小,致使图片中的文字比较丢脸清晰。图片的布景中,出格是菜单地区的细节较多。“Buffalo Wings”的文字几近覆没正在图片庞大的布景中。下一步我们要做的便是增强文字取布景的色采对照。

    起首正在Photoshop的图层里板中新建图层,并从头定名为“色彩叠减”。挑选色彩挑选工具(快速键I),以下图所示,捡与左侧年夜叔的蓝色衬衣的色彩,然后按Shift+F5挖充正在新建图层中。
    VBacgb.jpg">
    接着,调剂蓝色挖充图层的没有通明度为50%,而且推那个蓝色图层到文字图层的下圆。

    以下图所示,里绘的对照度已有了改良。“Buffalo Wings”等文字正在绘里中已隐得加倍隐眼战较着了,如许就可以看清晰文字啦。

    2、增加暗影
      以下里的例子所示。因为文字位于桥梁的暗影部门,文字同时又设置为玄色,如许文字隐得很是没有隐眼,轻易让人看没有清晰。上面第一步便是设置文字的色彩取殊效,改良视觉结果。

    当文字设置为红色以后,文字便会很是较着天取布景区分开去,有益于第一眼辨认文字。

    接着便是为文字增加图层款式战暗影结果啦。设置暗影的没有通明度为52%、扩大为16%、年夜小为100像素、角度为-144°。设置完成后,文字的左下圆便增添了响应的暗影结果。

    经由过程简朴天增添暗影结果,就可以让文字完整正在布景中凸隐出去。

    3、增加横线
      上面先容的是此中一种最简朴的体例去凸隐文字内容。photoshop教程视频经由过程正在文字高低圆增加两条红色横线,能够将布景战文字很好天断绝开去。本图以下所示。

    那末正在增添两条横线以后,文字内容顿时变得很较着。同时,photoshop横线战文字的间距恰当能够营建良好的设想结果。

    4、增加部分半通明布景
      正在某些前提下,部分增添半通明的布景去加强文字结果,也是没有错的方式。以下图所示,红色文字取布景修建部门色彩比较类似,文字内容变得没有是很较着。

    为了增添文字的辨认度,挑选矩形工具,增加图形。外形由设想需求肯定,设置图象挖充为玄色,然后设置描边为红色、3像素。设置以下图所示。

    将图形图层挪动到文字图层下圆,然后设置图层没有通明度为57%。

    下图是终究结果,文字是否是已被突隐出去了呢。

    5、文字布景恍惚化
      布景微微恍惚化,能够突隐文字,便如拍摄中的布景实化。PS教程从下图能够看到,文字再次融到布景中。

    布景实化,第一步便是将布景转化为智能工具,如许布景的图象量量便没有会由于恍惚化的缘由而降落。正在图层里板中,对图象左击,挑选“转换为智能工具”。

    然后编纂智能工具。正在主菜单栏中,挑选“滤镜>恍惚>下斯恍惚”。操作以下图所示。

    设置恍惚半径为3.8像素。

    如许就可以将文字从布景中闪现出去,成为绘里的核心。

    看完之后大家有没有很激动的啊,很激动的话就来一起做做试试吧。还有更多的教程在等着你。

课课家教育

未登录