2012年2月 Web 开发大版内专家分月排行榜第二
本帖子已过去太久远了，不再提供回复功能。播放列表加载中...
正在载入...
分享视频：
嵌入代码：
拍下二维码，随时随地看视频
如何把图片做成这样的效果
上 传 者：
内容介绍：
如何把图片做成这样的效果
我来说点啥
版权所有 CopyRight
| 京网文[0号 |
| 京公网安备：
互联网药品信息服务资格证：（京）-非经营性- | 广播电视节目制作经营许可证：（京）字第403号
<img src="" width="34" height="34"/>
<img src=""/>
<li data-vid="">
<img src=""/><i data-vid="" class="ckl_plays">
<img width="132" height="99" src=""/>
在线人数：
<li data-vid="">
<img src=""/><i data-vid="" class="ckl_plays">
<img src="///img/blank.png" data-src=""/>
<img src="///img/blank.png" data-src="http://"/>
<li data-vid="" class="cfix">
src="///img/blank.png" data-src=""/>
<i data-vid="" class="ckl_plays">
<li data-vid="" class="cfix">
src="///img/blank.png" data-src=""/><i data-vid="" class="ckl_plays">
没有数据！
{upload_level_name}
粉丝 {fans_count}
{video_count}
{description}如何把一张照片用 Photoshop 做成动画效果？ |
我的图书馆
如何把一张照片用 Photoshop 做成动画效果？ |
【坛子鸦的回答(711票)】:----------------------------更新画云和画树的方法的方法----------------------------答案已经更新完毕！------------------------------------------------------------------------------------------------------------是指黑白漫画还是动画背景的效果？坦白说，想要出理想效果的话，都不能直接靠软件处理。动画背景要描边、有意识地删减、添加细节、重新补充颜色等等。黑白的话至少也要描图和涂黑上网点吧。这张是我们学校校门口……当时没有保存流程图，方法就是先把关键的建筑描边，然后和正常绘画一样根据底下的照片上色和补细节……虽然细节很 粗糙啦不过效果肯定还是比直接软件处理好。这张是我们学校校门口……当时没有保存流程图，方法就是先把关键的建筑描边，然后和正常绘画一样根据底下的照片上色和补细节……虽然细节很 粗糙啦不过效果肯定还是比直接软件处理好。之前我也有一段时间找过软件处理背景的方法，最后得出结论还是照片只能用来做透视和细节的辅助，不能用来直接处理，否则出来的效果都很假……包括新海诚在内，虽然有大量使用照片，但是每一张图还是有很大比例创作补充。如果是需要这种效果，回头给题主的图改一改截一下步骤。--------------------------------------更新线-----------------------------------------------------------------本方法没有使用除了sai内置的平笔以外任何特殊笔触。根据个人喜好调整颜色。主要参数是【饱和度】【自然饱和度】和【色彩平衡】给场景里的主体建筑描边，远景可以不描给场景里的主体建筑描边，远景可以不描把全图复制一层。把主体以外的东西擦掉方便等一下单独作为一层处理。把全图复制一层。把主体以外的东西擦掉方便等一下单独作为一层处理。处理照片的一个大头就是去噪点，已经避免出现在绘画过程中难以画出来的细节。（会削弱绘画的感觉），至于方法……我推荐像这样。直接新建一层重新涂色，然后用底下的一层半透明做参考画上原有的细节。直接新建一层重新涂色，然后用底下的一层半透明做参考画上原有的细节。根据原图补上光影，稍微添加一些污迹细节~开始画天空~画天空其实就是画云。画云的方法可以百度一下【初夏】的教程，其他P站里的画师也有很多，这里不细讲~叠着照片，很简陋地画上远方的建筑~建筑太麻烦了，还要被树挡住，等下把树画得茂盛一点就好了。叠着照片，很简陋地画上远方的建筑~建筑太麻烦了，还要被树挡住，等下把树画得茂盛一点就好了。树的画法，先涂一层蓝色底阴影然后一点一点从暗道明加上绿色，慢慢来不要急，纯耐心没多少技术含量的方法。可能手会有点累就是了。然后就可以细化建筑露出的部分啦！然后就可以细化建筑露出的部分啦！画的范围小了，我们不用很麻烦很累也能细化！最后只要打磨一下后加上效果就完成啦！----------------------------------------------分割线---------------------------------------------------有不少知友提到这个对绘画能力比较依赖，其实我感觉这个方法并不需要很深的绘画基础（真要拼基础的内容我也不会啊……），因为题主需要动画风格的背景，所以可能一开始就认为题主是会画图的。这个方法其实只要掌握了要领，基础来说要求很低的，因为透视光影这些本来上照片就是为了解决这部分内容的呀。方法中可能稍微复杂一些的就是画云和画树了。之前因为画云有初夏的教程所以就跳过，不过好像现在初夏删了博客不太好找……树的画法晚一点放上来，其实也基本是拼耐心的，并没有特别难的东西。建筑因为有照片做底，只要画直了细节补上就可以了。有一小点要注意的就是，整个场景里每个物体的阴影色调应该尽可能接近，一般我会选蓝色。--------------------------------------------画树的方法-------------------------------------------------------------------------------------------画云的方法-----------------------------------------------首先拉一个蓝色渐变做天空。尽量饱和度低一点暗一点。这样天看起来才晴朗。新建一个图层乱涂一块白色上去把画笔硬度调到15-30左右，模式改为擦除，给白色擦一下边，看起来更像云。选择自己认为适合做阴影的颜色，在画笔工具窗口打开传递-不透明度控制-钢笔压力。然后点这个锁定图层不透明度。画笔硬度和不透明度随自己习惯调整。开始一层一层画阴影。然后就变成了这样~新建两个图层，一个正常图层画碎云，一个线性减淡画光效，就变成了这样然后在天空按照这个方法多画几块就可以了！【安李的回答(79票)】:不需要那么麻烦啊~PS自带的木刻滤镜可以轻松搞定！最后效果（如果你觉得不够动漫，可以忽略我了）：具体过程：1.打开图片。2.把路牌用选区勾起来，拷贝。3.选择背景图层（即整张图片），打开滤镜库-艺术效果-木刻，色阶-逼真度-简化度，自己调整。4.粘贴路牌，再木刻。5.最后将图层合并在一起。-------------------------------------------------------------就这样。平时用此方法做的图↓如果是要细腻点的，只能自己补充了左边为木刻，右边是加颜色和补充。【Iris的回答(49票)】:先占个坑。感觉最高票答案已经超越了简单PS的范畴了，对技术和绘图能力要求过高。普通的PS初学者很难做到。先占个坑。感觉最高票答案已经超越了简单PS的范畴了，对技术和绘图能力要求过高。普通的PS初学者很难做到。PS转动漫效果最主要还是对于整体色调的把握。动漫的色调一般偏鲜艳，明快。第二就是对于细节的弱化。题主提供的照片最难处理的就是树的叶子，因为细节太多。所以需要把树叶的小色块转换成大色块来进行动漫化。在PS上图的过程中，主要使用的工具有曲线，色相/饱和度，滤镜-中间值，加深工具，以及颜色替换等，都是经常使用到的工具。具体的PS过程如果有人感兴趣话，我会后来补上。&&&&&&&&&&&&&&&&&&&&&更新详细PS步骤&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&第一步，因为题主给的图天空部分过度曝光，所以我使用加深工具对天空的颜色和细节进行了加深。然后在色相/饱和度中，选择绿色通道，对树叶的颜色进行调整。然后在色相/饱和度中，选择绿色通道，对树叶的颜色进行调整。调整完成后，发现还是有很多树叶颜色偏暗，所以使用图像&调整&颜色替换 来进一步地调整树叶的颜色。调整完成后，发现还是有很多树叶颜色偏暗，所以使用图像&调整&颜色替换 来进一步地调整树叶的颜色。这个步骤可以重复多次，直到得到想要的效果。这个步骤可以重复多次，直到得到想要的效果。然后使用 滤镜&杂色&中间值 来对细节进行弱化，得到绘图笔刷的效果。然后使用 滤镜&杂色&中间值 来对细节进行弱化，得到绘图笔刷的效果。到了这一步，发现天空的细节还是过多，所以抠出天空的部分，再次进行中间值。到了这一步，发现天空的细节还是过多，所以抠出天空的部分，再次进行中间值。为了加强细节的弱化，半径取5或者更大。为了加强细节的弱化，半径取5或者更大。然后对天空进行调色，靠近动漫的色调。在色相饱和度中选择蓝色通道。然后对天空进行调色，靠近动漫的色调。在色相饱和度中选择蓝色通道。到了这一步，我觉得天空部分的颜色还是有一点脏。所以对天空的部分使用颜色替换。到了这一步，我觉得天空部分的颜色还是有一点脏。所以对天空的部分使用颜色替换。然后使用曲线对全图的色调进行调整。我为了使整个图的色调明快，偏黄色调，所以选取了绿色通道。然后使用曲线对全图的色调进行调整。我为了使整个图的色调明快，偏黄色调，所以选取了绿色通道。此步骤还可以结合其他的工具。目标就是使颜色靠近绘画的风格。可根据图的不同做出相应的调整。此步骤还可以结合其他的工具。目标就是使颜色靠近绘画的风格。可根据图的不同做出相应的调整。万变不离其宗，把一张图PS成动漫的效果主要就是对色调的把握，饱和度一定要高，总体色调要一致。然后对细节也需要进行弱化，增加大色块，这样才会有笔刷的效果。然后对前后景进行不同程度的细节弱化，增加景深。此方法非常简单，没有用到特别复杂的工具，适合PS普通爱好者。下图是我拿自己拍的一张照片做的测试，看来此方法对很多图都适用，欧洲小镇也可以有动漫的感觉。【刘然的回答(44票)】:嗯，十分膜拜一楼
的手绘，像我等画画不是很给力的就只能用PS凑合一下了。。。犹豫了很久要不要把这么丑的图放出来，本着造福手残党的思想，我这里就牺牲一下自己了万能的PS又来了，以下教程适合像我一样手残的同学使用，先来一张最终效果吧，做的比较丑，请妥善保护您的双眼：对比一下原图：对比一下原图：------------讲一下大概的思路：首先，看起来像漫画这件事的关键在于颜色，颜色对了就成功了一半。这幅图表现的是一个夏天的环境，动漫中表现这种场景常用的配色就是如上图所示，整体略偏青色。其次，漫画中的亮度动态通常比较小，原照片中天空亮度和树的亮度有较大的差异，这一点在转动漫图的时候要注意修正，大家可以比较一下以上两张图，会有个感性的认识。总的来说，将一幅图做成漫画的效果，有以下两点需要考虑：1. 去除绘画中难以表现的画面细节，如树叶等2. 将颜色向漫画进行调整，压缩画面亮度动态对于这张图，注意到画面中主要有树，天空，路牌三个部分，这三个部分需要保留的细节和要进行的颜色调整是不同的，下面分别处理。路牌部分：路牌上要保持文字较为清晰，但又要去掉其他的细节，这里首先使用曲线工具增强路牌上明暗的对比，并加强暗调中绿色成分。然后使用绘画涂抹滤镜，效果如下：绘画涂抹滤镜可以较好地保证画面中文字的可辨识度。这里有一点做的比较失败，路牌的阴影部分太黑了，不是很和谐，不过懒得改了。。。天空部分：方法同上，依然是曲线调整亮度和色彩，然后使用绘画涂抹滤镜，效果如下：树木部分：把树木做成漫画效果相对比较麻烦，这里提供一种相对简单的方法。首先还是使用曲线工具，提亮树叶的细节，并进行调色，在暗调添加一些青色成分。接着使用木刻滤镜，调好参数，看起来应该是这样：树叶没有细节怎么办？对同一张图使用水彩滤镜，像这样：关键步骤来了，将水彩层置于木刻层之上，并将混合模式设置为柔光，这个效果基本是可以接受的树叶效果了：最后，将三个部分拼合，得到最终图：人比较懒，拼的十分粗糙，比如下面数叶中应该露出蓝天的地方没有透出来，木有耐心仔细涂了,之后应该再进一步的修理各种细节，不过数位板不在身边，我就不用鼠标尝试了。手比较快的盆友应该用十分钟就能做出来了。总结：1. 曲线工具请一定要熟练掌握，不管是亮度，对比度还是颜色，这个工具可以一手包办。2. 不要问我具体怎么调色，每张图都是很不一样的。手绘党请轻拍 _(:з」∠)_【知乎用户的回答(8票)】:第一个答案很干货啊，再放两个视频吧，我在B站上收藏的，都是照片做成动画效果。喜欢画画的话会觉得看到这视频太棒了吧XD不喜欢的话还是……看个开头结尾就好。希望有帮助。补充关于配色的，放一张很久以前找到的新海诚景色画法教程吧~不过我不知道作者是谁啊？有谁知道出处咩？不过我不知道作者是谁啊？有谁知道出处咩？反正超级好学~当时很快就撸出了一张XD当时很快就撸出了一张XD【知乎用户的回答(1票)】:最终效果。（站牌饱和低了点，不过好的效果要画时间调节，我就是个示范。）最终效果。（站牌饱和低了点，不过好的效果要画时间调节，我就是个示范。）先容我讲讲道理。通过调整来转换成卡通的效果是有限的。首先卡通的透视并不完全正确，大多数画师都会主管的进行一些夸张。其次调子构成不同。所以最佳效果只能像头票答案那样手绘。（或者你可以用变形工具来调整试试。）但是不能完美，我们还素阔以尝试接近完美。我总结了一、去除卡通风格里不需要的细节，比如纹理。二、提升饱和度。高饱和是卡通的常态。三、调整色阶。做这一步的时候你最好找张感觉满意的动画作品放在旁边看着调。四、手动调整一些应该保留的细节，另外你还可以在近景勾些线。好了，下面是我的步骤。应该不需要十分钟就能打完这一套，但是修细节就不止了。应该不需要十分钟就能打完这一套，但是修细节就不止了。【秦孔的回答(0票)】:在ACDSEE编辑器里滤镜选择&褐色.【知乎用户的回答(0票)】:不会手绘给大神跪了......【知乎用户的回答(7票)】:我只能凭感觉做，用在这张上的不一定能用在别的上。先存两个图层上面图层先上个averaging filter重复两遍重复两遍调节一下色相饱和度开一个原图图层，选择high pass filter选择线性发光同时透明度调成50%把细背景节部分抠下来切换到之前那个彩色图层，选择posterize：5切换到刚才那个high pass的图层，选择posterize：2高斯模糊：0.5把不需要细节的地方选下来切除黏贴备用选一个一样的原图，把牌子切下来编辑一下先sharpen在上high pass再加点uniform noise背景也加noise 再blur然后调一下颜色，再模糊一下然后调一下颜色，再模糊一下大概就是这样= =
馆藏&63519
TA的推荐TA的最新馆藏教你怎样把照片做成CD封面
来源：未知
作者:琦琦儿 作者：佚名　&&出处:
在本教程中，我们来制作一张CD片面。在制作时，需要表现光线的反射效果，我们可以通过渐变工具来实现，光盘在造型上要应用对齐功能，以实现同心圆效果。
1、新建15 * 15 CM，分辨率为96像素的文档，具体参数设置如下图。新建一个图层，选择椭圆选框工具，在属性栏设置参数如下图。
2、拉一个正圆选区后填充80%灰色，效果如下图。
3、 取消选区后，再选择椭圆选框工具，在属性栏设置下图所示的参数，然后在画面中心处绘制正圆选区，执行：图层 & 将图层与选区对齐 & 垂直居中命令，再执行：图层 & 将图层与选区对齐 & 水平居中命名，将图层与选区完全居中对齐，并按Delete 删除选区部分色块，效果如下图。
4、适当改变图层1不透明度，再设置图层样式，选择斜面/浮雕，参数设置如下图。
5、 新建图层2，选择椭圆选框工具，数值设置下图上。按住Alt 键在圆心位置单击创建一个选区，同时选中两个图层链接图层，执行：图层 & 将图层与选区对齐 & 垂直居中命令，再执行：图层 & 将突出于选区对齐 & 水平居中命令，将图层与选区完全居中对齐，选中图层2填充80%灰色，效果如下图。
6、 选择椭圆选框工具，数值设置下图上。按住Alt 键在圆心位置单击创建一个选区，同时选中两个图层链接图层，执行：图层 & 将图层与选区对齐 & 垂直居中命令，再执行：图层 & 将突出于选区对齐 & 水平居中命令，将图层与选区完全居中对齐，按Delete 键删除选区部分的色块，效果如下图。
7、选中图层2使用模式棒工具选中灰色部分，执行：选择 & 存储选区，如下图。
8、选取渐变工具，设置渐变尽量使用随机化，如下图。
9、新建图层3，选择椭圆选框工具，从画面的中心位置向边缘部分拉出下图所示的角度渐变。
& 10、取消选区调整图层不透明度为：50%，复制图层3旋转180度，使两个图层产生叠加效果，将图层3的不透明度调回：100%，选中图层3副本向下合并，并调整新图层3不透明度为：50%，效果如下图。
11、选中三个图层，执行：图层 & 图层编组命名，将编组命名为&碟片&，如下图。
12、同时选中图层3和碟片组执行：图层 & 将图层与选区对齐 & 垂直居中命令，再执行：图层 & 将突出于选区对齐 & 水平居中命令，将图层与选区完全居中对齐，给选区填充20%灰色，如下图。
13、选择椭圆选框工具，属性设置如下图，将图层与选区完全居中对齐，按Delete 删除选区部分色块，设置不透明度为：50%，效果如下图。
14、新建图层5，用矩形选框工具选取整个画面，执行：编辑 & 描边，数值为3，如下图。
15、新建图层6，载入图层2选区，填充黑色。执行： & 模糊 & 高斯模糊，数值为10，将图层6拖到碟片组下方，效果如下图。
& 16、使用椭圆工具，创建一个正圆路径，沿路径输入文字，将文字层放置在最上方，效果如下图。
17、找一幅素材图片，使用魔术棒工具，设置容差为20，点击图形白色部分，得到选区，然后按字母&Q&，添加快速。
18、选择画笔工具，数值设置如下图，然后在画面上进行涂抹，效果如下图。
& 19、单击以标准模式编辑，退出快速蒙版模式，得到下图所示的选区。
20、把选区羽化1像素后，按Ctrl + Shift + I 反选，按Ctrl + C 复制。回到我们的碟片文件，载入图层1选区，按Ctrl + V 粘贴，效果如下图。
21、适当调整贴入图层位置，把它拖到图层4的下方，如下图。
22、加入耳麦素材，效果如下图。
23、载入图层1的选区，执行1像素的描边，将新建图层移到图层的最下方，完成最终效果。
最终效果：
教程未完，请看下一页！
【原创教程 投稿邮箱：】
==================== 学习提示 ====================
打开ps，跟着教程做一遍，做完的图要到这里交作业：
教程有看不懂的地方，可以到论坛发帖提问：
加官方微信，随时随地，想学就能学！
官方微信：ps_bbs，或扫右侧二维码！
关注我们微博：(粉丝33万)
想学更多的同学，可以订阅我们邮件，每天都有新教程发给你：
最后希望大家
旧一篇： 新一篇：
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
免责声明：除本站原创外，本站文章均收集整理自网络，其版权归该教程原作者或原出处所有！本站转载文章均保留了原出处及作者，如出现资料错误或侵权，请联系修正或删除：}