稀土布落 發表於 2016-11-4 11:20:30

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

在我们制作界面的时候经常会看到网上有很多的绚丽的界面他们的图形都非常炫酷。如何才能快速的制作出这样效果呢？那么今天教大家如何使用2部方法制作炫酷的APP界面。喜欢的朋友们一起来学习吧!
<p>先看看效果图</p>
<p align="center"><img alt='Photoshop制作炫酷的UI界面中抽象花朵背景'src="https://img.jbzj.com/file_images/Photoshop/201611/20161104111948245.png" /></p>
<p>第1步</p>
<p>绘制图形</p>
<p>新建图层选择画板(ps cc 2015才有的功能)，选这iPhone6的尺寸大小。</p>
<p align="center"><img alt='Photoshop制作炫酷的UI界面中抽象花朵背景'src="https://img.jbzj.com/file_images/Photoshop/201611/20161104111948246.png" /></p>
<p align="center"><img alt='Photoshop制作炫酷的UI界面中抽象花朵背景'src="https://img.jbzj.com/file_images/Photoshop/201611/20161104111948247.png" /></p>
<p>新建完图层后我们使用工具栏中的椭圆工具绘制一个椭圆形。双击形状图层将形状的颜色改为黑，</p>
<p>透明图设置为5%。</p>
<p align="center"><img alt='Photoshop制作炫酷的UI界面中抽象花朵背景'src="https://img.jbzj.com/file_images/Photoshop/201611/20161104111948248.png" /></p>
<p align="center"><img alt='Photoshop制作炫酷的UI界面中抽象花朵背景'src="https://img.jbzj.com/file_images/Photoshop/201611/20161104111948249.png" /></p>
<p align="center"><img alt='Photoshop制作炫酷的UI界面中抽象花朵背景'src="https://img.jbzj.com/file_images/Photoshop/201611/20161104111948250.png" /></p>
<p>选择形状图层，Ctrl+J复制出同样的一个形状。</p>
<p align="center"><img alt='Photoshop制作炫酷的UI界面中抽象花朵背景'src="https://img.jbzj.com/file_images/Photoshop/201611/20161104111948251.png" /></p>
<p>选择复制出来的图层，【Ctrl+T】将旋转的角度调整为45&deg;。使用同样的方式Ctrl+J进行复制图层，</p>
<p>再Ctrl+T进行旋转，重复3次同样的操作后绘制以下的形状效果。</p>
<p align="center"><img alt='Photoshop制作炫酷的UI界面中抽象花朵背景'src="https://img.jbzj.com/file_images/Photoshop/201611/20161104111948252.png" /></p>
<p align="center"><img alt='Photoshop制作炫酷的UI界面中抽象花朵背景'src="https://img.jbzj.com/file_images/Photoshop/201611/20161104111948253.png" /></p>
<p>将绘制好的图层全部选中【Ctrl+G】对图层进行编组，方便后面的制作。</p>
<p align="center"><img alt='Photoshop制作炫酷的UI界面中抽象花朵背景'src="https://img.jbzj.com/file_images/Photoshop/201611/20161104111948254.png" /></p>
<p>第2步</p>
<p>添加颜色，加强细节</p>
<p>在图层面板中底部找到【新建图层】按钮点击，新建一个空白图层。</p>
<p align="center"><img alt='Photoshop制作炫酷的UI界面中抽象花朵背景'src="https://img.jbzj.com/file_images/Photoshop/201611/20161104111948255.png" /></p>
<p align="left">
                                                <div class="cupage">上一页<strong>1</strong>2 3 下一页 阅读全文</div>
頁: [1]
查看完整版本: Photoshop制作炫酷的UI界面中抽象花朵背景