Authentic voices. Remarkable stories. AOL On Originals showcase the passions that make the world a more interesting place.
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.
ACTING DISRUPTIVE takes viewers inside the businesses and passion projects of Hollywood’s top celebrities.
Learn how to create a Header in Adobe Photoshop CS3.
Tags:adobe,adobe cs3 web design,creating header,total training,tutorial,web design
Grab video code:
So now that we have the basic building blocks of our site laid up, we are going to start working on the header and work our way down. For the header the first thing we will do is import the skateboard artwork that we worked on in another lesson.
So we will go up to our File menu, we will go to Open, we are going to browse to our Desktop and in the Project Files folder we are going to go to Lesson 3 and select the livetrace_logo Illustrator file. We will click on Open and that brings up the Import PDF dialog box. The only thing I am going to change here is just change Resolution from 300 down to 72 and that resize the logo artwork and now I am going to press Ctrl+A to select the artwork, press Ctrl+C to Copy it and we will switch over to our layout document and just press Ctrl+V to paste it in and you will see that the skateboarder document actually comes in as its own layer.
We are going to resize it and reposition the layers. So let's reposition the layer first, up to the top and what I will also do is actually create a Smart Object, so that we can resize this artwork up or down as much as we need to without affecting the quality of the file. So we will go ahead and select from the Menu dropdown. We will select Convert to Smart Object and we will go ahead and rename this layer as well.
So now we are ready to resize and reposition this image. So we will press Ctrl+T. On the Mac you would want to use Command+T. This will bring up our Free Transform Tool and we will go to the top right-hand corner and you will notice that we immediately get a rotate icon. So I am going to hold my Shift key down and rotate this object about 90 degrees.
Again, I will go to the top right corner and now I have scale icon. I will hold Shift down again to keep my proportions and rescale it and let's just move it up to the header it's little too large so we will scale it down a little bit more and that looks about right. So it looks like our skateboarder is doing a little hand plant here.
So we will click Enter to accept that. The next thing we need to add is our magazine title. So we will press T for a Text Tool and we will go to our header and we will enter in our title text. We will select it to make sure that its color is white click OK and we will actually bring up the Characters panel and just make sure that it's Arial Black and we have got 36 pixel and also for our ant-aliasing we have select Sharp, close the Character panel we will press Ctrl+Enter to accept this text and we will select our Text Tool again and now we need to our tag line. So we will go to the header again and we will add our tag line.
We will just select it and we need to resize this. We will make this Arial, make it 14 points. We will press Ctrl+Enter to accept and this look pretty good there, but if I wanted to move these around, I would go down to my Layers panels and I could Shift+Select both layers and then at that point I would press V for my Move Tool, but I think I am just going to leave them right there.
So we will go to our File menu and click Open and we have this header_photo image, we are going to select it, click Open again and just going to press Ctrl+A to select the photo and then Ctrl+C to copy it. I am going to minimize this to switch back to our layout document and press Ctrl+V to paste it and there we go. It comes in and what I want to do next is actually create a layer mask. So I am going to go back to my header background and the way I am going to do it is just by selecting the Magic Wand tool and selecting the header background and that's partly the reason why we created those fills in the first place and I will go back up to my skateboarder photo and I will click on the Layer Mask icon.
Now I am going to unlink them. You can see that the layer mask is currently linked. So I am just going to click on that and unlink it and I will select the image itself, press the V key as my Move Tool shortcut and move this image around and there we go. That looks about right and what I want to do is actually blend this a little bit, so we will actually first Overlay it and over here I am getting a hard edge. So I want to remove that and I am going to do that by adding a gradient to my layer mask.
So again I have to select my header background. I am going to click on the Magic Wand tool to select it and then click on the header background to select the header background again. I go back to my layer mask and click on it and you will notice that the layer mask is now selected because of the hairline outlined around the mask. So this tells me that I have the mask selected, not the actual image. I will come back here and we will make sure that we have black as our foreground we will go to our Gradient tool select that and we will want to make sure that we have the Foreground to Transparent selected in the Gradient dropdown.
We will double-click to accept that and now we are just going to draw about an inch or so holding our Shift key down a straight line and let's go and that blends in the background image with our background color. So now you can see that we actually have a number of layers in our Photoshop documents. So it's a good idea to start organizing them early on into folders and this is going to make your life a lot easier as we continue to work with this document.
So before I do that I am just going to rename this. I am going to call this Header_Photo. I am going to select all of the header layer by Shift+Clicking to select multiple layers and from our Panel menu I am going to select New Group from Layers and we will call this Header.