PS这样用图层样式提升页面质感

首先是灰色科技效果图标。首先,用矩形工具绘制图标的一般框架

PS这样用图层样式提升页面质感

PS这样用图层样式提升页面质感

01.先做底框效果,双击图层添加图层样式-投影,这里做两层投影,让投影更有层次感(图层样式效果后加号可以再复制)

PS这样用图层样式提升页面质感

02.复制一层制作好的底板效果,填充颜色变浅;选择右下锚点向内移动5个像素,形成前后堆叠效果;然后双击添加层样式-内阴影

PS这样用图层样式提升页面质感

03.找一张纹理图剪入底框,添加纹理细节,可以用高对比度保留来增强纹理质感

PS这样用图层样式提升页面质感

04.画一个圆角矩形,取消填充,改为画边(画边值8,颜色橙色),然后双击添加图层样式-投影,仍然可以添加两层投影

PS这样用图层样式提升页面质感

05.添加曲线提亮并剪切,制作左侧亮点,根据实际情况适当降低不透明度;右侧不需要亮点的部分使用选区工具,选择后在蒙版中填充黑色隐藏

PS这样用图层样式提升页面质感

06.在画框中绘制矩形,填充背景灰色;双击图层添加图层样式-投影,使其更加立体

PS这样用图层样式提升页面质感

07.将底部的纹理复制剪切,添加细节

PS这样用图层样式提升页面质感

08.新建的两条曲线分别亮化和暗化。亮部控制左侧高光,暗部控制右侧暗部;在曲线蒙版中相应擦拭

PS这样用图层样式提升页面质感

09.上面的标题文案信息安排好后,放在上面的框里;文案也可以适当添加一点投影

PS这样用图层样式提升页面质感

10.接下来,立即绘制模块,用矩形绘制两个形状,修改颜色和大小,适当给出一点圆角

PS这样用图层样式提升页面质感

11.选择矩形双击添加图层样式-投影,使矩形更加立体(小矩形的投影颜色需要浅,范围小)

PS这样用图层样式提升页面质感

12.在文案编排上,给文案加点投影,就能达到效果

PS这样用图层样式提升页面质感

PS这样用图层样式提升页面质感

PS这样用图层样式提升页面质感

PS这样用图层样式提升页面质感

 

PS这样用图层样式提升页面质感

然后我们制作了拟物风(日历)的优惠款式,老规矩,先画一般框架

PS这样用图层样式提升页面质感

PS这样用图层样式提升页面质感

01.绘制一个填充米色的矩形,双击添加图层样式-渐变叠加-内阴影-描边-斜浮雕

PS这样用图层样式提升页面质感

02.找一张木纹贴图,剪进去。混合模式改为柔光

PS这样用图层样式提升页面质感

03.在底框中添加投影,使其更加立体

PS这样用图层样式提升页面质感

04.绘制上面的标题模块,适当给出一点圆角

PS这样用图层样式提升页面质感

05.选择图层,添加图层样式-斜浮雕-描边-渐变叠加,然后叠加木纹效果

PS这样用图层样式提升页面质感

06.画一个矩形,画一个小圆角和一个像素作为下面的模块

PS这样用图层样式提升页面质感

07.加一个木纹剪进去,位于底部备用

PS这样用图层样式提升页面质感

08.画一个填充白色的圆角矩形

PS这样用图层样式提升页面质感

09.右下角用钢笔工具勾勒出一个小角,准备做卷角效果。勾勒出来的小娇改变了颜色,便于区分

PS这样用图层样式提升页面质感

10.用钢笔工具绘制卷角形状,双击添加图层样式-斜浮雕-渐变叠加

PS这样用图层样式提升页面质感

11.将新的空白层放置在卷角下方,用黑白渐变绘制卷角的投影

PS这样用图层样式提升页面质感

12.向白色圆角矩形添加图层样式-斜浮雕-渐变叠加,还应添加钢笔勾勒出的小角区域

PS这样用图层样式提升页面质感

13.将文案安排在布局中

PS这样用图层样式提升页面质感

14.在上面加一张纸质地 ,将图层混合模式改为柔光,适当降低不透明度

PS这样用图层样式提升页面质感

15.用形状工具绘制卡环形状,填充不同的颜色来区分不同的区域

PS这样用图层样式提升页面质感

16.为卡环添加纹理。选择上方的圆形双击,添加图层样式-斜面浮雕-描述-投影。中间的垂直管道也添加了斜面浮雕。不能添加下面的圆形,并将颜色深化为下面的暗面

PS这样用图层样式提升页面质感

17.将调整好的卡环复制在右侧

PS这样用图层样式提升页面质感

PS这样用图层样式提升页面质感

让我们来看看最终的效果吧

PS这样用图层样式提升页面质感

 

PS这样用图层样式提升页面质感

最后出现的是母婴主体的图标样式,老规矩,先拆框架

PS这样用图层样式提升页面质感

PS这样用图层样式提升页面质感

01.绘制圆角矩形,双击添加图层样式-投影,旧规则,投影添加2层

PS这样用图层样式提升页面质感

02.添加斜浮雕-描边-内阴影,增强纹理

PS这样用图层样式提升页面质感

03.绘制下面的圆角矩形,粘贴底框的图层样式,获得下面的效果。渐变叠加的颜色可以改为粉色系列,与整体更加和谐

PS这样用图层样式提升页面质感

04.用形状工具绘制上面标题的底部形状,填充蓝色渐变色;然后复制底框图层样式粘贴

PS这样用图层样式提升页面质感

05.找一张网格素材图,剪入上下形状,将混合模式改为柔光,适当降低不透明度,为形状增添细节

PS这样用图层样式提升页面质感

06.接下来,制作文本的纹理。编辑文案后,双击添加图层样式-斜浮雕-描述

PS这样用图层样式提升页面质感

07.安排下面的文案信息后,复制粘贴刚制作的文字图层样式

PS这样用图层样式提升页面质感

08.将产品图放入后即可完成

PS这样用图层样式提升页面质感

PS这样用图层样式提升页面质感

让我们来看看最终的效果吧

PS这样用图层样式提升页面质感

发表回复

后才能评论