分享用ps制作ios应用图标

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

用ps制作ios应用图标

接下来,给颜色图层添加蒙版,使其呈现图标的轮廓。技术上来讲这一步可要可不要,因为上传图片之后,苹果官方会自动帮你切成圆角。

不过,为了呈现更好的视觉效果,我建议使用蒙版。

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

用ps制作ios应用图标(1)

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

步骤2:添加渐变色

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

用ps制作ios应用图标(2)

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

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

用ps制作ios应用图标(3)

步骤3:创建内圆

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

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

用ps制作ios应用图标(4)

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

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

用ps制作ios应用图标(5)

添加渐变

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

用ps制作ios应用图标(6)

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

用ps制作ios应用图标(7)

添加描边

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

用ps制作ios应用图标(8)

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

添加内阴影

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

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

用ps制作ios应用图标(9)

添加投影

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

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

用ps制作ios应用图标(10)

效果

用ps制作ios应用图标(11)

步骤5:添加铅笔图标

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

所以一定要选大图标。

用ps制作ios应用图标(12)

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

用ps制作ios应用图标(13)

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

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

用ps制作ios应用图标(14)

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

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

用ps制作ios应用图标(15)

添加渐变叠加

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

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

用ps制作ios应用图标(16)

添加内阴影

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

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

最终效果

用ps制作ios应用图标(17)

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

你可以使用这个方法尝试制作其他图标。

推荐阅读

    教你ps怎么删除无用的图层

    教你ps怎么删除无用的图层,删除,图层,隐藏,点击,选择,隐藏图标,脚本,删除所有隐藏图标点击图层面板右上角展开菜单,选择【删除隐藏图层】,这

    分享ps制作赤焰岩石字效

    分享ps制作赤焰岩石字效,制作,赤焰,选择,步骤,分享,透明度,文字,一、建立背景步骤1我们先来导入concrete01.pat素材~并设置为图案。步骤2

    AI制作阶梯渐变抽象纸艺图案方法

    AI制作阶梯渐变抽象纸艺图案方法,制作,方法,抽象,渐变,绘制,最终,图层,一、制作渐变色板邻近色的过度也可以从三个色彩属性上进行对比:色相

    photoshop怎么实现渐变扁平化插画风

    photoshop怎么实现渐变扁平化插画风,画风,扁平化,渐变,画面,海豚,图形,元素,1. 在PS中ctrl n建一个画布为750*1335, 分辨率72。2. 在画布上

    ps怎么制作瓦力教程

    ps怎么制作瓦力教程,教程,瓦力,制作,图形,圆角,复制,可爱,PART1:首先是展示效果图PART2:1.首先新建画布600*800px,然后画个矩形做底色,填充白

    教你wps怎么设计金钱图标

    教你wps怎么设计金钱图标,图标,按住,组合,绘制,缩小,复制,图形,wps怎么设计金钱图标?wps文档可以简单制作一个金钱的图标,插入了同心圆、等

    分享wps2019怎么制作双斜线表头

    分享wps2019怎么制作双斜线表头,制作,表头,窗口,点击,分享,选择,图标,使用word编辑双斜线表头的时候非常的麻烦,其实这时可以使用WPS2019来

    教你wps怎样制作ppt幻灯片

    教你wps怎样制作ppt幻灯片,幻灯片,制作,输入,点击,选择,背景图片,鼠标右键,1.首先用wps打开一个演示文稿,进入下一步。2.在打开的ppt中点击

    分享在excel中怎么制作表格

    分享在excel中怎么制作表格,制作表格,鼠标,对齐,分享,点击,边框,合并,打开电脑,右击鼠标在桌面新建一个excel文件。打开excel文件,用鼠标选

    分享用excel制作表格步骤

    分享用excel制作表格步骤,步骤,制作表格,边框,选择,设置,点击,鼠标,首先打开excel软件。选中作为表格的单元格。然后右击鼠标,选择“

    分享ie浏览器图标不见了怎么办

    分享ie浏览器图标不见了怎么办,图标,浏览器,分享,选择,路径,桌面快捷方式,桌面,进入路径 “我的电脑(或计算机)”—&mdash

    教你怎么在excel中制作表格

    教你怎么在excel中制作表格,制作表格,设置,选择,怎么在,制作表格软件,边框,法二,方法一:首先新建或打开excel软件。选中作为表格的单元格。

    分享软碟通如何制作u盘启动

    分享软碟通如何制作u盘启动,启动,软碟通,制作,选择,分享,点击,硬盘,1、打软碟通,点击左上角的文件,选择打开我们的iso镜像2、接着选择我们的

    分享制作幻灯片的方法

    分享制作幻灯片的方法,方法,制作,幻灯片,选择,分享,文件,界面,1.新建一个PPT文件,打开ppt我们可以看到一张空白的PPT文件2.鼠标点击菜单栏