Authentic voices. Remarkable stories. AOL On Originals showcase the passions that make the world a more interesting place.
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.
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.
ACTING DISRUPTIVE takes viewers inside the businesses and passion projects of Hollywood’s top celebrities.
Follow Scott Schuman, the Sartorialist, from the streets of NYC to the capitals of Europe on his quest to photograph and document the best in culture and fashion.
Go behind-the-scenes with racing's hottest, young talent, 17-year-old Dylan Kwasniewski, as he aspires to make it in the #1 motorsport in America – NASCAR
Learn how to divide Sections by color in Adobe Photoshop CS3.
Tags:adobe,adobe cs3 web design,color,sections,total training,tutorial,web design
Grab video code:
So our guides are all set and I am going to quickly fill in some of these content areas so that layout is more visually apparent to me. I will go ahead and select my Marquee Tool by pressing M which is the keyboard shortcut and I am going to go ahead and start selecting the header area and we will create a new layer by clicking on the New Layer icon in my Layers Panel and we rename it to header_bg.
I am just going to single-click on the foreground color and we will go ahead and put in a value that I have already determined. So shade of red and we will click OK. We will press Alt+Backspace to fill the selection with the foreground color. On the Mac you can select Option+Delete to fill in the layer. It will go ahead and create our new selection for our navigation. We are going to select the Create a new layer icon and rename this layer to my navigation.
So for our fill color we are going to select a different color. We will single-click on the foreground color and for RGB values I am just going to put in a value of 150 for all three Red Green and Blue values and that gives us a nice gray and we will click OK and again press Alt+Backspace to fill in our selection.
The next thing I want to do is create a sidebar. So I am going to press the M key and that will select the Marquee Tool for me. I am just going to make the selection for my sidebar. I am going to click on the New Layer icon again and Create a new layer and rename it to sidebar_bg.
Now my sidebar is going to be filled with a very subtle gradient. So I am going to go ahead and go to Gradient tool and from the selected gradient style in the Control Panel, I am going to make sure that I have the Foreground to Background Preset selected and I am just going to enter in some color values. So I will click on the first color and I am going to enter values of 35 for Red, Green, and Blue, I click OK, and for my Background color I am going to enter in values of 50 and click OK.
So as you can see that is a very, very slight gradient almost imperceptible, but I think it will add to sidebar. So you can see that this creates a very subtle gradient for me. So I will click OK, and now I have the Gradient tool still selected, I am going to place my courser to the left of my Marquee selection, hold down the Shift key and just drag the Gradient across to the right edge of my selection. I let go and there is my gradient for my sidebar.
Next, I want to add a background for my content area. So again I am going to press M for my Marquee Tool, scroll up a little and just make the right selection. In this case the background color that I want to have is going to be a slight cream color, click OK and again Alt+Backspace to fill the selection. Okay and what I need to do is create a new layer, so we will go down to the New Layer icon again and just rename it to my content background.
Since we still have our selection, I am just going to press Alt+Backspace and that fills in the foreground color for us. Just a couple more things to go. So we will go back up, press the M button again and that's select our Marquee Tool. Because I am going to be creating an overlapping selection, I just want to deselect what I have. So I am going to do that by pressing Ctrl+D and that deselects the existing selection. So we will go ahead and create a new selection for our Flash messaging area.
We go ahead and create a new layer, rename it and we will change the foreground color to something like a Blue. Click OK and Alt+Backspace again to fill it in. So that about does it for the basic layout of our homepage.
Next, I am going to match the layer order with how the document is rendered. So we will go down to our Layers Panel and we will move the header to the top. That's going to be followed by the sidebar and then our navigation followed by our Flash messaging area layer and our content layer.