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


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

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


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

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

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

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


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

For a 2d side scrolling game. Vector style. Using Stencyl That is the key bit of info we needed! Looking at their documentation for animations it looks like animation is handled within the app--meaning that you create the individual animations yourself outside, then import them as individual frames. As such, it appears that the tool you need is a ...


3

If you look in the comments on that particular post, the guy says he used Adobe After Effects http://www.adobe.com/uk/products/aftereffects.html


3

I've tried a few, and one of the easiest things I've used was Framer.js. The only thing is that it requires a bit of programming, but then again, you have to learn something with every new software. This is a bit more difficult that invisionapp, but as you can see from the examples page, it's quite flexible, and you can even use the code for the final ...


3

If you look at the pages for each of those examples, you will find clues and/or explanations of the software for the first two. https://dribbble.com/shots/1623679-Open-Close?list=searches&tag=gif&offset=2 = After Effects https://dribbble.com/shots/1696376-Circle-wave?list=shots&sort=popular&timeframe=now&offset=1 = Processing The third ...


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

You can try right clicking the Bitmap > Properties and change the Compression to Lossy/Lossless and try enabling/disabling the Allow smoothing.


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.


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

The process itself is called interpolation and probably for video, frame interpolation. Regarding Photoshop's ability to do this, I am unsure.


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

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

Think as if you are building a movie animation that a user can step through and control. My workflow is as follows: Outline the basic storyline. What is the end story you want to come away? What is the baseline copy you will be structuring around? What are key important moments you want to focus on? Is there a particular pace? Notice how I don't talk about ...


2

The gif at your link uses flat colors. There's not a single gradient anywhere in that gif. You're image has a ton of gradients of varying colors. That's the difference. Gifs are designed for flat color, gradients will always be dithered to a degree. In order to use gradients in a gif well, you really need as many colors in the gif color table as possible. ...


2

When drawing a citcle in Inkscape then this will be its path : To convert this path to Bezier lines just select the object, then choose Path > Object to Path: We can now insert nodes, break paths or whatever there is we need to do (below example was obtained by inserting 3 nodes and deleting the path between two selected nodes):


2

If i get you right and the big picture wont animate and get "replaced" on the little screen: it is possible with responsive webdesign. choosing-a-responsive-image-solution and just replace the big image with ur animated gif via media queries on the small screen


2

Another option along the lines of invisionapp is https://marvelapp.com/ Basically it can take your static mockups (psd, png, jpeg, etc) from dropbox and turn them into interactive demos including buttons etc. It's pretty sweet and free, check it out.


2

No and yes, freezing moves space. Thus the numeric values of any child spaces are moved around loosing meaning. To protect users from themselves its not allowed, and it does not make sense. Spaces under children are not affected as long as the child can be resolved, because the child space didnt change. (children are defined in their parents spaces) You can ...



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