猫史档案馆


【教程】教你绘制精美的渐变色UI(2)

用户:Ys蛊惑茶Ys蛊惑茶查看:1255 回复:42 评论:38 创建时间:2022-11-22T16:43:02


上期有些训练师表示找不到网页,这里附上链接:https://js.design/workspace

注:这个网站叫即时设计,本作者的意思是搜PS能搜到

没学过第一节的先去学第一节~

~叮咚~  第二节课上课啦!上期讲了一些基本操作,这节来学习美化UI!如下,是一个发光按钮center_image

是不是更好看了?但其实,这是用“阴影”做的!这是一个阴影数据center_image

看见了吗,这里有四个阴影(点击右上角的“+”可创建),四个阴影分别在x,y坐标上比主体差了一点center_image

一个小方块是一个阴影的信息,从左往右依次是 高级设置 ,x坐标,y坐标,大小,模糊度

这里只讲一下高级设置,里面有颜色,方向等设置,这里不多说啦,和设置矩形数据差不多(阴影没有渐变色哦)

然后导出,如果直接导出的话,会有白色背景,抠完图后边缘会很粗糙,所以应该先点击一下矩形,找到这个center_image

导出后是一个免抠素材!

可有了按钮,也要有字呀。没关系,即时设计可以创建字体,和创建矩形的方法一样

先点击左边一列的按钮中的这个center_image

然后像上节课创建图形一样创建文字,然后输入center_image

创建完了,可字好小呀,别着急,点击一下文字,看状态栏center_image

这里可以设置字体,字号,粗细,颜色等,字体也能设置成渐变色哦

改一下字号,字就变大了!center_image

点击一下字体,就会出现这个,选一个就行啦(有些英文字体对中文没用)center_image

这是设置字体颜色的界面,和矩形一样

center_image

如果打错字怎么办?和课画板里一样双击就行了~

再来说一下图形的描边

描边中让设置的内部,居中,外部其实是描边的位置,如下,从左往右依次是内部,居中,外部
center_image

三个方块明显逐渐变大了!这就是描边位置不同的效果

这节课先上到这里,背景模糊,高斯模糊下节统一讲,它们可很重要哦(神秘)

学废了嘛?在回帖里交作业!


回复

上一页第 1 页 / 共 2 页下一页
Ys蛊惑茶Ys蛊惑茶

新帖上线~

点赞0


评论


Ys蛊惑茶Ys蛊惑茶

链接被官方给屏蔽了QAQ,这里重新附上(自己在前面加https//)js.design/workspace

点赞1


评论

是不是要登录(我 妈 不让我登录)

az,没错,要登录

焯我说服下我 妈 吧()

好吧

Https://js.design/对吧

可以使用邮箱注册,先去注册一个邮箱,推荐outlook邮箱,微软的邮箱,注册不需要手机号……,在通过邮箱注册即时设计

你说:你编程猫账号密码禁用了(前提你先修改一下密码)然后手机拿来(不用我说了吧,还得删短信)

邮箱这么复杂,还不如直接短信

可是喵不让用手机

outlook注册不需要手机号,outlook 也可以用来注册即时设计


PayCoPayCo

。 

点赞0


评论


DJ棍DJ棍

阔以

点赞0


评论

关注力(我有一个网站可以直接下渐变喵片鹅鹅鹅)


五大名著五大名著

center_image

?

点赞1


评论

右键点

在新标签页打开图片

下节讲

这样可以导出所有东西,不是一个个导出

恭喜你自学了下节课的三分之一~

《三分之一?》

下节课讲怎样同时导出多个角色,高斯模糊和背景模糊,怎样做出多边或多角形

我都会了……

会就行~

下节也讲一点画不规则图形

还可以把要导出的几个角色组成一个分组,然后导出分组!


Ctrl_VCtrl_V

我已经自学学会了腾讯体

点赞1


评论


你好吧789_qwq你好吧789_qwq

不错

点赞0


评论


地摊王小号地摊王小号

喵emotion_雷电猴_哇噻

点赞0


评论


饭叫兽饭叫兽

一在哪

点赞0


评论


杰瑞吃汤姆杰瑞吃汤姆

可以可以

点赞0


评论

OK


Ys蛊惑茶Ys蛊惑茶

第三篇开始筹划了

点赞0


评论


你好吧789_qwq你好吧789_qwq

不错

点赞0


评论


毁灭者明世隐毁灭者明世隐

我想问一下你的这个导出办法我怎么用不了就是无法从预览导出?

点赞0


评论

不知道为什么导不出去


Ys蛊惑茶Ys蛊惑茶

第四篇开始写了~

点赞0


评论


星野残翼星野残翼

woc?导出还有白边?center_image

center_image

点赞0


评论

看第三篇帖

都没发

发了,搜“渐变色”

导出时不包含背景色


树林归来树林归来

666666666666666666

点赞0


评论


柒Lr0S柒Lr0S

(求助)改不了字号(悲

点赞0


评论

颜色设置下面就是


云裳ovo云裳ovo

其实搜XD也能搜到即时设计

点赞0


评论


初夏晴雨初夏晴雨

1违和度太强,文字和方块不搭

2高斯模糊晕影不合理影响视觉效果

点赞1


评论

文字那个是讲课用的,第二个我会采纳


笨笨鸭vvv笨笨鸭vvv

为什么我打开画板就是一片空白???

点赞0


评论


笨笨鸭vvv笨笨鸭vvv

center_imageohohohohohohohoh!我做出来了!

点赞3


评论


笨笨鸭vvv笨笨鸭vvv

3Q,我的新作ui质量喵!

给你们康康我画的:

center_image

center_image

很好看吧~

 

点赞2


评论

送你们了,觉得好康拿走!


笨笨鸭vvv笨笨鸭vvv

送你们我画的壁纸(我觉得可以当)center_image

点赞2


评论


清定清定

厉害

点赞0


评论


SevezxdSevezxd

awa

点赞0


评论


小鹿UUyM小鹿UUyM

收藏

点赞0


评论


VistVist

为甚不用mastergo

点赞0


评论


崔Sir崔Sir

为什么我搜不到这网页啊

点赞0


评论


圆周狸圆周狸

这是哪个编辑器?

点赞1


评论


ficfrkficfrk

我这个ui可以吗?center_image

点赞1


评论