多语言展示
当前在线:1534今日阅读:19今日分享:20

图帮主平面设计SVG图形编辑教程

图帮主SVG图形的颜色设置是指自动智能提取SVG颜色色块,为用户任意自定义颜色提供方便。SVG颜色色块自动提取技术,为用户任意自定义颜色提供方便。在设计中颜色的设置是非常重要的,但专业软件中对颜色的设置功能过于复杂,图帮主SVG图形的颜色设置软将通过将SVG色块智能提取,实现所见即所得的处理效果,用户想要什么颜色选中图像直接修改即可。SVG颜色色块自动提取技术,SVG是单一图形,处理办法是添加鼠标事件, SVG是多个图形,用JS抓取 SVG标签,修改对应标签的fill属性即可进行颜色更改。
工具/原料
1

一台能上网的电脑

2

图帮主

图帮主平面设计SVG图形编辑步骤
1

1.1打开图帮主首页1.2可以选择页面中间的免费注册也可以选择右上角的免费注册,如图邮箱或者手机都可以注册,同时已经有账号并绑定QQ,微信,微博或者支付宝的,也可以选择进行登录。注册之前也可以选择体验一下,直接开启设计之旅。

2

1.3已有图帮主账号直接选择“登录”;进入登录页面,输入注册号及密码后即开启设计之旅。

3

登录后的页面即是新手教程,主页面是推荐设计模板,客户也可以自己选择喜欢的模板。

4

点击左侧我的设计,将显示存储在该账户的设计。点击我购买的模板,将显示您购买过的模板。点击模板收藏夹,将显示您收藏过的模板。点击我的素材,将显示您收藏过的素材,还可以添加素材。如下图所示:

5

还有共享给我的设计选项:该功能可以和共享人共同设计编辑:

6

另外还有新建文件夹选项,根据需要进行分类命名,还有回收站选项,可以将自己不满意的设计拖到回收站里。

7

2 软件使用:SVG图形的上传2.1选择右上角自定义页面尺寸

8

2.2输入新建模板图片的大小,需要输入宽度和高度,单位也可以选择,主要单位是mm和px,该页面还给出了两种单位的介绍以及可选择范围,便于新手根据自己的用途做出合理的选择。

9

2.3定义好尺寸以后,进入到下图页面,可以选择上传,可以在搜索栏输入要选择的元素,直接在互联网上进行搜索;也可以选择从电脑上传已经存储的,选好后,点击上传需要上传的SVG图形。

10

点击上传需要上传的SVG图形后,被选择的图形出现在右侧的设计图中。同时页面上方左侧标题栏还有撤销,恢复,预览,保存,另存为等功能。页面正上方设有“点击设置文件名”,可以为自己的设计重命名。

11

2.4点击已上传的SVG图形,添加到画布。

12

2.5选择文字选项,点击添加标题文字,画布中会出现:双击修改正文文字

13

点击文字修改,可以选择字体类型,大小,对齐方式,距离等选项。另外还有模板选项,选择喜欢的模板,替换文字,方便快捷。

14

2.6选择素材选项,显示常用素材分类文件夹,客户可以自己选择。或者在搜索栏直接输入关键词进行搜索。

15

2.7背景选项该选项可以选择背景颜色,背景颜色可以自定义颜色,也可以选择默认的标准色。还可以选择添加背景图。

16

2.8 SVG图形颜色设置的使用点击选取需要改变颜色的SVG图形,找到需要修改颜色的区域,点击上方对应色块,选取想要修改为的颜色色块点击完成修改,

推荐信息