Tag Info

Hot answers tagged

19

Things you need to know to create something like this in After Effects: How to make a Project and Compositions When you start AE, you can press Cmd+N to create a new Project with one Composition inside it. If you already have a Project open, pressing Cmd+N only creates a new Composition. In this project, I used 2 compositions. GUI comp to hold the ...


15

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 ...


8

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 ...


8

The file must have a Timeline or Frame sequence. (Window > Timeline) You need to set the animation options in the Save for Web dialog: In addition, it is possible to have a quick animation and not see it initially due to speed and duration if the Save For Web options are set to "once". You may need to reload a page/image to see the animation. Also, ...


8

What Program? Those "Think with Google" animations were made with After Effects. One of the things I like about Behance is if the author chooses to post the tools they used, it will show up in the right column under their name. The link you posted says it was made with After Effects & Illustrator CS6. How? From what I've gathered from inquiring ...


7

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 ...


7

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 ...


6

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 ...


6

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 ...


6

I don't think this is possible with the Timeline panel in Photoshop. I think the closest you can get is to use the Keyframe animation panel instead and manually scale the object in a duplicate layer(s). You may also want to look into using After Effects. After Effects will allow you to import your Photoshop layers into the composition. Then you can scale ...


6

Using a bash script To do this from the command line, you could use a utility called Gifsicle. There is no built in method to delete every other frame, so you'll need to get your hands dirty with some scripting. Here is a quick script I made to do just a single GIF: #!/bin/bash # This script will take an animated GIF and delete every other frame # Accepts ...


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

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

For 24-bit/32-bits APNG: In Photoshop (File - Export - Render Video), then use apngasm. Checked method.


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

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 ...


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

In the GIMP it is possible with the multi-layers-merger extension from here: http://registry.gimp.org/node/26135 Install the extension, then Create a new image the same size as your animation, and put your background image in a single layer in the new image. Go to Layers > Multi Layers Merger Deselect all the options but "Use only active layer". This ...


4

GIF doesn't have "proper" transparency. You will always have to optimize it towards the intended background. And depending on the image you might have to change every single keyframe.


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 ...


4

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. ...


4

NOTE: This answer was posted before there was a command line/open source requirement, but I'm leaving it up as it may help someone else in the future Using Photoshop This is not an open source or command line solution, but you can do this with Photoshop: File ▸ Import ▸ Video Frames to Layers... "Limit To Every __ Frames" will do the trick for ...


4

Here is the full Tutorial It's easier to see when you take the frames apart and then it becomes apparent that the line tickness and placement are randomized. There are a range of filters you could use, especially in Illustrator. There are in fact ten frames, I've only uploaded three...Then, slowing down the animation, to one frame per second, so you ...


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

When exporting/saving (depends on version) your work as GIF, you have several options for it. One way for that, what you probably want, could be done by choosing from "Frame disposal where unspecified" option "One frame per layer (replace)".


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

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 ...


3

For website animations, these are the main options I can think of: Adobe Flash Javascript / jQuery (requires programming) CSS3 animations (requires some HTML knowledge) Video An Animated GIF (you can use an online tool like this one to create it from images) Most of these options require practice (and/or knowledge of programming), so it depends on how ...



Only top voted, non community-wiki answers of a minimum length are eligible