欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

PS结合AI制作超级跑鞋APP界面

程序员文章站 2022-04-19 09:33:09
这篇教程是向萬仟网的朋友分享ps结合ai制作超级跑鞋app界面教程,教程真的很不错,值得大家学习,喜欢的朋友可以参考本文,来看看吧! 最终效果图: 先上最终效果图,我们这边的超跑不是超级跑...

这篇教程是向的朋友分享ps结合ai制作超级跑鞋app界面教程,教程真的很不错,值得大家学习,喜欢的朋友可以参考本文,来看看吧!

最终效果图:

PS结合AI制作超级跑鞋APP界面

先上最终效果图,我们这边的超跑不是超级跑车,是超级跑鞋的意思~··

设计师除了要设计,还要多运动啊!

PS结合AI制作超级跑鞋APP界面

1、首先你需要上网找一张nike鞋图片,素材的颜色将被用作界面的主配色。

2、接下来,你需要用磁力套索工具,或者选区工具,把图片周围的白色扣干净。

ps:如果你是个懒人的话,可以在花瓣直接搜nike png,

可以得到已扣完的耐克鞋(。・`ω´・),这么懒真的好吗?

PS结合AI制作超级跑鞋APP界面

3、你需要建一个750*1334像素,分辨率为72的画布,背景色值为:#1e1e1e

4、你需要找到正方形形状工具,画出状态栏40像素和标题栏88像素的长方形,色值为#1a1a1a,然后画出粉红色的长方形装饰

5、画一个内容区域的正方形,尺寸如图,色值还是为#1a1a1a,再给它添加黑色外发光,透明度30%,正片叠底

6、很多人说状态栏那类找,一般我们都是用模板里面的素材,你没有的话,请下载本教程里的源文件里面直接拿,(。☉౪ ⊙。)呐尼,你说你要自己画?有懒不偷……那只好随便你了~··

图标呢!可以去阿里矢量图标库下载,记得下载矢量格式就是那个svg或者ai格式,当然你要自己画也可以,至于如何画图标可以参阅雪姐姐的其它教程~··本处不展开~··

PS结合AI制作超级跑鞋APP界面

6、接下来再百度图片里搜一张nike的logo图片,高清一些的,拖进ai里,小黑箭头点中后,会出现图像描摹工具栏,下来箭头后选黑白徽标

PS结合AI制作超级跑鞋APP界面

7、描摹好后,点顶部菜单对象-扩展,对象-取消编组,要重复取消编组到无编组可取消后,用小黑箭头点一下画板空白处,再点击白色部分,delete掉所有的白色背景

接下去就可以拷贝到ps里去用了,粘贴的时候要选4个菜单中的最后『形状图层』

PS结合AI制作超级跑鞋APP界面