狗皮膏药 » PS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

26种绚丽的Photoshop灯光/彩虹特效教程

SuperOutman — Sun, 06 Apr 2008 14:27:04 +0000

来自Smashing搜集的当下流行PS灯光教程，里面介绍了26种不同特效，教你如何把图片打造成超级绚丽的佳作。在原文中每个特效都对应了一张预览图片，可以轻松找到你想要的效果，这里不再赘述。这些教程强大易懂，值得推敲学习！

查看原文，请步移至此。

一张包含辛酸的火车票

SuperOutman — Sat, 12 Jan 2008 09:11:45 +0000

值此春运佳节，送一张不幸与无奈的火车票给铁道部大人和工作在铁路沿线的票贩子们，你们听到这个声音了么：我——要——回——家！！

火车票原型取自u148.net ，由dogorgod.comPS。

Photoshop秀照片之普通相片变LOMO效果教程

SuperOutman — Tue, 23 Oct 2007 08:43:06 +0000

这是一篇系列教程，如果想回顾之前的文章，请查看本篇文章末处的“相关文章”一栏。

应朋友之邀，今天把普通相片通过Photoshop处理成LOMO效果的方法写出来，供大家参考。先简单说一下LOMO，“LOMO本身指德国50年代的一款相机，最特别的地方在于它的镜头，经由独特弯曲的角度，让它得以日夜兼拍无须闪光，而且对于红、蓝、黄感光特别敏锐，色泽异常鲜艳。而现在的LOMO摄影是一种精神。随意就是潮流，解放传统就是时尚。不要想，随便拍……这就是LOMO，热爱生活，随心所欲的拍摄方式。”

具体效果可以看下面的对比图：

好了，下面说下主要做图步骤。

1、打开一张你想修改的图片，点选图层面板中的“通道”标签，我们可以看到每张图片都是由红、绿、蓝三种颜色组成的。我们要做的就是编辑这三种颜色。先从蓝色开始，单击蓝色通道。然后在菜单中选择“图像——应用图像”。打开应用图像面板后，按下面的参数进行设置。

2、选择绿色通道，重复刚才的做法，在菜单中选择“图像——应用图像”。打开应用图像面板后，按下面的参数进行设置。

3、选择红色通道，重复刚才的做法，在菜单中选择“图像——应用图像”。打开应用图像面板后，按下面的参数（注意，跟前2个有区别）进行设置。

4、设置好后，我们再重新点选蓝色通道。然后按快捷键“CTRL+L”，打开“色阶”面板。按下面的参数进行设置。

5、点选绿色通道。然后按快捷键“CTRL+L”，打开“色阶”面板。按下面的参数进行设置。

6、点选红色通道。然后按快捷键“CTRL+L”，打开“色阶”面板。按下面的参数进行设置。

OK，现在来点选图层面板中“通道”标签中的RGB层。我们可以看到，一张色彩强烈的LOMO风格照片就处理完了。如果想更LOMO一些，你还可以在照片的四周加上一圈淡淡的黑色，增强画面四边的暗角，这样“隧道现象”就可以体现出来了。

最后，需要注意的是，以上图中给出的参数不是万能的。遇到不同的照片需要反复的调试（可以随意调成大红或大绿），直到你觉得满意就好了。正所谓“看人下菜碟”，就是这个意思。

Updates，升级版Google Phone

SuperOutman — Sat, 29 Sep 2007 03:32:04 +0000

今年四月，我做了一个Google Phone的设计图，得到了各路朋友的热烈讨论。非常感谢提出各种建议的朋友，同时也一定要感谢转我贴的朋友们，你们让我看到了网络的力量。

今天不是要怀旧，重提旧事，而是要展示一下升级版的Google Phone设计图。

这是我的好友Vio Chiang经过PS改装的。他可是纯玩平面的，功力相当深厚，看看改过的图片大家就知道了，居然能把原图改到这样天衣无缝…佩服！这次的升级有2种方案，一种是屏幕横向滑动，另一种是屏幕360°旋转。我个人认为第一种方案酷，第二种方案实用。在这里感谢Vio Chiang的热情参与噢，o(∩_∩)o…哈哈。

最后，附上一条小道消息（摘自Gseeker）：根据资深记者Michael Bazeley的描述，最近一次他正在Apple专卖店里，一名年轻女人突然走了进来，对Apple的销售代表说她要买一部iPhone。在和销售员交谈的时候，该女子透露了她是Google的一名员工，原本是想成为Google Phone的其中一个测试员，但后来Google只把Google Phone发给30名员工进行内部测试，而她并不是其中一员。因此她决定自己出来买一部iPhone算了。之后Michael Bazeley和Apple的销售代表试图进一步套她口风，问她Google Phone是不是真的存在时，她马上意识到自己可能太多嘴了，于是转换了话题。

