首页 > 设计知识 > 正文

Photoshop设计时尚的促销专题页面 Photoshop设计金属感十足的指纹APP图标

2023-09-05 00:30:53 | 一百分素材网

今天一百分素材网小编整理了Photoshop设计时尚的促销专题页面 Photoshop设计金属感十足的指纹APP图标相关内容,希望能帮助到大家,一起来看下吧。

Photoshop设计时尚的促销专题页面 Photoshop设计金属感十足的指纹APP图标

Photoshop设计金属感十足的指纹APP图标

② b的阴影:复制图层a并添加图层样式投影:

效果:

③ 加绿色边缘反光:复制图层b并栅格化,添加图层样式:斜面和浮雕+内阴影:

得到效果:

④ 添加左侧反光:在绿色反光之上新建图层,命名左侧反光,用150大小、纯白色、硬度为0的画笔点一下后水平压缩到2-3像素宽度。创剪切蒙版,混合模式为叠加,效果:

⑤ 暗部:绿色反光的顶部由于被指纹识别器的顶部遮挡了,反光应该弱一些。

Photoshop设计时尚的促销专题页面 Photoshop设计金属感十足的指纹APP图标

这里可以直接用蒙版擦拭,但我用的更粗暴的办法,跟左侧反光类似,用色值为#50606e的画笔点一笔,压扁后,创建剪切蒙版到绿色反光图层上。效果:

到此,左上角的金属部分就完成啦。

让我们来总结下金属材质的要领:

1、渐变的形状上叠加金属材质的照片,混合模式和透明度。

2、加以高光、暗部、阴影等光效。增加立体感,更为逼真。

在此总结的基础上,我们完成接下来的金属竖条就简单多了,按类似方法:

6、画三根细长的矩形,添加内阴影和渐变:

效果:

然后,记得复制并栅格化这些竖条,用附件的金属材质3创建剪切蒙版,混合模式为叠加,不透明度80%:

这就做好啦,套路太好用了,扫描仪顶部的效果,,你可以自己试试!

3、玻璃部分

1、画出三块矩形,色值为c2e5eb,并变形成:

PS上个分解图:

Photoshop设计时尚的促销专题页面 Photoshop设计金属感十足的指纹APP图标

Photoshop设计时尚的促销专题页面

PS是平面设计的神器,尤其是网络时代的图片,更是离不开PS。如果能得心应手地运用Photoshop,再加上一点小小的创意,经常会出现令人惊叹的设计。这个教程向你展示了制作一个宣传单的基本步骤,基本上设计完成就可以打印发送了。当然想学习宣传单风格设计的也不要错过!请不要把我的宣传单和小广告化为一谈哟,设计师的节操要抓牢。

教程素材和源文件:时尚的网页促销专题设计PS教程素材

版权声明

本教程中使用的图片来自Envato的免费图片,,还有一些我用AI做的矢量图标,还有可以下载完整的PSD文件,做完以后可以对比看看。

先看看效果

教程里使用的字体为Proxima Nova Font Family,来自Typekit。或者用其他类似字体也可以。

原文的字体要钱,这里推荐《平面设计师最爱!20款高质量的非衬线字体免费下载》,风格相近,随便你挑!

让我们开始行动吧!

首先,我们新建一个216 x 154 mm的文档,这是标准A5大小的纸张+3毫米的出血距离。因为我们最终是要做一个印刷品,所以色彩模式选用CMYK,分辨率为300 dpi。

创建新的参考线,标出出血的区域。Illustrator和InDesign内置了这个功能,但是在PS里,我们只能自己做这个参考线。使用移动工具(V)和Shift来创建和挪动参考线。确保参考线停放在标尺3毫米的位置。

重复上述工作,为四个边都创建出参考线,确保每条参考线距离文档边缘的距离都是3毫米。

背景:

创建一个新的图层(Shift+Cmd/Ctrl+N),填充白色的前景色(Alt+Backspace),确保色彩模式为CMYK。

用图层样式面板建立一个新的渐变叠加,打开渐变叠加的设置面板,将白色滑块推到30%的位置,黑色滑块设置颜色——浅浅的黄色(C=9 M=6 Y=14 K=0)

在图层面版的下边找到“fx”,添加渐变叠加。(如上图)

渐变叠加相关的数据设置。

你想设置的颜色。

使用矩形工具(U)创建一个矩形,尺寸为216 x 56毫米。

将矩形对齐到文档的左上角,用深棕色填充(C=49 M=74 Y=80 K=70)。

使用钢笔工具(P)在矩形的底边添加一个新的锚点。

使用直接选择工具(A),利用创建的锚点将矩形的底边变成一段漂亮的曲线。

重复上述工作,直到将矩形调整为下面图中的样子。

文件 > 置入,选择People-1.jpg。

使用移动工具(V),将照片靠齐在文档的左上方,像下图中所示那样。一百分素材网

再创建一个矩形,尺寸为216 x 100毫米。

使用直接选择工具(A),将图片放置在文档的左上角。

以上就是Photoshop设计时尚的促销专题页面 Photoshop设计金属感十足的指纹APP图标全部内容,更多相关信息,敬请关注一百分素材网。
与“Photoshop设计时尚的促销专题页面 Photoshop设计金属感十足的指纹APP图标”相关推荐
Photoshop设计时尚大气的圣诞节促销海报 Photoshop设计金属感十足的指纹APP图标
Photoshop设计时尚大气的圣诞节促销海报 Photoshop设计金属感十足的指纹APP图标

