Join Chris Converse for an in-depth discussion in this video Adding vector dotted rules, part of Design the Web: Smart Objects.
Now, to create the callout lines, let's come over to Layers panel.…Make sure you have both of the callouts toggled open.…Let's select the Runner Smart Object inside of callout-knee.…Let's come over and select the Pen tool.…Let's come up and make sure this is set to Shape.…Let's come over to Fill, set the Fill to none.…Let's come over to Stroke. Let's set the Stroke to white.…Let's come over to the size, set this to 8 pixels. And for the Style, let's come down…and choose the dotted line.…
Now with those settings, let's come down.…Let's click once on the knee.…You'll see that we get a shape layer instantly inside of the callout-knee group. And let's…click again over on the knee from the main runner graphic.…So now we have the stroke that goes from our callout to the main graphic.…Next, let's come over to the shape layer in the Layers panel.…Let's come down to Effects. Let's apply Drop Shadow.…What we're going to do inside of here is we're going to set the Opacity to 100%.…Angle is going to be 90.…
This course was created and produced by Chris Converse. We are honored to host this content in our library.
- Creating Smart Objects from Illustrator
- Creating Photoshop Smart Objects
- Adding effects to Smart Objects
- Duplicating and positioning Smart Objects
- Editing a Smart Object
- Where to go from here