Authentic voices. Remarkable stories. AOL On Originals showcase the passions that make the world a more interesting place.
Connected features the personal stories of six New Yorkers woven together into one of the most intimate series ever. This groundbreaking show changes the nature of storytelling by giving each character a camera to document their lives. The result is a unique format revealing as different as everyone appears to be, we are all universally Connected.
Wake up to your world in 2 minutes.
Jews and Money. Asian Drivers. Polish IQ. CPT… that's racist! But where do these stereotypes come from? Comedian Mike Epps explores the backstories of this humor and how history and fact often distorts into a snide – but sometimes funny – shorthand.
"INSPIRED" features celebrities, visionaries and some of the biggest newsmakers of our generation, recounting the stories behind their biggest, life-changing moments of inspiration.
In a compelling series of verite encounters, Win Win provides unique access into the minds and lives of the world’s most-celebrated entrepreneurs and athletes.
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.”
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.
Comedy is hard, but teaching comedy to children is hilariously difficult. Kevin Nealon is giving the challenge to some world-famous comedians. As these young minds meet with comedy’s best, get ready to learn some valuable comedy lessons, and to laugh!
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.
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.
Executive produced by Zoe Saldana (who will be the subject of one episode), a celebrity travels back to their hometown to pay tribute to the one person from their past (before they were famous) who helped change their life by giving them an over-the-top, heart-felt surprise.
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.
Park Bench is a new kind of "talking show" straight from the mind of born and bred New Yorker and host, Steve Buscemi.
Learn How To Create Mock-up Navigation Buttons in Photoshop
Tags:adobe creative suite 2,adobe dreamweaver,adobe fireworks,adobe flash 8 professional,adobe illustrator,adobe photoshop,adobe web bundle,cascading style sheets,cmyk,html,jpeg,live,mac,macromedia studio 8,microsoft windows,rgb,total training
Grab video code:
Now, I am going to pair this up with some content that we are going to be using to divide up the navigation on the main page. Let me minimize this down and we will take a look at the front here.
I think I will leave the mechanics photo up just for a second. We already got four big buttons identified at the top here. And I am going to be using these photos to accentuate those and still pulling the colors up and using a little bit of transparency but we are going to breaking them up as follows. Our first button is going to talk about is going to talk a little bit more about the company itself--a little history, a little “who we are” type of section for their website.
The second one is going to talk about options and on the web, we are going to be listing all the different services that Alien Auto provides. Our third button is going to be a gallery, a little before and after that shows success stories for all of their clients and the last one is going to be highlighting the crew. Now, I saved the mechanic picture because I am going to use that to start.
I am going to start dropping these pictures into the areas designated for our main navigation buttons. To get that going, I will just click that on the Move tool, I will go over to the mechanic photo, grab it and drag it on into our color layout. Now, as you can see, one of the big things we are going to be doing in Photoshop right now is doing any adjustments we need to do with these pictures and obviously, cropping them and scaling them a bit, so they will fit with our layout.
Now, I already got some scale handles here, so I might as well do my scale operation. I want to drop this one on in and I am holding the “Shift” key down, so that I constrain the proportion to the original photo, and I am going to scale it down, so it is going to fit in that area a little bit better.
Now, I will just commit to that transform by hitting the “Enter” key and we use that as a temporary placeholder. Then notice up here in the options for my move tool that I do have to show transform controls on. So, that is what is giving me the handles and allowing me to make very quick changes to the size and scale of all of these images. That is going to help us out for now. So, we will leave that there.
Now, just to make things a little bit easier for placement, I am going to go over to my layers and make a couple of changes. First of all, I am going to bring the button background up. That has the color swatches that we are using and also the size and placement of the button set for us. I am just going to drop the opacity down to somewhere around 40 or 50 and bring that layer up above where I have inserted my image.
Now, see I can use the yellow box as a placement for the size of my image because we are going to crop over the rest of this and leave ourselves with a nice plain image that we can use to set up the graphic for our button. Let us finish our button placement and set up the crop. I will reselect that layer.
Now, that I can see the extent, I can do some quick changes. I am still holding down the “Shift” key so I can keep the proportions intact and I am going to try to keep this as much as I can of the mechanic in the picture, so I am going to scale it down just so it is slightly larger than the yellow rectangle that we are looking for, for placement.
I will move that around, maybe even notching with the arrow keys until I get it exactly where I want for the crop. I will hit enter to commit that transform and then we will start to crop up.
To accurately set the crop, I am going to go right back to the button that we have set up in our button backgrounds and I am going to use the marquee tool, very quickly go in and just select the yellow square on the end.
Now, by switching to that layer, I am only selecting the yellow pixels even though we can see our image in the background there. I am going to use a little trick that is very helpful for setting selections. I am going to hold the “Ctrl” key down which switches me back to my move tool or the “Command” key on the Macintosh, and I am going to us