本教程的文字给人一种若隐若现的感觉,很容易制作。我们会先输入我们想要的,不管是中文还是英文,然后通过图层样式做一个渐变叠加,通过图层样式给照片添加一些效果。经过图层添加蒙版,添加各种效果等一系列操作,制作起来也比较简单。相信同学们通过教程可以很快学会。
效果图:
操作步骤:
1.打开PS,新建一个任意大小的画布(此处为800*800),按D键将前景色改为黑色,按alt delete键将图层填充为黑色。效果如下:
2.点按文本工具以键入您想要添加的文本(逐字键入)。效果如下:
3.双击文本图层,输入图层样式,然后单击渐变叠加。效果如下:
4.ctrl j要复制一个层,双击缩略图并修改文本。效果如下:
5.重复上面的操作,做出你想要的文字,适当调整位置,最后按ctrl g分组。效果如下:
6.ctrl j复制这个组,ctrl e合并这个组。效果如下:
7.按ctrl+t,然后右键单击选择垂直翻转,向下拖动层与组1对齐,
8.单击此按钮将遮罩添加到该层。效果如下:
9.选择渐变工具,选择黑色到透明渐变,从下到上加深图层。效果如下:
560″ img_height=”818″ alt=”ps打造层次感十足的文字效果” inline=”0″>
完成:
整个教程用到的就是图层样式,还有工具栏中的渐变工具等,同学们可以通过反复的练习来加强对教程的掌握,相信你可以设计出更好看的文字。
#pgc-card .pgc-card-href { text-decoration: none; outline: none; display: block; width: 100%; height: 100%; } #pgc-card .pgc-card-href:hover { text-decoration: none; } /*pc 样式*/ .pgc-card { box-sizing: border-box; height: 164px; border: 1px solid #e8e8e8; position: relative; padding: 20px 94px 12px 180px; overflow: hidden; } .pgc-card::after { content: ” “; display: block; border-left: 1px solid #e8e8e8; height: 120px; position: absolute; right: 76px; top: 20px; } .pgc-cover { position: absolute; width: 162px; height: 162px; top: 0; left: 0; background-size: cover; } .pgc-content { overflow: hidden; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .pgc-content-title { font-size: 18px; color: #222; line-height: 1; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pgc-content-desc { font-size: 14px; color: #444; overflow: hidden; text-overflow: ellipsis; padding-top: 9px; overflow: hidden; line-height: 1.2em; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .pgc-content-price { font-size: 22px; color: #f85959; padding-top: 18px; line-height: 1em; } .pgc-card-buy { width: 75px; position: absolute; right: 0; top: 50px; color: #406599; font-size: 14px; text-align: center; } .pgc-buy-text { padding-top: 10px; } .pgc-icon-buy { height: 23px; width: 20px; display: inline-block; background: url(https://lf1-cdn-tos.bytescm.com/obj/cdn-static-resource/pgc/v2/pgc_tpl/static/image/commodity_buy_f2b4d1a.png); } ps教程photoshop2020零基础入门自学全套视频课程平面设计抠图 ¥89 购买