云骑士一键装系统-简单一键在线装机工具,一键备份还原功能让系统维护更方便!
BIOS设置 win10教程 win7教程 U盘教程 xp教程 win8教程 电脑故障 电脑资讯 手机教程 软件教程 游戏攻略
当前位置:云骑士 > 使用教程 > 软件教程 > 用ps制作ios应用图标

用ps制作ios应用图标

文案作者: 骑士
2020-11-20 18:01:42
播放量:

首先新建一个图层并填充背景色,参考色值是 #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,导入图片,看到左侧的箭头所指位置的放大镜,点击后可使用,使用放大镜在图片上点击或者拖拽,即可放大或者缩小;方法二:按住“...
阅读:1638 发布时间:2020-10-01
PS中抠图的四种方法
图文
PS中抠图的四种方法
魔棒抠图法:魔棒工具点一下出现选区,按delete键;通道抠图法:点击通道选项卡,选线条比较清晰的复制图层,按ctrl键点拷贝图层的缩略图,快速建立选...
阅读:783 发布时间:2020-09-11
ps照片中过度曝光的画面如何调整
图文
ps照片中过度曝光的画面如何调整
打开PS,打开图片,可以看到改图圆圈部位是过曝的情况,天空的细节,建筑的细节被光线盖住,按下快捷键CTRL+J复制图像,得到图层1,执行图像,调整,...
阅读:627 发布时间:2020-08-29
ps制作木制书架的方法
图文
ps制作木制书架的方法
创建文档,填充颜色,滤镜,渲染,纤维,复制纹理层,垂直翻转,添加杂色纹理,液化,画矩形,颜色叠加,高斯模糊,旋转90⁰,隐藏或删除矩形,货...
阅读:271 发布时间:2020-11-16
ps复制图层是哪个快捷键
图文
ps复制图层是哪个快捷键
ps复制图层快捷键是Ctrl+J。打开PS,按快捷键Ctrl+R调出参考线,作为参考。鼠标选中要复制的图层,按快捷键Ctrl+J就可以复制本图层,拖动一下复制的图层,...
阅读:135 发布时间:2021-01-19
键盘锁住了打不了字
键盘锁住了打不了字
浏览:23872
2019-10-17
查看电脑配置命令
查看电脑配置命令
浏览:11550
2020-03-13
asus笔记本重装系统
asus笔记本重装系统
浏览:9468
2019-12-11
苹果笔记本怎么装系统
苹果笔记本怎么装系统
浏览:23823
2020-06-23
win7麦克风没声音怎么设置
win7麦克风没声音怎么设置
浏览:24228
2020-10-17

客服二维码

邮箱:toplearningteam#gmail.com (请将#换成@)

Copyright 2013-2020 云骑士( https://www.yunqishi.net/ ) 版权所有 All Rights Reserved   鄂ICP备2023010145号-1