Grow effect and growCenter

Hi -
I'm trying out the grow effect using the code from
http://labs.adobe.com/technologies/spry/preview/samples/effects/growThumbnails.html
to set the z-index, however when I insert the
growCenter:false switch
into the code, the image grows underneath the bordering
elements, which
have no z-index specified. Without the growCenter switch, the
grow and
toggle work perfectly. My images are to the left side of the
window,
however, so I need the image to grow from the upper left
corner.
I've copied the JavaScript verbatim from the example page,
and the only
modification I've made is this:
effects[targetElement.id] = new
Spry.Effect.Grow(targetElement,
{duration: 400, from: '100%', to: '500%', toggle: true,
growCenter:false, setup:setzindex, finish:resetzindex});
...where I've added the growCenter:false.
Has anyone else run into this, and is there a quick fix?
Thanks,
Rod

Hello Rod,
I think you should try into your CSS to put for every image
position: relative.
Regards,
Cristian MARIN

Similar Messages

No 3D chart anti-aliasing with 3D Grow effect on Mac Mini

Today I have just purchased a Mac mini for the main purpose of rendering Keynote animated 3D charts for a doco I'm editing. I am using Keynote '08 (4.0.3).
As it turns out, anti-aliasing works on the 3D charts as long as there is no '3D Grow' effect on them. However, if I apply a '3D Grow' effect and view the slideshow, I get the jaggies and no anti-aliasing, even when the animation has finished. I also get no anti-aliasing when exporting as Quicktime in any format.
I get anit-aliasing on my Mac Pro at work, but not on this Mac Mini so I wonder if there is some incompatibility with Keynote and the Mac mini graphics capabilities.

Hi, thanks for your response.
Actually, I have no transitions grayed out, although for the build effects on Charts, 'Flame' is indicated as unable to be used on this computer.... so you're right, it doesn't look good. Strange that I can use a build effect like Sparkle or Shimmer which are anti-aliased but for 3D grow, some growing blocks of a chart can't be anti-aliased
I guess it's back to the store to try and exchange this mac mini for an Imac.

Spry grow effect glitch.

I'm trying to do a gallery something similar to:
http://labs.adobe.com/technologies/spry/demos/gallery/
but the grow effect on my Spry page is glitchy in the sense that it
jumps/shakes on rollover and sometimes it gets stuck and doesn't
mouseout. You can see what I'm talking about here:
http://www.tinsley.com/www/test/
. Not sure what the problem is other than I'm using tables and not
div's but not sure if that would cause this. The code DW is
generating for the effect is the following:
<a href="images/work/large/AdMNIJul.jpg" class="thickbox"
title="Your fly is down and you couldn't be happier."
rel="gallery">
<img src="images/work/medium/AdMNIJul.jpg" alt="thumb"
width="20" height="20" onmouseover="MM_effectGrowShrink(this, 500,
'20px', '70px', false, false, false)"
onmouseout="MM_effectGrowShrink(this, 300, '70px', '20px', false,
false, false)" onclick="MM_effectGrowShrink(this, 500, '70px',
'20px', false, false, false)" />
</a>
Any help would be appreciated. Thanks in advance.

