产品设计UI设计

平铺文字练习

2017-03-30  本文已影响0人  色彩控大脸猫

之前一直好奇阿里云上的平面图是怎样做出完美的平铺效果的,扭曲?变形?斜切?试了之后效果都不是很好,今天才发现扭曲也可以这样来扭,练习了一下用扭曲做的字体,先上效果图。

平铺文字

阿里云大量采用这平铺图

阿里云

简单步骤:

1、先打一组文字,建议采用较粗的无衬线字体,给一个浅灰色

打出一组文字

2、鼠标放在图层上右键将文字转化为形状

文字转化为形状

3、Ctrl+T右键选择扭曲,这时拖拽锚点调整角度,使文字呈现一定的透视效果

扭曲文字

4、复制文字图层,将下层的文字图层向下向左移动(利用键盘上下左右键移动即可),更改该图层的颜色为深一点灰色;之后继续复制文字图层,向下向右移动,颜色改为较浅的灰色;依次类推,一层浅色一层深色,叠加出分层效果

复制多层

5、给最上层文字图层添加径向模糊,稍微一点就行

添加径向模糊

6、添加渐变叠加,加上一个背景就完成了

最终效果图

每一层的颜色可以再细调一下,渐变色也可根据自己想要的来调,比如上金属质感的色彩做出金属质感的文字,扭曲方向可不同调节,做出不同角度的透视效果

谢谢观看,,多多提建议啦~

上一篇下一篇

猜你喜欢

热点阅读