当前位置: 首页 > 图片处理 > 艺术画效 > 正文

设计简洁风格IOS应用图标的PS实例教程

(注:此处原文为 140px,但是与截图上的参数不符,所以译者暂时将参数改为70px)

设计简洁风格IOS应用图标的PS实例教程

添加投影

最后给这个圆添加投影,让描边看上去更清晰,也可以让整个圆在蓝色背景下看的也很明显。把阴影的透明度设置为 10%,

距离设置为 0,将大小设置的稍微大一点,我的参考数值是 55。

设计简洁风格IOS应用图标的PS实例教程

效果如下图所示:

设计简洁风格IOS应用图标的PS实例教程

步骤5:添加铅笔图标

我们在上一步的基础上添加一枚图标,我选的是铅笔图标。你可以在 Sliceberry 或者 the Noun Project 搜索你想要的图标。由于我们制作的图标是 1024*1024 规格的,

所以一定要选大图标。

如果你也想用铅笔图标,可以从 the Noun Project 下载,作者是 Molly Bramlet,下载链接:download it here

设计简洁风格IOS应用图标的PS实例教程

 

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

设计简洁风格IOS应用图标的PS实例教程

为了让该图标垂直于水平线,需要将其旋转 62.32 度。按下 COMMAND (MAC 用户)或者 CRTL (Windows 用户)键的同时按下 T 键,

在顶部紧挨着小三角形图标的窗口中输入数值 62.32。(你也可以跳过旋转图标这一步骤)

设计简洁风格IOS应用图标的PS实例教程

步骤6:给铅笔图层添加图层样式

终于到了图标制作最后的步骤了,我们来给它添加渐变叠加和内阴影。

设计简洁风格IOS应用图标的PS实例教程

添加渐变叠加

打开该图层的混合选项,选择渐变叠加,色值参数同步骤 2,即起始色值和终止色值分别为 #acced6 和 #7cbece。渐变效果沿对角线方向呈现,

角度设置为 -45 度,从左上角的浅蓝色开始,到右下角的深蓝色结束。

设计简洁风格IOS应用图标的PS实例教程

添加内阴影

这是本教程的最后一个小步骤。给铅笔图层添加内阴影,让它看起来有些厚度。内阴影其他参数不变,只降低其透明度,参考数值为15%。

这是因为图标整体使用的是亮色,所以我们让它有一点阴影的感觉就可以了。

设计简洁风格IOS应用图标的PS实例教程

最终效果

设计简洁风格IOS应用图标的PS实例教程

图标到这里就制作完成了。这篇教程的目的就是向你展示漂亮的iOS应用图标制作方法,过程没那么复杂,最终的效果看起来也很棒,你可以使用这个方法尝试制作其他图标。

上一篇: CorelDRAW设计三八妇女节天猫标 下一篇: PS设计水彩墨迹风格明星演唱会海

赞助商

本文标题:设计简洁风格IOS应用图标的PS实例教程
本文地址:https://www.pszxw.net/photoshop/3224.html