查看完整版本: PS经典教程 （图文）[16P]

PS经典教程 （图文）[16P]

[font=Times New Roman][size=4][color=blue]源自：Wegraphics
是一个个人博客，每周会分享PS教程，
素材资源，灵感图片
谢谢作者：Sebastiano Guerriero
谢谢真功夫的翻译人员：Amoxicillin

我并不认为一个100步的教程会对大家更加有帮助，在我看来，一个教程最为主要的是专注某一特殊的效果，让学习者能在以后复杂的工作中熟练的使用不同的技巧。今天的教程的效果花费了我六小时，所以对每一步骤进行截屏是非常困难的，所以我只截取整个流程中的主要步骤。[/color][/size][/font]
[font=Times New Roman][size=4][color=blue][align=center]
[color=red][size=5][b]最后效果:[/b]
[/size][/color][img]http://wiki.chinalabs.com/uploads/201004/1270616576dfTFph0A.jpg[/img][/color][/size][/font][/align][align=center][font=Times New Roman][size=4][color=blue][b]细节观察 :[/b]
[img]http://wiki.chinalabs.com/uploads/201004/127061657668FI1RZu.jpg[/img] [/color][/size][/font][/align][align=center][b][font=Times New Roman][size=4][color=#0000ff]细节观察 :[/color][/size][/font][/b]
[/align][align=center][font=Times New Roman][size=4][color=blue][/color][/size][/font][/align][align=center][font=Times New Roman][size=4][color=blue][img]http://wiki.chinalabs.com/uploads/201004/1270616576qG20OtL8.jpg[/img] [/color][/size][/font][/align][align=center][b][font=Times New Roman][size=4][color=#0000ff]细节观察 :[/color][/size][/font][/b]
[/align][align=center][font=Times New Roman][size=4][color=blue][/color][/size][/font][/align][align=center][font=Times New Roman][size=4][color=blue][img]http://wiki.chinalabs.com/uploads/201004/1270616576mAZxLAI1.jpg[/img] [/color][/size][/font][/align][font=Times New Roman][size=4][color=#0000ff][/color][/size][/font]
[align=center][font=Times New Roman][size=4][color=blue][size=5][color=red][b]将用到的素材:[/b]
[/color][/size][/align][/color][/size][/font][list][*][url=http://mediamilitia.com/abstract-3d-renders-pack-33-free-images/][font=Times New Roman][size=4][color=blue]MediaMilitia[/color][/size][/font][/url][font=Times New Roman][size=4][color=blue]制作的3D渲染素材[/color][/size][/font][*][url=http://www.123rf.com/photo_697170.html][font=Times New Roman][size=4][color=blue]男人1[/color][/size][/font][/url][*][url=http://www.123rf.com/photo_2336798.html][font=Times New Roman][size=4][color=blue]男人2[/color][/size][/font][/url][*][url=http://photoshoptutorials.ws/photoshop-downloads/photoshop-brushes/real-smoke-photoshop-brushes.html][font=Times New Roman][size=4][color=blue]PS教程中使用的真实感烟雾笔刷[/color][/size][/font][/url][font=Times New Roman][size=4][color=blue]。[/color][/size][/font][*][u][font=Times New Roman][size=4][color=blue]废弃的城堡[/color][/size][/font][/u][/list][u][font=Times New Roman][size=4][color=#0000ff][/color][/size][/font][/u]
[align=center][font=Times New Roman][size=5][color=red][b]设计思路[/b][/color][/size][/font][/align][size=4][font=Times New Roman][color=blue]
在开始做这个教程的时候，我在纸上构思我的创意。我想要什么样的风格呢？一个超级英雄。我努力去创造属于我自己风格的作品，我喜欢倾向于使用光线和抽象效果来制作富有视觉冲击力的作品。所以我决定着力于去打造一个“超级英雄”。

[align=center][img]http://wiki.chinalabs.com/uploads/201004/1270616576xKQZVHml.jpg[/img][/align]
[/color][/font][/size]
[size=4][font=Times New Roman][color=blue]在选择了这一主题以后，接下来的工作便是寻找好的素材。通常情况下我在两个网站下载素材图片，分别是：[/color][/font][/size][url=http://www.istockphoto.com/index.php][font=Times New Roman][size=4][color=blue]iStockphoto[/color][/size][/font][/url][font=Times New Roman][size=4][color=blue] 和[/color][/size][/font][url=http://www.123rf.com/][font=Times New Roman][size=4][color=blue]123rf[/color][/size][/font][/url][font=Times New Roman][size=4][color=blue]。它们都是我最爱的网站，用中国的成语就是“物美价廉”。在我浏览了一会网站后，我下载了两张同一风格的图片，因为其中的一张将在后面会被用来打造光照效果。[/color][/size][/font]
[font=Times New Roman][size=4][color=blue][align=center]
[i][color=red][img]http://wiki.chinalabs.com/uploads/201004/12706165761NwTIDLI.jpg[/img][/color][/i][/color][/size][/font][/align][align=center][font=Times New Roman][size=4][color=blue][i][color=red](灵感来自Zach Bush设计的名为“愤怒的情感”作品)
[/color][/i]
[size=5][color=red][b]建立背景[/b]
[/color][/size][/color][/size][/font][/align][align=left][font=Times New Roman][size=4][color=blue]我希望建立一个阴暗的环境来增强光的效果。刚好我碰到了一张废弃城堡的图片，它非常的完美。但是怎样将这张光线充足的图片转换为黑色的背景呢？首先，将层复制，将它图层混合模式更改为正面叠底。然后再次复制图片，将这次复制的图片模式更改为叠加。接下来我们建立调整图层，我们希望调整图层仅仅作用于那些容易吸引读者注意力的区域（例如窗户）。使用套索工具选择出那些区域，然后点击图层>新建调整图层>色阶，将所选区域调暗。使用各种不同的调节图层会创造更加完美的效果（曲线、色阶、亮度……）。[/color][/size][/font][/align][font=Times New Roman][size=4][color=blue][align=center]
[img]http://wiki.chinalabs.com/uploads/201004/1270616576TVobKFTM.jpg[/img][/color][/size][/font][/align][font=Times New Roman][size=4][color=blue]为了使背景更加的完美，我们可以选择柔和的黑色笔刷掩盖住窗户并使用模糊工具将地板上上的光线做处理。[b]记住：一张作品只有一个中心[/b]。从我决定了图片中心为视觉中心时（超人），其他的容易吸引人注意力的元素，即使它们再完美（例如在左上方的窗户）都必须被排除。[/color][/size][/font]
[font=Times New Roman][size=4][color=blue][align=center]
[color=red][img]http://wiki.chinalabs.com/uploads/201004/1270616576IdL3cI5f.jpg[/img][/color][/align][align=center][color=blue][b]建立背景 [/b][/color][/align][/color][/size][/font][align=center][font=Times New Roman][size=4][color=red][/color][/size][/font][/align][align=center][font=Times New Roman][size=4][color=red][/color][/size][/font][/align][align=center][font=Times New Roman][size=4][color=red][img]http://wiki.chinalabs.com/uploads/201004/1270616576lURVz7Kx.jpg[/img][/color][/size][/font][/align][font=Times New Roman][size=4][color=#ff0000][align=center][color=blue][b]建立背景[/b] [/color][/align][/color][/size][/font][align=center][font=Times New Roman][size=4][color=red][/color][/size][/font][/align][align=center][font=Times New Roman][size=4][color=red][/color][/size][/font][/align][align=center][font=Times New Roman][size=4][color=red][img]http://wiki.chinalabs.com/uploads/201004/1270616576sf8lQyac.jpg[/img][/color][/size][/font][/align][align=center][font=Times New Roman][size=4][color=red][b]The superhero[/b][/color][/size][/font][/align][font=Times New Roman][size=4][color=blue]
修改好背景后，导入男人图像。我使用钢笔工具将人物扣出来。然后，我将他的位置调整到画布的中心。处理人物图片，[b]我通常会增加对比度，同时我也希望增强细节[/b]。如果你观察一些很MAN的图片，你可以发现，人物肌肉的线条感是由高光部分和暗部的对比展示的。我敢肯定增强对比度和添加锐化滤镜将得到不错的结果。这里推荐一个效果不错的锐化滤镜：[/color][/size][/font][url=http://www.topazlabs.com/adjust/][font=Times New Roman][size=4][color=blue]Topaz Adjust plugin[/color][/size][/font][/url][font=Times New Roman][size=4][color=blue].[/color][/size][/font]
[font=Times New Roman][size=4][color=blue]
[align=center][img]http://wiki.chinalabs.com/uploads/201004/1270616576qRiBG9wl.jpg[/img][/align][/color][/size][/font]
[font=Times New Roman][size=4][color=blue]这步作者写的不是很详细，只发了图片给大家看。
对于新手会有比较大的疑问
我简单的分析下，有不懂的留言，Q我都行！
作者把扣出来的人物复制了四层，总共五层。
第一层操作：旋转人物，放好位置
复制得到第二层：改混合模式为“叠加”（即加强了对比又增强了细节）
新建一层空白图层：盖印第一和第二图层（快捷键ctrl+alt+shift+E）得到第三图层
复制第三图层得到第四图层：使用topaz滤镜
复制第四图层得到第五图层：选择—滤镜—其他–高方差保留（数值自定）
改混合模式为“叠加”作用加强对比，也加强了细节的体现。
[/color][/size][/font]
[align=center][font=Times New Roman][size=5][color=red][b]3D[/b][b]渲染[/b][/color][/size][/font][/align][font=Times New Roman][size=4][color=blue]
在这幅作品中，我决定融入三维抽象效果来增强作品的表现力，这并没有一个特别的原因。插入一些3D元素后，[b]我意识到人物应该和3D素材更好的融合在一起[/b]。请注意3D素材周围呈现的外发光：复制3D素材，使用高斯模糊作用上去就可以得到这效果，感觉强度不够可以多复制几层，多高斯模糊几下。我们已经把线条叠加到人物上了，[b]这里必须要注意“加深工具”的使用，才能让人物和素材更好的融合一起[/b]。如下图：
[align=center]
[img]http://wiki.chinalabs.com/uploads/201004/1270616576MDlvyvyF.jpg[/img][/align][align=center][b]3D渲染 [/b][/align][/color][/size][/font][align=center][font=Times New Roman][size=4][color=blue][/color][/size][/font][/align][align=center][font=Times New Roman][size=4][color=blue][img]http://wiki.chinalabs.com/uploads/201004/1270616576JAd8nFgP.jpg[/img] [/color][/size][/font][/align][align=center][font=Times New Roman][size=4][color=#0000ff][b]3D渲染[/b] [/color][/size][/font][/align][align=center][font=Times New Roman][size=4][color=blue][/color][/size][/font][/align][align=center][font=Times New Roman][size=4][color=blue][img]http://wiki.chinalabs.com/uploads/201004/1270616576o0ydka5Q.jpg[/img] [/color][/size][/font][/align][font=Times New Roman][size=4][color=#0000ff][/color][/size][/font]
[align=center][font=Times New Roman][size=5][color=red][b]光效[/b][/color][/size][/font][/align][font=Times New Roman][size=4][color=blue]
光效果看起来似乎很难做。事实是，你只需要多一些耐心：我只用烟雾笔刷就完成了。（你可以参考下这篇教程：[/color][/size][/font][url=http://pskungfu.info/2010/04/2009/11/create-cool-effects/][font=Times New Roman][size=4][color=blue]photoshop 经典教程 教你打造超炫的光线效果[/color][/size][/font][/url][font=Times New Roman][size=4][color=blue]）创建一个新的层，选择烟雾笔刷在新建的层上点击。选择烟雾其中的一部分进行观察，将其中的合适部分提取出来，将这些提取出来的部分移动到人体的高光部分进行描边。本来这步是作者提供的视频会更容易理解，不过VIMEO被和谐了，进不去了。大家将就着吧。[/color][/size][/font]
[font=Times New Roman][size=4][color=#0000ff][/color][/size][/font]
[align=center][font=Times New Roman][size=4][color=blue][img]http://wiki.chinalabs.com/uploads/201004/1270616576x0c6GS63.jpg[/img][/align][/color][/size][/font]
[font=Times New Roman][size=4][color=#0000ff][/color][/size][/font]
[font=Times New Roman][size=4][color=blue]最麻烦的事也许就是把所有素材图片的色调统一起来。幸运的是我们有PS这个强大的工具帮助我们。在工作接近尾声时，我一般都会添加一些调节图层。例如在这个例子中，我在所有图层的最上方添加了一层颜色渐变调节图层，将图层的调节模式修改为叠加。效果是整张图就真正的和谐了。！！[/color][/size][/font]
[font=Times New Roman][size=4][color=blue]
[align=center][img]http://wiki.chinalabs.com/uploads/201004/1270616576BOcRvK1t.jpg[/img][/align]
[/color][/size][/font]
[align=center][font=Times New Roman][size=4][color=blue][size=5][color=red][b]结论[/b][/color][/size][/color][/size][/font][/align][font=Times New Roman][size=4][color=blue][size=5][color=red][b][align=left]
[/b][/color][/size]这个教程重点在于创作思路的分析。正如你所注意的那样，在复杂的特效后面都是一些简单的技巧。[b]掌握PS最好的技巧就是多练习，配合优秀的教程练习[/b]。我希望这个建议在你以后的工作会有用。[/color][/size][/font][/align]

[[i] 本帖最后由 唯楚有才 于 2011-4-15 16:26 编辑 [/i]]

谢谢楼主提供的素材了.按着楼主的操作在一遍一遍试了.有什么不懂的能不能给楼主提问!?

我去，还真是挺帅的，不过我对PS工具不熟悉

牛逼，每每看到别人PS的图，我都情不自禁也想P图，可是力有不逮啊

很有美感啊，需要一定的ps功底啊。不光是软件。技术也要过关啊

PS改变生活，PS让世界更美好，我要好好专研PS技术，为世界美丽做贡献！

不得不说楼主的ps很有功力啊，佩服佩服，p的很帅，加油

这个软件这的不错啊。如果我能熟练使用就更好了。支持

这里好像是IT科技最前线，这样的教程不能算是最前线吧？？似乎更应当关注一些新的信息和新闻！！

无言以对，佩服之至，要功底啊。如果我能学好并能熟练使用就更好了。支持！

这个做得的确很震撼，结合部接的也很自然，水准很高啊

绝对的好作品，虽然有教程，但我想不是这么简单的