ios label渐变效果 ios渐变色原生壁纸_图层


一个好的设计,色彩至关重要;

根据大众的喜好与设计趋势,当下很多设计中都运用渐变色,特别是线上的产品;

ui界面、Icon、应用启动页,引导页;LOGO、品牌包装、海报等······

栗如~


ios label渐变效果 ios渐变色原生壁纸_渐变色_02


ios label渐变效果 ios渐变色原生壁纸_ios label渐变效果_03


ios label渐变效果 ios渐变色原生壁纸_渐变色_04


而为什么这样的海报会成为当下流行?

1、这样的渐变色搭配起来相对扁平化风格在视觉上,一定程度上刺激了用户,给人以新鲜

感、时尚感!

2、这样的颜色搭配,一定会更加吸引你的注意;

当渐变色产生时,两者之间的渐变色总会让人衡量一下它属于什么颜色;

3、多种颜色的搭配,总是会提高趣味性,体现不一样的效果

虽然是潮流,但是将其注入情感,承载理念依旧可以成为经典案例!!!

好像啰嗦太多了,举个栗子吧:

1、找这样一个模特


ios label渐变效果 ios渐变色原生壁纸_渐变色_05


2、拖进ps,这种干净的背景直接用魔棒工具点击背景删除

如果背景比较杂,可用钢笔工具描出流畅的轮廓就够了


ios label渐变效果 ios渐变色原生壁纸_渐变色_06


3、在人物图层上面新建图层,给一个渐变

选好颜色后,按出shift在画布上垂直拖动


ios label渐变效果 ios渐变色原生壁纸_ios 渐变透明背景_07


4、在两个图层之间按住Alt 键单机

建立剪切蒙版,再给一个正片叠底的效果

大标识 Created with Sketch.


ios label渐变效果 ios渐变色原生壁纸_ios label渐变效果_08


ios label渐变效果 ios渐变色原生壁纸_锚点_09


5、用钢笔工具在墨镜上绘制轮廓


ios label渐变效果 ios渐变色原生壁纸_ios label渐变效果_10


并给渐变色,用矩形工具绘制小矩形

选中镜片的图形与矩形,按ctrl+E 合并矢量图形,整体给渐变色


ios label渐变效果 ios渐变色原生壁纸_锚点_11


ios label渐变效果 ios渐变色原生壁纸_锚点_12


6、然后就是背景喽

绘制不同颜色的矩形,在人物的上下各新建图层,给不同的渐变色,再添加上文字

人物也可以调整为单色(调整色相饱和度即可)


ios label渐变效果 ios渐变色原生壁纸_图层_13


或者绘制这样的背景(用钢笔工具勾就可以喽)


ios label渐变效果 ios渐变色原生壁纸_ios label渐变效果_14


当然,这是 Photoshop 中的渐变, 由于它是位图,所以不能进行不规则色彩编辑,很多颜色也会出现计算误差;

但是你还有 illustrator

栗如:

画一个圆,点击网格工具就会生成网格,并且用直接选择工具就可以编辑锚点的颜色


ios label渐变效果 ios渐变色原生壁纸_ios label渐变效果_15


ios label渐变效果 ios渐变色原生壁纸_锚点_16


这里的每个锚点就是可以编辑的


ios label渐变效果 ios渐变色原生壁纸_ios 渐变透明背景_17


还可以调整锚点的透明度:


ios label渐变效果 ios渐变色原生壁纸_ios 渐变透明背景_18


当然,用渐变工具也是可以的,只不过会有些限制:

来对比一下吧:

画一个正方形,我用渐变网格工具,修改锚点的颜色,并不规则拖动方形中的锚点:


ios label渐变效果 ios渐变色原生壁纸_图层_19


第二个方形则用渐变工具

首先将类型修改为径向渐变,调整外围方向的颜色透明度为零,拉一个渐变

此时在同一个图形中拉另一个渐变就需要在外观中:新建外观,然后在拖渐变轴

再更改颜色


ios label渐变效果 ios渐变色原生壁纸_渐变色_20


依次在四个角都拖入渐变

大致采用这个方式也可以········


ios label渐变效果 ios渐变色原生壁纸_ios label渐变效果_21


ios label渐变效果 ios渐变色原生壁纸_ios 渐变透明背景_22


好了,说完了··········最后再分享一下最近正在做的知乎圈子,每日分享好设计,好艺术,好素材,展览,校园,线上线下活动,也欢迎朋友们的关注。


ios label渐变效果 ios渐变色原生壁纸_ios label渐变效果_23