Using the Gradient Transform tool, you have full control over how a gradient swatch is applied to vector shapes in an Animate project. Now that you’ve adjusted the gradient overlay, the background of your project receives a small, but significant visual enhancement.
- [Instructor] Using the Gradient Transform Tool,…we have full control over how a gradient swatch is applied…to vector shapes in an Animate project.…So here if use the Selection Tool…to go ahead and select the object on our grad layer…with a linear gradient applied to it,…we can press upon the Free Transform Tool…and a menu appears allowing us…to also select the Gradient Transform Tool,…which is grouped with it.…With the Gradient Transform Tool selected,…we're able to do things such as shift the center point…of our gradient.…
We can also scale the gradient,…squishing it down or expanding it,…and most importantly for our use case here,…we can use this little corner circle…to actual rotate our gradient.…Let's go ahead and zoom out a little bit, 50%,…just to make sure that we get this gradient transformed…to exactly 90 degrees.…We'll also need to scale this down a bit,…and once again, shift it just slightly.…
And what we're looking for…are no lines.…You can see right here, we've got a bit of a line.…We don't really want that.…
Author
Joseph Labrecque
Released
11/13/2018- Setting up your project and workspace
- Using the stage and the pasteboard
- Importing images, Illustrator files, and Photoshop files
- Drawing
- Working with text
- Editing images
- Managing your timeline layers
- Creating symbols
- Animating with tweens
- Animating the camera
- Adding interactions
- Publishing Animate projects
Skill Level Beginner
Duration
Views
-
Introduction
-
1. Working with Animate CC
-
General document settings2m 27s
-
Manage the workspace5m 15s
-
Test your project1m 14s
-
2. General Concepts in Animate CC
-
Stage and pasteboard2m 30s
-
Properties panel2m 18s
-
Project library2m 52s
-
-
3. Importing Assets into Animate CC
-
Import bitmap files3m 22s
-
Import from Photoshop2m 47s
-
Import from Illustrator4m 24s
-
Import sound files1m 10s
-
-
4. Vector Creation Tools
-
Draw basic shapes5m 2s
-
Work with strokes and fills2m 55s
-
Object Drawing mode2m 50s
-
-
5. Working with Text
-
Use static text3m 34s
-
Dynamic text considerations2m 59s
-
Break text into vectors3m 7s
-
-
6. Modifying Vectors and Bitmaps
-
Manage color4m 34s
-
Gradient Transform tool1m 59s
-
Use Free Transform2m 40s
-
Break Apart and Trace Bitmap3m 31s
-
Warp assets3m 16s
-
-
7. Managing Timeline Layers
-
Layer folders1m 50s
-
Shape tweens5m 23s
-
Mask content5m 25s
-
Onion skinning4m 5s
-
-
8. Working with the Library and Creating Symbols
-
Movie clip symbols3m 23s
-
Graphic symbols4m 34s
-
Button symbols6m 20s
-
Manage library items3m 28s
-
-
9. Animating Symbol Instances and the Camera
-
Use motion tweens3m 13s
-
The Motion Editor3m 53s
-
Set up the camera3m 49s
-
Animate the camera3m 38s
-
Ease tween properties3m 9s
-
-
10. Building Interactive Content
-
Target platform matters3m 25s
-
Build a welcome action3m 55s
-
Add interaction6m 58s
-
Interactive button layout4m 55s
-
Code the navigation4m 3s
-
-
11. Finishing Up
-
Integrate audio2m 58s
-
Advanced publishing options4m 34s
-
-
Conclusion
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Gradient Transform tool