PS+AI教程鼠绘逼真的旋转按钮教程

按着教程做的,觉得挺简单的,虽然不懂英文,但是看图片大概能看懂,或者说,谷歌翻译吧,不过生硬,所以按自己理解重新写了过程。过程可能会很啰嗦,但是这是为了照顾处于基础中的同学,觉得太啰嗦的同学,可以看world文档的国外大神做的教程截图,本来想保存整个网页为图片的,但是竟然不给,

  1. 画布大小自定义,我这里800*600px,颜色值:2e2f31

2.绘制一个正圆,按住shift键,点击鼠标左键,选择移动工具V,在与画布垂直、水平居中对齐,颜色值:2e2f31

3.给图层命名base(底层),并添加内阴影、投影

4.复制base图层,右击选择清除图层样式,按住Ctrl T,再按住shift Alt等比例缩小,缩放比例看图,并命名shape(形状),再添加图层样式

5.新建正圆,并命名shadow(阴影)我是cc版的,羽化就行:6.6px,找不到的话,就高斯模糊,滤镜—模糊—高斯模糊,数值自个调,按住shift 方向键,下移到base图层边缘就行。

6.在绘制一个shape图层,为什么是一样的,这个我真不知道诶,这是按国外大神做地,为了以示区别,可以改为shape2,这个图层移到阴影图层下,添加图层样式

7.在绘制一个shape图层,在加个数字3把,按Ctrl T,shift Alt等比例缩放,添加图层样式

8.绘制一个正圆命名为metal(金属)层,添加图层样式

大神没给颜色值,无非就是黑、灰、白,

9.复制metal图层,并改为gradient(渐变)右击图层,清除样式,重新添加黑白渐变,图层填充为0

10.绘制一个圆角矩形,命名为mark(标记)图层,在选择矩形工具减去一小部分,添加图层样式

到这一步算是基本完成了,接下来就是指示灯的问题。

这一步需要AI支援了将ps文件保存好后,打开AIcs6,按Ctrl O弹出打开窗口,选择需要的打开文件,打开后会弹出一个窗口,默认,点确定即可。

AI步骤:

1.绘制一个正圆,圆的大小,你们看着顺眼吧。

选择旋转工具(R),按住Alt键将鼠标移到圆的中心位置,会显示出“中心点”字体,不要松开鼠标,将“中心点移到金属中心位置”,此时会弹出旋转弹窗,输入22.5度,点复制,在按Ctrl d键,连续复制。

如下图:这是全选中状态,因为要复制,在编辑—复制,再回到PS软件,Ctrl V粘贴

此时弹出粘贴弹出,选择最后一个

接下来就是给两个图层命名为off,off2添加图层样式Off:图层样式

Off2图层样式

这是我做的效果:

这是原效果图

(0)

相关推荐

  • UI设计鼠绘唯美渐变按钮图标

    UI设计鼠绘唯美渐变按钮图标

  • PS绘制逼真的游戏战龙的简单鼠绘教程

    PS绘制逼真的游戏战龙的简单鼠绘教程 步骤/方法 01 首先绘制一个龙的简单图案,这个团可以尽量简洁,但也不能太简洁,如下图即可 02 单色进行平涂防止讲主题物的轮廓画出来,注意不同的物体用不同的图层 ...

  • Photoshop鼠绘教程:逼真鲜活金鱼的绘制3

    Photoshop鼠绘教程:逼真鲜活金鱼的绘制 步骤/方法 01 用毛笔在眼睛中心点一个黑色的瞳孔 再用加深和减淡工具做进一步的处理 02 在图层1 也就是鱼身的下方建图层 打一个大小合适的正圆 用红 ...

  • Photoshop鼠绘教程:逼真鲜活金鱼的绘制4完结

    Photoshop鼠绘教程:逼真鲜活金鱼的绘制 步骤/方法 01 把它用切变再调整一下 自己满意就行 调正后如图 02 把它旋转一下 放到鱼尾处 在尾部打一个不规则的选区 羽化10 删除 如图 03 ...

  • ps鼠绘Photoshop鼠绘古典美女教程

    鼠绘古典美女最重要的把人物的神韵画出来.这些人物都是需要根据特定的小说或故事的描述画出来,包括人物的性格等都要体现出来,难度还是挺大的.搜集了详细的Photoshop鼠绘古典美女教程,给各位学习及参考 ...

  • PS鼠绘教程:光感和质感的美女眼泪

    这次鼠绘的主体是眼睛部分,作者绘制的非常细腻,光感及质感表现的近乎完美,完全可以和3D效果媲美.确实强悍. 最终效果: 步骤/方法 01 建立背景图层,填充淡黄色,新建一个图层,用钢笔工具勾出眼睛的轮 ...

  • PS鼠绘非常简单的水墨花鸟画

    PS初级教程! 鼠绘非常简单的水墨花鸟画 鼠绘水墨画需要一定的美术基础,虽然是简单的水墨画,画起来还是需要技术的,首先要定义好笔刷,然后用画笔慢慢涂抹,画出自己想要的效果. 步骤分为七步!比较简单! ...

  • 带3D真实质感的ICON 快速成型术(PS+AI教程)

    对于众多高大上的3D软件望尘莫及的同学来说,PS+AI是制作3D效果小物件的绝佳组合~!操作非常的简单顺手哦~相信在习得此法之后,能帮助大家在以后的UI设计中增加更多的亮点.那么就让我们来看看本章教程 ...

  • ps怎么做出手绘效果 ps怎么把图片转成手绘教程

    ps怎么做出手绘效果?ps是网站小编必须要会的一个软件,有时候必须要用它来处理图片.今天小编来教大家 ps怎么把图片转成手绘,只需要短短几个步骤就可以把彩色的图片转化为黑白色的手绘图案. ps怎么做出 ...