Photoshop绘制矢量图标的实用小技巧

2016-05-24 23:52:44 来源/作者:优设 / liaosheji2010 己被围观

今天竹子要介绍的这6个图标绘制招数,简单易懂,但功效卓著。久习可得奇效,达到任何矢量图形都易如反掌,无论各种横的,竖的,奇形怪状的图形都信手拈来。(以下界面演示以photoshop CC为演示工具)

第一剑 少商剑 形状图层

特点:剑路雄劲,颇有石破天惊,风雨大至之势。

PS是一个像素处理软件,可以做到和AI一样绘制各种复杂的矢量图形。有读者会问为什么不用AI,而要学习PS绘制路径,因为PS才是适合UI设计的工具软件,且各种图形PS可以做到像素对齐,AI绘制的路径导入PS还是要二次调节。所以下面教你如何通过形状图层来绘制矢量图标。

① 前景色选择黑色,前景选择的颜色就是绘制出形状图层的颜色

② 工具模式选择路径,一定要选择路径,而不是形状,因为直接生成的形状黑乎乎一大片,非常不利于二次编辑路径。

Photoshop绘制矢量图标的实用小技巧

③ 形状属性面板中可以设置圆角。

Photoshop绘制矢量图标的实用小技巧

这是Photoshop CC版本中一个非常棒的功能。尤其是对UI设计师而言。形状属性位于属性面板中,我们可以自由设置各种参数。

例如:图形尺寸、填充颜色、描边颜色、描边宽度、描边样式(包括虚线、对齐方式、线段端点和合并类型)、圆角半径选项(对椭圆形不可用)

Photoshop绘制矢量图标的实用小技巧

Photoshop绘制矢量图标的实用小技巧

一个矢量的圆角矩形就画好了。

第二剑 中冲剑 自定义形状工具

特点:大开大阖,气势雄迈

PS里内置了非常多的形状,很多基础图形不需要自己绘制,直接在使用相应的图形即可。

Photoshop绘制矢量图标的实用小技巧

首先新建一个图层,然后使用多边形工具,选择3边

Photoshop绘制矢量图标的实用小技巧

分享到:0

标签(TAG)

更多精彩内容

  • Photoshop制作科技感十足的水晶艺术字教程Photoshop制作科技感十足的水晶艺
  • Photoshop制作仿水墨画效果的中国风江南水乡意境主题风景图片Photoshop制作仿水墨画效果的中国
  • Photoshop给建筑物风景图片制作成漫画线稿效果教程Photoshop给建筑物风景图片制作成
  • Photoshop移动和缩放工具的使用技巧,提升工作效率Photoshop移动和缩放工具的使用技