分享用ps制作ios应用图标
首先新建一个图层并填充背景色,参考色值是#acced6。
接下来,给颜色图层添加蒙版,使其呈现图标的轮廓。技术上来讲这一步可要可不要,因为上传图片之后,苹果官方会自动帮你切成圆角。
不过,为了呈现更好的视觉效果,我建议使用蒙版。
怎么操作呢?按住COMMAND(MAC用户)或者CTRL(Windows用户)键的同时点击图标模板图层,颜色图层就会出现一个选区啦。
再在图层面板的底部点击蒙版图标,就可以创建蒙版了。
步骤2:添加渐变色
在颜色图层点击鼠标右键,在弹出的菜单中选择混合选项。我们来给它加一个弱渐变。渐变的起始和终止色值分别为#acced6和#7cbece。
渐变样式选择线性渐变,角度设置为135度,呈现出由左上角的深蓝色到右下角的浅蓝色渐变效果。
如果这两种颜色顺序搞颠倒了,调整角度为-135度或者315度就行了。
步骤3:创建内圆
图标中部的白色圆形是整个图标设计的重要组成部分,我们可以利用iOS图标栅格画一个圆:使用椭圆工具(U)创建一个宽高为890px的正圆,
在属性面板中可以调整它的大小以便与栅格对齐。
步骤4:给圆形添加图层样式
给形状图层添加描边、阴影和渐变等图层样式。
添加渐变
圆的渐变比较简单,渐变色值为#ffffff和#d9d9d9。
渐变样式选择径向渐变。要让圆的中心呈现些许亮色,从圆心到边缘有一个白色到浅灰色的渐变,缩放比例设置为150%。
添加描边
圆的描边要加粗,描边位置选择内部,描边大小的参考数值为30px,填充类型选择渐变。
渐变所用颜色比图标的背景渐变色要亮一些。起始色值和终止色值分别为#d1e4e8和#a9deeb,渐变角度设置为-45度,呈现出由顶部的浅蓝色到底部的深蓝色渐变效果。
添加内阴影
这里的内阴影其实是白色高光,你也可以使用内发光样式。将混合选项设置为正常,距离设置为0。将大小设置为70。
(注:此处原文为 140px,但是与截图上的参数不符,所以译者暂时将参数改为70px)
添加投影
最后给这个圆添加投影,让描边看上去更清晰,也可以让整个圆在蓝色背景下看的也很明显。把阴影的透明度设置为10%,
距离设置为0,将大小设置的稍微大一点,我的参考数值是55。
效果
步骤5:添加铅笔图标
我们在上一步的基础上添加一枚图标,我选的是铅笔图标。你可以在Sliceberry或者the Noun Project搜索你想要的图标。由于我们制作的图标是1024*1024规格的,
所以一定要选大图标。
将该图标导入你的PSD文件并调整大小。如果你用的铅笔图标跟我用的一样大,需要将其缩小到原来的1/2。你可以利用iOS模板把该图标控制在内圆的范围之内。
为了让该图标垂直于水平线,需要将其旋转62.32度。按下COMMAND(MAC用户)或者CRTL(Windows用户)键的同时按下T键,
在顶部紧挨着小三角形图标的窗口中输入数值62.32。(你也可以跳过旋转图标这一步骤)
步骤6:给铅笔图层添加图层样式
终于到了图标制作最后的步骤了,我们来给它添加渐变叠加和内阴影。
添加渐变叠加
打开该图层的混合选项,选择渐变叠加,色值参数同步骤2,即起始色值和终止色值分别为#acced6和#7cbece。渐变效果沿对角线方向呈现,
角度设置为-45度,从左上角的浅蓝色开始,到右下角的深蓝色结束。
添加内阴影
这是本教程的最后一个小步骤。给铅笔图层添加内阴影,让它看起来有些厚度。内阴影其他参数不变,只降低其透明度,参考数值为15%。
这是因为图标整体使用的是亮色,所以我们让它有一点阴影的感觉就可以了。
最终效果
图标到这里就制作完成了。这篇教程的目的就是向你展示漂亮的iOS应用图标制作方法,过程没那么复杂,最终的效果看起来也很棒,
你可以使用这个方法尝试制作其他图标。
相关内容
教你ps怎么删除无用的图层
教你ps怎么删除无用的图层,删除,图层,隐藏,点击,选择,隐藏图...
分享ps制作赤焰岩石字效
分享ps制作赤焰岩石字效,制作,赤焰,选择,步骤,分享,透明度,文...
分享ps怎么制作像魔兽海报中的立体字体效果
分享ps怎么制作像魔兽海报中的立体字体效果,字体,魔兽,制作,...
AI制作阶梯渐变抽象纸艺图案方法
AI制作阶梯渐变抽象纸艺图案方法,制作,方法,抽象,渐变,绘制,...
photoshop怎么实现渐变扁平化插画风
photoshop怎么实现渐变扁平化插画风,画风,扁平化,渐变,画面,...
ps怎么制作瓦力教程
ps怎么制作瓦力教程,教程,瓦力,制作,图形,圆角,复制,可爱,PART...
教你wps怎么设计金钱图标
教你wps怎么设计金钱图标,图标,按住,组合,绘制,缩小,复制,图...
分享wps2019怎么制作双斜线表头
分享wps2019怎么制作双斜线表头,制作,表头,窗口,点击,分享,选...
教你wps怎样制作ppt幻灯片
教你wps怎样制作ppt幻灯片,幻灯片,制作,输入,点击,选择,背景...
分享在excel中怎么制作表格
分享在excel中怎么制作表格,制作表格,鼠标,对齐,分享,点击,边...
分享用excel制作表格步骤
分享用excel制作表格步骤,步骤,制作表格,边框,选择,设置,点击...
分享ie浏览器图标不见了怎么办
分享ie浏览器图标不见了怎么办,图标,浏览器,分享,选择,路径,...
教你怎么在excel中制作表格
教你怎么在excel中制作表格,制作表格,设置,选择,怎么在,制作...
分享软碟通如何制作u盘启动
分享软碟通如何制作u盘启动,启动,软碟通,制作,选择,分享,点击...
分享制作幻灯片的方法
分享制作幻灯片的方法,方法,制作,幻灯片,选择,分享,文件,界面...