相关分类
入门实例
文字效果
照片处理
滤镜教程
美白磨皮
图片合成
鼠绘教程
推荐教程
PS视频教程
PS作品欣赏
收费课程
飞特网 顶部通栏广告

PS绘制漂亮IOS系统图标

EYELD发布于:2016-3-7 08:56 |原作者: Criscroc|
EYELD
广西 北海 学生
发私信 + 关注
简介: 老规矩,先上效果图:开始前,请先准备一个iOS 应用图标模板,可以从iOS Icon Template或者App IconTemplate下载(我用的就是后者的素材)。我的电脑屏幕上只显示了 1024px 的大图标,我觉得用这个模板做参考就可以 ...

老规矩,先上效果图:

FEVTE编注更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入飞特论坛PS作品交流区,地址:https://www.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

版权申明:本文原创作者Criscroc,感谢Criscroc的原创经验分享!

开始前,请先准备一个 iOS 应用图标模板,可以从 iOS Icon Template 或者 App Icon Template 下载(我用的就是后者的素材)。

我的电脑屏幕上只显示了 1024px 的大图标,我觉得用这个模板做参考就可以了。

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

下面我们正式开始。

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

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

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

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

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


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

步骤 2:添加渐变色

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

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

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

步骤 3:创建内圆

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

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

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

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


123下一页
10

好评
11

差评

刚表态过的朋友 (21 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

EYELD
广西 北海 学生
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计