Glow effect with GPU render

Hi everyone,
I know that the glow effect can't be visible with GPU render on IOS/ANDROID devices.
But I heard that there was a way to appply a glow effect anyway. (I need the GPU render as my animations are smoother with it)
My code was :
private function itemGlow(isGlowing:Boolean):void{
                              if (isGlowing){
                                        var glow:GlowFilter = new GlowFilter();
                                        glow.color = 0xFFFF00;
                                        glow.alpha = .75;
                                        glow.blurX = 10;
                                        glow.blurY = 10;
                                        glow.quality = BitmapFilterQuality.MEDIUM;
                                        draggedItem.filters = [glow];
                              } else {
                                        draggedItem.filters = null;
And I decided to replace it, in order to make it work with GPU render, with this code :
public function itemGlow(isGlowing:Boolean):void{
                              if (isGlowing){
                                        var glow:Sprite = new Sprite();
glow.graphics.beginFill(0); // black color
glow.graphics.drawCircle(20, 20, 20);
glow.graphics.endFill();
draggedItem.filters = [new GlowFilter(0xFFFF00, 1)];
var bd:BitmapData = new BitmapData(50, 50, true, 0x00000000);
bd.draw(glow);
var glowbit:Bitmap = new Bitmap(bd);
addChild(glowbit);
                              } else {
                                        draggedItem.filters = null;
No errors, glow visible on the simulation device. But when it's not working on real Android device....
Any idea why ?
Thank you very much,
Stephan

From what I see it's for the same reason the original code wouldn't work. You're applying a glow filter the same way. The only different thing you're doing is drawing a black 40x40 black circle, drawing it into a transparent BitmapData (which isn't big enough) while adding that circle as a Bitmap to the display list.
Are you working in 3D? Either way in general the way you can utilize the graphics class is to draw the object using built in Flash classes, then draw that object into a BitmapData (so draw "draggedItem" into a BitmapData with the glow applied) and then use the BitmapData (in a Bitmap like you did for example).

Similar Messages

Outer glow effects won't render.

I applied an outer glow to my opjects in illustrator but it just won't display.
I'm woried that I've hit some kind of weird hotkey that turns raster effects off or something, but I dont even know where to start looking.
I've used glows in the past and its always a bit wonkey but now it just wont do anything.
I've been using spot colors, but have tried it without to no effect, and I run windows 8.
I want to apply it to the compound shape hammer time, I thought maybe it was not working because of the compound shape so I tried getting rid of my inside shapes, but its not really changing.
I did just notice that there is a weird haze around the top hammer time on this image, but ONLY if you turn your head and look at the monitor from a strange angle can you really see it. So it might just be that I screwed up my glow settings here.
I'm trying to get the glow to be very strong for about half an inch and the fade out.

There are tools in the system that help you do it.
But actually it would be better to use calibration hardware.
http://www.normankoren.com/makingfineprints1A.html

Glow effect with motion 2

could anyone please advise me how to make an object glow (fade in then out quickly) -- I tried masking out the object then replicating the mask shape with the shape tool and filling it with white, then using the glow tool on that, it kind of worked, but the edges just didn't look right.
I'm using Motion 2.
thanks!

This might not be what you want but, I added the bloom filter to a logo a while back that I wanted to do a quick flash in and a quick flash out. I keyframed the amount and brightness from 0 to a desired amount and keyframed it the opposite way for the end of the logo.

Recording smooth video with iSight using Glow effect

I want to use iSight's Glow effect with a video recording. PhotoBooth software does it very jerkily. iChat does it smoothly, but I don't see a way of recording video without having a chat with someone. iMovie 08 doesn't seem to be able to create the Glow effect. Any ideas how to do this?

Hello Steve Mouzon
The closest you will likely come to Photo Booth's Glow with the other apps you mention is to try the Video FX in iMovie 6 HD's "Editing" window. Some experimentation will let you know if it can meet your needs.
If iMovie 6 HD was not installed along with your iMovie '08, see this post for help:
http://discussions.apple.com/message.jspa?messageID=6991973#6991973
If you need more powerful effects control than that, you can consider the professional applications like Motion that make up Final Cut Studio. For more info, take a look at RedTruck's post here or other Final Cut Studio > Final Cut Pro Discussions topics.
Other alternatives that may be worth your consideration are ADOBE AFTER EFFECTS CS3 PROFESSIONAL or creating your own "glow" filter.
EZ Jim
PowerBook 1.67 GHz w/Mac OS X (10.4.11) G5 DP 1.8 w/Mac OS X (10.5.2) External iSight

FCP doesn't render Livetype glow effect.

I've created a neon-like glow effect on a title in Livetype. I've imported the project and a .mov into FCP. When I open the file in the browser, I can still see the effect. But as soon as FCP renders it, the glow effect disappears! I've tried changing the render settings to RGB and high precision YUV and it still doen't work. I've also tried exporting this tilte with different settings from Livetype. But the effect is always visible in the viewer and not in the sequence.
Does anyone know what's going on?
Thanks in advance.

As a footnote, I'll add that once I applied some of the titles I created with no background to the image backgrounds on my timeline, the glow effect didn't look right either. So I went back to Livetype and imported the "background movies" I exported from FCP and placed them under the titles in Livetype. This way the glow effect looked just right once I saved it in Livetype and rendered it inside FCP!
So, I guess the workflow was my major mistake...

How to export animated gif with transparent background and glow effect?

I've been having issues lately with creating animated gifs in flash. I finally figured out a way to export a gif with a transparent background but I'm now having an issue with it again because I'm using a glow effect. When the gif is exported the glow effect changes into a very poor quality and becomes less of a glow and more like a solid color. I've even exported a png sequence from flash and put it into photoshop then created a gif from there but I'm still having the same issue. Is there anyway I can properly export this in gif form so the quality is the same as when I test it in flash?
I've provided an image of what my issue looks like and the settings (I've messed around with the settings and this is the best I can come up with) . This is in photoshop but the result is similar in flash. The left one is what it originally looks like and the right is what it will look like after exporting. As you can see as I said before the glow changes into more of a solid color kind of like a border. Any help would be greatly appreciated, thanks in advance!

A GIF is limited to 256 colors while a glow effect likely wants to tie up thousands (let's just say 'lots') of variations of tone.

JavaFX progress bar with glow effect.

I am hoping someone can help me with this issue. I recently followed James Clarke example of a progress bar with glow effect and it helped with developing a progress bar for an application I was working on. But now, with the JavaFX sdk 1.2 update, the application does not fully work anymore. The progressbar.fx code is posted below:
ProgressBar.fx code:
import java.lang.Math;
import java.lang.Object;
import javafx.animation.Interpolator;
import javafx.animation.Timeline;
import javafx.scene.CustomNode;
import javafx.scene.effect.GaussianBlur;
import javafx.scene.Group;
import javafx.scene.Node;
import javafx.scene.paint.Color;
import javafx.scene.paint.Paint;
import javafx.scene.Scene;
import javafx.scene.shape.Ellipse;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.scene.text.TextOrigin;
import javafx.stage.Stage;
import javafx.scene.layout.Resizable;
public class ProgressBar extends CustomNode, Resizable{
public var min: Number;
public var max: Number = 100.0;
public var value: Number;
public var background: Paint = Color.rgb(118,149,178);
public var foreground: Paint = Color.rgb(216,219,225);
public var font = bind Font{name: "Courier Bold Italic" size: height - borderWidth * 8};
public var arcWidth: Number = 20;
public var arcHeight: Number = 50;
public var borderStroke: Color = Color.BLACK;
public var borderWidth: Number = 1;
public var fontPaint: Paint = Color.LIGHTGRAY;
public var showPercentage = true;
var progressText: Text;
var backgroundText: Text;
var progessBar: Rectangle;
var range = bind Math.abs(max - min);
var percentComplete: Number = bind if(max != 0) { (
value - min) / max
} // if
else {0.0;} // else;
var currentX = bind percentComplete * width;
var blurX: Number = 30;
var progressString: String = bind "%%{%.0f (percentComplete*100)}";
var progressValue = bind "{%.2f value}";
var progressHeight = bind height - borderWidth * 4;
var blurAnim = Timeline {
repeatCount: Timeline.INDEFINITE
autoReverse: true
keyFrames: [
at(0s) { blurX => 0.0 }
at(2s) { blurX =>
currentX - progressHeight / 2 tween Interpolator.EASEBOTH }
var playing = bind visible on replace{
if(playing) {
blurAnim.play();
}else {
blurAnim.stop();
public override function create(): Node {
return Group {
content: [
Rectangle { //background
width: bind width
height: bind height
fill: bind background
stroke: bind borderStroke
strokeWidth: bind borderWidth
arcWidth: bind arcWidth
arcHeight: bind arcHeight
cache: true
backgroundText = Text { // Text over Background
layoutX: bind (width - backgroundText.layoutBounds.width) / 2
layoutY: bind (height - backgroundText.layoutBounds.height) / 2
textOrigin: TextOrigin.TOP
font: bind font
fill: bind foreground
content: bind if(showPercentage) progressString else progressValue
cache: true
Group {
content: [
progessBar = Rectangle { // Progress
layoutX: bind borderWidth
layoutY: bind borderWidth * 2
width: bind currentX
height: bind progressHeight
fill: bind foreground
arcWidth: bind arcWidth
arcHeight: bind arcHeight
Ellipse {
centerX: bind blurX
centerY: bind height / 2
radiusX: bind progressHeight
radiusY: bind progressHeight / 2
fill: Color.rgb(255,255,255,.7)
effect: GaussianBlur{ radius: 30
Text { // Text Over Progress Bar, this has to be in progressBar coordinate space
x: bind (width - backgroundText.layoutBounds.width) / 2
y: bind (height - backgroundText.layoutBounds.height) / 2
textOrigin: TextOrigin.TOP
font: bind font
fill: bind background
content: bind if(showPercentage) progressString else progressValue
clip: bind progessBar
}, // Text
] // 2nd content
} // 2nd Group
] // 1st content
}; // 1st Group
} // public override function create(): Node
} // public abstract class ProgressBar extends CustomNode, Resizeable
function run(args:String[]):Void {
var stage: Stage = Stage {
title: "Progress Bar"
scene: Scene {
width: 925
height: 60
content: ProgressBar {
layoutX: 10
layoutY: 10
width: 890
height: 35
value: 80
} // content: ProgressBar
} // scene: Scene
} // var stage: Stage = Stage
} // function run(args:String[]):Void
I use RESTful ws to get the progress of the billing run, which is the loadProgressdata() method in the main.fx, and everything was working fine until we did the javafx sdk 1.2 update. With the update in place, I recompiled the project and found that "Resizable" in
the "public class ProgressBar extends CustomNode, Resizable" was throwing an error when the project was recompiled. I made some changes(mainly adding variables for height and width) but now when the program runs, the backing rectangle appears along with the
percentage of billing progress, but the progress part(2nd rectangle) does not appear with the glow effect. I have read about using "getPrefWidth()" and "getPrefHeight()" methods, but not really sure how I would use them. I can't make the public class ProgressBar extends CustomNode, Resizable abstract as I need to instantiate in the Main.fx.
Can anyone shed some light on what might need to be done to get this running correctly again. I don't need anyone the give me the exact code, but just to point me in the correct direction.

Can you post your code again between "{ code} ... {code }" tags ? Some symbols are missing if copy/pasted.
That said, your preferred width and height, simply return the width and height of your component. What I discovered recently is using LayoutInfo on controls to set the preferred width and height. These are the dimensions the surrounding container (VBox, HBox, Flow, ....) will use to arrange size and position of the enclosed components. So maybe you won't need Resizable any more. Simply fill in the layoutInfo property.
Edited by: Java.Artisan on Jun 26, 2009 11:25 AM
Edited by: Java.Artisan on Jun 26, 2009 11:26 AM

How can i apply this glowing effect in logo with illustrator?

How can i apply this glowing effect in logo | ThemeForest Community Forums

I would make several copies of the original artwork. On each copy, section the individual areas to be gradients. It looks like you have at least four gradients, both linear and radial. It's just a matter of building each section and then reassembling each. Not too complex, yet nice piece of artwork.

SetVector and GPU render mode

Hello,
If i use the setVector method on a BitmapData in GPU render mode on a mobile device, it works very slow.
This changes if the render mode is CPU. The method is fast enough.
The problem lies in the fact that if I use CPU render mode the app i;m developing is getting very slow, while on GPU it works great.
setPixel32 is even slower,it even won't work with lock/unlock.
Where the problem lies? How can I bipass this since setPixel32 or setVector is a must have when working with bitmaps.
UPDATE:
I've tested alot, and it seems the problem lies not with setVector method but with copying transparent pixels
You can find the code here since i've asked the question o stackexchange too: http://stackoverflow.com/questions/21827049/gpu-vs-cpu-render-mode-adobe-air

Hi Lucian,
Unfortunately, I am unaware of any tutorials on the net I could recommend, though I am sure there are a few -- not on the subject of setting up render targets, specifically -- most likely-- but on setting up Stage3D + shaders.
One source I would recommend, though, if this is your first time setting up a Stage3D render pipeline, besides the code examples in the Stage3D Adobe reference, is this great book:
http://www.amazon.com/Adobe-Stage3D-Molehill-Programming-Beginners/dp/1849691681/ref=sr_1_ sc_1?ie=UTF8&qid=1392715725
It's a quick read. Nicely presented and explained. I think in 3-5 days you could be up and running.
I would also browse this site. You might get some ideas:
http://www.flashandmath.com
Regarding using render targets to identify areas that have changed and need further processing:
This is a fairly common practice when interactivity is key, and works well in some use-cases.
For example, in Photoshop, there is a filter called "Liquify", with which you can stretch and compress an image in real-time. There are 2 ways to do this effect, live: one is to map the source -- undistorted-- image onto a grid of polygons, and start pushing and pulling the vertices. The other method -- same principle, but finer -- is to paint the compression field into a render target ( a texture ), temporarily, while you work in real time by 'painting' the effect ( note: the displacement vectors are based off of the gradient of the compression field ). Conceivably, you could also paint the vectors directly, as if painting a normal map. Once the user is happy with the look, then the user clicks 'apply', and the render target is used one last time to bake the displacements into the source image.
Other example: I once worked on a game where the player could use a laser beam to scar all the buildings of a 3D city. The way this was done was that each building had its own render target ( usually a 256x256 ), into which the user could 'draw' ( even though the player never saw this render target, which was just a grayscale mask ). The render target was then fed into the building's exterior shader, which would use it to identify which areas to show the destruction effect into.
Overall, the idea is to use a render target ( usually smaller that the source texture it will end up modifying ) to paint either a mask, or vectors ( like a normal map ), which is then used along with the source texture in the final shader to create the look you want.
Although I haven't had to use render targets for this particular situation, lately, I use render targets frequently, otherwise, to draw my assets into and apply shaders, and then draw the render target into the backbuffer, at the very end.
The reasons for this is explained here ( along with other tips ):
http://forums.adobe.com/thread/1399727?tstart=30

Adobe Premiere Renders with GPU

Hello, I recently bought a Nvidia Quadro K2000 for faster rendering times. Adobe Premiere and
Adobe Media Encoder both say they reconize the Quadro GPU for rendering. But there seems
to be no difference in render times between using the Mecury Engine Software Mode and
the CUDA accelerated GPU mode. Also, when I render in GPU mode, the CPU is being used very
heavily which I thought odd because the GPU is suppose to be giving the computer CPU a break.
Any ideas why no difference in render times?
Thanks!
Brandon C.

Hi,
Gpu acceleration depends on your tasks.
For example encoding is a cpu only task. The gpu accelerates things like scaling, field conversions and accelerated effects (not all effects).
So if you export a timeline with no effects and no scaling (just transcoding) then the gpu will not help very much.
But if you have a very complex timeline with a bunch of accelerated effects, the gpu will dramatically increase render speed.
Nils

PhotoBooth Glow effect in iMovie?

What might be the best way to get the PhotoBooth Glow effect in iMovie? PhotoBooth video is incredibly jerky... like maybe one sample per second or something like that. I do want to use the iSight camera built into my MacBook Pro, but wanted smoother video if possible.

Thanks for the star, Steve
Perhaps a more detailed explanation will my suggestion clearer for you.
The alternatives I suggested do not replicate Photo Booth's one-step "Glow" effect recording. Rather, they give you the power to create or simulate them in multiple operations. If they replicated Photo Booth's "Glow" they would likely give the same jerkiness that you are trying to avoid.
Considerable processor power is required to apply and render the effects that make up Photo Booth's "Glow" in real time while video is being captured and recorded. I believe that is why more complex effects like "Glow" cause jerky recording on your MacBook Pro. I do not have an 8-core Mac Pro to test, but my guess is that one of the new, fast 8-core Mac Pros could record Photo Booth's "Glow" smoother than your MacBook Pro does. However, if you only have access to your MBP, the only way I can think of to get a less jerky video that "glows" is to separate recording from rendering the effects.
Macs uses QuickTime file formats everywhere, so there is no mystery in the Photo Booth / iChat commonality. In fact, as explained in Changing the backdrop of a video chat in iChat 4.0 Help on your Mac, iChat can use any image or QuickTime movie, not only those created by Photo Booth (using QuickTime formats), as a custom backdrop.
Photo Booth's "effects" are simply some saved setting "recipes" that use combinations of operations that include some of your Mac's Core Video settings. As explained in the "creating your own "glow" filter" link I provided in your other thread, you can create effects for yourself. However, using this method adds processor workload, so I doubt that creating your own effects would smooth the jerky recordings that you have encountered.
Instead, I suggest that you use iMovie to (1) first record the movie clip, and (2) then add effects one at a time to approximate the look you want while keeping the smoothness of an iMovie recording.
Because these effects use combinations of your Mac's inbuilt Core Video effects, you should be able to approximate the Photo Booth "Glow" that you like by applying combinations of some of iMovie's "Video FX". To simulate the Photo Booth "Glow" effect on an iMovie video clup, some experimentation will be needed to decide which effects to use and where to set the various sliders for those effects.
I started by recording a short video clip in iMovie. Next, I applied maximum "Bloom" effect to the test clip. After "Bloom" rendering was completed, I experimented with the "Brightness & Contrast" settings for the rendered clip. By increasing the Contrast and decreasing the Brightness sliders, I got a smooth video image that I think looks similar to my jerky Photo Booth recording with the "Glow" effect. I finished the simulation by setting the appropriate slider position for the "Peephole" effect. I know that this simulation is not merely a smooth version of the jerky Photo Booth "Glow" video clip. However, it is a smooth recording, and it seems to me to approximates the look of my jerky Photo Booth "Glow" clip. If the same "recipe" does not produce a video that looks like you want, even if you cannot create an exact match, you should be able to come closer with additional experimentation.
I have learned much about iMovie's capability from Karsten, who I consider to be one of the iMovie HD gurus. He has done some amazing things with iMovie HD. If he gives you different advice here, try his first.
Cheers,
EZ Jim
PowerBook 1.67 GHz w/Mac OS X (10.4.11) G5 DP 1.8 w/Mac OS X (10.5.2) External iSight

How do you add outer glow effect to text in Elements 12?

I've created a layer in Elements 12 that contains some text. I'd like to add an outer glow effect.
This is what I am doing:
1. Select layer with text
2. Click FX button at bottom of screen
3. Click Styles tab
4. Select Outer Glow from drop down
5. I can see 11 preset option. The only one that works is called 'Fire' and it is not the style I'm looking for. I want a simple outline, but none of the other presets have any effect.
Any help would be appreciated!! Thanks!
Jeff

jeffreys42057005 wrote:
I've created a layer in Elements 12 that contains some text. I'd like to add an outer glow effect.
This is what I am doing:
1. Select layer with text
2. Click FX button at bottom of screen
3. Click Styles tab
4. Select Outer Glow from drop down
5. I can see 11 preset option. The only one that works is called 'Fire' and it is not the style I'm looking for. I want a simple outline, but none of the other presets have any effect.
Any help would be appreciated!! Thanks!
Jeff
Jeff,.
You're almost there!
Try #4 Outer Glow>Simple. Apply.
Now on the text layer in the layers palette, there is an f on the right. Double click on the f
This brings up the Style settings dialog. At the bottom, check "Stroke", and adjust with the sliders to suit.

Titles lose glow effect in Final Cut Pro X

Im using Final Cut Pro X and when I create a title with the glow feature after a while of editing the feature turns off and you can't make the title glow anymore without creating a new one. Still after you make a new one soon the glow effects eventually turns off but it says it's on.
The project im working on is an hour long. Also it's had one other glitch where in three clips one to two frames go blank. After I added titles to the clips the frames went back to normal and the others that i didnt want text I added blank titles to fix the frames. Any advise on what I should do?

In the Timeline position your Playhead at the starting position.
In the Viewport position the Shape Mask at the starting position.
In the Inspector click the Add Keyframe button.
Press Control-V to open the Animation Editor to see your keyframes.
Move the Playhead and the Shape Mask to a new position.
In the Inspector click the Add Keyframe button.
Continue adding keyframes until you have defined the Shape Mask’s movement.
Regards
Nolan

Colors are incorrect in Alpha Glow effect?

I started a brand new project and added a title to it, using standard white text.
I then dragged it to my timeline and gave it an Alpha Glow effect.
The default alpha-glow start and end colors are grey, yet they are showing up as yellow in the preview window.
Furthermore, when I change the color using the eye-dropper tool or manually setting them, they are mostly incorrect. The color in the box is NOT the same as the color that is appearing in the preview window.
Does anyone know what might be causing this?
Kevin.

In addition to the colors being incorrect, I also noticed that when I press "play" on the timeline, the glow "snaps" and expands to about 25% larger than it is in the preview window.
Something really strange is going on with this effect.
Can anyone help me?
Kevin.

What's the status of GPU render mode on mobile targets?

Hi,
I've developed a few applications for Android and IOS using AIR. Specifically using the GPU render mode alongside StageQuality.LOW for better performance.
I was hoping for information on whether this is still a usable method as last year there was a period where it appeared depreciated or at least not supported on high res Android:
Lorenzon Nuvoletta's google plus thread:
https://plus.google.com/+LorenzoNuvoletta/posts/AhjX4XnrAzL
The 'fixed' bug:
https://bugbase.adobe.com/index.cfm?event=bug&id=3370376
The 'issue' is now marked as fixed, but I am still a little concerned about it's use in future. Are Adobe still supporting this render mode?
Thanks,
Nick H

Hi Nick,
We don't plan any further enhancements for GPU mode. Our recommendation is to use stage3D (or use frameworks like Starling) with direct mode, rather than using GPU mode if at all possible.
Thanks,
Chris

Glow effect with GPU render

Similar Messages

Maybe you are looking for