update the odyssey editor gif

[matallo]

http://cartodb.github.io/odyssey.js/documentation/#the-odyssey-editor

[matallo]

ping @clhenrick

[clhenrick]

nice!

On Thu, Jun 12, 2014 at 10:51 AM, Carlos Matallín notifications@github.com wrote:

ping

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-45925111.

-Chris

[matallo]

I mean, the gif is clearly outdated and the issue still opened, can we update it with any of the new stories?

[clhenrick]

Sure I could do that, is there a simple way to convert a screenflow video to a GIF? Haven't done that before.

On Thu, Jun 12, 2014 at 11:29 AM, Carlos Matallín notifications@github.com wrote:

I mean, the gif is clearly outdated and the issue still opened, can we update it with any of the new stories?

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-45929767.

-Chris

[matallo]

easier :) http://www.cockos.com/licecap/

[clhenrick]

nice! So basically create an animated GIF similar to the old one but just with the updated editor and a real story such as the Darwin's Voyage story?

On Thu, Jun 12, 2014 at 11:36 AM, Carlos Matallín notifications@github.com wrote:

easier :) http://www.cockos.com/licecap/

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-45930681.

-Chris

[matallo]

yeah!

[clhenrick]

working on this but the editor is being buggy for some reason, about to submit another bug.

On Thu, Jun 12, 2014 at 11:41 AM, Carlos Matallín notifications@github.com wrote:

yeah!

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-45931356.

-Chris

[clhenrick]

how about this one? https://www.dropbox.com/s/9vw6gudsuffr25d/odyssey-editor-demo-update.gif

On Thu, Jun 12, 2014 at 12:17 PM, Chris Henrick henrick@cartodb.com wrote:

working on this but the editor is being buggy for some reason, about to submit another bug.

On Thu, Jun 12, 2014 at 11:41 AM, Carlos Matallín < notifications@github.com> wrote:

yeah!

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-45931356.

-Chris

-Chris

[matallo]

that's the concept, but keep it short, it's 30MB! from resolution to length

original is just 2MB http://i.imgur.com/i 0c3bLL.gif

[clhenrick]

what settings do you use for the LICEcap app?

On Thu, Jun 12, 2014 at 2:12 PM, Carlos Matallín notifications@github.com wrote:

that's the concept, but keep it short, it's 30MB! from resolution to length

original is just 2MB http://i.imgur.com/i 0c3bLL.gif

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-45948687.

-Chris

[clhenrick]

Okay so I tried using the LICEcap app you suggested but can't seem to get the file size down. What fps did you have the original set at?

Also when sizing my browser viewport to the same size it's hard to see the actual map area in the editor. Did you resize the gif / compress it after you recorded it?

here's my second attempt: https://www.dropbox.com/s/5lzjq823bj5695e/odyssey-editor-demo-update-try2.gif

thanks,

On Thu, Jun 12, 2014 at 2:39 PM, Chris Henrick henrick@cartodb.com wrote:

what settings do you use for the LICEcap app?

On Thu, Jun 12, 2014 at 2:12 PM, Carlos Matallín <notifications@github.com

wrote:

that's the concept, but keep it short, it's 30MB! from resolution to length

original is just 2MB http://i.imgur.com/i 0c3bLL.gif

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-45948687.

-Chris

-Chris

[andrewxhill]

Hey mate,

Sorry for the delay. Max framerate I have at 3. But for sure about the window size, I usually do it at double and then downsize it with Gimp. If you downsize it with Gimp, Gimp can also compress it more for you when you save it (by default).

On Fri, Jun 13, 2014 at 1:35 PM, Chris Henrick notifications@github.com wrote:

Okay so I tried using the LICEcap app you suggested but can't seem to get the file size down. What fps did you have the original set at?

Also when sizing my browser viewport to the same size it's hard to see the actual map area in the editor. Did you resize the gif / compress it after you recorded it?

here's my second attempt:

https://www.dropbox.com/s/5lzjq823bj5695e/odyssey-editor-demo-update-try2.gif

thanks,

On Thu, Jun 12, 2014 at 2:39 PM, Chris Henrick henrick@cartodb.com wrote:

what settings do you use for the LICEcap app?

On Thu, Jun 12, 2014 at 2:12 PM, Carlos Matallín < notifications@github.com

wrote:

that's the concept, but keep it short, it's 30MB! from resolution to length

original is just 2MB http://i.imgur.com/i 0c3bLL.gif

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-45948687.

-Chris

-Chris

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-46038734.

andrew@vizzuality.com http://www.vizzuality.com

[clhenrick]

Okay, no worries. Suppose you can do the same thing in Photoshop. Third time's a charm!

On Fri, Jun 13, 2014 at 10:40 AM, Andrew W. Hill notifications@github.com wrote:

Hey mate,

Sorry for the delay. Max framerate I have at 3. But for sure about the window size, I usually do it at double and then downsize it with Gimp. If you downsize it with Gimp, Gimp can also compress it more for you when you save it (by default).

On Fri, Jun 13, 2014 at 1:35 PM, Chris Henrick notifications@github.com wrote:

Okay so I tried using the LICEcap app you suggested but can't seem to get the file size down. What fps did you have the original set at?

Also when sizing my browser viewport to the same size it's hard to see the actual map area in the editor. Did you resize the gif / compress it after you recorded it?

here's my second attempt:

https://www.dropbox.com/s/5lzjq823bj5695e/odyssey-editor-demo-update-try2.gif

