New Feature: Playlist Center! Pick a topic and let our playlists guide the way—like a learning mixtape.

Start learning with our library of video tutorials taught by experts. Get started

InDesign FX
Illustration by John Hersey

039 Shearing to Create 3D Effects, Part 1


From:

InDesign FX

with Mike Rankin

Video: 039 Shearing to Create 3D Effects, Part 1

If you've ever tried to use InDesign's Shear tool, you may have experienced more than a little difficulty in understanding how it works in getting the results you want. Sometimes it seems to have a mind of its own, but you can use Shear to create interesting effects like a 3D book shape from a flat cover design. You just need to approach shearing from a different angle. So here I have a mockup of a book, and it looks like a nice little 3D version of the book and I just created this from the cover image, just a flat placed photograph and a text frame, and I mostly used the Shear command to do this. So let's see how it's done.
Expand all | Collapse all
  1. 8h 7m
    1. 000 Welcome to InDesign FX
      2m 42s
    2. 001 Blurring Objects with Drop Shadows
      6m 26s
    3. 002 Creating Interlocking Objects
      3m 46s
    4. 003 Exploring the Effects Panel
      8m 43s
    5. 004 Creating Long Text Shadows with Type on a Path
      4m 23s
    6. 005 Making Shiny Effects
      4m 46s
    7. 006 Producing Slime
      6m 22s
    8. 007 Exploring Bevel and Emboss Settings
      5m 34s
    9. 008 Exploring Inner Glow Settings
      2m 9s
    10. 009 Building Better Bevels
      3m 16s
    11. 010 Punching Holes
      4m 26s
    12. 011 Exploring Basic Feather Settings
      2m 52s
    13. 012 Exploring Directional Feather Settings
      5m 15s
    14. 013 Getting Effects into Print
      8m 10s
    15. 014 Getting Effects into Ebooks
      4m 32s
    16. 015 Simulating a Polaroid Effect
      3m 15s
    17. 016 Creating Metallic Strokes
      3m 18s
    18. 017 Exploring Inner Shadow Settings
      3m 50s
    19. 018 Exploring Drop Shadow Settings
      6m 15s
    20. 019 Simulating Multiple Strokes, Part 1
      3m 59s
    21. 020 Simulating Multiple Strokes, Part 2
      3m 29s
    22. 021 Creating Metallic Chrome Effects
      3m 56s
    23. 022 Creating Glass and Plastic Effects
      4m 49s
    24. 023 Exploring Satin Settings
      6m 57s
    25. 024 Exploring Gradient Feather Settings
      3m 51s
    26. 025 Simulating Carving and Chiseling
      6m 42s
    27. 026 Understanding Transparency Blend Space
      8m 2s
    28. 027 Drawing Extrusions, Part 1
      5m 25s
    29. 028 Drawing Concentric Shapes
      3m 17s
    30. 029 Creative Blend Mode tricks, Part 1
      5m 29s
    31. 030 Creative Blend Mode tricks, Part 2
      4m 6s
    32. 031 Drawing Star Bursts
      6m 7s
    33. 032 Scaling effects
      3m 0s
    34. 033 Learning Pathfinder Tips and Tricks
      9m 10s
    35. 034 Learning Transform Again Tips and Tricks
      6m 39s
    36. 035 Creating Cast Shadows, Part 1
      5m 27s
    37. 036 Exploring Outer Glow Settings
      6m 45s
    38. 037 Understanding Perspective Drawing
      4m 38s
    39. 038 Drawing 3D Banners
      3m 23s
    40. 039 Shearing to Create 3D Effects, Part 1
      6m 41s
    41. 040 Shearing to Create 3D Effects, Part 2
      6m 20s
    42. 041 Simulating a Ripped Background
      1m 53s
    43. 042 Creating a Breakthrough Effect
      2m 10s
    44. 043 Creating Spotlight Effects
      2m 22s
    45. 044 Backlighting an Object
      6m 8s
    46. 045 Simulating Stickers and Tape
      4m 23s
    47. 046 Creating Burnt Edges
      6m 26s
    48. 047 Creating Seamless Patterns
      8m 39s
    49. 048 Using Scripts to Create New Shapes
      6m 40s
    50. 049 Simulating Liquid
      2m 48s
    51. 050 Creating Editable Knockout Text
      5m 52s
    52. 051 Making Peeling Stickers
      5m 42s
    53. 052 Tips for Text Stroke Effects
      6m 44s
    54. 053 Creating 3D arrows
      3m 37s
    55. 054 Creating personal buttons
      4m 22s
    56. 055 Simulating leather with bevel and emboss
      4m 17s
    57. 056 Creating the effect of a magnifying glass
      4m 20s
    58. 057 Simulating a college notebook
      6m 11s
    59. 058 Using multiple effects to create plastic type
      3m 58s
    60. 059 Achieving a rough-hewn look
      2m 28s
    61. 060 Creating speech bubbles
      2m 41s
    62. 061 Creating buttons for interaction
      4m 37s
    63. 062 Creating wraparound headings
      5m 46s
    64. 063 Creating picture frames
      3m 24s
    65. 064 Customizing stroke styles
      5m 19s
    66. 065 Creating photo corners
      3m 44s
    67. 066 Making new shadow effects
      3m 19s
    68. 067 Making 3D type
      3m 15s
    69. 068 Making a 3D object
      5m 13s
    70. 069 Making translucent objects
      3m 10s
    71. 070 Mocking up a film strip
      4m 53s
    72. 071 Showing graphics as tiles
      3m 41s
    73. 072 Simulating chalk
      3m 7s
    74. 073 Using drop- and inner-shadows to create a cutout effect
      4m 30s
    75. 074 Applying multiple strokes with layers
      7m 1s
    76. 075 Enhancing design with skewed text
      3m 59s
    77. 076 Creating and revealing hidden objects
      3m 33s
    78. 077 Setting text vertically
      2m 51s
    79. 078 Achieving a developing Polaroid effect
      3m 38s
    80. 079 Creating ornamental frames
      5m 54s
    81. 080 Framing photos in letters
      4m 19s
    82. 081 Creating effects with paragraph rules
      3m 30s
    83. 082 Putting curved shadows on paper
      2m 40s
    84. 083 Building a puzzle
      2m 16s
    85. 084 Applying a gradient to text
      2m 2s
    86. 085 Creating a theater marquee
      4m 38s
    87. 086 Centering type on a curve
      2m 33s
    88. 087 Creating looks without fill
      2m 31s
    89. 088 Creating spiral patters from random lines
      3m 11s
    90. 089 Creating highlights at top and bottom
      3m 24s
    91. 090 Combining stroke styles
      2m 11s
    92. 091 Making a bottle cap
      1m 47s
    93. 092 Creating a 3D bevel effect behind a cover
      3m 30s
    94. 094 Making trading cards
      4m 43s
    95. 093 Creating custom frames
      2m 11s
    96. 095 Revolving an item around an object
      2m 44s
    97. 096 Creating old-fashioned spotlights
      2m 12s
    98. 097 Creating a rust effect
      1m 44s
    99. 098 Creating sparkle
      1m 54s
    100. 099 Double beveling text
      2m 24s
    101. 100 Creating a 3D pocket with bevel and gradient
      3m 2s
    102. 101 Creating metallic text
      3m 7s
    103. 102 Creating stained glass
      2m 53s
    104. 103 Bobbling a photograph
      4m 47s
    105. 104 Creating a lighted sign
      3m 9s
    106. 105 Creating a blue ribbon NEW
      12m 58s
    107. 106 Putting items on a shelf NEW
      6m 11s
    108. 107 Creating a shredded-document effect NEW
      4m 12s
    109. 108 Simulating a train-station display board NEW
      9m 54s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
