本文作者:三岁教程网

PS绘制漂亮IOS系统图标

三岁教程网 2022-11-07 00:00:00 61 抢沙发

效果图:


    
     PS绘制漂亮IOS系统图标

准备一个iOS 应用图标模板,将应用图标模板进行裁剪,只保留 1024px 的图标,或者处理模板上的其余元素。


    
     PS绘制漂亮IOS系统图标

新建一个图层并填充背景色,参考色值是#acced6。


    
     PS绘制漂亮IOS系统图标

给颜色图层添加蒙版,使其呈现图标的轮廓。按住COMMAND键的同时点击图标模板图层,颜色图层就会出现一个选区。


    
     PS绘制漂亮IOS系统图标

再在图层面板的底部点击蒙版图标,就可以创建蒙版了。

步骤 2:添加渐变色

在颜色图层点击鼠标右键,在弹出的菜单中选择混合选项。加一个弱渐变。渐变的起始和终止色值分别为#acced6和#7cbece。


    
     PS绘制漂亮IOS系统图标

渐变样式选择线性渐变,角度设置为135度,呈现出由左上角的深蓝色到右下角的浅蓝色渐变效果。

如果这两种颜色顺序搞颠倒了,调整角度为 -135 度或者 315 度就行了。


    
     PS绘制漂亮IOS系统图标

步骤 3:创建内圆

图标中部的白色圆形是整个图标设计的重要组成部分,用iOS图标栅格画一个圆:使用椭圆工具(U)创建一个宽高为 890px 的正圆,在属性面板中可以调整它的大小以便与栅格对齐。


    
     PS绘制漂亮IOS系统图标

步骤 4:给圆形添加图层样式

给形状图层添加描边、阴影和渐变等图层样式。


    
     PS绘制漂亮IOS系统图标

添加渐变,圆的渐变比较简单,渐变色值为#ffffff和#d9d9d9。


    
     PS绘制漂亮IOS系统图标

渐变样式选择径向渐变。要让圆的中心呈现些许亮色,从圆心到边缘有一个白色到浅灰色的渐变,缩放比例设置为150%。


    
     PS绘制漂亮IOS系统图标

添加描边

圆的描边要加粗,描边位置选择内部,描边大小的参考数值为30px,填充类型选择渐变。


    
     PS绘制漂亮IOS系统图标

渐变所用颜色比图标的背景渐变色要亮一些。起始色值和终止色值分别为#d1e4e8和#a9deeb,渐变角度设置为-45度,呈现出由顶部的浅蓝色到底部的深蓝色渐变效果。

添加内阴影

这里的内阴影其实是白色高光,使用内发光样式。将混合选项设置为正常,距离设置为0。将大小设置为70。


    
     PS绘制漂亮IOS系统图标

添加投影

最后给这个圆添加投影,让描边看上去更清晰,也可以让整个圆在蓝色背景下看的也很明显。把阴影的透明度设置为10%,距离设置为0,将大小设置的稍微大一点,参考数值是55。


    
     PS绘制漂亮IOS系统图标


    
     PS绘制漂亮IOS系统图标

添加一枚图标,选的是铅笔图标。选大图标。


    
     PS绘制漂亮IOS系统图标

将该图标导入PSD文件并调整大小。如果用的铅笔图标一样大,需要将其缩小到原来的1/2。用iOS模板把该图标控制在内圆的范围之内。


    
     PS绘制漂亮IOS系统图标

为了让该图标垂直于水平线,需要将其旋转62.32度。按下COMMAND键的同时按下T键,在顶部紧挨着小三角形图标的窗口中输入数值62.32。


    
     PS绘制漂亮IOS系统图标

给铅笔图层添加图层样式,添加渐变叠加和内阴影。


    
     PS绘制漂亮IOS系统图标

打开该图层的混合选项,选择渐变叠加,色值参数即起始色值和终止色值分别为#acced6和#7cbece。渐变效果沿对角线方向呈现,角度设置为-45度,从左上角的浅蓝色开始,到右下角的深蓝色结束。


    
     PS绘制漂亮IOS系统图标

给铅笔图层添加内阴影,让它看起来有些厚度。内阴影其他参数不变,只降低其透明度,参考数值为15%。


    
     PS绘制漂亮IOS系统图标


    
     PS绘制漂亮IOS系统图标

文章版权及转载声明

作者:三岁教程网本文地址:http://ssjcw.com/?id=38959发布于 2022-11-07 00:00:00
文章转载或复制请以超链接形式并注明出处三岁教程网

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,61人围观)参与讨论

还没有评论,来说两句吧...