Grow/Shrink Hold Size

I am using a Motion HD template (Blue News template) and one of them starts with a picture of a person growing in size. The template only lasts about 5 seconds but i want to use it longer. My question is how after the image has grown how can I keep it that size. Right now, it grows but then goes back to the size it started at. I don't want to keep growing the image, grow it for the 5 seconds and then hold it there.

Personally, I'd remove the Grow/Shrink behavior and instead keyframe the scale using the Record button over the time you want it to grow - you then have the flexibility to change how the growth starts and stops by changing the keyframe interpolation.

Similar Messages

How to setup grow/shrink behavior on a moving group?

SD project. Group consists of 18 evenly spaced SD video clips each individually sized to 40%. The group is positioned near the top of the screen at 100% size.
The group then marches smoothly across the screen by transforming position X over 36 seconds using linear interpolation.
I am trying to cause the group (10 seconds into the timeline) to smoothly increase in size by applying a grow/shrink behavior over 3 seconds while continuing the X transform.
Position Y is changed to keep the location of the top of the group the same while the group grows.
Starts OK and ends OK. Works fine all the way to the end once the behavior finishes. Using the same X transform.
The problem is that during the grow behavior the apparent X and Y axis motion behaves incorrectly. The motion appears to change speed and even briefly reverses direction.
I understand why this is happening but I don't know how to fix it.
I have tried every combination of interpolation for the transforms along with every variation of the grow behavior parameters I can think of.
Everything I have tried makes things worse and/or introduces unwanted side effects.
Any thoughts?

I tried to implement what you were talking about. Just to make it easier on myself, I did use a 18 piece replicator instead of 18 individual files...so hopefully that doesn't change things. I did not get any reverse or weird X,Y behaviors acting incorrectly. It started at timeline 10:00 and ended at timeline 13:00, grew 120%, and the group had an anchor point set to the top of the group so it would only grow bottom and to the sides. Stuck with the same interpolation and everything. The only thing that looked weird was that the boxes pop back in place after the grow/shrink is done. Which is just because the behavior ends. Now! something that was odd was that I couldn't keyframe any parameters in the behavior?

Grow/Shrink Effects behavior in DW 5.5

I am working on a page at http://www.tyneships.co.uk/phones/keys.php. Click on any letter on the page, and then on any of the links on the left hand side of the page that it takes you to.(all temporary code).
This takes you to a page which loads a picture and shrinks it down to a size. When you click on the picture, it expands to fill the page. Click on it again, and it shrinks back again.
I did this using the DW5.5 grow/shrink effect, to be found under Window/Behaviors/+/Effects/Grow/Shrink.
The code is here:
<img src="../photos/<?php echo $row_showshipset['thumblink']; ?>" width="800" height="600" title="Click to Zoom or Shrink" onClick="MM_effectGrowShrink(this, 1000, '100%', '300%', true, false, false)" onload="MM_effectGrowShrink(this, 0, '100%', '40%', false, false, false)">
On load, it is set to shrink the image down from 100% to 40% of its size in 0 miliseconds. When clicked on, it grows to , and then when it is clicked on, it grows from 100% to 300% to fit its preset 800 x 600.
This would be great, except for the fact that as the picture loads, it first of all fills the screen before the javascript routine shrinks it into its table.
The same happens if you click the next button under the photo while it is expanded.
There used to be a behaviour called "Pre-Load Images" that I thought may fix this problem, but it is no longer ioncluded in the DW package.(or at least I cannot find it)
Is there any way to obscure the image until it has loaded and shrunk down to its smaller size?
Howard Walker

You need to upload the script file to the server:
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
That is in your code but not on the server.
J

How do I Reverse Grow/Shrink?