firefox gives error;
quote:
Spry.Effect.DoGrow is not a function
GrowShrink(img#cooperfineart.jpg cooperfineart.jpg, 1000,
"150px", "520px", true, false, false)port.asp (line 23)
onclick(click clientX=0, clientY=0)port.asp (line 1)
[Break on this error] Spry.Effect.DoGrow(targetElement,
{duration: duration, from: from, to: to, togg...
port.asp (line 23)
Spry.Effect.DoGrow is not a function
becouse Spry.Effect.DoGrow is SPRY 1,5 code (i think)
maby update your SPRY, your using 1,4. current release is
1,6

Gallery using spry grow effect that targets the clicked thumbnail

Hello. I'm trying to build a gallery with thumbnails that,
when clicked, grow to display the full-size image. I created an xml
spry data set and I'm using a spry:repeat to go through each row of
the data set and create the thumbnail. Then I attach the grow
effect, but since the target is each of the thumbnails, I need an
unique id for each. I tried using id="thumb_{ds_RowID}" (and
ds_RowCount and ds_RowNumber) but it doesn't work.
I guess ds_RowID is not valid outside the spry:region, but
perhaps there's a way around this?
Can anyone give me any sort of advice on how I could make
this work? Thank you.

Hello Dexter,
By looking in the code I think the problem appears because of
borders that are not defined in the CSS and on IE they are reported
as NaN. Try to change the border definition for the element to 0px
explicitly.
Could you show me a link where you have the page with the
problem or give me the CSS definition of the element that is
initially invisible so I can test this bug and do the corrections.
Cristian MARIN

Is it possible to change direction of growth for the grow effect?

I would like to use the grow effect on a page with a few images.
The images are going to be floated rigth of the text that goes with them and the problem I have is that the images grows in part to the right of the visible window and are partially out of view creating an horizontal scrolling bar.
I used the default value for var growFromCenter; which is true. I changed it also to false but the results are even worst because it seems to grow from the top left corner of the image to the right and bottom.
I could not figure out, I am a begginer at javascript, if there is some parameter that I could modify to make it grow toward the right of the thumbnail position.
Thank you

I achieved the effect I was looking for by changing the following in the SpryEffects.js
I am using growFromCenter set as true.
changed
toPos.x = startOffsetPosition.x + (originalWidth - toRect.width) / 2.0;
to
toPos.x = startOffsetPosition.x + (originalWidth - toRect.width);
to achieve the growth to the right of the thumbnail image.
Still I would like to hear comments about my solution and any other suggestions or alternatives to achieve the same result.
Although many of the variables are easy to understand by their names others are not so obvious to me. Is there a resource where I can find a description of the variables used in SrpyEffects.js
Thank you.

Grow Effect with "useCSSBox: true" Problem

Good day,
I am using the spry grow effect with the “useCSSBox:
true”. This works fine in the example( example 5) that comes
with spry(Samples directory->effects)
The problem occurs when the window is initially hidden like
“Grow example 3.1” and it goes form 0% to 100%.
Spry.Effect.Grow('example5', {duration: 1000, from: '0%',
to: '100%', toggle:true, useCSSBox: true});
Then I get an Error on line 1218 char 3 in the IE and nothing
happen.
Can somebody help me or is it a bug
Thanks in advance for any reaction

Hello Dexter,
By looking in the code I think the problem appears because of
borders that are not defined in the CSS and on IE they are reported
as NaN. Try to change the border definition for the element to 0px
explicitly.
Could you show me a link where you have the page with the
problem or give me the CSS definition of the element that is
initially invisible so I can test this bug and do the corrections.
Cristian MARIN

Spry Gallery Demo Grow effect problems

Im learning and trying to recreate the spry gallery demo with
the growing thumbnails.
I have replicated pretty much all the code and used the same
onmouseover gallery.js and spryeffects.js but I just get an error
on page and no grow.
If I use the attribute panel and use the grow effect it does
work but the thumbnails around the one growing are pushed around
instead of the growing thumbnail appearing on top.
I'm stuck!
My code for the thumnail region is here:
<div id="thumbcontainer" spry:region="dsGallery">
<div spry:repeat="dsGallery"
onmouseover="GrowThumbnail(this.getElementsByTagName('img')[0],
'75', '75');"
onmouseout="ShrinkThumbnail(this.getElementsByTagName('img')[0]);">
<img src="thumbnails/{@thumbpath}" alt="" width="32"
height="32" id="tn{ds_RowID}" style="left: 0px; right: 0px;"
spry:setrow="dsGallery" class="thumbImage"/>
</div>
</div>
Any suggestions

I'm confused. The example for Spry gallery DOESN'T use an
anchor tag around the thumbnails... In your article and in some
posts, you say that the structure is:
<div id="thumbnails">
<div class="thumbnail">
<a href="image.jpg"><img src="image.jpg"
/></a>
</div>
</div>
However, I downloaded Spry_1_6_1_022408 and copied the
example thumbnails element & content verbatim:
<div id="thumbnails" spry:region="dsPhotos dsGalleries
dsGallery">
<div spry:repeat="dsPhotos"
onclick="HandleThumbnailClick('{ds_RowID}');"
onmouseover="GrowThumbnail(this.getElementsByTagName('img')[0],
'{@thumbwidth}', '{@thumbheight}');"
onmouseout="ShrinkThumbnail(this.getElementsByTagName('img')[0]);">
<img id="tn{ds_RowID}" alt="thumbnail for {@thumbpath}"
src="galleries/{dsGalleries::@base}{dsGallery::thumbnail/@base}{@thumbpath}"
width="24" height="24" style="left: 0px; right: 0px;" />
</div>
<p class="ClearAll"></p>
</div>
NO ANCHOR TAG. Even if you look in the generated source,
there's no link surrounding the thumbnail image.
So I guess I am unclear as to how to apply your fix? Using
the 1.6.1 version, the sample function code you show doesn't match,
nor does it seem to reflect your modifications...
Any ideas? I managed to track down your post about the bug in
IE 7 (it exists in IE6, too) [the demo link (
http://mad.sweepingdesign.com/index.html)
goes to a page that says "It works!"]
The actual article can be found here, though the demo link
shows nothing:
http://www.sweepingdesign.com/wordpress/2007/11/18/spry-gallery-demo-and-ie7-z-index-bug/

Keynote – 2D chart grow effect?

Hi, i've made a graph that i want to animate with the grow effect that is available for 3D graphs. Only i want the graph to be 2D. Any way to work around this?
Heres a video of basically what i want to achieve: http://www.youtube.com/watch?feature=player_embedded&v=hAlBvw-UR5Y (just the graph movement, don't worry about the faded edge and text movement etc.)
Urgent, thanks in advance for all help!

Hi there,
I had the same problem, and I don't think Keynote offers a grow build for 2D pie charts. What I did was to convert the chart into 3D, move it to centre position using the rotate knob and the set the depth of the chart (inspector -> charts -> bottom) to zero. This almost looks like a 2D pie chart and was sufficient to me, hope this helps.
Niklas

Spry Grow Effect

I've added the grow effect to my site to grow and shrink
images on my portfolio page.
It works fine on my localhost server but when I upload it to
my webserver (Fasthosts: Windows IIS 6) it just stops working. All
the code is present, the function being called correctly, but it
just doesn't do anything.
Help me?
My page is at:
http://www.designermonkey.co.uk/port.asp?mod=port&port=top10
Designermonkey">Designermonkey

firefox gives error;
quote:
Spry.Effect.DoGrow is not a function
GrowShrink(img#cooperfineart.jpg cooperfineart.jpg, 1000,
"150px", "520px", true, false, false)port.asp (line 23)
onclick(click clientX=0, clientY=0)port.asp (line 1)
[Break on this error] Spry.Effect.DoGrow(targetElement,
{duration: duration, from: from, to: to, togg...
port.asp (line 23)
Spry.Effect.DoGrow is not a function
becouse Spry.Effect.DoGrow is SPRY 1,5 code (i think)
maby update your SPRY, your using 1,4. current release is
1,6

I am new to After Effects and Motion 5 and I have a question

Hello there,
I am currently working on a personal side project for a family member. She would like me to make a video with recorded audio and pictures from the 1920’s for my grandmother. I would like to give the parallax and 2.5D effect a try but as I never used After Effects or Motion before I am a little overwhelmed.
I have about 80 images to animate. Right now I am in the ‘Photoshop phase’. I am going through each image and separating the foreground, mid-ground, and background, into separate layers and saving the .psd files to eventually bring into Motion 5 (or After Effects) and animate.
After seeing this video:
https://www.youtube.com/watch?v=ZVrYyX3bHI8
I really wanted to animate the images I had in a similar fashion. I really loved how they seemed to move and know that I can accomplish this appearance with the pin tool in After Effects. After seeing this video however, I continued looking into the 2.5d effect and found this movie for Motion 5:
https://www.youtube.com/watch?v=gmxlm2nkVLA
I bought Motion 5 because I thought the interface seemed more user friendly to newcomers (like myself), the effects were similar, and because I couldn’t afford to pay for After Effects every month.
But now I am kicking myself. Motion 5 is lovely and I do like the camera effects but I don’t think I can accomplish the ‘puppet’ effect with it like I can in After Effects. Does anyone know if it is possible? Is there a plugin for Motion 5? Can I send my .psd files into Motion 5, set up the timeline and cameras, save it, and then move it into After Effects and then use the pin tool to manipulate the images and layers?
I have read that some say it is hard to move Motion files into After Effects? If this is the case, could I save the Motion file, open it in Adobe Premiere, and THEN open it in After Effects and play around with it?
Any help is appreciated. Thank you so much in advanced.

2.5D is fairly easy to do in Motion... that's the good news. The bad news is: if you don't know what you need to do to accomplish it, it's practically impossible to do easily or well.
The first problem to overcome is perspective, and the other problem is parallax.
These two tutorials (by Mark Spencer) will give you all the information you need dealing with moving Photoshop Layers in Z-space. Even though the point of the tutorials is a "fly through", the same information applies to creating 2.5D. Just animate the camera laterally (sweep) instead of dolly.
http://vimeo.com/1344282
http://vimeo.com/1695145 (updated tips)

I'm told there is a virus associated with Adobe Reader. How can I tell if my machine is effected and if so what is the cure. I'm running OS X10.6.8 on an iMac with safari 5.1.5

I'm told there is a virus associated with Adobe Reader. How can I tell if my machine is effected and if so what is the cure. I'm running OS X10.6.8 on an iMac with safari 5.1.5

There are no viruses currently affecting the Mac but there is something called Flashback which is malware that has been doing the rounds and affected many Mac users. Apple have released some updates to Java that should remove it and improve protection. Run Software Update to see if there is anything for downloading.
A few precautions that can help prevent your Mac becoming infected:
If you use Flash only download it directly from Adobe.
In all web browsers disable Java (but do leave Javascript on as that's something else).
In all web browsers make sure downloaded files aren't set to automatically open after downloading.
Consider disabling Java completely (launch Java Preferences in the Utilities folder and disable it - you'll likely rarely, if ever need it. If you do just turn it on and off again when your done).
You can also check out this link:
http://lifehacker.com/5900434/how-to-find-out-if-your-mac-was-infected-by-the-fl ashback-trojan-in-one-click

A few questions about After Effects and CGI (Computer-generated Imagery)

Hi,
I'm very new to After Effects and this forum. But I have a few questions.
Now, I have recently started a movie project with my friend at a workshop. It's an action/sci-fi film and I'm probably going to be the editor and if needed in charge of visual and/or special effects. This sounds like a pretty big job for a noob, but we don't have a time limit with the project so there's time to learn.
But to my questions. I've thought of introducing CGI to myself (very simple of course). I've studied the use of blender, and I think I'll use it for the modelling and animation. But should Ae be used in any stage of producing the CGI or should everything be done in blender? If I do, how? Am I going in the wrong direction (wrong kind of software, etc.)?
Also, I'm not talking of fully producing the scene with the computer, but adding things like characters or items, maybe special effects.
I'm hoping for an answer to all my questions, but if you have just one or two answers I'm happy to hear them too. You're also welcome to correct me if I've misunderstood something. Please ask for further specifications if you need any!

pek859 wrote:
1. I'm very new to After Effects and this forum. But I have a few questions.
2. Now, I have recently started a movie project with my friend at a workshop. It's an action/sci-fi film and I'm probably going to be the editor and if needed in charge of visual and/or special effects. This sounds like a pretty big job for a noob, but we don't have a time limit with the project so there's time to learn.
3. But to my questions. I've thought of introducing CGI to myself (very simple of course). I've studied the use of blender, and I think I'll use it for the modelling and animation. But should Ae be used in any stage of producing the CGI or should everything be done in blender? If I do, how? Am I going in the wrong direction (wrong kind of software, etc.)?
4. Also, I'm not talking of fully producing the scene with the computer, but adding things like characters or items, maybe special effects.
5. I'm hoping for an answer to all my questions, but if you have just one or two answers I'm happy to hear them too. You're also welcome to correct me if I've misunderstood something. Please ask for further specifications if you need any!
1. Welcome to the family. AE is big, Really big. It's hard. Really hard. You have no idea how hard AE is to learr and to master.
2. No time limit is good but you will need some money.
3. This is not a Blender forum. You want to explore filmmaking, CGI and Blender-specific forums for that kind of assistance.
4. AE is for your compositing and special effects. But you will need to learn how both apps work before you can decide how to divide up your project. A comparison would be shooting your film. Are you using a DSLR? Do you know why? Or are you using a GoPro? Another example might be Apple's Final Cut Pro. You can edit audio in it but it's better to use an audio application. You can do some special effects in FCP but it's best to do complex stuff in Motion of After Effects. How do you know what app is appropriate Lots of experience. Lots of failures.
5. We were all new to AE and to vidoe editing and to special effects at one time or another. The user forums are not places to learn how to use these applications. You do that with tutorials and books and tons of time. Learning to use Blender to make a robot move is one thing. Making the robot into a character that compels the audience to care about it is quite another. Using AE to create a layer of clouds is one thing. Having those clouds react to the bow waves created by your flying robot as it approaches sonic speeds is quite another challenge.

MacBook Pro 13 inch (mid 2012) v MacBook Pro 15 inch (mid 2014) for After Effects and Premiere

Hi everyone,
I'm interested in working with After Effects CS6 and Premiere CS6 probably creating quite heavily layered files and experimenting with and combining effects. (I also work with Photoshop and Illustrator.)
My workplace allows me to use a 2.5 GHz Intel Dual Core i5 / MacBook Pro 13 inch (mid 2012, non retina) with hard disk and integrated graphics card (Intel HD Graphics 4000 512MB). I understand this Mac can be maxed out at 16GB of RAM. (Official Apple specs I realise say 8GB RAM is the max for this computer but I've looked into this thoroughly and have confirmed that 16GB is in fact possible.)
I'm considering purchasing one of the new Haswell based MacBook Pro (mid 2014) models for myself.
If I do, I'll get the retina 15 inch / Intel Quad Core i7 / 16GB RAM / Intel Iris Pro Graphics / NVIDIA GeForce GT 750M / 1TB Flash Storage.
I realise there is a big difference between these two machines in terms of their specs - the 15 inch with the dedicated GPU will be far more suited to motion graphics work than the lower spec machine with integrated graphics card.
Currently, my understanding is that After Effects CS6 and Premiere CS6 do not support the NVIDIA GeForce GT 750M but from research on the net I believe it's possible to add this video card to the list of supported cards within the respective applications, forcing them to recognise and use it.
Having read about the upcoming Broadwell chip, which I think may be capable of supporting 32GB RAM (possibly coming in Q2 2015 from the various websites I've visited) I wonder if it is worth holding off my purchase, and maxing out my older 13 inch laptop in order to run After Effects and Premiere for the time being.
If I waited for Broadwell based 15 inch MacBooks I think its likely they'll be expandable to 32GB RAM, making the computer a better long term investment.
eg if Adobe increase minimum/recommended memory requirements for their software in the next few years. While I don't know for sure this will happen, it does seem quite likely at some stage. The 2014 15 inch MacBook - while an excellent computer at the moment - could potentially be slightly limited with regard to future Adobe software releases as its max RAM is 16GB.
I realise I could potentially look at a high end iMac if memory is a concern, but I prefer the portability of a laptop so I'm restricting myself to portable options for the moment.
What I'm wondering is -
If I install the 13 inch 2.5GHz i5 laptop with 16GB RAM as is possible, how would it perform when running After Effects and Premiere? It currently has 4GB and it very quickly runs out of memory meaning playback of goes very slowly when previewing complex files in the timeline. This necessitates rendering of small test sections of the timeline to see it at the correct frame rate. Would the move from 4GB RAM to 16GB RAM give me a noticeable improvement in this regard? If so then this is tempting as I don't have to pay for it - I think my workplace will cover the cost of extra RAM. And then I can wait till next year to buy my own high end laptop.
The 15 inch 2.8GHz i7 quad processor has Iris Pro and dedicated NVIDIA GeForce GT750M with 2GB RAM. I would be paying the full cost myself.
I realise rendering would be faster with this Mac but would I see a noticeable improvement over the maxed out 13 inch laptop when previewing multi layered After Effects and Premiere compositions / sequences within the timeline? I like the idea of being able to preview footage in real time as I'm editing as it saves time and I think it makes the process easier generally.
Any thoughts welcome and thanks very much in advance for your time and advice.
Kind regards,
John

"It currently has 4GB and it very quickly runs out of memory meaning playback of goes very slowly when previewing complex files in the timeline."
"In this case yes, I can most certainly see a performance increase as your machine is still not too old and a RAM increase will help it for sure I just can't tell you by how much.
I own the same machine as yours (except for mine having 2.9ghz and i7, and 8GB of ram) so I think it's safe to say for me that the RAM increase will help you for sure."
That statement of mine answers your question you just asked

Dowloaded After Effects and says its up to date but there is no trace of it being anywhere on my computer. All other Softwares are there, except that one. Can't re-dowload it. Help Please!

Dowloaded After Effects and says its up to date but there is no trace of it being anywhere on my computer. All other Softwares are there, except that one. Can't re-dowload it. Help Please!

Use the CC Cleaner Tool to solve installation problems | CC, CS3-CS6 Do as Mylenium told you. If you don't know where it is. Go to www.adobe.com, sign in, search for the cc cleaner tool downloader and it should fix the issues. Have you went into your control panel, under programs and features and removed it from there?

Effects and key-frames not working on some clips Premiere CC 2014

Hi. I am having an issue where effects and key frames applied to both audio and video are not working, but only sometimes. Even after I render or export the video, the effects are not showing up. For example, trying to adjust volume using key-frames on some clips works fine, and not at all on others. The key-frames show up and I can see the volume changing in the effects panel, but it is not happening. Another example is changing the opacity on some video clips and it does not work sometimes. Same thing, I can see the key-frames and the values changing, but it's not actually happening. I have uninstalled and re-installed premiere pro and media encoder with no luck. I have uninstalled and re-installed the latest Nvidia drivers with no luck. Just to restate, this only happens on some clips and rendering or exporting the video does not help. My computer specs are:
MSI GT60 Laptop:
Intel Core i7 4800MQ (2.70GHz)
16GB Memory 1TB HDD 128GB SSD
NVIDIA GeForce GTX 880M 8GB
2880 x 1620 16:9 3K Display
Windows 8.1 64-Bit

Here is the exact screenshot. Now I'm also trying other effects as stated in my original post. But this effect is just an example. Is there really something that I'm doing wrong here? Or am I forgetting something? Is there some special "adobe doesn't let keyframes work on mpg's" rule or something silly like that?
I wish that I could post a video, but I don't know how.
Please let me know what I need to do to make this work properly.
TEX

Grow effect and growCenter

Similar Messages

Maybe you are looking for