基础组件

cellz管理员 2015-11-30 1010
1
钢笔

在cellz中除了在形状中选择现有的图形工具来添加图形,你还可以用钢笔工具绘制您自己的形状。
单击选择钢笔工具,在设计区单击任意位置,以创建自定形状的第一个节点,移动鼠标再次单击,出现第二个节点,你会看见有线条连接了两点,接着继续单击别处且长按鼠标,拖拽节点可绘制曲线。
多次添加后,若要停止绘制并封闭形状,你可以按下回车键,cellz将为你自动封闭该路径,生成一个图形,或者你也可以点按添加的第一个节点,也将生成一个封闭图形。
若要停止绘制并保持形状打开状态,以便稍后处理它,那么你可以按esc键退出编辑模式,cellz将生成一条非封闭路径。

对于选择和添加新节点的操作方法同图形工具是一样的。



图形

在cellz中提供了多种不同的形状供你使用,基本的图形有矩形、圆形、多边形等,它的添加方式和图层的添加方式是一样的,详见图层添加。

编辑图形

单击形状,选择矩形,按图层的添加方式添加好对象,双击它开始编辑,你会看见之前出现在图层上的手柄现在变成了4个小圆点,当鼠标移至圆点,会出现钢笔工具,单击并拖拽这些点来改变图形。并且你也可以在图形上单击来添加新的点,要想删去新加的点,只需再次单击它,当它变成一个实点时,然后按backspace键。

如果你想将一条直线变成曲线,先双击一个点,它的两端会出现2个实点,拉动这2个点来改变他的弯曲度。


矢量点

矢量点有几种不同的模式,他们决定了图形之间会出现怎样的线条。
双击编辑图形时,右侧属性面板会出现四种不同的点模式:

屏幕快照_2015-11-25_下午5.06_.39_.png
根据路径产生的固定夹角
 
屏幕快照_2015-11-25_下午5.06_.53_.png
锚点间独立,分开控制长度,互不影响

屏幕快照_2015-11-25_下午5.07_.05_.png
 两个锚点到主点之间的距离是独立的,单向调节长度,但他们仍保持180°
 
屏幕快照_2015-11-25_下午5.07_.12_.png
两个锚点会与主点距离相同,双向调节,并始终保持180°

通过“形状”添加一个“矩形”,你可以通过设置圆角属性来将它变成不同的圆角,比如你可以将一个矩形任意的两个角设置成圆角,而其他两个仍保持为直角。



填充

cellz中的填充方式有三种,颜色填充、渐变填充和图片填充,你任意选择其中的一种,单击选项,都会出现一个相关设置的属性面板。

颜色填充

颜色填充里有这些填充方式,色轮、颜色滑块、颜色调板、图像调板、蜡笔色,除了这些固定的方式以外,你也可以通过下方的拾色器吸取其他的色值。
 
渐变填充

在cellz中想要给图形设置渐变填充,选中图层,切换填充方式,下方会出现渐变填充的属性面板,依次是填充的类型、角度、渐变线、色标。


线性渐变

当你选择了线性渐变,你会发现图层上出现了一条渐变线,渐变线上的点其实就是一个色彩滑块,且形成一个平滑色彩过渡。想要改变滑块的颜色,单击选中它,在“色标”>“色值”中去选择颜色,或在方框里输入一个色值。

想要添加滑块,你可以在属性面板的色标中单击添加,删除即再次单击选中它,backspace删除。
 
 
径向渐变

如果你选择径向渐变,那么渐变线上左边的第一个点便会是径向渐变的中心,末端的点则会决定渐变的范围。添加和改变色值与上面的线性渐变方法相同。


翻转

在渐变填充的属性面板中有一个“翻转”的选项,你可以单击它,来改变渐变的方向。


图片填充

你也可以选择图片文件通过铺满或平铺的方式来进行填充。
铺满:图像被放大直至充满整个区域
平铺:图像被不断重复直至铺满整个选区


图片的编辑

