Join Chris Converse for an in-depth discussion in this video Combining layer masks with layer comps, part of Design the Web: Layer Comps.
Now, to simulate a submenu hover, we're going to use clipping masks in…addition to layer comps.…So to do this, let's come over to the Sub Menu layer inside of the Layers panel.…With that selected, let's come down and choose Create New Layer.…Let's name this layer. We'll call this sub menu hover.…With the layer selected,…I'll type the letter M key. Hold Shift+M to get the Square Marquee Selection tool.…I am going to click and drag a shape.…
I'm going to hit Command+Delete on the Mac or Ctrl+Delete in Windows to fill with the background color.…Command+D or Ctrl+D to deselect the selection.…So what I've done here is simply just drawn a white square. Let's move this down over…top of Service Two text.…Next, I'm going to come over to the Layers panel, hold the Option key between the sub…menu hover and the Sub Menu. What this is gong to do is create a clipping mask.…Click the mouse and now I've click-grouped in the white box inside of the Sub Menu.…Let's come up to the Opacity setting here, and let's this to 20% Opacity.…
This course was created and produced by Chris Converse. We are honored to host this content in our library.
- Simulating a navigation menu rollover
- Combining layer masks and layer comps
- Simulating a video lightbox
- Representing movement
- Exporting layer comps
Skill Level Intermediate
Q: This course was updated on 12/01/2014. What changed?
A: There is one new movie, "Exploring new tools in the Layer Comps panel," which covers changes to the 2014 version of Photoshop CC.