Hot answers tagged animation
11
No. But, you can make a hotkey for it.
From top menu: Edit > Keyboard Shortcuts.. ( Ctrl+Alt+Shift+K )
Just select Palette menus from the drop down list and then Animations. Once you've given a hotkey press Accept.
( Make sure to listen to photoshop when it warns you if the inserted hotkey combination would override any existing ones. You can try to use ...
7
It depends on what type of animation you need.
.gif images - Fully supported, but limited use with frames. .png files are supposed to have support for animation, but you don't see it in the wild very often, if at all.
Flash, Silverlight, and other plugins - Flash has the most ubiquity, but all plugins need to be installed in the browsers and can't ...
6
I've been involved with real time graphics in 2D and 3D, including developing Virtual Reality games. My own preference would be to invest in the 3D side as in the long run this will speed things up for you and give you more flexibility if you need to create and adjust for multiple views from different angles.
It should allow for easier control of ...
5
After Effects. I'm guessing that the primitives were created in either Illustrator or Photoshop and the flares, drops, etc. were accomplished using various plug-ins that manipulated particles and lighting.
You can find tutorials for this :
Excellent Adobe After Effects Tutorials
Adobe After Effects Tutorials
5
GIF is not designed for high-quality images. Smooth vectors from Flash will end up pixelated in GIFs not matter what you do. Photos and the like will generally look bad because of the reduced palette. Dithering can help, but the end result will still be much lower quality.
If you want an animation, you should really be using straight Flash and not GIFs ...
5
I find that if you dig deep enough there's usually a nugget of sense in even the craziest client requests. The words they use to express what they want are usually wrapped up in a hodge-podge of what they've seen and what they think is normal - but every profession has its own flavour of "a little knowledge is a dangerous thing". It could be worse, we could ...
5
There's a link to the "home wiki" where I found this.
What software edited the animations?
Didn't completely understand your question... Did you mean what
graphic editor I used to create animations? None at all.
I used MSVC++ to write a little program that calls some GDI+ functions and draws a multi-layer TIF picture each layer of which is a
...
5
This sounds more like a copyright related issue, than a graphic design issue. So it's probably not appropriate for GraphicDesign.
Found some links that might help you though:
Copyright basics for graphic designers
Ethics and fair use for graphic designers
4
There are several ways to fake this (very, very convincingly) in AfterEffects; I would suggest that. If you're using a raster image it'll be more difficult but what you'd essentially do is use the scribble and paint effects to fill in areas. If you have vector art (or can convert it to vector art using something like Live Trace in Illustrator) you can ...
4
I'm betting that the photo of the girl is killing your size right now. To test that, remove her frame and replace it with one of the other frames of your animation. I'll bet the size drops quite a bit.
Animated GIFs are best kept small by keeping their color pallets limited, and avoiding continuous tone graphics (photos, gradients, opacity shifts, etc.). ...
4
If you have your customer's IP, you can have a flashing marquee just for him...
Jokes aside, this is one of those things where the customer is wrong and where you have to go over the purpose of the website with the customer.
"I am concerned that this might distract the customer from buying your product because his attention would be called away from your ...
3
Yes - definitely After Effects. This tutorial:
http://layersmagazine.com/animated-swirls-in-adobe-after-effects.html
will show you how to do it. You start by creating the vectors in Illustrator, then import them and animate them using the Stroke effect in After Effects.
I would warn you, however, that from a useability standpoint animated backgrounds for ...
3
You might want to have a look at Synfig.
When I needed to make something in this line, used SVG frames, and editing the xml, as you did.
Not free, but cheap, have a look at Koolmoves .It has svg export. I like the tool.
(Anyway, consider other exports, like SWF or HTML 5, more future-proof, and better supported in available editors. Disregard this if you ...
3
This is what i understood...
Yes there is a way, open up your animation panel.
i created some shapes and you can see how they were together in first SS, after clicking on the make frames from the layer it automatically create all the layer as frames in animation panel.
do according to my SS, is it what you needed? sorry for these awful screenshots (open ...
3
It seems that to date there are none.
You could try to work this around by exporting each frame as a PNG in Photoshop and then use an external application to merge the PNGs to an APNG. See the list of related software on animatedpng.com. For example Japng or APNG Assembler could do the trick.
3
If in the book they are talking about image sprites for the web they are images that contain multiple images, like for instance a series of icons to be used in a navigation bar. You would have one http request for the "sprite" and use CSS to display the icon needed. You can have sprites that contain all of the images for a given page if you wanted. The ...
3
I think you want to toggle between frame animation and timeline. In the lower left-hand corner of the palette — next to where yours says "Forever" — is supposed to be a little icon which sort of looks like a bar chart with a triangle on top. Click that. It will convert to the palette shown in the demo.
Why yours doesn't have that I can't say. ...
2
Corel Painter can actually do something like click here and have the image painted (Ok, adjusting some sliders required plus also setting up the scene a little). Here's a tutorial for doing it, and a little more:
Corel Painter Auto-painting tutorial.
Now you might want to record it using another program that captures the screen as video file. I'll check a ...
2
I am not sure this question actually belongs here since it's more of a nuts-and-bolts of video editing / exporting, but I'll give it a stab before it gets closed.
Ultimately, YouTube videos are encoded as Flash, so one way or another you're going to end up with a Flash movie. Often if you're starting with Flash you're doing it because you want additional ...
2
It really messes with your mind, doesn't it? Fortunately, it's not hard to understand and it's not hard to fix.
When you Shape Tween (Flash-speak for morphing), the Flash authoring environment does some very fancy mathematical calculations on the geometry of the shape to try to figure out the shortest "distance" from Point(s) A to Point(s) B. If the change ...
2
There aren't tools or tutorials to make the switch simple. They are two entirely different technologies.
"Similar work" also needs to be defined. Flash can do all sorts of different type of 'work' as can HTML5 and the rest.
In general, however, I'd say the primary replacement for using flash on web sites is to learn:
HTML
JavaScript + a library (jQuery ...
2
Microsoft's Silverlight platform is a direct Flash competitor and has been ported to *nix as the open source Moonlight (part of the Mono project). I've never used Silverlight or Moonlight, but I'm sure it can do animations. I'm not sure of the quality of the IDE though.
However, the current trend these days, and much more popular than Silverlight IMO, is ...
2
Here are a couple of approaches that occur off the top of my head:
In Flash, you could animate a mask and export as a png, gif or jpeg sequence, depending on your requirements. The "burning end" of the fuse would be its own movieclip, animating with the mask.
In After Effects, animate a stroke (create the stroke in Illustrator and paste into a new solid ...
2
What you need to do to emulate the CS3 behavior is create a Classic Tween (which should also be on your context menu).
The purpose of a Motion Tween is allow you to control and define the animation directly to the object using the Motion Editor, without having to create all your keyframes on the timeline. This was a new feature in CS4, so won't be mentioned ...
2
Technically and historically, a sprite is an animation (not an individual frame of one). I have never seen an actual authority cite the origin of the term, but it has to do with scanline priority queues and graphic display hardware.
A sprite sheet is a well-structured single image (usually a series of animation frames laid out in a grid of n Rows and n ...
2
From Wikipedia:
http://en.wikipedia.org/wiki/Sprite_%28computer_graphics%29
In computer graphics, a sprite is a two-dimensional image or animation that is integrated into a larger scene. Initially used to describe graphical objects handled separate from the memory bitmap of a video display, the term has since been applied more loosely to refer to various ...
2
There's only one stage per document with Edge, just as with Flash or AE. You can build animations as symbols with their own timelines inside the stage, though, just as you can with Flash movieclips. That should get you where you need to go.
This video by Mark Anders covers symbols, starting about 5m 10s.
2
In Photoshop, you have to do this the (somewhat) old-fashioned way, frame by frame, if you want to have the line animate in a mathematically precise way. That means extending the line piece by piece making it slightly longer in each frame, using the grid as a guide.
If all you need is a "reveal" of the line and you don't need mathematical precision, then ...
2
This whole effect is what Riot Games uses for their log in screen for a game called League of Legends. (The video is actually of a character from the game, which is why I mention it)
This question has been found to be not constructive on the game development stack exchange. However it did link to a more general question about 2-D animation which might be ...
2
Johannes' comment was correct. You simply need a mask to hide the text outside the rounded rectangle.
I'm merely using your posted gif as a base. The actual Photoshop document will most likely be set up differently, but this is the basic item you need.
Highlight all but the bottom layer in the Layers Panel and group those layers (Layer > Group Layers).
...
Only top voted, non community-wiki answers of a minimum length are eligible
