社交媒体 如何调整Adobe Edge动画舞台的大小 - 虚拟人物

如何调整Adobe Edge动画舞台的大小 - 虚拟人物

目录:

视频: Photoshop 羽毛去背 2025

视频: Photoshop 羽毛去背 2025
Anonim

舞台是放置元素的位置,例如图像,文本和绘制的对象。舞台是一个实时的HTML窗口,这意味着您在屏幕上看到的是您的观众在查看和与您的作品交互时所看到的内容。您可以通过几种不同的方式调整舞台的大小:

  • 像素: 无论浏览器窗口的大小如何,Adobe Edge Animate CC都允许您将舞台设置保持特定大小。

    <! --1 - >
  • 百分比: 对于那些更喜欢更响应网页设计的人。

  • 测试响应式网页设计: 您可能需要更改舞台的背景颜色以测试设计的响应性。

根据像素值调整舞台尺寸

最有可能的一个步骤就是要正确调整舞台尺寸。如果您打算将动画插入到现有的网页中,请首先确定您要在该网页上占用多少空间,然后相应地调整舞台大小。

<! - 2 - >

要调整舞台大小,请单击“属性”面板的“舞台”部分中的橙色数字 - 屏幕顶部附近的最左侧列中,如图所示。单击宽度或高度数字,可以输入您希望舞台的精确尺寸(以像素为单位)。

如果您不想输入数字,Edge Animate为您提供了另一种调整舞台大小的方法:只需将光标放在其中一个橙色数字上即可。当光标变成双箭头(如图所示)时,您可以单击并拖动以增大或减小舞台的大小。

<! - 3 - >

根据屏幕尺寸的百分比调整您的舞台

如果您要创建不需要适合任何特定尺寸的动画,则应从像素(px)切换到百分比( %),通过点击切换(见图)。这是创建响应式网页设计的一个步骤。当您按照屏幕百分比而不是像素值设置舞台大小时,舞台会根据父级元素的大小自行调整大小。

父元素的一个示例可以是浏览器窗口本身 - 如果动画是独立的网页。但是,如果动画是网页的一部分,则父元素可以是嵌套动画的div元素。

要使舞台填充整个浏览器窗口,请将舞台宽度和高度设置为100%,如图所示。要让舞台填充浏览器窗口的一半,请将舞台设置为50%;依此类推,取决于您想要动画占用多少浏览器窗口。

默认情况下,舞台背景为白色。因此,在px和%之间切换时,您不会在阶段中看到任何差异。

要测试使用舞台大小的px和%之间的差异,请将舞台的背景颜色更改为白色以外的其他颜色,例如红色。然后试验不同的百分比和px维度来看不同的效果。

要更改舞台的背景颜色(如图所示),请单击白色方框以调出颜色选择器。

通过单击“链接宽度”和“高度”图标(在本图中突出显示),可以告诉Edge Animate保持宽度和高度比例相同。默认情况下,链接宽度和高度图标关闭;使用该默认值时,调整大小时,Edge Animate将不会保持宽度(或高度)的比例相同。

如何调整Adobe Edge动画舞台的大小 - 虚拟人物

编辑的选择

在QuickBooks Online中使用批发帐单 - 虚拟

在QuickBooks Online中使用批发帐单 - 虚拟

QuickBooks Online为会计专业人员提供免费程序。您可以注册批发价格计划,也可以免费使用QBOA。如果你选择这样做(这是一个不错的选择!),你将需要知道如何管理的事情。从您的批发帐单订阅中删除客户有时候,事情并不是这样...

基于零基础的预算与QuickBooks 2012 - 傻瓜

基于零基础的预算与QuickBooks 2012 - 傻瓜

零基预算是一个非常有用和常用的预算策略在使用QuickBooks 2012之前,您应该先了解一下。基于零的预算与顶级预算相反。零基预算从下到上工作。零基预算始于个人收入,费用,资产,负债和所有者权益账户。它检查一个特定的...

在Sage Timeslips中10个有用的键盘快捷键 - 虚拟键盘

在Sage Timeslips中10个有用的键盘快捷键 - 虚拟键盘

键盘快捷键可以是Sage Timeslips 。启动或保存一张单据,将昨天,今天或明天的日期插入日期字段,并用一个或两个按键打开和关闭定时器。以下是十大最爱。按下它做什么Ctrl + N开始一个新的投票,而工作在...

编辑的选择

可以在Photoshop Elements 11中的任意形状图层上绘制多个图形 - 虚拟模型

可以在Photoshop Elements 11中的任意形状图层上绘制多个图形 - 虚拟模型

Photoshop Elements 11中创建的任何形状图层上的图形。您可以按照与选择相同的方式添加,减去,排除重叠和相交形状。请遵循以下步骤:创建第一个形状后,在工具选项:添加到形状区域中选择一个状态按钮:...

使用读卡器将图像下载到Mac上 - 傻瓜

使用读卡器将图像下载到Mac上 - 傻瓜

您的相机可能有一个USB端口,电缆,您可以使用下载您的图像。这种方法使用相机电池电力,也相当缓慢。如果您使用读卡器,则会更快地将图像存入计算机。如果您下载了大量的图像,请考虑购买FireWire读卡器; ...

在Photoshop Elements 10中创建形状图层后,在Photoshop Elements 10中绘制多个图形 - 虚拟形状

在Photoshop Elements 10中创建形状图层后,在Photoshop Elements 10中绘制多个图形 - 虚拟形状

可以在该图层上绘制其他形状。您可以按照与选择相同的方式添加,减去,重叠和相交形状。请记住,当您在元素中创建一个形状时,您正在创建一个基于矢量的元素。向量在数学上描述形状。 ...

编辑的选择

在您的IOS应用程序中添加模态视图 - 在iPhone和iPad上虚拟视图

在您的IOS应用程序中添加模态视图 - 在iPhone和iPad上虚拟视图

对于那些希望用户(或用户想要)在应用程序流之外执行某些操作的情况非常适用。而不是使用带有后退按钮的导航控制器,而是显示一个模式视图,其中的控件允许用户选择一个动作或...

Android应用程序开发:你的Twitter应用程序的文件 - 傻瓜

Android应用程序开发:你的Twitter应用程序的文件 - 傻瓜

,这个Android Studio项目包含大约100个文件和大约170个不同的文件夹。要制作Android Twitter应用程序,您需要专注于该项目的MainActivity。 java文件。但其他一些文件需要注意。 Twitter4J API jar文件Android没有内置的通信支持...