PS制作独特的旋转按钮图标设计教程

本教程主要使用(use)Photoshop设计灰色渐变风格(style)的播放图标教程,教程的主要部分都是用图层样式来完成的,骚年们赶紧行动起来吧^o^
最终效果:
老规矩,先来分析(Analyse)一下。这里我们主要分为三个部分:底座、内圆、文字,其它问题都不大,主要是内圆部分、需要用到多个图层及图层样式,来表现图标的立体感,骚年分析完已经成功一半了,离成功还会远么,噢耶!!!
步骤(procedure)一:
首先新建画布1000px*1000px画布,命名为旋转(rotate)按钮,为背景(background)添加渐变叠加图层样式。

步骤(procedure)二:
使用(use)椭圆工具、绘制一个700px*700px底座,并为它添加图层样式。
步骤(procedure)三:
高逼格的底座一下就出来了,有木有!!!接下来继续使用(use)椭圆工具、绘制一个等大的圆,并为它添加图层样式,图案(design)叠加追加灰度纸,选择(Select)纤维(Fiber)纸图案。

步骤(procedure)四:
现在绘制一下底座的线条吧,选择(Select)直线工具绘制一条长度700px粗细3px的直线吧,颜色(Color)为#909090。UI设计学习UI设计师的涉及范围包括高级网页设计、移动应用界面设计,是目前中国信息产业中最为抢手的人才之一。
步骤(procedure)五:
复制直线执行自由变换命令,调整中心点至画布中心,旋转(rotate)60度,并执行重复(repeat)上一命令并复制操作(operate)shift+ctrl+alt+t复制出另外1个直线段,并添加一下图层样式吧。

步骤(procedure)六:
接下来使用(use)椭圆工具、绘制一个450px*450px的正圆,并为它添加图层样式。

步骤(procedure)七:
继续使用椭圆工具、绘制一个400px*400px的正圆,并为它添加图层样式。UI设计教程UI表面上看是用户与界面两个组成部分,但实际上还包括用户与界面之间的交互关系。

步骤(procedure)八:
我们继续使用椭圆工具、绘制一个350px*350px的正圆,并为它添加图层样式。

步骤(procedure)九:
现在我们赶紧来绘制最后一个圆吧,使用椭圆工具绘制一个30px*30px正圆,给它起名叫小内圆吧,并为它添加图层样式。

步骤(procedure)十:
就剩文字部分了哦,选择(Select)文字工具微软雅黑,字体大小50点,颜色(Color)白色,输入文字放到合适的位置(position ),并添加图层样式。UI视觉设计承担的不是单纯意义上美术工人的工作,而是软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。

步骤有点多哦,但是只要勤加练习,会很大程度上提高你的PHOTOSHOP水平哦^o^。

0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录

 
QQ在线咨询