赫赫，现在Google Phone传闻满天飞，不必深究是真是假。只当娱乐一下，不过还是希望Google能给我们带来新的惊喜。

Photoshop秀照片之添加水印Logo教程

SuperOutman — Fri, 31 Aug 2007 04:54:09 +0000

这是一篇系列教程，如果想回顾之前的文章，请查看本篇文章末处的“相关文章”一栏。

今天我来说一段比较实用的小招术，为你的图片添加水印Logo效果。有的朋友可能对于PS的各个工具不是很熟悉，没关系，只要跟着实例多加练习，保证没问题。入门的时候千万不要像书里写的那样死磕工具，既浪费时间又没有效果。我当初学习的时候就是实践出来的，非常快。好了好了，罗嗦了一堆。赶紧开始说正题吧，我们先看看背景透明的Logo是怎么做出来的。

先在背景层上建个新图层，然后按快捷键T选用文字工具，在新建图层里输入你的名字。

将背景层隐藏。

按快捷键Ctrl+Shift+S（另存为），将做好的Logo另存为PNG格式。这样，一个背景为透明格式的Logo就制作好了。这个文件要保存好，以后每次添加水印的时候都要用到它。

打开一张你的照片，再打开之前我们做好的Logo文件。用鼠标直接将Logo拖拽到照片上。

可以看到，我们制作的Logo还要根据不同图片调整其相应的大小和颜色。现在我把Logo先缩小点。选择Logo图层，按快捷键Ctrl+T（自由变换），将Logo缩放到合适的大小。

继续调整Logo的颜色。左手按住Ctrl键，同时右手在Logo图层上单击左键，将Logo文字变为选区。

在Logo层上新建一个图层。

在前景色里选取白色，按快捷键Alt+Delete（填充前景色），将颜色填充在新图层上。把Logo变为白色。然后按快捷键Ctrl+D（取消选区）。

最后，适当调整新图层的透明度，直到满意。

按快捷键Ctrl+S（储存为），将做好的图片存盘。如果要批量处理图片，按以上方法举一反三即可。

PS:刚刚开始尝试写教程，文中语言有的地方可能有些含糊，疏漏之处请朋友们见谅。不明白的地方可以给我留言，我们一起探讨。

Photoshop秀照片之电影效果教程

SuperOutman — Wed, 15 Aug 2007 04:13:44 +0000

最近在煎蛋的站看到一篇谈PS改照片的文章，文中列出了很多漂亮效果的教程。但原教程都是英文的，不太适宜朋友们的学习，因此特写此篇中文版教程，供大家参考之用。

我教程中所使用的方法是由我自己的实践经验而来，因此会与原版教程有一定程度上的出入。但是最终效果的差别是很小的，在下面大家就会看到最终效果的对比图。

好了，现在进入正题，开始我们的玩转之旅。

先贴出原图：

1、加上2条黑色边框，在原图上新增一个图层，选取颜色（R 225 G 104 B 5)填充

2、在图层面板中，按下面参数调整刚才新填充的颜色

3、在图层面板中，选择原照片图层。然后在菜单中选择图像——调整——色彩平衡，按下面参数进行调整

4、继续对原照片图层进行调整，在菜单中选择图像——调整——亮度/对比度，按下面参数进行调整

5、如步骤1所示，在原照片图层上再新增一个图层，选取颜色（R 255 G 250 B 236)填充

6、在图层面板上，按下面参数，对新增的图层做最后调整

7、出图

好了，一共分7个小环节完成了这篇教程。不知大家搞的怎么样了，如果遇到问题请给我留言。

今后我会陆续推出效果好又比较实用的小教程，来完善我的这个Photoshop秀照片系列。敬请读者朋友关注。

查看原版英文教程，请点击这里。

有奖大竞猜喽

SuperOutman — Thu, 31 May 2007 02:56:53 +0000

下面有两张图片，其中有一张是我经过PS处理后的效果。大家猜猜看哪一张是原图呢？考考你的眼力噢。前五个答对的朋友可获得奖励！届时我会送出五份Gmail邀请函给这几位朋友。奖品不是很丰厚，只是我的一点心意。希望大家支持噢。（已是Gmail用户的朋友请绕行）

狗皮膏药 » PS

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

相关日志

26种绚丽的Photoshop灯光/彩虹特效教程

相关日志

一张包含辛酸的火车票

相关日志

Photoshop秀照片之普通相片变LOMO效果教程

相关日志

Updates，升级版Google Phone

相关日志

Photoshop秀照片之添加水印Logo教程

相关日志

Photoshop秀照片之电影效果教程

相关日志

有奖大竞猜喽

相关日志