注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

丹阳市三中孙云芳老师的博客

爱是一种付出 爱是一种奉献 爱更是一种责任

 
 
 

日志

 
 

【转载】【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么?  

2018-08-02 12:12:18|  分类: PS、U5等教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

在我初学UI的时候,临摹了很多作品,每次临摹基本都可以分为两个步骤,第一步是用钢笔工具和形状工具把物体勾勒出来,第二步是往形状上填充颜色,然后加一些渐变或者投影。在填充颜色和细节的时候是很享受的,但是在勾轮廓的时候总是很崩溃,画出来的曲线总是不流畅,也不知道问题出在哪里,其实就是钢笔工具没有掌握好。

【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .
【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .
【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .

I Design With Code by Chris Gannon

钢笔工具大家应该都很熟悉了,中间一个节点,两边两个手柄,调节手柄的方向可以控制曲线的走向,调节手柄的长度可以控制曲线的弧度。上面的动效设计表达的就是这个意思。

在使用钢笔工具的时候有个能帮助我们的选项,叫橡皮带,勾选上以后,曲线会随着鼠标移动,方便我们预览曲线的走向,看下图,在图片最右边,点击齿轮勾选上:

【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .

节点手柄方向和位置是画好曲线的关键

接下来就要开始用钢笔工具画曲线了,在画以前我们可以看看高级 UI 设计师们是怎么处理曲线的节点的,看下面两张图:

【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .

【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .
【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .
【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .

【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .
【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .
【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .

比如说用钢笔工具画上图这个 “ S ”

【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .

根据第二个规律,所有节点都在曲线最凸或最凹的地方,在这些位置依次画上节点。

【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .

根据第一个规律,手柄的方向不是垂直就是水平的,鼠标长按钢笔工具,在菜单的最后找到转换点工具,就是图片里 “T” 上面的那个,按住 shift 点击节点拖动,在每个节点上把手柄拖出来,这时候拖出来的两个手柄是一样长的,位置大概正确就行,不用刻意调整。

【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .

在把所有手柄拖出来以后,我们开始调细节,还是用转换点工具,按住 shift ,分开拖动每个手柄使曲线吻合。

【PS-U5等教程篇】PS钢笔工具的高级使用技巧,秘诀是什么? - 浪漫人生 - .

所有手柄都调整完成后就大功告成。

今天的教程主要讲了钢笔工具的使用技巧,只要熟练掌握了就可以画出世界上任何的造型,再加上颜色和质感,我们就能创造出精彩的设计。一定要多多练习,钢笔工具可以说是基础,但也是 UI 设计中的一个难点,大家加油!下期想说说线框小图标的设计心得。

不管是在ui还是影楼 还是在日常中的抠图都是用到非常的广泛,平面ps cdrai这3个不管是哪个软件都是需熟练掌握的,其实钢笔工具不难,需要的是熟能生巧,最后送大家1个字:练

  评论这张
 
阅读(97)| 评论(10)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018