AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Planning Balloons and Clouds and Skylines (oh my) The level of control and the smooth animations are wonderful and you can do some really rad stuff. Once you get past these initial hurdles and you save out your first GIF, it all becomes worth it. Note: that was not an inception GIF, I used LICEcap which is awesome for screener GIFs (but not very purdy). I’m hoping I get corrected by someone with experience here but checking “help”, Googling, and having a little “please save me” session with Justin led me to believe that the only way to extend the timeline is to individually extend the available time for each item, like so: If you want to make it longer, you would drag it to the right, right? Unfortunately not. Making the timeline shorter is super intuitive: you just drag the draggable-looking item to the left and you now have a shorter timeline. Timelines default to 5 seconds and you will likely want to change that. I got permission from Justin to share the PSD that I used to make the image for the email but I’m using something slightly different for this post because I wanted to show off the position and opacity. PS automatically creates the frames necessary for a smooth transition. Once you have dragged the scrubber, you then change the values for the state. The gist is that you set everything as you want it to begin and then drag the scrubbing line to where you would like a new state (position, opacity, style) to be complete. This is tricky to pull off at first, but it’s probably intuitive if you were raised on video timelines. There are built-in, video timeline-like features that allow for smoothly animating position, opacity, and style. No more are you creating multiple layer states and then choosing settings to tween between them. Super tweening™ is probably the biggest feature. This was only the beginning of the confusion, though, as this is not the GIF maker you are looking for.īringing my Google search back up, I then decided to watch How to make a simple GIF Animation in CS6 and now I knew how to get rolling. A quick Google search and some helpful people let me know that it is now called the “timeline”. It was gone and I was scared and confused. This was the look on my face as I tried to open the animation panel. I needed one for an email to share our rad 2013 Year In Review page for Code School. The design team at Envy recently scored a Creative Cloud subscription and so I had my first experience trying to make a GIF with Photoshop CC. I needed a Jif for an emailĪs a front-end dev, I mostly use Photoshop for extracting things these days, except for when I need an animated GIF. Adjusting to new things is not always easy so I’m sharing this in my sarcastic tone that I use in my head to get through the day. The new timeline for animating things in Photoshop really rocks, but it takes some getting used to and some Googling to figure out how to use it. It’s not necessarily how things should be done and I’d love any feedback from people that really know what they’re doing. This is another of my anti-tutorials, where I share how I stumbled my way through something.
0 Comments
Read More
Leave a Reply. |