Saturday, June 5, 2010

Updated Midterm


I updated the rollover image. I used a gradient to create the green target shape in the original, so for the new version of it I used the quick select tool and highlighted the green parts. Once it was selected I used another gradient over it and set it to darker color and overlay. So it changed the color of the green.
I only added star shapes with gradients and clipping mask to the Project graphics. There wasn’t much change from the original. I did change the Header logo.
The banner didn’t change much either, I used the technique where an area of a shape is cut out when you hold down ALT and place another shape on top. I did that for the pink star, and I added another different star to the other side of the banner. I decreased the percentage of opacity so that I would look faded. I removed a lot of random brushstrokes and shapes from the banner making it look less crowded, and also added a black and white gradient to the back.
I did not modify the graphics for my links in a big way. It was more of a subtle change. I used gradients and shapes like the originals, but this time using the clipping masks. I liked the originals so I didn’t want to change it dramatically.
I learned about using templates in Dreamweaver, I didn’t necessarily like the template I used for this site because I couldn’t get the content to stay aligned where I wanted it to be, and I was having issues with the widths and placement of objects. I liked creating the graphics for my webpage, because it gives it a more personal look. I plan on making better graphics as I continue to develop my skills. Overall I liked the clipping mask tool; it has become my favorite tool to use.

Friday, June 4, 2010

Midterm after making changes: Sangeeta


Here is the midterm site after making changes. I made changes to the header and to the rollover image.

Thursday, June 3, 2010

Web Page Mockup


For my color scheme I used:
#d4d099
#4c671b
#f4b6a5
#c7cce2
To remove an image for my banner I used the crop tool. In the banner I used the burn tool to darken it a bit, blend mode to darken, filter sharpen, the polygon tool for a shape, and the gradient tool to change the color of the sky. The slicing was really easy and seems like a useful tool.

I had some trouble darkening the image of my banner with out losing the rainbow in it. The dodge and blend tools worked well to darken the sky but not too much. I really enjoy playing with the gradients. With different color schemes and opacity settings one can completely change the feel of an image or picture.

Updated Midterm


Here is my updated Midterm. I changed the banner with some filters and also changes the rollover pics with filters. My goal was to make it look strange.

Wednesday, June 2, 2010

New Midterm Project -- Sampa


I had a lot of fun by recreating the whole site again. I created the banner with the brush tool and used soft direct light filters for the background effects. With the blending options such as: drop shadow, bevel and emboss, pattern overlay, and stroke, I created an eye-catching title. To give a different shape to my title, I used the wrap text and the wrap tool. By applying a clipping mask, I combined a shape and a picture that was made to make the banner.
I have used Gradient overlay in difference mode for the hover and link state. Then for the Hover I have used Accented edge filter and for the link I used Ink Outline filter.
I changed body and footer color also. I used all hexadecimal colors.
I added Project one through 6 on to the site, which includes all the pictures and blog text for each project.
I recreated this site again because I wanted to create a much more attractive site than before.
The following colors are what I used for the project.
Projects colors
#a72a97 -- Light Puple
#5a84ff -- Light blue
#9F59AF -- light purple
#217e69 -- light green
#BF8A49 -- yellow
#A45597 -- mauve
#f6ee08 -- yellow
#8832c3 -- purple
green
silver
Here is my link to the new midterm project.
New Midterm Project

Monday, May 31, 2010

Project 6 Abel Rodriguez


I did a filter on both images that was water color. The original chair picture had a little cartoonish feel to it already so i added the water color to make them fit. I decided to add the drop shadow to both texts because of the tree with the drop shadow so i added a feel that went throughout the entire picture I also added a drop shadow to the chair. I decided to use the text to promote a fictious website where you would book trips.

Project 6 Luna F


I changed the original background with the gradient tool and made it colorful. I also used Levels and Curves. It was difficult for me to find a font I wanted that would look like it belonged to the image. I aligned the paragraph so that it would be even on the sides. I added a brass colored gradient to the PDX logo with a clipping mask. The text was curved like an arc and placed over the globe. From this project I learned how to align paragraphs, and created the Pdx Logo out of shapes.