Photoshop设计时尚大气的圣诞节促销海报本教程主要使用Photoshop设计时尚的圣诞节活动促销海报,虽然圣诞节已经过去,但是我们学习的脚步可以继续,今天我们继续学习圣诞节促销海报的设计过程,,今天这个教程效果和平时的设计会有所区别,感兴趣的朋友让我们一起来学习吧,教程所需要的素材都已经打包,再次感谢作者古啊白。教程所需要的素材:圣诞节主题促销海报设计PS教程素材来源:站酷作者:古啊

2023-07-29 19:41:21
Photoshop设计金属感十足的指纹APP图标 Photoshop设计简约时尚的化妆品促销海报
Photoshop设计金属感十足的指纹APP图标 Photoshop设计简约时尚的化妆品促销海报

Photoshop设计金属感十足的指纹APP图标②b的阴影:复制图层a并添加图层样式投影:效果:③加绿色边缘反光:复制图层b并栅格化,添加图层样式:斜面和浮雕+内阴影:得到效果:④添加左侧反光:在绿色反光之上新建图层,命名左侧反光,用150大小、纯白色、硬度为0的画笔点一下后水平压缩到2-3像素宽度。创剪切蒙版,混合模式为叠加,效果:⑤暗部:绿色反光的顶部由于被指纹识别器

2023-08-09 13:17:58
Photoshop设计时尚的促销专题页面 Photoshop设计金属质感的定时器图标
Photoshop设计时尚的促销专题页面 Photoshop设计金属质感的定时器图标

Photoshop设计金属质感的定时器图标本教程主要使用Photoshop巧用图层样式设计金属质感的IOS图标,形状主要使用钢笔来完成,后期的质感表现都是使用图层样式来完成,非常适合新手,教程简单幽默,听说在愉悦的气氛中学习的效率更高哦,一起来看看吧。教程源文件:金属质感的IOS软件图标PSD源文件Photoshop设计时尚的促销专题页面PS是平面设计的神器,尤其是网络时代的图片,更是离

2023-06-09 06:11:37
Photoshop设计金属感十足的指纹APP图标 Photoshop设计秋季主题女装全屏促销海报
Photoshop设计金属感十足的指纹APP图标 Photoshop设计秋季主题女装全屏促销海报

Photoshop设计金属感十足的指纹APP图标②b的阴影:复制图层a并添加图层样式投影:效果:③加绿色边缘反光:复制图层b并栅格化,添加图层样式:斜面和浮雕+内阴影:得到效果:④添加左侧反光:在绿色反光之上新建图层,命名左侧反光,用150大小、纯白色、硬度为0的画笔点一下后水平压缩到2-3像素宽度。创剪切蒙版,混合模式为叠加,效果:⑤暗部:绿色反光的顶部由于被指纹识别器

2023-08-16 18:39:59
 Photoshop设计金属感十足的指纹APP图标
Photoshop设计金属感十足的指纹APP图标

photoshop设计制作圆形质感纽扣式按钮效果图: 纽扣式按钮设计效果图设计制作方法:1.先铺个背景,如果你已经想好要基础的按钮颜色最好。(选定颜色,滤镜-杂色)2.一层层的画。从底部最下面一层开始。3.①第一个圆盘:这个圆饼就是开山鼻祖了!这个圆饼后面的走势一开始可能已经有人想好了,或者没有想好,就是随手一画的那样的也可以,未知的可能更有意思。渐变,投影。&nb

2023-09-25 17:30:07
Photoshop设计时尚的促销专题页面 Photoshop设计金属质感的ICON图标教程
Photoshop设计时尚的促销专题页面 Photoshop设计金属质感的ICON图标教程

Photoshop设计金属质感的ICON图标教程很多人喜欢折腾图标,,所以,很多人问,有没有新的图标教程,于是,今天,是一个简单的图标制作,重点是金属质感,同往常一样,我们都是用图层样式来实现。教程的PSD源文件下载:金属质感的APP图标PS教程素材先看看效果图新建一个文档,我用的大小是1000X800像素,创建一个渐变填充调整层,参数如下。将这个渐变背景图层转换为智能对象,添加一

2023-10-13 13:29:24
Photoshop设计创意风格的网页404错误页面 Photoshop设计金属感十足的指纹APP图标
Photoshop设计创意风格的网页404错误页面 Photoshop设计金属感十足的指纹APP图标

Photoshop设计创意风格的网页404错误页面我们先来看看最终的效果图吧:Photoshop设计金属感十足的指纹APP图标②b的阴影:复制图层a并添加图层样式投影:效果:③加绿色边缘反光:复制图层b并栅格化,添加图层样式:斜面和浮雕+内阴影:得到效果:④添加左侧反光:在绿色反光之上新建图层,命名左侧反光,用150大小、纯白色、硬度为0的画笔点一下后水平压缩到2-3像

2023-09-16 14:23:18
Photoshop设计金属质感的定时器图标 Photoshop设计金属感十足的指纹APP图标
Photoshop设计金属质感的定时器图标 Photoshop设计金属感十足的指纹APP图标

Photoshop设计金属质感的定时器图标本教程主要使用Photoshop巧用图层样式设计金属质感的IOS图标,形状主要使用钢笔来完成,后期的质感表现都是使用图层样式来完成,非常适合新手,教程简单幽默,听说在愉悦的气氛中学习的效率更高哦,一起来看看吧。教程源文件:金属质感的IOS软件图标PSD源文件Photoshop设计金属感十足的指纹APP图标②b的阴影:复制图层a并添加图层样式投影:

2023-08-31 21:41:59