武汉哪里学ui设计比较好学ui的地方

来源：蜘蛛抓取(WebSpider) 时间：2019-12-13 18:58 标签： 武汉哪里学ui设计比较好

本教程介绍立体字制作方法比较實用方法更其它制作立体字的方法一样。大致过程：先选好自己想要的文字或图形并做透视处理然后把底部都复制几层作为立体面，複制的时候要有一点斜率后就是细节、高光、单调，倒影等部分的调整终效果

一、打开Photoshop，创建一个尺寸为1280 * 800px的新文件并在你的文件中輸入文本。我使用的字体是AVENGER它是很棒的字体。我使用的颜色是#14b2d9

二、栅格化文字，使用变换工具（CTRL + T）更改文本的角度类似下图。 小提礻：按Ctrl + T和按Ctrl + Alt + Shift键调整文本来改变角度

三、现在到了重要的部分，点击文字层按住CTRL + ALT键，按向上键8-10次复制图层来创建3D图层

四、现在，我们需要命名上面的图层为’TOP’合并所有的其他层，把它放在TOP层的下方重命名这层为’BOTTOM’。现在双击’BOTTOM’层，按下图设置渐变叠加：

五、应用渐变使暗的蓝色出现在’BOTTOM’层的末端。这将给它一种阴影效果参考下图。

六、现在我们需要使’TOP’层看起来更突出。因此按Ctrl + Alt + 向下键3次来复制’TOP’层，合并这些层并重新命名为’MIDDLE’把这一层放在’TOP’层的下方，’BOTTOM’层的上方应用图层样式-颜色叠加-白色，不透明度大约20-30％

七、现在边缘看起来不真实。因此我们将在每个字母的边角上添加一些垂直分离的效果。按照下面的指导达到这个效果：

1、在‘BOTTOM’层的上方创建一个新图层命名为’edges’。

2、选择一个半径为1px硬度为的画笔。

3、按下图在角落里绘制直线 小提示：点击顶部邊缘，按住Shift键在底边上点击创建完美的直线如下图：现在，设置图层的不透明度大约10%

八、这时我们创建的结果应该类似于下图:

九、现茬，我们需要给文本添加一些灯光效果这可以通过把‘BOTTOM’层的一些部分变暗来实现。因此创建一个新图层，命名为’Lighting’把它放在‘BOTTOM’层的上方，并使用约30PX的软笔刷创建一些描边如下图所示：

十、设置这层的混合模式为叠加，降低不透明度10%左右这时，建议多尝试不透明度的值来实现理想的效果图像应该看起来像这样：

十一、从现在起就十分有趣了，因为我们会添加更多的深度和真实效果在背景層之上创建一个新层，并添加一个浅蓝色到浅灰色的渐变如下所示：

十二、使用自由变换工具（CTRL + T），改变渐变图层的角度以配合文本的角度参照下图。

十三、现在缩放渐变层，使它覆盖整个文件这将为我们提供一个很好的背景来添加反射。 现在复制’TOP’层和’BOTTOM’層，合并它们把这个新层放在’BOTTOM’层的下方，重命名为’REFLECTION’

十四、现在到了重要的一步。降低’REFLECTION’图层的不透明度为20%左右并按照下圖所描述的步骤做：这是为了确保反射看起来真实。基于这一观点它添加了一个渐变蒙版。

十五、现在复制刚才的’TOP’层，应用黑色嘚颜色叠加把它放在’REFLECTION’层的上方，命名这层为’SHADOW’

十六、应用2.3像素的高斯模糊。

十七、完成了我们已经成功的在Photoshop中创建了一个超級酷的3D文本。查看下面的图片

我要回帖

更多关于 武汉哪里学ui设计比较好 的文章

 

随机推荐