记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 53409|回复: 0
收起左侧

[UI教程] UI教程-金属钢笔绘制教程[含33P]

[复制链接]
发表于 2018-1-12 15:24:55 | 显示全部楼层 |阅读模式
        UI教程-金属钢笔绘制教程


1、首先,我们参照下面的设置创建一个新的文档。




            
2、创建一个新图层命名为“PEN”。使用钢笔工具(P)绘制下图所示的形状。绘制形状时,一定要选择“形状图层”的选项。我们把这个形状叫做“打底”,添加图层样式渐变叠加如下图所示。

            

            

            

            

            

            

            

            

            

            

            
3、使用钢笔工具(P)绘制另一个形状我们称之为body。

            

            

            

            
4、你需要给钢笔的主体添加一些细节。按CTRL并单击“body”层,创建一个新层,用白色填充。按Ctrl + T是图层的宽度为原来的75%。然后去“滤镜>模糊>动感模糊”,单击后,按照下面所示的参数设置。最后,降低图层不透明度为50%,添加图层样式中的渐变叠加如下所示。

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            
5、使用矩形工具(U)或钢笔工具(P)创建下图所示的形状,并将其命名为“NECK”。给它添加图层样式如下。(overlay意为叠加)。

            

            

            

            

            

            

            

            

            

            

            

            

            

            
            
                        
6、给“neck”层添加反射,得到如下的效果,将透明度设置为75%,再复制一层透明度设置为100%,保持他们大小相同。

                        

                        

                        

                        

                        

                        

                        
7、使用钢笔工具(P),做出如下所示形状。

                        

                        

                        

                        

                        

                        

                        
8、在图层上单击右键,在菜单中选择“栅格化”(老外又啰嗦了一堆),然后去滤镜>模糊>高斯模糊(半径= 0.5像素),滤镜>锐化>锐化边缘。接下来,添加下图所示的图层样式。

                        

                        

                        

                        

                        

                        

                        

                        

                        

                        

                        

                        
                        
                                    
9、创建一个新层(命名为“shadow”)让它位于下面一层。按住CTRL单击层,建立选区,去“选择>修改>扩展”,输入2px,单击确定。然后用黑色填充“shadow”层。最后给“shadow”层添加“滤镜>模糊>高斯模糊”(半径= 0.5像素)。

                                    

                                    

                                    

                                    

                                    

                                    
10、删除“shadow”层有多余的部分,按住CTRL并单击“body”层CTRL+ SHIFT+单击“ENCK”层。进入“选择>修改>收缩”,输入1像素,单击确定。选定“shadow”层,按CTRL+ SHIFT +I 删除多余部分。

                                    

                                    

                                    

                                    

                                    

                                    
11、使用钢笔工具(P)创建像下图所示的形状,添加图层样式(与步骤2中图层样式相同)。

                                    

                                    

                                    

                                    

                                    

                                    

                                    

                                    

                                    
12、创建一个新图层,使用矩形选框工具和椭圆选框工具建立选区如下所示,并用黑色填充。然后添加蒙板,添加如下所示的渐变。

                                    

                                    

                                    

                                    

                                    

                                    

                                    

                                    

                                    
13、按照步骤7和步骤8的操作在笔尖的下部添加阴影,如图所示。

                                    

                                    

                                    

                                    

                                    

                                    

                                    

                                    
                                    
                                                
14、现在将制作完成的所有图层复制,合并所有副本图层,(原始图层作为备份保存)进入“编辑>变换>旋转”,顺时针旋转45度。最后,添加一些如下的图层样式。

                                                

                                                

                                                

                                                

                                                

                                                

                                                

                                                

                                                

                                                

                                                

                                                

                                                

                                                

                                                

                                                

                                                

                                                

                                                
                                    

                                    
                        

                        
            

            

               

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x




上一篇:2011中国首届UI设计行业调研报告
下一篇:如何扣图-火焰抠图PS教程
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】

QQ|QQ群:133515734|站长博客|百度网盘|许进龙|手机触屏版|国际动画教程网 ( ICP13037175 )