Photoshop CS6设计制作桌面上的创意跑道

PConline   发布时间:2013-03-12 11:38:28   作者:么么茶   我要评论
这次PS翻译教程为大家带来的就是利用Photoshop CS6的3D图像编辑特性和透视裁剪工具,打造逼真移轴图片效果。

再回去3D面板,隐藏“Road”和“Cones”图层。
Photoshop CS6设计制作桌面上的创意跑道
图48
选择当前视觉图层,使用顶部菜单中的3D工具,通过旋转、拖动、滑动、和缩放令路标符合场景的3D透视。同时,可以参考计算器上面的按钮来进行调整,总之调到合心意为止。
Photoshop CS6设计制作桌面上的创意跑道
图49
Photoshop CS6设计制作桌面上的创意跑道
图50
现在将“Road”和“Cones”编辑图层显示出来,选择“Road”编辑项目,并在属性面板如下图点击。
Photoshop CS6设计制作桌面上的创意跑道
图51
使用小工具手动地移动、旋转到适合的位置。
Photoshop CS6设计制作桌面上的创意跑道
图52
对于“Cones”编辑项目同样处理。
Photoshop CS6设计制作桌面上的创意跑道
图53
下面就要调整道路的光线。通常3D编辑出来的光线不会完全符合场景的要求。在3D面板中点击光滤镜,选择场景中的一个光线。
Photoshop CS6设计制作桌面上的创意跑道
图54
按着Shift,点击拖拉场景中的阴影,然后将它放置在与原场景合适的方向。效果如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图55
下面需要为路标上色,对于先不用上色的路标,需要分离出来并隐藏。在3D面板中,点击网格图标的过滤,然后隐藏“Road”编辑项目。同时需要确定不要点击“Cones”的透射阴影。
Photoshop CS6设计制作桌面上的创意跑道
图56
为了将路标着色成透明图层,首先如下图将背景隐藏起来。
Photoshop CS6设计制作桌面上的创意跑道
图57
选择“3D>着色(Ctrl+Alt+Shift+R)”,让Photoshop将一些通道着色,然后按回车暂停着色。需要注意的是如果你在图层面板,场景必须已经选上,以便启动渲染。
Photoshop CS6设计制作桌面上的创意跑道
图58
在图层面板(3D图层应该已被选中),按Ctrl+A选择全图,再按Ctrl+C和Ctrl+V复制黏贴渲染的到新图层。将新图层命名为“Cones Rendered”,现在先隐藏这个图层。
Photoshop CS6设计制作桌面上的创意跑道
图59
重复“Road”的步骤。
Photoshop CS6设计制作桌面上的创意跑道
图60
现在车行道和路标都已经渲染好了,下面再对“Cones”增加额外的渲染。将“Cones”显示出来,将“Road”隐藏起来,选中“Cones”,在属性面板的网格选项中,打开透射阴影,打开无形的并关闭透射阴影。
Photoshop CS6设计制作桌面上的创意跑道
图61
将渲染出来的效果复制到新图层,就像之前的步骤。
Photoshop CS6设计制作桌面上的创意跑道
图62
最后的渲染,关闭无形和透射阴影。在盖选项选择复位变形。将会展现在平盘上。
Photoshop CS6设计制作桌面上的创意跑道
图63
再一次按Ctrl+ Alt + Shift + R渲染出来然后复制到新图层。
Photoshop CS6设计制作桌面上的创意跑道
图64
重新命名这三个渲染的文件,隐藏3D图层,然后重新排列3个图层的顺序,让他们正确呈现在画面上。
Photoshop CS6设计制作桌面上的创意跑道
图65
选择“Road Rendered”图层,增加图层样式,然后如下面设置。
Photoshop CS6设计制作桌面上的创意跑道
图66
Photoshop CS6设计制作桌面上的创意跑道
图66
Photoshop CS6设计制作桌面上的创意跑道
图67
Photoshop CS6设计制作桌面上的创意跑道
图68
Photoshop CS6设计制作桌面上的创意跑道
图69
Photoshop CS6设计制作桌面上的创意跑道
图70
选择“Shadows Rendered”图层,选择“滤镜>模糊>高斯模糊”,设置半径为4像素,设置图层混合模式为正片叠底,不透明度设置为4%,设置如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图71
选择“Base Render”图层,将它移到底部,这样就能在路标下显示,然后调整图层色阶至全黑。效果如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图72
然后选择“滤镜>模糊>高斯模糊”,半径设置为1.7像素,混合模式设置为正片叠加。设置如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图73
将“Base Rendered”图层复制,再一次高斯模糊,这次将半径设置5.5像素,混合模式设置为正片叠加,不透明度设置为55%.设置如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图74
新建一个组,然后将全部图层拉进这个组里面,接着对这个组添加图层蒙版。
Photoshop CS6设计制作桌面上的创意跑道
图75
利用图层蒙版将铅笔和蓝色橡皮擦上的路标隐藏掉。效果图下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图76
摆置好各个图层,将复合图层放置好。
Photoshop CS6设计制作桌面上的创意跑道
图77
下面就是要将玩具汽车放到车道上啦!打开汽车素材,选择路径模式的钢笔工具,沿着汽车将它轮廓描出。
Photoshop CS6设计制作桌面上的创意跑道
图78
然后对着路径右击,选择建立路径,然后将选区内的汽车复制黏贴到新图层。最上面的就是汽车的图像,而下面的就是它的投影。效果如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图79
将这两个图层放置在同一个组里,并且命名为“Car”.效果如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图80
将图层组“Car”拖到桌面场景,然后重新调节它的尺寸,让它看起来和车行道刚刚好适合,效果如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图81
选择图层组“Car”,然后将最底的图层命名为“Car shadows”,改变混合模式为正片叠底。这时汽车看上去,跟周围还不是很协调。再来看看下一步。
Photoshop CS6设计制作桌面上的创意跑道
图82
选择“Car”图层,按Ctrl+T,选择扭曲,然后根据周围的场景拖动汽车上的控制点,这一步需要花点时间,效果如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图83
这样调整完后,“Car Shadows”图层会露出,用橡皮擦工具擦掉,擦拭范围如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图84
按Ctrl+L调出“Car”图层的色阶调整面板,如下图所示设置。
Photoshop CS6设计制作桌面上的创意跑道
图85
另外,也可以增加一些额外的阴影,看你个人感觉。前后效果对比如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图86
下面就是整个作品的精髓:设置景深!将“Composite Layers”图层组复制一个,然后将其中一个合并为一个图层。操作如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图87
在进行景深设置之前,先用加深工具,如下图所示位置将角落变暗。
Photoshop CS6设计制作桌面上的创意跑道
图88
现在选择“滤镜>模糊>镜头模糊”,设置模糊的数量为4像素,然后调整屏幕控制点,将模糊范围靠近原图。
Photoshop CS6设计制作桌面上的创意跑道
图89
差不多完成了,现在进行小调节。将全部图层复制,按后按Ctrl+ Alt+Shift+E合并为一个图层。
Photoshop CS6设计制作桌面上的创意跑道
图90
选中新的合并图层,选择“滤镜>模糊>移轴”,超棒的效果就是这样产生。效果如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图91
为了让画面更加艳丽,增加一个照片滤镜。设置如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图92
最后增加柔光效果到作品中。先复制合并图层,然后调整色阶增加对比度,再添加高像素的高斯模糊,接着改变混合模式为柔光,最后降低不透明度到18%,效果如下图所示。
Photoshop CS6设计制作桌面上的创意跑道
图93
最后用裁剪工具将画布的边缘进行裁剪,注意不要勾选删除裁剪像素。
Photoshop CS6设计制作桌面上的创意跑道
图94
最终效果图
Photoshop CS6设计制作桌面上的创意跑道
图95

相关文章

最新评论