ps手机计算机图标教程,PS手机图标绘制教程:手绘时尚大方的扁平化风格手机APP图标。PS-站长资讯中心...
PS手机图标绘制教程:手绘时尚大方的扁平化风格手机APP图标。初稿
步骤 02 制作时钟底盘
2.1 新建540*540px的圆,命名为【圆-1】并为其添加图层样式。
2.2 新建460*460px的圆,命名为【圆-2】并为其添加渐变叠加。
2.3 新建442*442px的圆,命名为【圆-3】并为其添加图层样式。
2.4 选中【底座】、【圆-1】、【圆-2】、【圆-3】 并使用移动工具—“垂直居中对齐”、“水平居中对齐”使其四者居中对齐。
步骤 03 制作时间刻度
3.1 用参考线定出图标的中心点。新建6*46px的矩形制作大刻度,放在指针12点处。并自由变化(快捷键Ctrl+T),
按Alt键将变换中心点调至图标中心,将矩形旋转90°并回车,然后一直按Ctrl+Shift+Alt+T键重复上一步,
直至做完大刻度。
3.2 新建4*24px的矩形制作中刻度,使用同样的方法将矩形旋转30°做出中刻度。
3.3 新建2*24px 的矩形制作小刻度,使用同样的方法将矩形旋转6°做出小刻度。
3.4 然后合并所有刻度图层,为其添加上渐变叠加。命名为【刻度】
步骤四:制作指针
4.1使用形状工具绘制一个36*36px的圆和一个16*92px 左右上圆角半径为8px的矩形,填充色为#242424。
合并两个形状,并为其添加上斜面和浮雕,命名为【时针】
4.2 使用形状工具绘制一个18*18px的圆和一个6*24px圆角半径为3px的圆角矩形,填充色为#f7f7f7。
分别命名为【时针装饰 -1】、【时针装饰 -2】
4.3 新建12*174px左右上圆角半径为6px的矩形,填充色为#242424,并为其添加上斜面和浮雕,命名为【分针】
4.4 新建4*230px的矩形,填充色为#ff5a5a,命名为【秒针】
4.5 选中【时针】、【时针装饰 -1】、【时针装饰 -2】,并Ctrl+T,按Alt键将变换中心点调至图标中心,将其调整至合适角度。
4.6 选中【分针】并Ctrl+T,按Alt键将变换中心点调至图标中心,将其调整至合适角度。
4.7 选中【秒针】并Ctrl+T,按Alt键将变换中心点调至图标中心,将其调整至合适角度。
4.8 选中【时针】、【分针】、【秒针】。按Ctrl+G进行编组,给这个编组添加投影。
4.9 最后将时钟和底座进行编组(快捷键Ctrl+G),命名为【时间图标】
二、相机图标的制作
步骤 01 制作底座
1.1 将时间图标的底座复制一层(快捷键Ctrl+J),记得拖出时间图标的编组。
1.2 更改底座的渐变叠加。
步骤 02 制作相机边框
2.1 新建520*520px的圆,命名为【外圆-1】并为其添加图层样式。
2.2 新建 430*430px的圆,命名为【外圆-2】并为其添加渐变叠加。
步骤 03 制作镜头
3.1 新建377*377px的圆,颜色填充为#484954 命名为【圆-1】并为其添加图层样式。
3.2 新建288*288px的圆,颜色填充为#484b59 命名为【圆-2】并为其添加图层样式。
3.3 新建200*200px的圆,颜色填充为#3c3d49 命名为【圆-3】并为其添加图层样式。
3.4 新建110*110px的圆,颜色填充为#0f0f10 命名为【圆-4】
3.5 新建62.88*40.22px的椭圆,不透明度为70%,颜色填充为#ffffff ,添加蒙版,使用渐变工具拉出过渡。命名为【上光影】
3.6 新建27.62*15.10px的椭圆,不透明度为7%,颜色填充为#ffffff 命名为【下光影】
3.7 新建377*377px的圆,填充为0% 为其添加渐变叠加,并在样式面板打开时,按住鼠标左键拖动改变渐变叠加的位置。
命名为【镜片阴影】
3.8 新建 240*166px的椭圆颜色填充为#ffffff ,添加蒙版,使用渐变工具拉出过渡。命名为【镜片光影】
最后将镜头和底座进行编组(快捷键Ctrl+G)命名为【相机图标】
三、天气图标
创作思路:使用两个圆和一个矩形拼凑出云的形状,并添加上图层样式来制造体积。
用一个圆来制作太阳,添加外发光来制作发光效果。
四、电话图标
创作思路:使用钢笔工具勾出电话形状,并添加图层样式制作出体积感。
五、日历图标
创作思路:自由变换(快捷键Ctrl+T)右键扭曲做出日历翻页效果。
六、信息图标
创作思路:利用3个形状来拼凑出一个信封,使用转换角工具调整三角形,使他圆润。
并用蒙版擦出过渡效果。
七、播放器图标
创作思路:选中矩形上方的两个锚点进行移动来制作平行四边形。
八、地图图标
创作思路:使用钢笔工具加布尔运算做标记,标记投影使用蒙版做出虚实变化。使用矩形工具拼出地图纹路并合成形状,利用剪贴蒙版
制作出地图。
九、通讯录图标
创作思路:利用1像素宽的矩形,添加角度为0°的斜面和浮雕做出凹槽效果。
十、音乐图标
创作思路:使用角度渐变和滤镜–径向模糊做出唱片的质感。
十一、设置图标
创作思路:使用圆与圆之间的布尔运算做出形状。
十二、搜索图标
创作思路:这里利用了两个内阴影制作了放大镜镜片的光影。
十三、文件管理图标
创作思路:使用形状工具拼凑出形状。
十四、图库图标
创作思路:使用形状工具拼凑出形状。
十五、游戏图标
创作思路:利用投影制造摇杆悬空效果。
十六、收音机图标
创作思路:利用渐变叠加做出天线的金属质感。
十七、SIM卡应用图标
创作思路:使用圆角矩形–描边,做出有弧度的形状。
十八、计算器图标
创作思路:利用内阴影和渐变叠加做出按钮下凹的弧度效果。
十九、指南针图标
创作思路:给长矩形上方中间添加一个锚点,再减去上方两个角的锚点,制作出长三角形。
二十、录音机图标
创作思路:使用形状工具拼凑出形状。
第一次制作教程 如有错误请多多包涵
最终效果
原文链接:http://www.psahz.com/psshuhui/25166.html
如有疑问请与原作者联系
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
ps手机计算机图标教程,PS手机图标绘制教程:手绘时尚大方的扁平化风格手机APP图标。PS-站长资讯中心...相关推荐
- PS绘制扁平化风格相机镜头UI图标
一.新建一个画布,绘制一个460*460图层,圆角半径40像素.填充渐变颜色,加一点点投影,这样就有质感了. 二.接下来我们要来绘制主体部分,绘制一个圆,大小400*400,用内阴影,渐变叠加,投影得 ...
- 资源收藏:扁平化风格的图标
25套扁平化风格的图标 下载地址:http://blog.ithomer.net/2014/08/25-flat-style-icon/ (后续有待更新~~~)
- css3实现扁平化风格APP应用图标时钟动画
今天无聊写了一个扁平化风格APP时钟动态图标.其外观(表盘.刻度.指针)都使用css来绘制,然后再通过javascript来获取当前时间并且让时钟动起来.有了这个优美的动态时钟,我再也不要看手表了,哈 ...
- AI教程!教你绘制扁平化风格的卡通人物肖像(四人组合篇)
编者按:今天@鱼过无声design 的教程教大家来绘制四个卡通人物头像,操作不难,但成就感满满,有很多同学已经给自己做了专属头像,木有的赶紧来试试. 系列教程:<AI教程!教你绘制扁平化风格的卡 ...
- PPT制作教程:如何使用PowerPoint制作手绘粉笔字效果PPT教程
PPT制作教程:如何使用PowerPoint制作手绘粉笔字效果PPT教程 当您在观看别人的PowerPoint时候,是否经常会看到类似于粉笔字效果呢? 今天的教程就教大家使用PPT制作粉笔字效果的幻灯 ...
- PS轻松制作四种扁平化风格图标
本文将传授你多样的扁平化设计风格,绝对时髦教程!读完本文,你将轻松掌握时下最热门的设计手法:) 四种风格包括:常规扁平化.长投影.投影式.渐变式. 一.常规扁平化 步骤 1: 宽度: 500px, 高 ...
- 如何用计算机进行绘画,怎么用电脑画画-PS电脑手绘的5个基本步骤,轻松自学成PS手绘达人...
即使你是一个平时没事喜欢涂涂画画的人,如果没有接触过PS等电脑绘图软件,那让你用电脑绘图,你一定会觉着遥不可及. 不过实际上,用电脑画画和在纸上画画其绘画原理都是想通的,只要掌握合适的绘画步骤以及必要 ...
- 22 款精选漂亮免费的扁平化风格及简单线条图标设计素材 (合集打包下载)
最近由苹果 iOS.微软 Win8 以及谷歌 Android 等产品引领的设计风潮--扁平化的简约设计风格越来越受到人们的喜爱!我们之前就推荐过30多款精美的扁平化图标素材打包下载,大家反响都很不错! ...
- 聊城大学计算机学院宿舍,聊城大学一学子巧售手绘明信片网络走红(组图)
齐鲁晚报聊城11月6日讯(记者 王传胜)聊城大学宏伟壮观的南大门你见过吗?该校一名大三学生突发奇想,把包括南大门在内的八个校园场景制作成手绘明信片,上传到网上之后迅速走红."双十一" ...
最新文章
- oracle没有groupby,oraclegroupby之后还可以groupby么
- leetcode刷题 153.寻找旋转排序数组中的最小值
- python字典forward_《Python机器学习基础教程》
- js中动态载入css js样式
- 【TSP】基于matlab人工鱼群算法求解旅行商问题【含Matlab源码 422期】
- 明日方舟 长夜临光side story
- uniapp h5 微信分享
- 散列表,这一篇就够了,链地址法
- 一般将来时语法课教案_初中英语语法课教案设计
- 【人工智能】AI竞赛,到底有什么价值?
- to be filed by oem
- c语言程序拍照,拍照并获取照片
- 怎么查计算机上c盘的历史记录,如何查看电脑历史操作记录
- 分布式id php,PHP生成类MongoId的分布式主键
- cuda9.0和cudnn7.3 win10百度网盘地址
- Opencv学习(3)——基础矩阵F、本质矩阵E、单应矩阵H 函数解析
- js 函数传参实参包含路径“\”处理
- HDU 5446 Unknown Treasure(Lucas定理+CRT)
- jQuery-动画效果
- 云计算与云存储,具体是什么关系?
热门文章
- 用python写生日快乐说说_祝自己生日快乐说说
- php中单例和工厂模式,PHP单例模式和工厂模式小记!
- 计算机键盘打字k2,给手机配个键盘,让打字健步如飞——多彩K2201V
- 随着滚动条下拉,导航栏置顶
- Uncaught Error: Mismatched anonymous define() module
- JavaWeb-15 文件上传与下载
- Windows 7 升级顾问
- 从 Windows Vista 升级到 Windows 7
- Grand Illusion - 大幻影
- hosts.deny真的可以deny ALL吗?