InDesign FX
8h 7m Intermediate Aug 04, 2011 Updated Jul 08, 2014

Viewers: in countries Watching now:

InDesign FX is a collection of self-contained effects projects designed to be completed in ten minutes or less. Taught by expert Mike Rankin, the series explores every aspect of InDesign's graphic effects capabilities through real-world examples, all without relying on Photoshop or Illustrator. The intent is to reveal the quick, practical, and sometimes surprising application of InDesign effects to creative projects.

Subjects:
Design Design Techniques
Software:
InDesign
Author:
Mike Rankin

039 Shearing to Create 3D Effects, Part 1

If you've ever tried to use InDesign's Shear tool, you may have experienced more than a little difficulty in understanding how it works in getting the results you want. Sometimes it seems to have a mind of its own, but you can use Shear to create interesting effects like a 3D book shape from a flat cover design. You just need to approach shearing from a different angle. So here I have a mockup of a book, and it looks like a nice little 3D version of the book and I just created this from the cover image, just a flat placed photograph and a text frame, and I mostly used the Shear command to do this. So let's see how it's done.

Here's the cover image. It's just a placed photo of some rust and one text frame with The History of Rust, Volume 1: The Early Years, and I am going to start out by selecting the placed graphic, copying it, and choosing Edit > Paste In Place, or Command+Shift+Option+V, Ctrl+Shift+Alt+V. Why I am doing this is so I can make the spine. I need an extra copy of this photograph. I need two separate objects that I can shear in opposite directions. Now, you might be tempted to just slide this over or to grab the right anchor point and drag it across to make the spine, but that's probably not a good idea, because if I zoom in, you can see what happens.

When you use the Selection tool, you mirror the image, you flip it. So I get this mirrored copy of the photo and up in the Control panel you can see what's going on. I've flipped it horizontally and that's not really realistic. That's not what a real book cover spine would look like. So let's undo that, and instead of using the Selection tool, I will use the Direct Selection tool. So I will press A on my keyboard and I will click the right-hand segment and Shift+Drag it across and create my spine. That looks like a pretty good width.