选中一张图片,双击它进入编辑模式,你会发现出现了一个矩形选区且在右上侧出现了三个编辑工具。

图片编辑.png

要退出对图片的编辑,只需单击图片外任一点,或按下escape键即可。
 


遮罩

cellz中的遮罩可以取两个图形的公共值,若给这个两个图形填充了色值,那么,所取的公共部分的颜色会以上层颜色为准进行填充。


形状编辑

cellz中的形状编辑,其实就是通常所说的布尔运算,我们共有4种不同的形状编辑:

合并:即得到两个矢量区域的总和。
减去顶层:顶层矢量区域会从下一层的图形上移去(减去顶层图形的同时,也相应移去与下层相交的部分)
相交:保留原图形重叠的部分。
排除重叠:只保留原图形不重叠的部分,它与“相交”是相反的。
 
 

文本

添加文本

从工具栏中选中文本工具,单击设计区任意点或拖动光标添加文本图层,添加完成后,双击文本图层,就可以键入文本内容了。

值得一提的是,在cellz的文本工具中有个很好用的功能,当你在文本框内键入的文字内容超出文本框大小时,在它的右下方有一个十字小框,双击它,那么会重新弹出一个文本框,多余的内容页会自动移至这个文本框内,并自动形成一个关联效果。


删除文本

你既可利用鼠标右键中的“删除”项来进行删除,也可使用快捷键Delete来进行删除。


文本框属性栏

当你选中一段文本,你仍可以设置它的基本属性,如位置>尺寸>背景颜色>旋转。


背景色:整个文本框的背景颜色;


旋转:旋转是按照顺时针方向进行的,白色圆圈内的小圆点既可作为文本框旋转时角度的预览也可以拉动它直接改变文本框的旋转角度。


文本的输出类型

 
在Cellz中文本的导出类型有四种,图片、文本、单行、输入框。
图片与文本,当你为文本内容设置了较为生僻的字体格式,若选择导出为“图片”则文本内容将输出为一张png或JPG的图片,文本格式不会发生改变,而选择导出为“文本”则会发生一定的变化(比如字体样式)。对于网页不能支持的中文字体,就可以使用此功能。
单行与输入框,若你将文本导出设置为“单行”,那么你在预览的时候一定会发现,只能单行显示和输入文字,而设置为“输入框”则可以根据文本框的大小来显示和输入内容。
 
 
外扩:在左右上下中设置相同或不同的数值,(锁定则表示同比缩放,未锁定时你可以自行设置每个数值大小)文本框的背景填充会根据这个数值向周围进行一个外扩。


创建段落样式

想要在文本中创建一个新的段落样式,你需要先选中一个文本框或选中文本框内的内容,然后在属性>文本信息>文本>段落样式中单击下方的“+”添加段落样式,并且你也可以选中新填加的样式,右键重命名样式名称或进行添加样式的删除。


文字绕排

你可以通过设置被绕排对象的绕排属性来设置绕排类型。可被绕排的对象可以是图形或文字。

绕排.png

 
 

音频

 
同视频文件一样,音频也可以直接拖进页面里,或者你也可以选择“本地文件”上传文件来添加音频。音乐的类型有两种,背景音乐和音效,为了区分他们,你也可以理解成他们播放的效果一个是循环播放,一个只播放单次。
注:音频为MP3格式
 
 
这里,我们主要讲下“在线”音频的添加,必须使用Google chrome查找一个在线音频,点击最末端的“自定义并控制Google chrome>开发者工具”(图1),播放选中音频,页面下方会出现一些工具栏(图2),你主要查看size和time的大小,来判断抓取正确的音频链接。

音频1.png

              图1

音频2.png

              图2
 
 


视频

与音频的种类和添加方式相同,视频也分为本地和在线视频(视频格式需为MP4格式),不同的是在视频里有两个不同的设置项:

全屏播放:视频全频播放 (注:在iOS设备上,若设置为手动播放,则会默认为全屏播放)
显示控制台:播放视频时,单击视频将显示播放进度条

 
 
已邀请:

评论

 

登录后发表评论