Sorry, this has to be pretty simple, but I can't figure it out for some reason. I've been using the Help pdf too.
I want to reverse my Grow/Shrink behavior at a specific point in my timeline. I have a video grow from a little square to cover the whole screen, but I want it to return to the little square size after it's grown to full. I can't do this.
I tried putting the Reverse bahavior on, and it has the little square start off covering the whole screen and then shrink down. When I tried trimming the the reverse to the specific point where I wanted the full to shrink back, nothing happened. It just grew out and stayed big.
How do I reverse a behavior from a certain point on?
4 x 2.5 GHz PowerPC G5 Mac OS X (10.4.6)

New Discussions ResponsesThe new system for discussions asks that after you mark your question as Answered, you take the time to mark any posts that have aided you with the tag and the post that provided your answer with the tag. This not only gives points to the posters, but points anyone searching for answers to similar problems to the proper posts.
If we use the forums properly they will work well...
Patrick

Grow/Shrink Behavior Not Working

I created 5 separate DIVs/Images using the grow/shrink behavior. The behavior worked on the computer I initially created them on, when I got home, the behaviors are still setup, but don't work in either the LiveView, Preview in Browser or when the new files are uploaded to the server.
When I check the source code, the behavior is there as well.
http://www.typea-sports.com/index.html (the five images are supposed to grow from 25% of their size to 100% at different speeds.
I'm using version CS4.
Any ideas on why?
Thanks,
Peter

You need to upload the script file to the server:
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
That is in your code but not on the server.
J

How can you shrink the size of an upright picture to make it smaller without losing any of the detail in it??? At the moment, if I view them on my laptop, landscape photos fill the screen, but portrait photos only show the middle part.

How can you shrink the size of an upright picture to make it smaller without losing any of the detail in it (in Slideshow)??? At the moment, if I view them on my Mac Laptop, landscape photos fill the screen, but portrait photos only show the middle part, so I loose the top and bottom of the picture. Have tried cropping, but that means I lose top and bottom part of the picture, so that is not the answer!!