So I have a continuation of the photo instead of a flip of it. Now let's do some shearing. I'll take my Selection tool and Shift+ Click on both the text frame and the picture, I'll group them, because I want to shear them together, and I'll set the reference point at the left center. So this is the lockdown part that we're going to be shearing around. In my tools panel, I'll double-click on the Shear tool and I will set a Shear Angle of 10 degrees in the Vertical direction, and what that does is it pulls up the right side, and we can just see what it would be like to shear along the horizontal axis.

That would pull it towards the right. But in this case, we want to use vertical. I'll click OK and now I want to shear the spine in the opposite direction. So I will select the spine, I will set the Reference Point to the right-center, so it's sheared around that same point as the front cover. I will double-click on the Shear tool and now I want to change the Shear Angle. I am not sure exactly what angle I want yet, but I know it's in the opposite direction of the front cover. So I am going to hold down the Shift key on my keyboard and I am going to tap the down arrow key a few times just until I start to see this angle that I like.

I want a nice angle that seems sort like a right angle from the front cover to the spine and -60 looks pretty good. I will click OK. Now when I did that, I got the angle I wanted, but it really stretched out the spine and distorted the picture and I don't want that at all. So I am going to take my Selection tool and I am going to Command+Drag or Ctrl+Drag this middle anchor point to scale it back to something little more reasonable. That looks pretty good. So they'll give me the width that I want and the photos are not quite so distorted now. Now let's make a back cover. I will click on the front cover, I will ungroup it so I just have the photo and not the text frame, and I'll copy it and choose Edit > Paste In Place.

Command+Shift+Option+V, Ctrl+Shift+Alt+V, and then I want to just drag, so this top left corner touches the top left corner of the spine. I will zoom in to make sure I got that right. That looks pretty good and then I'll send it to the back by choosing Object > Arrange > Send to Back. I will zoom out. So now I have a back cover, a front cover, and a spine. Now I just need some pages. I will click on that back cover, I'll copy it, Paste It In Place, I'll send it to the back, and then I will double-click to select the placed graphic and delete it.

Because remember, I have two copies. I just want this frame so I can fill it with a paper color that looks like pages. So with that frame selected I will go to the Swatches panel, target the fill, and fill it with a really light tint of black, say 10%. Now, I just want to move it a little bit, so I can see the back cover image. I will take my Direct Selection tool, I'll click on the top segment, and I'll tap my Down-arrow key a few times just to reveal some of that back cover. Then I'll click on the right-hand segment and tap my left arrow key a few times, just to nudge that in.

I will zoom in and take a look, and that looks pretty good. I will zoom back out, and now I want to extend this line over behind the front cover to about here. So I will click on the bottom-right corner and pull it up and zoom in and that's a little too much in the corner, so I will tuck it in just a little bit. Now that looks pretty good. I will zoom back out. Now I just want to apply a couple of effects to make it look a little more realistic. So the first thing I'll do is select the pages and go to my Effects panel.

Double-click, and I'll apply an Inner Shadow and what I want here is a little shadowy effect like there's light coming and shining from the back cover and creating a little shadow on the pages. I will take the opacity down a little bit, 75% is usually too intense, and click OK. Now, I'll just add a little beveling to the cover. So I'll select the front cover, the spine, and the back cover. I'll double-click and turn on Bevel and Emboss and I will increase the size a bit.

20 pixels is probably too much. I will take it down to 15 and I'll increase the Altitude a little bit to make it a little shinier and have less of a shadow down in the bottom and on the right-hand side. 50 degrees. That looks pretty good. I will click off, and there I have my next book cover, courtesy of the Shear tool and a little work with the Selection tool and the Direct Selection tool. Now, a cool thing you can do once you've done this shearing work is you can use it to create another book cover, just by replacing the title and the placed photo.

So I will go to my Links panel, select the rust picture, and re-link it. I'll choose this cow picture and I will click through the dialog boxes to re-link all the instances. Now I just want to reposition Bossy here, and change the title, and there you go. another book cover. So it's great when we can reuse our work and work efficiently. Shearing is the trickiest transformation in InDesign. Dragging with Shear tool can be an exercise in futility.

So instead, try shearing precisely using numerical values, either in the Control panel or by double- clicking with the Shear tool. That way you can keep the effect under control and use it to build things like a quick 3D mockup of something like a book.

Find answers to the most frequently asked questions about InDesign FX.


Expand all | Collapse all
please wait ...
Q: For some movies, why are there both INDD and IDML versions of the exercise files?
A: For CS4 and older versions of InDesign, please use the IDML exercise files.
 
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.
Upgrade now


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 Upgrade now

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 InDesign FX.

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

Notes cannot be added for locked videos.

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.