|
|||
![]() | |||
您现在的位置: Photoshop资源站 >> Photoshop学院 >> 入门基础 >> 大师之路 >> 正文 |
|
|||||
| (12-10)实战矢量制作 | |||||
作者:佚名 文章来源:网上收集 点击数: 更新时间:2007-11-5 ![]() |
|||||
|
现在我们来制作一个徽标,最终效果如下图。
很明显的,这就是将一个圆分割为两个部分,只是分割线是一条曲线。但注意上下两个部分的颜色不同,这就意味着两者要分别位于不同的图层中,才能指定不同的填充色。我们已经学习了所有路径的知识,已经不存在技术问题,现在需要的是技巧和思路。 如果思路不清晰,那么就把问题看成,如何把一个圆以弧线分割为半圆,如下图所示。解决了这个问题也可以在一定程度上完成制作。
现在我们来讲解如何制作。首先以形状图层方式绘制出圆,在图层调板中复制该层并将隐藏原图层。如下左图。这样做是为了备份,大家应该养成这样的习惯,并且在制作过程中应随时按〖CTRL_S〗存盘以避免数据丢失。
现在对工作路径予以修改,如下各图所示。首先减去下方的锚点,然后使用转换点选择工具
通过以上步骤我们就得到了弧形分割的半圆,接下来就是将其选择(应使用路径选择工具
现在更改要求,作出如下图的效果。注意这不是简单的将两个半圆拉开距离就可以完成,因为现在的要求相当于是在正圆中减去一块区域,这样整体来看还是一个正圆。而如果移动半圆,相当于把正圆拉高成了椭圆,将会出现如下右图的效果。大家想一下该如何制作。
1256可以利用前面制作出来的弧形半圆,将其从封闭路径变为开放路径,方法是选择(使用直接选择工具
将这个路径复制粘帖到大圆图层的矢量蒙版中,用路径选择工具
1257是不是发现了问题?路径选择工具
之前的制作过程中,多处使用了路径的复制粘帖功能,其实也可以不通过这种方式,而直接在矢量蒙版中完成复制、移动、修改、移回、运算这一系列过程。只是在视觉上会有影响,不过如果熟练了也没有太大区别。 此外,对于上面这个效果,大家还可以参考以下的做法,这个方法采用了另类的方法来产生S型封闭路径。也许能为大家以后的制作中提供一种思路。
我们也可以利用文字的矢量特点来设计文字类型的徽标。新建一个200×150的图像,使用文字工具在其中输入“XD”,字符调板设定如下左图。然后将文字转为形状,图层调板如下右图。
现在就对这个矢量蒙版中的内容进行修改,过程如下图。为了方便观看,每一步操作后都进行了组合,大家自己动手做的时候则不必如此。
之后,可以再如下左图所示,对两个片段进行移动(该用路径选择工具
1258一般来说,字库中的字体都较为呆板缺少变化,尽管OpenType字体可以带来些新气象,但终究也不如人意。而这种利用文字产生大致的路径然后进行修改,在徽标设计中是很常用的手法。通常的修改都是为了营造整体感,最常用的就是连笔,找出可以相连又不会造成歧义的笔画。比如字母FZ,可以将最上面的横向相接形成连笔。相连后可以适当减少字母间距,如下左图。还有就是合并类似笔画,如字母HR,可以将H右边的竖线与R左边的竖线合并,同理也适用于HK、HF等。如下右图。合并后可以再分割并相离,这样可以令字母有独立感。
现在我们来看一下大师之路网站的徽标制作。先绘制矩形,然后输入字母Ut并转为路径,将两个路径复制粘帖到矩形蒙版中,安放在适当的位置,将U设为减去方式
虽然强调设计中的整体性,但各字母之间应该还具有独立性,也就是说要看得出字母来。按照上面的徽标设计,我们用一个色块来作背景,然后用减去方式呈现镂空的字母,但如果U与t都是减去方式的话,则两个字母因为有重叠区域, 相互难以分辨,如下左图。这是应避免的情况。此时可以尝试在t字母周围描边(复制t后放大形成描边),这样字母就较为清晰了。
如果大家已经理解了本小节中的内容,就会体会到路径的强大,它赋予我们无尽的创造力。在此之前我们都只能算是制作而不是设计,因为无非就是调调颜色、改改样式这类的,再就是摆弄摆弄滤镜,做出一些自己都觉得莫名其妙的效果。真正的图形设计,反而极少用到那些功能。设计一个矢量徽标所用到的技术绝不超过我们本课中的内容,但其成品的商业价值却可能是天价。而我们处心积虑堆砌了N多效果的设计稿,也许无人问津。这是因为在当今世界的主流设计中,都是崇尚简约的风格。这一点在国外非常明显,企业的徽标结构都很简单,一目了然,没有多少花哨的效果。如果偏重于效果的应用,往往就容易造成认知和传播上的困难。 |
|||||
| 文章录入:onegreen 责任编辑:onegreen | |||||
| 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 | |||||
| 最新热点 | 最新推荐 | 相关文章 | ||
| 大师之路视频教程总目录 大师之路教程总目录(图文版) (3-3): Photoshop画笔工具的使用 (1-1):RGB色彩模式 (1-1):RGB色彩模式 (10-4):路径文字排版 (6-8):实战调整数码照片 (1-3):图像通道 (3-4):Photoshop笔刷的详细设定 (9-2):仿制图章/图案图章 |
| 设计学院更新 |
| 网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!) |
| | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | SiteMap(软件) | SiteMap(文章) | SiteMap(图片) | | |
| Powered by:onegreen.org 站长:onegreen〖粤ICP备06090975号〗 |
|