天极传媒：天极网全国分站
您现在的位置：
& &&PremierePro教程:使用Transition
Premiere Pro教程:如何使用Transition
5D多媒体 10:18
　　在今年夏天，Adobe公司发布了Premiere Pro，Premiere Pro的推出，使Adobe公司在视频剪辑领域的地位得到了巩固。其中主要的特点概括的说有：新增加的实时特性和对5.1音频实时处理的支持，还有色彩监视器的引用以及编辑面板的重新调整。
　　在下面我就先来讲一下转场的使用
　　Premiere Pro的编辑界面有了不小的变化，这里我们就先讲一下如何在Premiere Pro中使用转场吧。
　　刚接触Premiere Pro的朋友可能会非常惊讶：怎么没有转场了？其实在Premiere Pro中，转场和都作为特效(Effect)而存在Project窗口中了，如图1所示。
　　所以我们一开始就不能在右下脚看到熟悉的特效面板了。不论是任何效果，都在这里添加，下面我就举个例子简单说明一下在Premiere Pro中如何使用和设置转场。首先呢，还是跟以前一样，先导入相应的素材放置在视频轨道上，如图2所示
　　放置好素材后，就在图1中的面板中选择相应的转场，用拖拉到这2断素材的结合处，如图3所示。
　　松开鼠标后，就可以在Effect Control（效果设置）面板中对转场的参数设置，跟我们熟悉的Premiere 6.X系列的设置是一样的，如图4所示。
（作者：天堂鬼火责任编辑：琥珀）
欢迎在新浪微博上关注我们
* 网友发言均非本站立场，本站不在评论栏推荐任何网店、经销商，谨防上当受骗！
游戏整机手机家电分享是一种态度 一句中肯的评价可能改变一个行业 一次用心的分享可能改变他人的一生
你的态度和观点将让我们的行业更强大c# - How do you do transition effects using the Frame control in WPF? - Stack Overflow
to customize your list.
Join the Stack Overflow Community
Stack Overflow is a community of 4.7 million programmers, just like you, helping each other.
J it only takes a minute:
I thought this would be easy but I guess not.
I have 2 pages that load in my frame control. I want to be able to either have
a nice slide effect from one page to the next or just a simple fade-In effect.
Can't seem to find this anywhere on the internets.
The accepted answer is good, but I found an even better one here.
If you can believe it I found an even better solution.
2,766103667
6,22684262
There is a similar problem discussed here:
Using the technique described there you can slide\move your frame control each time a new page is navigated. Smth like this:
&Frame Name = "frame" Navigating="frame_Navigating"&
private bool
_allowDirectNavigation =
private NavigatingCancelEventArgs
_navArgs =
private Duration
_duration = new Duration(TimeSpan.FromSeconds(1));
private double
_oldHeight = 0;
private void frame_Navigating(object sender, NavigatingCancelEventArgs e)
if (Content!=null && !_allowDirectNavigation)
e.Cancel =
_navArgs =
_oldHeight = frame.ActualH
DoubleAnimation animation0 = new DoubleAnimation();
animation0.From = frame.ActualH
animation0.To = 0;
animation0.Duration = _
pleted += SlideC
frame.BeginAnimation(HeightProperty, animation0);
_allowDirectNavigation =
private void SlideCompleted(object sender, EventArgs e)
_allowDirectNavigation =
switch (_navArgs.NavigationMode)
case NavigationMode.New:
if (_navArgs.Uri == null)
frame.Navigate(_navArgs.Content);
frame.Navigate(_navArgs.Uri);
case NavigationMode.Back:
frame.GoBack();
case NavigationMode.Forward:
frame.GoForward();
case NavigationMode.Refresh:
frame.Refresh();
Dispatcher.BeginInvoke(DispatcherPriority.Loaded,
(ThreadStart)delegate()
DoubleAnimation animation0 = new DoubleAnimation();
animation0.From = 0;
animation0.To = _oldH
animation0.Duration = _
frame.BeginAnimation(HeightProperty, animation0);
hope this helps, regards
14.8k13142
This probably isn't the best answer, but it maybe helpful to you or at least give you some ideas. In Silverlight I have achieved that type of sliding transition effect between pages by using the TransitioningContentControl from the . It is a content control which basically lets you define a custom storyboard in a visual state for a transition between the old and new content whenever the content changes. It also includes some default (fade/up/down) transitions if you don't want to take the time to define a custom storyboard.
I realize that you are working with WPF and that the TransitioningContentControl is not available in WPF or in the WPF Toolkit. However, it may not be too difficult to port this control over to WPF or at least make one that does something similar. Glancing over the source it looks like it may be doable if you have the time and it is the type of control you may reuse in other places.
for the Silverlight version and Jesse Liberty has a
which walks through using the control in Silverlight.
32.5k85374
Your Answer
Sign up or
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Post as a guest
By posting your answer, you agree to the
Not the answer you're looking for?
Browse other questions tagged
Stack Overflow works best with JavaScript enabled3449人阅读
整理了一些其它动画，用的模板为flip模板，只不过CSS3不同
/***************** 淡入淡出 ********************/
.effect5 .back {
-webkit-transform: rotate3d(1,0,0,0);
.effect5.show .front{
-webkit-animation: effect5Front 0.6
@-webkit-keyframes effect5Front{
0% { opacity: 1; }
100% { opacity: 0; }
/***************** 向左边推入 ********************/
.transition.effect6 { overflow: }
.effect6.show .front,
.effect6.show .back{
-webkit-animation-duration: 0.4s;
-webkit-animation-timing-function: ease-
-webkit-animation-fill-mode:
.effect6.show .front{
-webkit-animation-name: effect6F
.effect6.show .back {
-webkit-animation-name: effect6B
@-webkit-keyframes effect6Front{
0% { -webkit-transform: translateX(0); }
100% { -webkit-transform: translateX(-100%); }
@-webkit-keyframes effect6Back{
0% { -webkit-transform: translateX(100%); }
100% { -webkit-transform: translateX(0px); }
/***************** 从某个角落盖上原来的图片 ********************/
.effect7 .front{ z-index: 1; }
.effect7 .back{ z-index: 2; }
.effect7.show .back{
-webkit-animation: effect7Back 0.4s ease-
@-webkit-keyframes effect7Back{
0% { -webkit-transform: rotate(40deg) scale(1.5) translate(200px,10px); opacity: 0; }
100% { -webkit-transform: rotate(0deg) scale(1) translate(0,0); opacity: 1; }
/***************** 插扑克牌效果1 ********************/
.effect8 .back {
-webkit-transform: rotate3d(1,0,0,0);
.effect8 .front {
z-index: 1;
.effect8 .back {
z-index: 1;
.effect8.show .front{
-webkit-animation: effect8Front 0.8s ease-in-
@-webkit-keyframes effect8Front{
0% { -webkit-transform: translateX(0); z-index: 3;}
50% { -webkit-transform: rotateZ(-5deg) translateX(-339px); z-index: 3;}
51% { z-index: 1;}
100% { -webkit-transform: rotateZ(0deg) translateX(0px); z-index: 1;}
/***************** 插扑克牌效果2 ********************/
.effect9 .back {
-webkit-transform: rotate3d(1,0,0,0);
.effect9.show .front,
.effect9.show .back{
-webkit-animation-duration: 0.8s;
-webkit-animation-timing-function: ease-in-
-webkit-animation-fill-mode:
-webkit-transform-origin: 0% 100%;
.effect9.show .front{
-webkit-animation-name: effect9F
.effect9.show .back {
-webkit-animation-name: effect9B
@-webkit-keyframes effect9Front{
0% { z-index: 3;}
50% { -webkit-transform: rotateZ(-75deg); z-index: 3;}
51% { z-index: 1;}
100% { -webkit-transform: rotateZ(0deg); z-index: 1;}
@-webkit-keyframes effect9Back{
0% { z-index: 1;}
50% { -webkit-transform: rotateZ(20deg); z-index: 1;}
51% { z-index: 3;}
100% { -webkit-transform: rotateZ(0deg); z-index: 3;}
/***************** 淡出效果2 ********************/
.effect10 .back {
-webkit-transform: rotate3d(1,0,0,0);
.effect10.show .front{
-webkit-animation: effect10Front 0.4s ease-in-
@-webkit-keyframes effect10Front{
0% { opacity:1; }
100% { -webkit-transform: rotateZ(3deg) scale(1.5); opacity:0; }
/***************** effect11 ********************/
.effect11 .back {
-webkit-transform: rotate3d(1,0,0,0);
.effect11.show .front{
-webkit-transform-origin: 0% 100%;
.effect11.show .front{
-webkit-animation: effect11Front 1s ease-in-
@-webkit-keyframes effect11Front{
0% { z-index: 3; -webkit-animation-timing-function : ease-in }
20% { -webkit-transform: rotateZ(180deg); z-index: 3;-webkit-animation-timing-function : ease-out }
21% { z-index: 1; }
40% { -webkit-transform: rotateZ(370deg); z-index: 1; }
60% { -webkit-transform: rotateZ(356deg); z-index: 1; }
80% { -webkit-transform: rotateZ(360deg); z-index: 1; }
95% { -webkit-transform: rotateZ(359deg); z-index: 1; }
100% { -webkit-transform: rotateZ(360deg); z-index: 1; }
/***************** 中心点扩散显示(mask) ********************/
.effect12 .back{
-webkit-transform: rotate3d(1,0,0,0);
.effect12 .back {
-webkit-mask-image: url(../../assets/circle-mask.png);
-webkit-mask-repeat: no-
-webkit-mask-position: 50% 50%;
-webkit-mask-size: 1500
-webkit-animation-duration: 1s;
.effect12.show .back{
-webkit-animation-name:
z-index:3;
@-webkit-keyframes iris {
0% { -webkit-mask-size: 0; -webkit-animation-timing-function: ease-in- }
100% { -webkit-mask-size: 1500 }
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：341428次
积分：3569
积分：3569
排名：第6561名
原创：65篇
评论：42条
(2)(3)(1)(1)(1)(1)(8)(4)(3)(2)(4)(10)(3)(8)(1)(8)(14)