Join Chris Converse for an in-depth discussion in this video Applying nondestructive filter effects, part of Design the Web: Sprite Sheets.
Now in this course, we've been using smart objects. We can quickly modify frame guides and artwork throughout our animation, but what i want to show you now, is how we can use a smart object now to apply filter effects to all of the frames of our animation. So inside of Photoshop lets select the Leaves group, hold the Cmd or Ctrl key to select Apples and Cores. Now with all of these selected, let's right-click. Choose Convert to Smart Object. That's going to put all of these layers into a smart object. If we double-click this, you'll see inside of the smart object. We have our same structure in place.
So we can quickly go back and modify the animation if we need to. But back in the main Photoshop canvas, what I want to do here with this smart object selected is come up to the Filter menu. Let's come down and choose Filter Gallery. So it's at the Filter Gallery. We can come in here and apply special effects. Now, the effects that are being applied are to that smart object, which in turn, since each of these elements is on a main stage because we're using this as a sprite animation, we get the effect across all of the frames. So we can come in here, and quickly start playing with different animation styles and effects, publish this out to our testing environment, and see what the animation looks like with these effects applied.
Once we apply an effect, you'll notice in the Layers panel, when we apply a filter to a smart object, we get a smart filter. And then the filters gallery. This allows us to go back to the Filter gallery and reassign different filters. And of course, if we don't like the specific filter, we can always come in here and just turn this off. And once you've added a filter effect or an adjustment that you like, you can simply save for web, like we did in the previous movie. Load this up in your animation tester and see how the effect looks. So as you can see here, I have a all series of animations of the same exact spreadsheet with different effects applied.
And you can use this to experiment with different animation styles and techniques. And now, if you'd like more ideas on where you can use this new Sprite graphic you've created, I have a course on the lynda.com online training library called Edge Animate Essential Training. Where I'll show you how to set up an animation inside of Edge Animate, making use of a sprite sheet. Which you can in turn, incorporate into iBooks, digital magazines, or your website. And with that, that completes creating an animation sprite sheet inside of Photoshop, and I really appreciate you watching my course.