Join Chris Converse for an in-depth discussion in this video Turning Photoshop layers into variables, part of Design the Web: Automating Web Graphics.
- View Offline
…Now to begin our project, let's open up banner.psd from the exercise files.…Now, the font family that I used in this composition is Helvetica Neue,…and I used a series of different weights from this particular font family.…But if you don't have access to Helvetica Neue on your system,…you can substitute this with something like Myriad Pro, Frutiger, or Avenir.…And of course you can use any font that you have on your particular system.…And now with our Photoshop file open, over in the Layers panel,…here you can see how this file is put together.…At the top, there's a folder called travellogo.…Inside of here, there's a vector shape and a Text layer.…
These are set to a style of Multiply for the blend mode.…We also have the Fill set of 65%, and…they each have a stroke applied to them as well.…This way regardless of the photograph that's showing up behind them, having a…black logo with a white outline, should give us a logo that's pretty…recognizable over a series of different photographs.…We also have a Text layer called Aruba.…
The Design the Web series was created and produced by Chris Converse. We are honored to host this content in our library.