Homestly haven't a clue what's going on there.
Try trash the com.apple.iPhoto.plist file from the HD/Users/ Your Name / library / preferences folder.
(On 10.7: Hold the option (or alt) key while clicking on the Go menu in Finder to access the User Library)
(Remember you'll need to reset your User options afterwards. These include minor settings like the window colour and so on. Note: If you've moved your library you'll need to point iPhoto at it again.)
What's the plist file?
For new users: Every application on your Mac has an accompanying plist file. It records certain User choices. For instance, in your favourite Word Processor it remembers your choice of Default Font, on your Web Browser is remembers things like your choice of Home Page. It even recalls what windows you had open last if your app allows you to pick up from where you left off last. The iPhoto plist file remembers things like the location of the Library, your choice of background colour, whether you are running a Referenced or Managed Library, what preferences you have for autosplitting events and so on. Trashing the plist file forces the app to generate a new one on the next launch, and this restores things to the Factory Defaults. Hence, if you've changed any of these things you'll need to reset them. If you haven't, then no bother. Trashing the plist file is Mac troubleshooting 101.

Trying to achieve grow/shrink to nothing effect

I'n trying to create a vertical panel where items can be added which are displayed top to bottom. Each "item" is a box with some interesting information to display and should be shown for a few seconds.
The space where it will be displayed will first grow to make room, then fade in, display for a few seconds, fade out, and shrink back to nothing. When it grow/shrinks, the intention is that the items above and below will make room/close the gap accordingly.
Now, I've gotten quite far to get this to work with two different solutions, but both have a problem.
Solution 1
Put the "item" in a Group. Then use Timelines to animate its ScaleYProperty to simulate the shrinking to nothing effect.
Problem: As soon as I put things in a group, the content of the "Item" is too small (it uses the preferred size instead of expanding to fill available space). If I use a StackPane it looks exactly how I want, but the ScaleYProperty won't work properly then (because StackPane ignores transformations in its size calculations).
I've tried forcing the preferred size to the correct value. Problem: I don't know the correct value, I don't know how to find out how big the "content" area should be. Doing a getWidth() of the vertical panel and substracting the Insets comes close, but there's always a small difference -- in other words, unsatisfactory.
...stuck
Solution 2
Replace the "item" with Rectangles that I resize to make space for the "item" before actually adding it. The shrinking effect works great... but I cannot get the grow effect to work properly because I donot know how big the "item" will be... there's no way to find out how big something will be once added to the scene graph.
Fiddling with adding the item temporarily to the scene graph, then trying to get its size somehow didn't work or had annoying side effects.
So, basically, I'm stuck with both approaches.
First because Groups donot allow their content to fill available space... (and finding out the correct preferred size seems not possible)...
Second because I cannot find out how big something will be BEFORE adding it to a scene graph...
Any ideas what I can still try?

Okay, a fully working example ripped completely out of its context :)
This needs some keyboard control. Press 1/2 to adjust the "Playback rate" and 9/0 to adjust "Volume". In the center of the screen boxes will appear showing what you just did, and will fade out after a while. Adjusting both settings shortly after each other can result in two bars being displayed (this is intended) and shows the effect I want in greater detail.
The part I'm not happy with is where I hard-code the Preferred Width (search for setPrefWidth) because it is not correct (the width is only an estimate and changes when a slider is displayed... so the next slider added gets a different preferred width).
Possible solutions are some other way of "shrinking" a group without using the ScaleYProperty; somehow getting the correct preferred width; somehow getting Group to respect the "available space" for my StackPane... etc...
It works great in my opinion, just this little snag I want to get rid of.
playback-state-overlay.css
.root {
-c-main: rgb(173, 216, 230);
-c-shadow-highlight: derive(-c-main, -50%);
color-content-background: derive(-c-main, -80%);
.label {
-fx-text-fill: white;
.slider {
-fx-show-tick-labels: true;
-fx-show-tick-marks: true;
.slider .axis {
-fx-tick-label-fill: -c-main;
.slider .thumb {
-fx-background-color: rgb(0, 0, 0, 0.5), rgb(64, 64, 64), linear-gradient(to bottom, yellow, white, orange);
-fx-background-insets: 0, 1, 2;
-fx-background-radius: 0.3em, 0.25em, 0.2em;
-fx-padding: 0.75em 0.3em 0.75em 0.3em;
.slider .track {
-fx-background-color: -c-shadow-highlight, derive(-c-main, -22%), linear-gradient(to bottom, derive(-c-main,-15.5%), derive(-c-main,34%) 30%, derive(-c-main,68%));
-fx-background-insets: 1 0 -1 0, 0, 1;
-fx-background-radius: 0.2em, 0.2em, 0.1em;
-fx-padding: 0.208333em;
.axis:top {
    -fx-border-color: transparent transparent #aaaaaa transparent;
.axis:right {
    -fx-border-color: transparent transparent transparent #aaaaaa;
.axis:bottom {
    -fx-border-color: #aaaaaa transparent transparent transparent;
.axis:left {
    -fx-border-color: transparent #aaaaaa transparent transparent;
.axis-tick-mark {
-fx-stroke: #aaaaaa;
.item {
-fx-font: 22pt "Arial";
.content-box {
-fx-background-color: color-content-background;
-fx-background-radius: 20;
-fx-padding: 30;
-fx-hgap: 20;
ShrinkTest.java
package hs.javafx;
import javafx.animation.Animation.Status;
import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.application.Application;
import javafx.beans.binding.NumberExpression;
import javafx.beans.binding.StringBinding;
import javafx.beans.binding.StringExpression;
import javafx.beans.property.DoubleProperty;
import javafx.beans.property.IntegerProperty;
import javafx.beans.property.SimpleDoubleProperty;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.collections.ListChangeListener;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.Slider;
import javafx.scene.input.KeyCode;
import javafx.scene.input.KeyEvent;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.ColumnConstraints;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.RowConstraints;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.util.Duration;
public class ShrinkTest extends Application {
private final Player player = new Player();
private final VBox playbackStateOverlay = new VBox() {{
    getStyleClass().add("content-box");
    setVisible(false);
public static void main(String[] args) {
    Application.launch(ShrinkTest.class, args);
@Override
public void start(Stage primaryStage) throws Exception {
    StackPane stackPane = new StackPane();
    playbackStateOverlay.getChildren().addListener(new ListChangeListener<Node>() {
      @Override
      public void onChanged(ListChangeListener.Change<? extends Node> change) {
        playbackStateOverlay.setVisible(!change.getList().isEmpty());
    stackPane.setOnKeyPressed(new EventHandler<KeyEvent>() {
      @Override
      public void handle(KeyEvent event) {
        if(event.getCode() == KeyCode.DIGIT1) {
          player.rateProperty().set(player.rateProperty().get() - 0.1);
        if(event.getCode() == KeyCode.DIGIT2) {
          player.rateProperty().set(player.rateProperty().get() + 0.1);
        if(event.getCode() == KeyCode.DIGIT9) {
          player.volumeProperty().set(player.volumeProperty().get() - 1);
        if(event.getCode() == KeyCode.DIGIT0) {
          player.volumeProperty().set(player.volumeProperty().get() + 1);
        event.consume();
    stackPane.getChildren().add(new GridPane() {{
      getColumnConstraints().add(new ColumnConstraints() {{
        setPercentWidth(25);
      getColumnConstraints().add(new ColumnConstraints() {{
        setPercentWidth(50);
      getColumnConstraints().add(new ColumnConstraints() {{
        setPercentWidth(25);
      getRowConstraints().add(new RowConstraints() {{
        setPercentHeight(10);
      add(new Button("Hi"), 0, 0); // something to get focus
      add(playbackStateOverlay, 1, 1);
    Scene scene = new Scene(stackPane);
    scene.getStylesheets().add("playback-state-overlay.css");
    primaryStage.setScene(scene);
    primaryStage.setFullScreen(true);
    primaryStage.show();
    final StringBinding formattedVolume = new StringBinding() {
        bind(player.volumeProperty());
      @Override
      protected String computeValue() {
        return String.format("%3d%%", player.volumeProperty().get());
    final StringBinding formattedRate = new StringBinding() {
        bind(player.rateProperty());
      @Override
      protected String computeValue() {
        return String.format("%4.1fx", player.rateProperty().get());
    player.volumeProperty().addListener(new ChangeListener<Number>() {
      @Override
      public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
        addOSD(createOSDItem("Volume", 0.0, 100.0, player.volumeProperty(), formattedVolume));
    player.rateProperty().addListener(new ChangeListener<Number>() {
      @Override
      public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
        addOSD(createOSDItem("Playback Speed", 0.0, 4.0, player.rateProperty(), formattedRate));
private static Node createOSDItem(final String title, final double min, final double max, final NumberExpression value, final StringExpression valueText) {
    return new VBox() {{
      setId(title);
      getStyleClass().add("item");
      getChildren().add(new BorderPane() {{
        setLeft(new Label(title) {{
          getStyleClass().add("title");
        setRight(new Label() {{
          getStyleClass().add("value");
          textProperty().bind(valueText);
      getChildren().add(new Slider(min, max * 1.01, 0) {{ // WORKAROUND: 1.01 to work around last label display bug
        valueProperty().bind(value);
        setMinorTickCount(4);
        setMajorTickUnit(max / 4);
public void addOSD(final Node node) { // id of node is used to distinguish same items
    String id = node.getId();
    for(Node child : playbackStateOverlay.getChildren()) {
      if(id.equals(child.getId())) {
        Timeline timeline = (Timeline)child.getUserData();
        if(timeline.getStatus() == Status.RUNNING) {
          timeline.playFromStart();
        return;
    final StackPane stackPane = new StackPane() {{
      getChildren().add(node);
      setPrefWidth(playbackStateOverlay.getWidth() - playbackStateOverlay.getInsets().getLeft() - playbackStateOverlay.getInsets().getRight());
    node.opacityProperty().set(0);
    final Group group = new Group(stackPane);
    group.setId(node.getId());
    stackPane.setScaleY(0.0);
    final EventHandler<ActionEvent> shrinkFinished = new EventHandler<ActionEvent>() {
      @Override
      public void handle(ActionEvent event) {
        playbackStateOverlay.getChildren().remove(group);
    final Timeline shrinkTimeline = new Timeline(
      new KeyFrame(Duration.seconds(0.25), shrinkFinished, new KeyValue(stackPane.scaleYProperty(), 0))
    final EventHandler<ActionEvent> fadeInOutFinished = new EventHandler<ActionEvent>() {
      @Override
      public void handle(ActionEvent event) {
        group.setId(null);
        shrinkTimeline.play();
    final Timeline fadeInOutTimeline = new Timeline(
      new KeyFrame(Duration.seconds(0.5), new KeyValue(node.opacityProperty(), 1.0)),
      new KeyFrame(Duration.seconds(2.5), new KeyValue(node.opacityProperty(), 1.0)),
      new KeyFrame(Duration.seconds(3.0), fadeInOutFinished, new KeyValue(node.opacityProperty(), 0.0))
    EventHandler<ActionEvent> expansionFinished = new EventHandler<ActionEvent>() {
      @Override
      public void handle(ActionEvent event) {
        fadeInOutTimeline.play();
    Timeline expansionTimeline = new Timeline(
      new KeyFrame(Duration.seconds(0.25), expansionFinished, new KeyValue(stackPane.scaleYProperty(), 1.0))
    group.setUserData(fadeInOutTimeline);
    playbackStateOverlay.getChildren().add(group);
    expansionTimeline.play();
public static class Player {
    private final IntegerProperty volume = new SimpleIntegerProperty(50);
    private final DoubleProperty rate = new SimpleDoubleProperty(1.0);
    public IntegerProperty volumeProperty() {
      return volume;
    public DoubleProperty rateProperty() {
      return rate;
}

Can I shrink the size of a form text box based on the content?

We are helping a customer migrate from some MS Word forms to use pdf forms. We are screenscraping the data from an AS400 green screen system and populating these new pdf forms with data. however some of the text boxes are in the middle of a sentence and the text box needs to be large enough to fit 50 characters but there are many times when the data we are entering is much less than 50. The resulting document looks very strange with all of that extra white space in the middle of a sentence due to the size of the text box.
So can we somehow shrink the size of the text box to fit the number of characters in the box?
I considered making the box smaller and setting the font size to auto but I think that would look even more strange to have a word with smaller font in the middle of a sentence.
Thanks,
Trent

Sorry, I should have mentioned I am using acrobat professional 9. I see that I can change the size of the text field when I am designing the form but what I don't see is how to dynamically change the size of the text field based on what data is put inside it.
Thanks,

By mistake, I shrink the size of a particular page, which firefox then remembers. How do I get the size back to normal?

When moving around on websites, somehow I manage to shrink the size of what is shown on the screen. I have not figured out how to get the size back to 'normal'. However, Firefox remembers this so when I reenter this particular size, it will still be in the smaller format. Very frustrating and as this has happened for at least two of my most watched sites, I am more and more using competing formats, e.g. Explorer.
I have alsl asked more experienced users of Internet to try to solve this but they are as lost as I am.
Looking forward to getting your advice.
Best regards,
Lars Henriksson

You can hit CTRL++ to zoom. Or install these add-ons:
https://addons.mozilla.org/en-US/firefox/addon/theme-font-size-changer/
https://addons.mozilla.org/en-US/firefox/addon/zoom-page/

I need to shrink the size of my 5gb fcp x movie so I can upload it to a specific site. If I buy this compressor will it be able to do that?

The file is currently just over 5gb and the site where the video needs to be uploaded will not take anything over 5gb. Is this the type of program I need to shrink the size of my project or should I use/do something else?

Hi Russ,
Thanks again. I feel like I"m so close and hitting stumbling blocks and not finding answers when I google it.
After I hit submit a sub box pops up with:
Name: name of my video
Cluter: Options or none or other
Priority: High
It then gives me an option to cancel, but the submit button on this box is greyed out.

When converting a document on Pages to PDF, is there a way to shrink the size of the PDF document?

When converting a document on Pages to PDF, is there a way to shrink the size of the PDF document?

When exporting you are given 3 options:
Good, Better, Best
But I am guessing you are asking something else, just haven't said so.
Peter

My photos shrink in size when emailed from IPHOTO or attached - How can I fix this. My friends say they can't see my pictures... thanks!!

My photos shrink in size when emailed from IPHOTO or attached - How can I fix this. My friends say they can't see my pictures... thanks!!

When you email from iPhoto, you have a choice as to the size of the picture - choose medium and your friends will be able to see them. By the way, do your friends click on the photo attachment in the mail to open it?

How to use the grow/shrink effect from the gallery

I'm not interested in the entire gallery, however, the
grow/shrink effect is very nice.
I tried looking for it in dreamweaver....
and then I tried grabbing gallery.js and spryeffects.js
I get errors.....Has anyone extracted this particular
behavior? There are a number of places it can be useful.
Thanks,

Oh, I think I have found something ot there, sorry if I was a little impatient...
"3d fog only works with 2 different 3d image types and does not work with a AE 3d scene."
And one of that 3d images is "RPF" or something like that, a file that contains some 3D or depth info as far as I can imagine... So... really there is no effect like this to simulate fog quickly & easily into a simple 3D After Effects composition? Cause it'd be very usefull... of course I can imagine several ways to "fake" it, but a simple effect for each 3D layer it'd be great to avoid complications... Well, anyway any imput or advice it'll be very welcomed, CHEERS!

To shrink the size of TEMP tablespace

Dear all,
There is a databse with RAC, now in OEM the size of TEMP tablespace has been reached at 99.9%. now we want to shrink the size of TEMP tablespace.
how to we do that???????
plz help me...........

Temporary tablespaces usually show they are full, however this space is not actually in use. It is rather allocated. Oracle has evaluated the best way to obtain the most of performance, and he said it is better to allocate once than allocate-deallocate-reallocate extents, so temporary space is not 'released'.
If you want to feel psychologically more confortable with lower allocated space, you can drop your tablespace (create an interim default temporary tablespace first) and recreate it.
You can also rebuild temporary datafiles:
alter tablespace temp add tempfile 'C:\ORACLE\ORACLEXE\ORADATA\XE\TEMP01.dbf' size 32m;
SQL> select name from v$tempfile;
NAME
C:\ORACLE\ORACLEXE\ORADATA\XE\TEMP.DBF
C:\ORACLE\ORACLEXE\ORADATA\XE\TEMP01.DBF
SQL> alter database tempfile 'C:\ORACLE\ORACLEXE\ORADATA\XE\TEMP01.DBF' drop including datafiles;
Database altered.

How to shrink the size of JRE?

Hi,
I wrote a simple Java utlity that performs some business logic for my clients. It is going to run on Windows environments. I created a .exe for this Java application. Obviously It also needs JRE. I made sure that JRE is also shipped along with this application. But the size of JRE is around 70 MB. Is there anyway to shrink the size of JRE? What is best practice for such a thing?
Thanks in advance,
Mustafa

I'm not sure what the licensing implications are of customizing your own derivative of Sun's JRE, presuming that's the one you're using. If the agreement permits, you could remove classes you know that you won't use from the runtime JAR.
Your best bet, though, sounds like using a Java-to-native compiler. There are a number of applications out there that could produce a Windows executable from your Java code and, since you know it's only going to be run on Windows machines, you lose very little if anything by going through this process.
Best of luck.

Grow/Shrink Hold Size

Similar Messages

Maybe you are looking for