Tag Info

Hot answers tagged

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


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

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


4

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


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


3

You are faced with a limitation of the GIF color specification. Other than PNG GIF does not support semi-transparent colours. The origingal PNG however is made up with semi-transparent colors as can be seen when looking at the original in checkerboard mode: After we had exported this RGB file with alpha channel as GIF we will have reduced the colors to ...


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


3

This is a bit late, but... You know how you can select multiple files by Choosing the first file Then holding down SHIFT key and choosing the last file Which then automatically selects all the files inbetween (inclusively) ... You can do something similar here. Select the first frame you want Hold down Shift Then select the last frame you want. ...


3

This could be done by creating a GIF in Adobe Fireworks. Add the first image. Add the same image to the second frame, but take some of the anchor points and move them. The more anchor points you move and the further you move them - the more the animation will wobble.


3

Henrik's answer is a good method of actually achieving this, but for pure interest, I thought I would put a little information regarding Squigglevision which is, believ it or not, patented by the people who did the "Home Movies" tv show. Squigglevision Patent As best as I can tell, they make a drawing, then they trace the drawing with something that ...


3

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


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


2

You can draw arbitrary shapes using Flash's Graphics class. That said, it sounds like you just need the final animation, so this is probably overkill, but if you drop this code on the timeline it will draw a pie style progress mask. You can edit the size (and increase the segments if it looks rough) using the consts. import flash.display.Sprite; import ...


2

For a repetitive exercise, you are in luck: you can optimize the heck out of it. A "crunch" starts in position A, moves to position B, and then back to position A; repeat. For a simplified animation, you can refine this to A>B, REVERSE the animation B>A, and then repeat. For a crunch, A>B takes about 1 second. For interlaced video, you only need 30 frames, ...


2

Click on the States Panel in the top right, you should see something like this: Double click where you see the 7, a little box will pop up giving you an option to type in a number, enter a number and press Enter. If you want to change more than one at the same time, select them with Ctrl Click, and then double click one of the boxes with a number in it ...


2

If you are looking to create GIF images, you might want to try using Adobe After Effects which helps you to make a video. Create your video Import the (QuickTime format) video to Adobe Photoshop File → Save for Web & Devices... Select the format (.GIF) Save


2

You might want to check out Google Swiffy: Swiffy converts Flash SWF files to HTML5, allowing you to reuse Flash content on devices without a Flash player (such as iPhones and iPads). Swiffy can't yet convert DoubleClick Studio creatives. New! Swiffy now supports ActionScript 3.0 and external resource loading. Getting started with Swiffy. On ...


2

When you export a multi-layer image as a GIF animation, you should get a dialog window asking you for various settings. One of those settings is "Frame disposal where unspecified", and the options are: "I don't care", "Cumulative Layers (combine)" and "One frame per layer (replace)". I'm not actually sure what the difference between the first two ...


2

Art of Illusion This cross platform open source application was written in Java to run on Windows, OSX, Linux, and other operating systems. Pros: only very little efforts to get started easy to use intuitve GUI easy to use mesh editor with predefined primitives "fast rendering" and raytracing capability keyframe and skeleton animation ...


2

You can try Blender. Blender is a free and opensource project to make high quality 3d designs. You can also give flash a shot,But it wont produce any 3d models.Adobe Photoshop CS6 is also good for producing 3D shapes and is very simple to make too. But i dont think you can animate the 3D objects in it. EDIT : You can also try Google sketchup Its a free ...


2

Here's a simpler solution using gifsicle than JohnB's script: gifsicle input.gif `seq -f "#%g" 0 2 99` --unoptimize -O2 -o output.gif This command should work in most Unix shells; I've tested it in bash. Replace input.gif and output.gif with the input and output file names, and 99 with the number of frames in your animation. (It's OK to use a larger ...


2

Animations like that are usually made using cel shading combined with hand-painted elements. This effect is known for quite some time, occasionally it was used even in real-time rendered computer games (eg. Borderlands). Major difficulty usually comes in combining style of hand-drawn elements with 3D renders in a way where everything is consistent. As for ...


2

I have seen a lot of presentations created using Prezi that have this sort of functionality. Prezi is a virtual whiteboard that transforms presentations from monologues into conversations: enabling people to see, understand, and remember ideas. To understand complexity, one must zoom out to see the big picture and in to see the details. Prezi’s ...


2

The animation seems do with the canvas element. <canvas height="496" width="688" style="width: 317.4284274193549px;"></canvas> But i can't find the Javascript code on apple.com


2

If you are after loading bars etc, i can suggest ajaxloader - you design your own preloaders - same thing These sites will give you spinners, bars, balls etc. And this post should also answer your question I think.


1

Only site I'm familiar with that might be worth looking at is VideoHive.net for example here's the query Falling In Water. You'll have to check the license requirements though because they're fairly strict in how many times it can be used after purchasing.


1

It looks to me like you did not select all your appropriate channels when you applied the loop/cycle. Can't really tell from the Graph Editor shot you posted, but check to make sure all the robots appendages are properly keyed after the point below.


1

SVG is an image format, however it is also output as XML code, so it can be animated using CSS. There are many examples online of these kind of animations, but your linked example is not one of them. The video you linked to however, looks like a normal video with vector animations. This is easily accomplished in After Effects, but could be done in many ...


1

Image Magick More than ffmpeg a quite versatile tool to convert video clips to an animated GIF is the convert module from the Image Magick suite. After having installed the suite a most basic conversion can be done with: convert -delay 1 input.mov output.gif For more details especially on different methods for GIF conversion and color palette processing ...



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