狗皮膏药 » 矢量

我近期出产的2款海报设计

SuperOutman — Fri, 10 Apr 2009 05:29:14 +0000

最近工作有点乱，从上至下遇到的都是方向性的问题，这种问题很折磨人。在仓促之下推出了这2款海报，能起到多大作用不得而知，反正视觉效果是有了，我的任务完成鸟，其他的问题我就忽略不计了，也管不了。

我现在越来越喜欢做这种没创意的海报了。因为只要找个合适的底图，再加点自己设计的异形字就搞定了，最后还落得个看官满意，我也省劲，悠哉悠哉。OK，我承认我现在是一个毫无创意的图形拼凑者，但这并不是以我的意志为转移的，说实话，我也很无奈。

第2张海报里的电影胶片素材，这里有下载，是矢量的喔。

3D Logo Tutorial，3D标志的制作教程

SuperOutman — Sun, 27 Jul 2008 11:31:18 +0000

Booto’Blog中列出了61个Illustrator资源，包括Vector\Tutorials\Tips\Best Practices（矢量\指南\提示\最佳做法）。这些资源非常棒值得推敲。在这个61个项目里面，我对3D Logo Tutorial这个题目比较感兴趣，因此针对此篇教程我做了一下中文翻译。并且把原文中的部分英文软件截图重新换成了中文版的贴图，这样在大家学习参考时也变得一目了然了。

我的英文水准有限，因此本篇文章着重翻译的是软件操作的命令，有些不重要的我就从略了。要想查看原文，请点击good-walls.com。

好了，现在开始教程之旅。在这个教程里我们会用到2个软件Illustrator和Photoshop，有了这两个软件，你几乎可以完成任何方面的制图工作。再此教程中，我们会尝试将一个平面LOGO打造成一个很酷的3D立体LOGO。当然，大家不必担心，一切操作都很简单，即使是初学者也完全可以做到。我们先来看看成品效果：

是不是很酷呢？呵呵，好，开始第一个软件的准备！

Illustrator部分

1、创建一个新的文档文件，图像大小设置如图，记住我们使用的颜色模式为RGB 。

2、选择文字工具，输入所要的字母。

3、现在让标志立体化。首先把标志填充一个浅颜色，然后去菜单中选择效果->3D->凸出和斜角。弹出窗口后，按如下参数进行设置，或者你也可以根据喜好自行设置。

4、单击确定，我们就得到了现在的这个三维物体。如果要进一步修改它，我们需要扩展它的外观，在菜单中找到对象->扩展外观。

5、现在我们要让它更加立体化。创建一个新的渐变颜色，在菜单中找到窗口->渐变。做渐变的时候只要遵循“黑-灰-白”梯形过度的原则就可以了，不用非得跟下面的颜色一致。重要的是不要忘记，渐变模式选择为“径向”。

6、如图，我们用直接选择工具，快捷键（A），点选这些区域（选择的时候同时按住SHIFT键就可以加选了）。

7、选好后，我们选择渐变工具，在所选物体上拖动鼠标，从底部拖到顶端。可以尝试不同方向的拖动，直到你满意为止。

8、用直接选择工具，选中前端的主题图形，用渐变工具从中心部分向外拖动鼠标，得到你满意的颜色效果。其他部分图形也如此，只要配合渐变的不同模式（径向和线性），你就会得到不同的颜色效果，多尝试几次就可以了。颜色的明暗关系很重要，多多观察，一定会发现其中的规律。

Photoshop部分

1、在Illustrator中的工作内容做完了，我们需要把最后得到的图形导出来。导出的文件可以选择PSD或PNG格式，以便在接下来的 Photoshop中可以继续美化它。用Photoshop打开该文件，在标志的图层下面新建另一个图层。然后用选区工具做出如下形状的选区，我已经做到了，你呢？

2、在渐变工具中，我们选择黑色的透明渐变，并选用径向模式，如图所示：

3、从中间向两边拖动鼠标，直到你做出了下面的这个效果。

4、在顶端菜单中选择过滤->高斯模糊，在弹出的窗口中，你可以设置不同程度的模糊数值，这里我做的数值是4.2，你不必跟我完全一样，因为最开始创建的文件大小不同，会影响模糊效果也不一样。

5、把模糊后图层的透明度下降到30%。然后再次创建一个新的图层，如图画一个较小的渐变，重复刚才的模糊（数值4.8）工作，最后把它的透明度降低到70%就可以了。

6、按住ALT+CTRL，并拖动刚才画好的小圆圈，移动到标志的另一边，OK，这样看起来是不是更完美了？

7、做一个代表高光的线。创建一个新图层，用钢笔工具如图画好一个路径，我已经做到了。

8、画好后，我们再选择画笔工具，快捷键（B）设置一个笔刷。参数如图所示。

9、再选回钢笔工具，在刚才的路径上单击右键，选择“描边路径”，弹出对话框后选择画笔模式并单击确定。

