Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Working with Transform effects

From: Up and Running with Astute Graphics for Illustrator

Video: Working with Transform effects

In this movie we'll take a look at how If instead of X and Y values I'd rather see the offset in terms of If I move my cursor over an edge or corner of the bounding I can start dragging and hold Cmd or Ctrl to use the slow drag feature.

Working with Transform effects

In this movie we'll take a look at how to use the transform effect controls in Astute Graphics stylism. I'll begin by selecting my star and I'll add a transform live effect by clicking the first button on the left in the bottom row in the stylism panel. Now I have four sets of controls arranged around the center point of my star plus a bounding box around it. And I'll start by moving my cursor anywhere inside that bounding box. And when I do, I can see a display telling me the current offset is zero. If I double-click, I get a dialog box where I can enter offset values in terms of X and Y coordinates, or distance and angle.

And this great if I know the values that I want, or if I want to create a very precise effect, or I can do something more intuitive by canceling out of the dialog box, and simply dragging from anywhere inside the bounding box. And as I drag, I can see the guidelines from the corners and center of the bounding box. So I can reposition however I want at any distance or angle from the original. If I hold the Shift key, I can constrain the movement to the current angle. Or if I undo, I can hold Shift and constrain horizontally, or vertically, or at 45 degree angles.

If instead of X and Y values I'd rather see the offset in terms of distance and angle, I can just hold Option or Alt and click inside the bounding box. If I move my cursor over an edge or corner of the bounding box, the display tells me that the horizontal and vertical scale is currently 100%. And I can freely drag from the side or a corner if I want to distort the shape of the object. I can start dragging and hold Cmd or Ctrl to use the slow drag feature. And I can also hold Shift and drag to maintain the shape's proportions.

Or I can double-click anywhere along the bounding box to bring up a dialog box where I can set exact values for horizontal and vertical scale. I'll make them both 80%. Note that the position of the scaled effect is dependent on the reference point which you can see over here. By default it's set to the center, but you can make it any of these nine points, and you can see the position of the effect changes. If I set the reference point to the top-left, or northwest, and I check out the distance, what this means now is there's 138 pixels from the top-left corner of the original object to the transformed effect.

If I switch the reference point to the center, now theres 138 pixels between the centers of the two objects. I can also apply a rotation as part of my transform live effect. To do this, I just move my cursor over a corner of the controls, so that I see a curved double arrow, and then click and drag. Again, I can drag freely. I can hold Shift to constrain. Or I can hold Cmd or Ctrl to slow drag. The plus minus buttons are for setting a number of transformed copies. By default it's set to zero, so the original object disappears, and all I see is the transformed object.

But if I click the plus, I get one copy, so now I see the original plus one transformed copy. And if I continue clicking, I can continue to create extra-transformed copies. Also notice this line going through the center of the transformed copies. At one end there's a dot. And if I move my cursor over that dot, I can see how many copies I have. Not only that, but I can drag that dot to create more or fewer copies. I also have a control for scaling strokes and effects. And if I enable it, I can see the strokes get thinner as objects get scaled down.

And finally, I have a choice for random transformations or non-random ones by clicking on the button with the letter N or R on it. Now the really cool thing at this point is that all these transformations are all still live effects. So I can change any or all of them and all these copies will respond. So I can change the angle, I can change the scaling, the reference point, and so on. Now I want to show you one more thing that you can do with the stylism controls for transform effects.

And that is to quickly and easily create a grid of objects. I'll start by removing this effect, and I'll actually scale the star down for real, just a little bit by holding the Shift key and dragging to make it a little smaller. And I'll position it up in the corner here. Then I'll click in the panel to apply a transform effect, and then I'll hold the Shift key and drag to the right. Just so the new copy is beyond the original bounding box. Then I'll click the plus sign to create a copy, then I'll click and drag the dot and the transformed copy to make a bunch of copies in a straight line.

Now I can make a grid by Shift+clicking on the transform button in the panel to add a second transform effect. I'll Shift+drag straight down. And again, click the plus sign to add a copy. And again drag the dot. Pretty nifty. So in this movie, we saw how to use Astute Graphics stylism to work with transform live effects. Stylism gives you controls for moving, scaling and rotating objects and you can make copies and change any or all of the transformations on the fly.

Show transcript

This video is part of

Image for Up and Running with Astute Graphics for Illustrator
Up and Running with Astute Graphics for Illustrator

43 video lessons · 4842 viewers

Mike Rankin
Author

 
Expand all | Collapse all
  1. 7m 10s
    1. Welcome
      53s
    2. Using the exercise files
      25s
    3. What can you do with the Astute Graphics plugins?
      4m 30s
    4. Installing the Astute Graphics plugins
      1m 22s
  2. 47m 4s
    1. Overview
      2m 28s
    2. Working with dynamic corners
      8m 16s
    3. Working with dynamic shapes
      5m 57s
    4. Editing paths with PathScribe
      8m 28s
    5. Using the Extend Path tool
      8m 30s
    6. Using the Smart Remove Brush tool
      4m 56s
    7. Using the Dynamic Measure tool
      5m 14s
    8. Using the Protractor panel
      3m 15s
  3. 13m 14s
    1. Connecting and straightening objects
      5m 11s
    2. Drawing tangents and perpendiculars
      4m 0s
    3. Drawing circles and arcs
      4m 3s
  4. 8m 24s
    1. Using the Snap to Collisions tool
      3m 56s
    2. Using the Rotate at Collision tool
      2m 14s
    3. Using the collision spacing
      2m 14s
  5. 11m 19s
    1. Mirroring artwork
      4m 40s
    2. Drawing with symmetry
      2m 43s
    3. Mirroring text and images
      3m 56s
  6. 14m 43s
    1. Adjusting colors with filters and effects
      6m 29s
    2. Creating vector halftones
      4m 34s
    3. Applying effects to photos
      3m 40s
  7. 14m 3s
    1. Drawing with InkScribe
      5m 44s
    2. Editing path segments with InkScribe
      4m 37s
    3. Adding, removing, and changing points with InkScribe
      3m 42s
  8. 16m 56s
    1. Drawing and modifying paths
      7m 45s
    2. Using Repeat Sketch
      2m 46s
    3. Using Intelligent Join
      2m 55s
    4. Using Gesture Trim
      3m 30s
  9. 16m 28s
    1. Using the Width Brush tool
      4m 35s
    2. Using the Width Gradient tool
      7m 21s
    3. Using the Width Selector tool
      4m 32s
  10. 27m 44s
    1. Overview
      5m 18s
    2. Working with drop shadows
      4m 38s
    3. Working with feathering
      1m 36s
    4. Working with Inner Glow and Outer Glow
      3m 15s
    5. Working with Transform effects
      5m 26s
    6. Working with Free Distort effects
      2m 4s
    7. Working with Offset Path
      2m 25s
    8. Working with Gaussian Blur
      3m 2s
  11. 1m 10s
    1. Next steps
      1m 10s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Up and Running with Astute Graphics for Illustrator.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.