最新的10种Fluid Colors流体渐变壁纸制作方法

用户头像
上海/UI设计师/8年前/21256浏览
最新的10种Fluid Colors流体渐变壁纸制作方法

雪姐姐5分钟教你用PS和AI做iPhoneX流体壁纸,学UI就到UEgood,好省快!

大家好,我是UEgood的雪姐姐。随着iPhone X的到来,流体渐变的风格开始兴起,许多人都觉得这种风格特别漂亮,于是它一下子就火起来了。今天我们就来学习如何用流体渐变技术做漂亮的壁纸。当然,不止是壁纸,流体渐变还可以用在PPT封面、运营海报等地方,效果也非常不错,可以说用途还是很广泛的。

 

下面是我总结现在比较受欢迎的几种风格,自己做出来的十张效果图,这次教程我们主要就来讲解这十个案例。

再来欣赏一下酷炫的视频展示:


 

可以看出流体渐变真的挺漂亮的,已经有不少同学开始琢磨怎么做出这种效果了。下面我们开始讲解,图文版讲解一个范例,帮助大家理解构思过程。其他的案例可通过视频版学习,视频版清晰详细,跟着练习很快就能学会。

 

首先制作这个流体渐变效果壁纸我们需要用到PS和AI这两个软件,有设计基础的同学对着两个软件应该很熟悉了。

 

我做了一张思维导图,将每张壁纸运用的主要工具都列出来了。


一、如何将壁纸装到iPhone X样机模板中

 

在我们上面的展示里,壁纸都在iPhone X的样机里。怎么做这种效果呢?首先我们在PS上新建画布,比例是宽1125,高2436,这是屏幕的大小。



然后做完壁纸后,导入一个Mockup,也就是样机模板(模板文章后会附送)。双击图层中导入的模板,这时模板会自动装入你已经做好的壁纸(如果图层中有多张壁纸可以通过单击壁纸切换选择),接着把模板关掉,提示保存点确定,壁纸就显示为样机模式了。



二、范例讲解(壁纸1)


1,先观察,画一个红色的球体。


2、然后用网格渐变工具在中心位置点一下。


3,用吸管工具【i】把大体轮廓描好颜色

4,使用变形工具设置好尺寸,注意底部要圆一点。

5,将一些锚点删除,使它看起来更光滑。

6,接下来用选择工具调节手柄,使其看起来像水流一样圆润。

7,按照个人喜好,扭曲变形调节成自己喜欢的形状。

8,做完以后全选拷贝,黏贴,选智能对象到ps里面,加上方框和文字即可。

范例讲解完毕,如果还不理解,大家可以跟着视频教学再做一遍。UEgood建议大家尝试着自己动脑筋想想后面的案例应该用什么思路制作,主要工具已经给大家列出来了,相信自己想出来的收获和成就感会非常大。最后就是我们为大家奉上的完整视频教程:

关注公众号回复关键字【样机】,即可下载iPhone X的样机模板,做好的壁纸不套个iPhone X的衣服怎么好拿出去秀呢?本次教程到此结束,谢谢大家,咱们下次再见!


227
阅读原文
|
举报
|
321
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
钱包ui模板
新能源APP应用UIKit
柠檬黄主题UI作品集模版
我的钱包-UI界面设计-app
新拟态风格 UI设计组件库
智能家居中心 简约 UI设计组件库
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
科技医疗透明柜UI界面设计
UI_3D图标炮仗<新春促销>
Security Camera UI kit
【新年UI图标】珠宝icon
高级表盘系列UI源文件
手表表盘UI系列
UI通用设计素材1
UI_3D图标火箭炮<新春促销>
【新年UI图标】家具icon
UI应用平面图标
矢量立体简约UI蓝白图标
【新年UI图标】酒店icon
【新年UI图标】影音icon
UI 登录界面设计模板包
【新年UI图标】美食icon
【新年UI图标】游戏/娱乐icon
你可能喜欢
大家都在看
登录注册