10、以此类推，将描好的高光线，做下透明度处理，下降到大约58%。

11、成功了！

到此为止，一个崭新的3D LOGO就做好了。是不是很酷呢，反正我已经兴奋的不行了，没想到用平面软件也能打造出这么完美的三维图形。真的很屌。如果有机会我会再写一篇用3D max打造三维LOGO的原创教程，同样希望获得你的关注。写完这篇文章我才发现，做转载和翻译也真累人啊，快吐血了…

#update2008.07.31：

这篇文章现在已经改成我自己的原创文章了。原来转载那篇文章的作者三番五次的要求我撤掉全部教程的图片只保留个预览图。我跟他怎么协商都不行，服了，做的够绝，只保留预览图那我还翻译个屁啊。我又不是拿着这文章冒充我自己的原创，该注明的我都注明了，甚至把每张图片都添加了他们的链接也仍然不行。老外，你真牛逼。

实在受不了这老外的盛气凌人和极不友善的措辞，所以决定不用他的文章了。吃人嘴短，拿人手短，我认了，就当我4个多小时的写作功夫打水漂了。我不用你的总行了吧！！

将照片（位图）转化为矢量图形的方法

SuperOutman — Mon, 16 Jun 2008 16:29:04 +0000

设计高手请绕过此文。众所周知，对于像素较小的位图图片来说，它的利用价值不是很高，因为稍加放大它就会变得不清晰，从而使我们对图形的进一步改造带来了一定的不便。今天我给大家介绍一个实用的技巧，可以将普通的位图转化为矢量图形。如果你想将你的照片、logo或者其他什么图片变成矢量图形，那么就继续看下去吧，方法并不复杂，不用紧张噢，呵呵。

开始之前需要注意的是，你的电脑必须装有Illustrator CS2或该软件的更高版本。我要说的方法其实就是CS2版里自带的一项功能。如果没有这个软件，那就下一个去吧，PS都普及了，这个也快了，早晚会派上用场的。

好了，我们先打开这个软件，然后添加进来一张图片。这里我选用的是一张彩色照片（照片的过渡色越少改后的效果就越好）。图片加入后，如图，我们在菜单栏的“窗口”中选择“控制调板”一项。

开启后，在软件上方会出现这样一个工具条：

我们左键选择图片后，这个工具条会变成这个样子（出现“实时描摹”选项）：

然后我们选择“实时描摹”旁边的倒三角号，打开上图中的菜单。在这个菜单中，软件自动为我们设置了N个默认的矢量效果。如果你想将白底黑字的图片变为矢量，那么就选“黑白徽标”，将得到完美的矢量效果。好了，这里我们选择“照片高保真度”。

这时软件会自动生成矢量文件，我们需要的就是等待。时间长短因机器配置不同而有所差别。

完成后，我们会得到如下图形：

现在，只需点击一下“扩展”按钮，这张照片就完全变为矢量图形了！如下图显示，这时的图片已经是由N个色块组成的图形了。为了检验一下，我们可以选择图片单击右键，将其取消编组。

取消编组后，我们可以任意分离图片中的每个部分。

怎么样，真的变矢量了吧？呵呵。现在我们来看看原图和最终矢量图的对比效果：

结论：最后的矢量图会把原图片中颜色的过度效果描绘成不同的色阶，这是矢量图形固有的特点，因为它不是按像素点成像的，它的每一块颜色其实就是一个独立的图形。

提示：如果想让矢量图表现的更加细腻，我们可以通过调节“实时描摹”中的“描摹选项”来实现。大家可以试验将下面的参数调高。根据自己机器的配置而定，不然会死机…这里就不再演示了。好了，祝大家玩转愉快～

一组飞机和坦克的线描稿（矢量文件）

SuperOutman — Fri, 09 May 2008 07:33:29 +0000

最近搜集到了这样一组矢量图，感觉很酷。下面是其中三个飞机的特写。

里面还有更多的飞机，并且还有一组坦克。

_______________________________________________________________

下载地址：war-machine
文件来自：deviantART ,这里还有更多资源待您挖掘…

Illustrative Logo下载

SuperOutman — Tue, 22 May 2007 01:55:07 +0000

在这一节里，你可以下载到illustrationclass.com提供的一个矢量图形文件（如想打开此文件必须安装Illustrative软件）。根据这个文件，你可以清楚的看到作者是怎样处理在有关人物外表方面棘手问题的。在这一方面可与肯德基的标示媲美。同样都成功的塑造了鲜活的、蓝调的艺术形象。

点击下载

狗皮膏药 » 矢量

我近期出产的2款海报设计

相关日志

3D Logo Tutorial，3D标志的制作教程

相关日志

将照片（位图）转化为矢量图形的方法

相关日志

一组飞机和坦克的线描稿（矢量文件）

相关日志

Illustrative Logo下载

相关日志