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

ps教程 2023-06-16

开始前，请先准备一个iOS应用图标模板，可以从iOS Icon Template或者App Icon Template下载，我的电脑屏幕上只显示了1024PX的大图标，我觉得用这个模板做参考就可以了。

先看看效果图

你可以将应用图标模板进行裁剪，只保留1024px的图标，或者处理模板上的其余元素。

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

下面我们正式开始。

步骤 1：创建 iOS 应用图标的基本形状

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

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

接下来，给颜色图层添加蒙版，使其呈现图标的轮廓。技术上来讲这一步可要可不要，因为上传图片之后，苹果官方会自动帮你切成圆角，不过，为了呈现更好的视觉效果，我建议使用蒙版。

怎么操作呢?按住 COMMAND (MAC 用户)或者 CTRL (Windows 用户)键的同时点击图标模板图层，颜色图层就会出现一个选区啦。

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

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

步骤 2：添加渐变色

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

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

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

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

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

步骤 3：创建内圆

图标中部的白色圆形是整个图标设计的重要组成部分，我们可以利用iOS图标栅格画一个圆：使用椭圆工具(U)创建一个宽高为 890px 的正圆，

在属性面板中可以调整它的大小以便与栅格对齐。

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

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

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

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

添加渐变

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

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

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

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

添加描边

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

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

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

添加内阴影

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

上一篇：PS怎么任意旋转图片角度下一篇：PS怎么逆时针旋转图片90度