当前位置:首页电脑PS教程Photoshop制作UI界面中的抽象花朵背景 (2)

Photoshop制作UI界面中的抽象花朵背景 (2)

若水若冰
2016-11-03 16:23 电脑百事网 0

为了让颜色嵌套到所有的图层上,选中形状的两个编组【Ctrl+G】把图层下面的两个编组合成为一个编组。然后在颜色层与编制之间按住【Alt】将图层嵌套到合成的编组上,这时候背景的主要形状就绘制好了。

Photoshop制作UI界面中的抽象花朵背景

Photoshop制作UI界面中的抽象花朵背景

Photoshop制作UI界面中的抽象花朵背景

背景效果制作完后,使用工具栏中的【文字工具】制作字体,文字颜色设置为白色,大小设定280px。

Photoshop制作UI界面中的抽象花朵背景

Photoshop制作UI界面中的抽象花朵背景

Photoshop制作UI界面中的抽象花朵背景

Alt键拖动复制字体图层,改成副标题的文案。在【窗口】中找到【字符】面板调整文字的字间距到合适的间距,将字体大小为42px,文字字间距为60。

Photoshop制作UI界面中的抽象花朵背景

Photoshop制作UI界面中的抽象花朵背景

文字制作好后,再次丰富一下背景的效果。选择路径【椭圆工具】,在绘制的时候按住【Shift】绘制一个正圆。

Photoshop制作UI界面中的抽象花朵背景

Photoshop制作UI界面中的抽象花朵背景

双击绘制好的路径图层打开【图层样式】面板选择【渐变叠加】。

Photoshop制作UI界面中的抽象花朵背景

在【渐变叠加】面板中双击‘“渐变条”调出渐变编辑器调整蓝色到紫色的渐变效果。

Photoshop制作UI界面中的抽象花朵背景

做好一个圆形的渐变效果后,选择图层【Ctrl+J】复制一个新的图层。然后【Ctrl+T】对新的图层进行缩放。

Photoshop制作UI界面中的抽象花朵背景

将圆形调整到合适的大小后,再双击图层调整渐变为方向为反响,从而加强两个圆形之间的层次效果。

Photoshop制作UI界面中的抽象花朵背景

Photoshop制作UI界面中的抽象花朵背景

但炫酷的效果完成后,我们可以对整体的页面进行功能布局。绘制好功能的按钮及子功能的ICON图标等,从而让页面变得更加的丰富和细腻。

Photoshop制作UI界面中的抽象花朵背景

提示:支持键盘“← →”键翻页 阅读全文
意见反馈
返回顶部