thanks,

On Thu, Jun 12, 2014 at 2:39 PM, Chris Henrick henrick@cartodb.com wrote:

what settings do you use for the LICEcap app?

On Thu, Jun 12, 2014 at 2:12 PM, Carlos Matallín < notifications@github.com

wrote:

that's the concept, but keep it short, it's 30MB! from resolution to length

original is just 2MB http://i.imgur.com/i 0c3bLL.gif

— Reply to this email directly or view it on GitHub < https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-45948687>.

-Chris

-Chris

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-46038734.

andrew@vizzuality.com http://www.vizzuality.com

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-46039220.

-Chris

[clhenrick]

Okay, here's the latest, still only able to get it down to 9MB, is that small enough? https://www.dropbox.com/s/4z7vlb3y1cr7c7g/odyssey-editor-demo-try3.gif

On Fri, Jun 13, 2014 at 10:40 AM, Andrew W. Hill notifications@github.com wrote:

Hey mate,

Sorry for the delay. Max framerate I have at 3. But for sure about the window size, I usually do it at double and then downsize it with Gimp. If you downsize it with Gimp, Gimp can also compress it more for you when you save it (by default).

On Fri, Jun 13, 2014 at 1:35 PM, Chris Henrick notifications@github.com wrote:

Okay so I tried using the LICEcap app you suggested but can't seem to get the file size down. What fps did you have the original set at?

Also when sizing my browser viewport to the same size it's hard to see the actual map area in the editor. Did you resize the gif / compress it after you recorded it?

here's my second attempt:

https://www.dropbox.com/s/5lzjq823bj5695e/odyssey-editor-demo-update-try2.gif

thanks,

On Thu, Jun 12, 2014 at 2:39 PM, Chris Henrick henrick@cartodb.com wrote:

what settings do you use for the LICEcap app?

On Thu, Jun 12, 2014 at 2:12 PM, Carlos Matallín < notifications@github.com

wrote:

that's the concept, but keep it short, it's 30MB! from resolution to length

original is just 2MB http://i.imgur.com/i 0c3bLL.gif

— Reply to this email directly or view it on GitHub < https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-45948687>.

-Chris

-Chris

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-46038734.

andrew@vizzuality.com http://www.vizzuality.com

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-46039220.

-Chris

[matallo]

way too big for a website, maybe it would be interesting to have it as a video or leave the current old one as we already have another video, I wouldn't go further than the 2MB :(

[clhenrick]

so I had to record it at a larger window size because if I set it to the size you had the original gif at the map wasn't visible due to the slide's opacity.

@Andrewxhill any ideas for how to compress / make the gif a smaller file size?

On Tue, Jun 17, 2014 at 1:06 PM, Carlos Matallín notifications@github.com wrote:

way too big for a website, maybe it would be interesting to have it as a video or leave the current old one as we already have another video, I wouldn't go further than the 2MB :(

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-46358142.

-Chris

[andrewxhill]

Well, record it at a larger size (e.g. 2x) and then use GIMP or other to reduce the image size (e.g. 50%) and resave it.

[clhenrick]

I've tried that already and got it down from 13mb to 9mb. Knowing the exact settings used for LICEcap and GIMP would help.

On Tue, Jun 17, 2014 at 2:50 PM, Andrew W. Hill notifications@github.com wrote:

Well, record it at a larger size (e.g. 2x) and then use GIMP or other to reduce the image size (e.g. 50%) and resave it.

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-46370355.

-Chris

[andrewxhill]

yeah, i think it is just long. too much going on. nobody needs to write an odyssey from scratch, since the templates actually fill in a starter for you. so you could cut down the length quite a bit

On Tue, Jun 17, 2014 at 6:30 PM, Chris Henrick notifications@github.com wrote:

I've tried that already and got it down from 13mb to 9mb. Knowing the exact settings used for LICEcap and GIMP would help.

On Tue, Jun 17, 2014 at 2:50 PM, Andrew W. Hill notifications@github.com

wrote:

Well, record it at a larger size (e.g. 2x) and then use GIMP or other to reduce the image size (e.g. 50%) and resave it.

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-46370355.

-Chris

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-46374240.

andrew@vizzuality.com http://www.vizzuality.com

[clhenrick]

okay I'll give it another shot.

On Tue, Jun 17, 2014 at 3:32 PM, Andrew W. Hill notifications@github.com wrote:

yeah, i think it is just long. too much going on. nobody needs to write an odyssey from scratch, since the templates actually fill in a starter for you. so you could cut down the length quite a bit

On Tue, Jun 17, 2014 at 6:30 PM, Chris Henrick notifications@github.com wrote:

I've tried that already and got it down from 13mb to 9mb. Knowing the exact settings used for LICEcap and GIMP would help.

On Tue, Jun 17, 2014 at 2:50 PM, Andrew W. Hill < notifications@github.com>

wrote:

Well, record it at a larger size (e.g. 2x) and then use GIMP or other to reduce the image size (e.g. 50%) and resave it.

— Reply to this email directly or view it on GitHub < https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-46370355>.

-Chris

— Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-46374240.

andrew@vizzuality.com http://www.vizzuality.com

—

Reply to this email directly or view it on GitHub https://github.com/CartoDB/odyssey.js/issues/108#issuecomment-46374517.

-Chris

[clhenrick]

@matallo would you mind un-assigning me from this? Trying to clean up my Github issues, thanks