Authentic voices. Remarkable stories. AOL On Originals showcase the passions that make the world a more interesting place.
James Franco loves movies. He loves watching them, acting in them, directing them, and even writing them. And now, he’s going to take some of his favorite movie scenes from the most famous films of all time, and re-imagine them in ways that only James can.
Go behind the scenes with some of the biggest digital celebrities to see what life is like when the blogging and tweeting stops.
The story of punk rock singer Laura Jane Grace of Against Me! who came out as a woman in 2012, and other members of the trans community whose experiences are woefully underrepresented and misunderstood in the media.
Documentary shorts conceived of and directed by famous actors. Jeff Garlin, Katie Holmes, Alia Shawkat, Judy Greer, and James Purefoy
Park Bench is a new kind of "talking show" straight from the mind of born and bred New Yorker and host, Steve Buscemi.
Digital influencer Justine Ezarik (iJustine) is back. After covering the world of wearable tech last season, iJustine is expanding her coverage this year by profiling the hottest tech trends across the country.
A 12 episode documentary series following 5 startup companies competing in the 2013 San Francisco TechCrunch Disrupt Startup Battlefield as they fine tune their products and eventually present in front of a panel of judges in hopes of winning $50,000 in funding.
Enter the graceful but competitive world of ballet through the eyes of executive producer, Sarah Jessica Parker. This behind-the-scenes docudrama reveals what it takes to perform on the ultimate stage, the New York City Ballet. Catch NYCB on stage at Lincoln Center.
Nicole Richie brings her unfiltered sense of humor and unique perspective to life in a new series based on her irreverent twitter feed. The show follows the outspoken celebrity as she shares her perspective on style, parenting, relationships and her journey to adulthood.
Explore what it means to be human as we rush head first into the future through the eyes, creativity, and mind of Tiffany Shlain, acclaimed filmmaker and speaker, founder of The Webby Awards, mother, constant pusher of boundaries and one of Newsweek’s “women shaping the 21st Century.”
Gwyneth Paltrow and Tracy Anderson spend time with women who've overcome hardship, injury, and setbacks to triumph in the face of adversity.
Hank Azaria’s touching, humorous, and often enlightening journey from a man who is not even sure he wants to have kids, to a father going through the joys, trials and tribulations of being a dad.
Learn how to make Mock Mouse Over Behaviors in Adobe Photoshop.
Tags:How to Make Mock Mouse Over Behaviors in Photoshop,adobe photoshop,photoshop,Photoshop lessons,photoshop Tips,Photoshop tutorial,adobe,adobe cs3 web design,mock mouse over behaviors,total training,tutorial,web design
Grab video code:
So, I think that's looking pretty good. We can go ahead and get started with our mess over Behaviors and that's going to take place in the navigation. So I am going to add another layer in our Navigation group. So I'll go ahead and click on the New layer button and we'll call this, rollover_bg. I am going to select my Marquee Tool by pressing M and we'll go ahead and make the selection in our Navigation area that covers the Skateboarding link.
So what we'll do is, we'll actually select black as our rollover color and I am going to bring that back to the foreground by pressing D and that selects our default black and white colors and I am going to press Alt+Backspace to fill that selection, okay, great! So that takes care of our rollover.
The next thing I want to show is, how the drop-down menu is going to look. So I'll go ahead and create another layer and we'll select the Marquee Tool again and we'll draw another selection right underneath the skateboarding item, that looks pretty good and for this color, I am, actually, going to use a gray instead of black. So we'll go ahead set the Foreground Color, click on it and I am actually going to take this darker gray that we have up here, that looks pretty good to me, click OK and press Alt+Backspace again to fill this, okay. I am going to rename this layer to dropdown_bg, click Enter and now, I am just going to put in some text. So we are going to switch over to Notepad. So we'll press Alt+Tab and this is the last of the text that we've got in our Notepad file, we'll select it, press Ctrl+C to copy, we'll switch over to Photoshop, press the T key to highlight the Text Tool and we'll go ahead and click on our canvas and press Ctrl+V to paste the text, okay. So our text has come in, but we obviously need to format it, so I can just select all of it, we'll change the color to white. We'll also make the alignment Left Aligned and in our Character and Paragraphs Palette, I am going to change the Leading to 22 pixels, perfect! We'll press Ctrl+Enter to accept these changes, we'll press V for our Move Tool, we'll go ahead and just move the text to the right place and that looks pretty good.
So what we are going to do now is just add some div lines and we're done with our Rollover behavior. So I am going to create a new layer, I am going to select my Pencil Tool and for my Foreground Color, I am going to select white again, okay, and just to make sure that I am not coloring outside the lines, I am going to select the Magic Wand Tool and just select the drop-down background that we created before and we'll go ahead and select our new layer and the Pencil Tool and we'll just start drawing this out and again, we'll just do this, kind of by high, so click, hold Shift down, draw that out, do that again, click, Shift, draw that out, click, Shift, draw that out and again, I am letting go off Shift every time that I do this, okay, one more, okay. So that's pretty good. We'll just press Ctrl+D to Deselect and we are going to change the Opacity, change it to about 50% or so. So that looks pretty good. We'll just double click on the layer name and we'll rename it to dropdown_divs, okay, perfect!
The last thing we want to do is make sure that we've got our layers grouped appropriately. So I'll go ahead and select all of the Rollover layers and I am going to go back to our Layers Panel Menu, select New Group from Layers and we'll call this, Dropdown menu, click OK or press Enter to accept and that about does it.
So now, what we can do is we can switch back and forth to see what our page would look like with a drop-down or we can remove that and we can also see what our page would look like without an inside page and rather the homepage. Let's get rid of the Character and Paragraph Palette there so we can get a good look at our site and we are going to go ahead and save this masterpiece. So we'll press Ctrl+S to save and there you have it. We've gone ahead and completed a complete a Web Layout in Photoshop, we've created a layout for the Homepage, we created a layout for the inside page and we also added some mock up mess over Behaviors so we can use that in building our HTML page.