Final ~ Suki

Colors I used:

140d04

d19e3d

836e46

fec04b

975f20

ac853c

Tada! Here's my final project! I had a blast putting this together! Man! Now I want to make it an actual page!!! Alas, I have more homework to do. Of course, I totally went off on a wild tangent and didn't do exactly what we're supposed to do. Um, hope it works anyway.

Boy, where do I start? I found a cool image for the background and went from there basically. For this project I went for a clean look. Haha! As far as layers go, the background itself is like 5, let alone all the rest of it. I have to admit, I didn't actually adjust the background image at all color-wise. To get the treble clef to poke out like that, I literally used it as a clipping mask on like 3 layers of color and black.

Haha! I crack myself up. I made my own scrollbar. :)

It was fun playing with the text. I haven't actually had much experience with what fonts to use etc, but I'm starting to get the hang of it.

To get the faint image of the girl on the album cover, I found a photo online. Her hair didn't contrast much with the background, and since I knew she was going to be a faint image on the album, I did some weird stuff to her color-wise. Some of the tools I used were color saturation and the burn tool, among several others. the burn tool actually was pretty much able to pull her hair off the background. Then I used the extract filter, and on the mockup I actually painted a mask around the edges using some grunge brushes. Then I put a texture on her using the canvas texturizing filter.

I adjusted the color of the bridge picture actually to be more opposite the color of the page than it was originally by increasing the blue and decreasing the reds and greens.

Believe it or not, the frame around the boxes was the hardest to make. I wanted a hairline outline a couple pixels away from the edge, but it was a bit harder than I thought it would be. I had to make a path and add a stroke to it, but once I did that, I couldn't change it at all! And with the blending effects I didn't know what color I had so I couldn't quite duplicate it for the main box. So basically I used the content aware scale, and it only stretched the top. Then I used the rectangle tool to paint black as a mask leaving behind a hairline border at the top. Is there an easier way to do that??? Oh, and the other problem with the look I wanted is that it requires me to slice the buttons, which is against the instructions for the project. I did it anyway, but I'm thinking the other way to do it is to put the border on the background. Maybe I'm thinking too much about how to make the website for real and less about following instructions and making a nice mockup?

Ok, I used quite a bit of the dodge tool on the lady on the album cover.

I applied a filter to her to add some texture.

Goodness I used blend modes all over the place! Overlay, screen, multiply, differing opacities, the works!

I used gradients for the buttons and the scrollbar.

So there ya have it! Again, I had a blast putting this one together. I would absolutely love to figure out how to make this webpage work! :) Have a great summer everyone!!!