18、 Applying the material 如果你还没有保存你刚才制作游戏手柄主体时的光源,那现在就赶紧保存(在光源列表中保存光源预设)。 选择你的摇杆层并使用刚才你保存的蓝色材质。 19、 3D to Smart Object 正如你所看到的那样,我们已经有了一个很丑的摇杆模型。我们用点小技巧改变这个丑陋的情况。 首先,按照你的想法改变3D模型的角度,这里笔者建议使用“对象旋转工具”将 X轴改成75°。 调整好后,将这个3D图层右击“转换智能对象”。 20、 Applying the light 接下来让我在智能对象中继续操作。在我们想去掉边缘锯齿之前,我们需要先添加光源。在3D光源调色板里, 点击移除光源预设选项,同时选中你面前保存的光源预设。如果亮度、颜色、角度看起来很糟,则调整或者删除“点光源”。 我是增加了一个光源让表面看起来好一些。 21、 Resizing the Smart Object 依然在智能对象中操作。图像>裁切> 透明像素,图像 >图像大小,调整图像到原来的10倍之大。 如果你看不到你的3D图层,那么使用3D角度调整工具选中,点击小房子图标,如果你还是看不到模型, 则点击移动工具,左右调整下。 22、 Anti-aliasing 关闭并保存你的智能对象。你将在画布上看到一个巨大的摇杆。只需要缩小它10倍你就可以获得一个10倍的抗锯齿效果。 另外,智能对象中的3D模型更改非常快(不像PS的高质量渲染)。 23、 Adding a gradient 新建一个512x512的背景空白画布。双击图层,添加一个白色到透明的角度简便。 千万别忘了将“混合选项:自定”中的“透明形状图层”前面的小勾去掉,否则你什么都看不见。 24、 Gradient as a Smart Object 将这层转换为智能对象。拖拽到主画布上。复制图层,并将复制后的图层移动到摇杆上,使用剪切图层(Ctrl+Shift+G), 让渐变透明图层只会在摇杆上显示。使用这个图层作为摇杆的高光,调整到你满意为止。 25、 Final touches to the jack 打开图层样式窗口。添加一些带噪点的图案,增加颜色叠加,让摇杆的色调和游戏手柄的色调相匹配。最后一点, 添加表面模糊效果,半径1或者2,阈值为30-35。这样会让表面光滑一点,看起来不会太假。
26、 Analog stick 做摇杆顶部的做法和前面一样,用凸纹工具制作一个环绕的圈,旋转一点角度,并转换那层3D模型为智能对象。 27、 Light,material and anit-aliasing 继续重复前面咱们已经学过的步骤,设置为你前面做过的预设光源,用一样的蓝色材质,一样的抗锯齿方法, 一样的转换成智能对象。当然最后别忘记缩小10倍等等。 28、 Final touches 再次添加一些噪点、颜色叠加、蓝色内阴影以及黑色投影。别忘了弄一点表面模糊。 当你对摇杆的整体设计满意的时候,复制整个组,然后水平拖拽到另外一边保持对称。 29、 A button 现在要切换到illustrator并且画一些简单的形状,如图所示。切记:尽可能用最少的锚点去表现, 并且现在的情况下只需要用弯曲的点。画好后,点击效果>3D>绕转命令。 30、 3D 设置一个简单的360度绕转,并给他两个光源,同时,混合步骤设置为64。如果你没有看到这些设置选项, 只要点击界面右侧上方的“更多选项”就能看到了。别忘记在界面中“指定绕x轴转”后面的框框中填上60, 接着点击“确定”。你也可以查看我的设置在附件的PSD文件中。 31、 Details 在AI中复制这个3D对象并且调整它到黑色表面上只有1个高光为止,调整混合模式为颜色减淡,并降低透明度。 这种方法可以让制作3D效果在AI中较为简单:因为你可以独立的调整光源。我又添加了一些半透明的黑色圆圈 在光滑高光之下又在按钮底部之上。 32、 Polishing the button 给按钮抛光 复制这个按钮以智能对象的模式粘贴到你的PSD中。 调整大小与位置,然后增加一些图层样式:白色阴影、噪点图案、颜色或者渐变叠加。
33、 Four buttons 敲一个字母“A”,调整图层样式(透明度、白色投影、黑色内阴影)以体现斜角。当你觉得按钮的的设计很满意的了之后, 复制3次,放到正确的位置上。现在你可以很轻松的在AI中调整这个矢量智能对象,它将会更新在4个按钮上。 34、 D-Pad button 在AI画布上,画一个形状如图所示,使用对象>路径 > 偏移路径给它增加一个内环,我们可以重复这个步骤来制作这个按钮, 但我们这里使用凸出和斜角代替绕转。调整光源与角度并粘贴复制这个按钮到PHOTOSHOP中去。 35、 Polishing the button 和前面的做饭一样,添加一个白色的投影、噪点与颜色叠加。你也许想要给底部添加蓝色的内阴影用以体现深度。 同时增加一些表面模糊以让这个按钮看起来舒服一点,不会显得这么硬。 36、 All four buttons 我们这次就不能只是复制智能对象来制作4个按钮了。右击图层并选择新建智能对象。双击它打开AI窗口并旋转形状角度, 这样斜切边便会向下。重复几次直到设置并摆放好所有的按钮。 37、 Glowing material 接下来我们增加一些光泽的线条。复制游戏手柄的主体对象并改变材质为亮蓝,不需要添加任何贴图。 通过使用“从形状区域减去”等方法调整形状为如下图所示,最终形成一条蓝色的光线。 38、 More glowing parts 重复这些步骤新加更多的线条,或许是一些logo,或者是一些看起来有点意思的图标。 别忘了使用图层样式制作一些内发光和外发光。 39、 Parts without the bump texture 再次复制游戏手柄主体,关掉这一层的材质并再图层蒙板上画一些形状。 这样会显得这个图层离开材质只围绕这控制按钮显示,这样会让它们看起来与主体连接的更舒服。 40、 Shadow and light 再次,复制游戏手柄主体部分,转换为智能对象,调整图层填充为0%,在图层样式中增加一些黑色的渐变,压扁并收缩它看起来是阴影的形状, 如果要做一个完美的阴影,不要只是给图层增加一些模糊效果。在智能对象上使用白色角度渐变并,然后使用颜色叠加与外发光, 这样我们就添加了一个简单的黑色阴影给游戏手柄。 41、 Final tuning 别忘了,咱们的图标是完全可改变的,你可以调整任何地方去实现更完美的结果。 通常,我会进行饱和度、曲线与色阶的调整。调整颜色、材质、效果、形状——所有你想要去调整的地方。 希望你能喜欢这套教程,并且我希望可以看到你接下来的作品! 总的说来这套教程把Photoshop里的3D工具基本操作都用到了,效果也比较绚。所以就拿来硬着头皮坚持着翻译了。 我的半吊子英语很菜,难免硬伤一大堆,还请大家有砖拍砖没砖找砖,这样咱也才能获得提高,以后更好的为大家服务嘛。 教程翻译其实利国利民的,是共建和谐社会的重要手段。请大家多多支持,我也会更有动力带更多的教程给大家。