Animated Gif in Photoshop
In the post of “animated parameters” we created a video file using Grasshopper’s “animate” functionality. A sequence of images are then joined together to form a video file. This time, we’ll create an animated gif image that can be played on web without even using a video player. It is a much simplier solution but however it does not have the potentials of a “real” video file such as mp4 or flv. If you own photoshop cs5, just open the first frame you’ve generated from “animate” function in Grasshopper and activate “image sequence” checkbox in the opening dialog. Choose the fps value as explained in other technical tutorials. Then, open animation palette by clicking on “Window / Animate” from the menu. You’ll notice Photoshop CS5 has brought an animation timeline here. In short, we’ll save the frames as an animated gif from File menu, “File / Save for Web and Devices”. Here, select gif as image type and change parameters regarding quality, type of looping etc. Your animated gif is ready to be saved.
Cite this post
Related Posts
Swirly Flames
March 20, 2013
One of the main requirements of being successful in the field of digital design seems to have nice high-tech background images. Usually, it contains different kinds of nebula-like grids, plastic-explicit, and/or combinations of curves-surfaces-and-numbers, burnt by a couple of photoshop filters. If you have the right background, this means you are ready for a workshop, a book, or a presentation. (just joking) However, I love these, and cannot stand more than 1 minute working for them. So, here is what I…
More Swirly Flames
March 21, 2023This is a return to the Swirly Flames tutorial I made in 2013 here. Since then, Photoshop changed a bit. There is no more Variations tool. Therefore, I had to use other tools such as Color Balance, Hue/Saturation, Inverse, etc. to achieve the same effect. It is still cool for me, personally, although we are in the age of AI-generated images now. It is not the visual result only, but the memories it carries until today. Nowadays, I am translating…
KuleTepe Tower Project
January 19, 2012
This was a couple of months ago, Nilüfer Kozikoğlu (TUŞPA Architecture) has offered a design for a competition, the new TV Tower in İstanbul. Her design intention was mainly focused on the spatial qualities of the observation decks and the visual interpretations on the overall shape of the tower. Interesting part of this project was the experience of a collaborative design process. Nilüfer sketched her design ideas in Rhinoceros, and I tried to implement those ideas within Grasshopper to understand and…
Intra)/value
August 16, 2026
The group exhibition 2 Years 10 Meters, curated by Natalia Schmidt, opened on April 24, 2024, at the Cité Internationale des Arts in Paris. My name was also included in the exhibition due to the projection graphics in Didem Yalınay’s artwork Intra)/value. This was another step in Didem’s long-term project. She hated being called a “Digital Artist.” She produced wonderful works with Seçkin Maden. I was fortunate enough to accompany her as a modest collaborator on one of her pieces….
Scary Patterns
August 6, 2026
While digging through my archives, I found an old animation I made in 2023. Back then, I was generating patterns with Parakeet. Thanks to this talented add-on, I managed to create a nice pattern by dressing a different component onto a Snub Square tiling base. However, for some reason, things started turning into a horror movie after that. MultiPipe was popular back then. So, I converted this pattern into surfaces using MultiPipe and attempted an animation using Rhino’s rendered viewport…