Join Nigel French for an in-depth discussion in this video Finalizing the layers, part of Photoshop for Designers: Working with Illustrator.
So we have created our globe. We now need to get it into our Photoshop composition. I'm going to Copy this, move over to Photoshop. Let's just remind ourselves what the finished version looks like. That's what we're aiming for, something like this. Here is where we're beginning, and I just want to, before I Paste it, break this down for you. I have a background that is built up from three overlapping layers. The first of them, just a field of color to which there is applied some film grain and also a Gradient Overlay.
On top of that, in the luminosity blend mode, a layer of clouds. And on top of that, also in the Luminosity Blend mode, this texture. Both of these layers, Layer 2, and the bokeh texture, have a reduced Opacity. So it is into this document that I'm going to Paste my globe as a Smart Object. I can now adjust its rotation as necessary. I can adjust its scaling as necessary, of course it's completely vector, so we can scale it to our heart's content without degrading its quality.
And I'm also going to adjust its Opacity down to 20% so that it blends in nicely with the background. Although it perhaps blends in a little bit too much around the edges. I'm going to add an Outer Glow. Now an outer glow typically has a lightening effect, but in this case, I want it to have a darkening effect. I'm going to make the color of the glow the same as the Color of the continents, and change it's Blend Mode to Multiply.
And then increase the size of that Outer Glow. You can just see that appearing down here. And in addition to that, I'm also going to add an Inner Shadow. And I'm going to increase the size of the Inner Shadow. And if I drag that, you can see that now appearing down there. So those two layer effects just giving it a bit more presence within the context of the overall composition. Next I'm going to add a Vector Shape on the right-hand side, which will serve as a side bar.
And I would like this to be filled with red. And set to a Blending Mode of Multiply so that we bring back the texture of the layers beneath. Now I'm going to add some Type. Now I need to be careful that when I add the type it doesn't get added inside that shape. So I'm going to start out by clicking outside of that shape and then type in my text. It's remembering the font I used last which just happens to be the font I want to use and that font is Gill Sans, Bold, Italic.
I would like it to be White in color. And then I'm going to change it's size by transforming it, holding down the Shift key as I do so. To reduce the letting I will select that type layer, and press the Option or Alt key and the up arrow. I will then duplicate that layer, and type in the name of our news reader. And this needs to get significantly smaller, like so. I do need to just adjust that letting ever so slightly. Let me just make one more point, and this point is that the Vector Smart Object is continuously editable.
So, if I wanted to give emphasis to a different part of the globe, all I would need to do is double click on the Smart Object badge. That takes me to a Vector Smart Object in Illustrator, where I can then select it. Come to my Appearance panel, click on 3D Revolve, turn my Preview back on, and then change the angle of rotation. Let's imagine that this segment of the news is concentrating on the Americas, so that's the part of the globe that we want to see. I would then Save that change, switch back to Photoshop, and we see an update in place with the same Opacity.
With the same Layer Effects, and at the same position.
- Combining Photoshop with the Illustrator Image Trace command
- Generating "painted" type with Illustrator brush strokes
- Creating an abstract background
- Adapting a Photoshop custom shape into a symbol
- Experimenting with transformations
- Creating frames, backgrounds, and type
- Duplicating, scaling, and arranging elements
- Modifying Illustrator symbols in Photoshop
- Adding and styling type with Offset Path
Skill Level Intermediate
Q: This course was updated on 04/06/2016. What changed?
Q: We added 13 new tutorials in chapter 11-14 to cover some new techniques, such as animating Illustrator patterns, creating shape-based compositions, and creating retro-looking print designs.